/* Css core style */
/* Pattern library style */
/* To apply the style, add the class name 'coc-pl'*/
/*
Import this file using the following HTML or equivalent:
<link href="/Scripts/MasterPage/COC.Pattern.Library.css" rel="stylesheet" type="text/css" />
*/
/*MAIN CORPORATE THEME FOR CALGARY.CA */
/*Link color for calgary.ca*/
/*color for calgary.ca CPS*/
/* Main corporate grey: #4b4f55 */
/*Lightest shade*/
/*Darkets shade*/
/*/////////// Gradients ///////////*/
/*/////////// Flexbox ///////////*/
/*  disable
.container {
  @include flexbox();
}

.item {
  @include flex(1 200px);
  @include order(2);
}
*/
/* Follow code has been added to remove the padding on left and right from the COC.Global.Compiled.css*/
.coc .container-fluid {
  padding-left: 0;
  padding-right: 0; }

.coc-pl #ctl00_PlaceHolderSearchArea_ctl00_txtSearch {
  font-size: 18px;
  font-size: 1.8rem; }

/* -------------------------------------------------------
       START OF _base.scss -- Modified for internal use
       ------------------------------------------------------- */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

html {
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
  /*Add important to overwrite the old fonts*/
  /* Set font-size to 62.5% to reset rem units to match 10 pixels (e.g. 1.3em = 13px, 1rem == 10px) */
  font-size: 62.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

body {
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
  /*Add important to overwrite the old fonts*/
  font-weight: 400;
  line-height: 1.6;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333333;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

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

/* Global Classes */
[role=button] {
  cursor: pointer; }
  [role=button]:focus {
    -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 3px 3px #60bbfe;
    outline-style: none;
    outline: 2px solid #0394FF \9; }

a:focus {
  -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 3px 3px #60bbfe;
  outline-style: none;
  outline: 2px solid #0394FF \9; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/* -------------------------------------------------------
   START OF HEADINGS _headings.scss
   ------------------------------------------------------- */
.coc-pl h1, .coc-pl .h1 {
  font-size: 45px;
  font-size: 4.5rem;
  line-height: 1.4;
  margin-top: 2.8rem;
  margin-bottom: 1.5rem;
  color: #6f7277;
  font-weight: normal; }
  @media only screen and (min-width: 200px) {
    .coc-pl h1, .coc-pl .h1 {
      font-size: 26px;
      font-size: 2.6rem;
      margin-bottom: 1.2rem; } }
  @media only screen and (min-width: 320px) {
    .coc-pl h1, .coc-pl .h1 {
      font-size: 26px;
      font-size: 2.6rem;
      margin-bottom: 1.2rem; } }
  @media only screen and (min-width: 544px) {
    .coc-pl h1, .coc-pl .h1 {
      font-size: 36px;
      font-size: 3.6rem;
      margin-bottom: 1.2rem; } }
  @media only screen and (min-width: 768px) {
    .coc-pl h1, .coc-pl .h1 {
      font-size: 40px;
      font-size: 4rem;
      margin-bottom: 1.2rem; } }
  @media only screen and (min-width: 992px) {
    .coc-pl h1, .coc-pl .h1 {
      font-size: 45px;
      font-size: 4.5rem; } }

.coc-pl h2, .coc-pl .h2 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.4;
  margin-top: 2.0rem;
  margin-bottom: 1.5rem;
  color: #4b4f55;
  font-weight: normal; }
  @media only screen and (min-width: 200px) {
    .coc-pl h2, .coc-pl .h2 {
      font-size: 23px;
      font-size: 2.3rem; } }
  @media only screen and (min-width: 320px) {
    .coc-pl h2, .coc-pl .h2 {
      font-size: 23px;
      font-size: 2.3rem; } }
  @media only screen and (min-width: 544px) {
    .coc-pl h2, .coc-pl .h2 {
      font-size: 28px;
      font-size: 2.8rem; } }
  @media only screen and (min-width: 768px) {
    .coc-pl h2, .coc-pl .h2 {
      font-size: 30px;
      font-size: 3rem; } }
  @media only screen and (min-width: 992px) {
    .coc-pl h2, .coc-pl .h2 {
      font-size: 32px;
      font-size: 3.2rem; } }

.coc-pl h3, .coc-pl .h3 {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.5;
  margin-top: 1.0rem;
  margin-bottom: 1.5rem;
  color: #4b4f55;
  font-weight: normal; }
  @media only screen and (min-width: 200px) {
    .coc-pl h3, .coc-pl .h3 {
      font-size: 20px;
      font-size: 2rem; } }
  @media only screen and (min-width: 320px) {
    .coc-pl h3, .coc-pl .h3 {
      font-size: 20px;
      font-size: 2rem; } }
  @media only screen and (min-width: 544px) {
    .coc-pl h3, .coc-pl .h3 {
      font-size: 21px;
      font-size: 2.1rem; } }
  @media only screen and (min-width: 768px) {
    .coc-pl h3, .coc-pl .h3 {
      font-size: 22px;
      font-size: 2.2rem; } }
  @media only screen and (min-width: 992px) {
    .coc-pl h3, .coc-pl .h3 {
      font-size: 23px;
      font-size: 2.3rem; } }

.coc-pl h4, .coc-pl .h4 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #4b4f55;
  font-weight: normal; }
  @media only screen and (min-width: 200px) {
    .coc-pl h4, .coc-pl .h4 {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media only screen and (min-width: 320px) {
    .coc-pl h4, .coc-pl .h4 {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media only screen and (min-width: 544px) {
    .coc-pl h4, .coc-pl .h4 {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media only screen and (min-width: 768px) {
    .coc-pl h4, .coc-pl .h4 {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media only screen and (min-width: 992px) {
    .coc-pl h4, .coc-pl .h4 {
      font-size: 16px;
      font-size: 1.6rem; } }

.coc-pl h5, .coc-pl .h5 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #4b4f55;
  font-weight: normal; }
  @media only screen and (min-width: 200px) {
    .coc-pl h5, .coc-pl .h5 {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media only screen and (min-width: 320px) {
    .coc-pl h5, .coc-pl .h5 {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media only screen and (min-width: 544px) {
    .coc-pl h5, .coc-pl .h5 {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media only screen and (min-width: 768px) {
    .coc-pl h5, .coc-pl .h5 {
      font-size: 14px;
      font-size: 1.4rem; } }
  @media only screen and (min-width: 992px) {
    .coc-pl h5, .coc-pl .h5 {
      font-size: 14px;
      font-size: 1.4rem; } }

.coc-pl h6, .coc-pl .h6 {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #4b4f55; }

@media only screen and (min-width: 320px) {
  .coc-pl article h1, .coc-pl article .h1, .coc-pl article h2, .coc-pl article .h2, .coc-pl article h3, .coc-pl article .h3, .coc-pl article h4, .coc-pl article .h4 {
    max-width: 440px;
    max-width: 44rem; } }

@media only screen and (min-width: 544px) {
  .coc-pl article h1, .coc-pl article .h1, .coc-pl article h2, .coc-pl article .h2, .coc-pl article h3, .coc-pl article .h3, .coc-pl article h4, .coc-pl article .h4 {
    max-width: 490px;
    max-width: 49rem; } }

@media only screen and (min-width: 768px) {
  .coc-pl article h1, .coc-pl article .h1, .coc-pl article h2, .coc-pl article .h2, .coc-pl article h3, .coc-pl article .h3, .coc-pl article h4, .coc-pl article .h4 {
    max-width: 560px;
    max-width: 56rem; } }

@media only screen and (min-width: 992px) {
  .coc-pl article h1, .coc-pl article .h1, .coc-pl article h2, .coc-pl article .h2, .coc-pl article h3, .coc-pl article .h3, .coc-pl article h4, .coc-pl article .h4 {
    max-width: 600px;
    max-width: 60rem; } }

@media only screen and (min-width: 1200px) {
  .coc-pl article h1, .coc-pl article .h1, .coc-pl article h2, .coc-pl article .h2, .coc-pl article h3, .coc-pl article .h3, .coc-pl article h4, .coc-pl article .h4 {
    max-width: 680px;
    max-width: 56rem; } }

@media only screen and (min-width: 1680px) {
  .coc-pl article h1, .coc-pl article .h1, .coc-pl article h2, .coc-pl article .h2, .coc-pl article h3, .coc-pl article .h3, .coc-pl article h4, .coc-pl article .h4 {
    max-width: 700px;
    max-width: 70rem; } }

.coc-pl .subtitle-block.cui {
  display: block;
  margin: 0;
  padding: 0; }
  .coc-pl .subtitle-block.cui h2 {
    color: #333333;
    font-weight: 600;
    text-align: left; }
    @media only screen and (min-width: 200px) {
      .coc-pl .subtitle-block.cui h2 {
        font-size: 23px;
        font-size: 2.3rem;
        margin-bottom: 0; } }
    @media only screen and (min-width: 320px) {
      .coc-pl .subtitle-block.cui h2 {
        font-size: 23px;
        font-size: 2.3rem; } }
    @media only screen and (min-width: 544px) {
      .coc-pl .subtitle-block.cui h2 {
        font-size: 28px;
        font-size: 2.8rem; } }
    @media only screen and (min-width: 768px) {
      .coc-pl .subtitle-block.cui h2 {
        font-size: 30px;
        font-size: 3rem;
        margin-bottom: 1.5rem; } }
    @media only screen and (min-width: 992px) {
      .coc-pl .subtitle-block.cui h2 {
        font-size: 32px;
        font-size: 3.2rem; } }
  .coc-pl .subtitle-block.cui hr {
    background: #333333;
    height: 0; }
    @media only screen and (min-width: 200px) {
      .coc-pl .subtitle-block.cui hr {
        border: 1px solid #333333;
        margin: 9px 0;
        margin: 0.9rem 0; } }
    @media only screen and (min-width: 768px) {
      .coc-pl .subtitle-block.cui hr {
        border: 2px solid #333333;
        margin: 18px 0;
        margin: 1.8rem 0; } }

/* -------------------------------------------------------
   START OF TEXT _text.scss
   ------------------------------------------------------- */
.coc-pl {
  /* Blockquote */ }
  .coc-pl p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 12px;
    margin-top: 12px;
    color: #333333;
    font-weight: 400;
    /*max-width: $text-max-width;*/ }
    @media only screen and (min-width: 320px) {
      .coc-pl p {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 440px;
        max-width: 44rem; } }
    @media only screen and (min-width: 544px) {
      .coc-pl p {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 490px;
        max-width: 49rem; } }
    @media only screen and (min-width: 768px) {
      .coc-pl p {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 560px;
        max-width: 56rem; } }
    @media only screen and (min-width: 992px) {
      .coc-pl p {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 600px;
        max-width: 60rem; } }
    @media only screen and (min-width: 1200px) {
      .coc-pl p {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 680px;
        max-width: 56rem; } }
    @media only screen and (min-width: 1680px) {
      .coc-pl p {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 700px;
        max-width: 70rem; } }
  .coc-pl section > p:last-of-type {
    margin-bottom: 48px; }
  .coc-pl blockquote {
    font-style: italic;
    border-left: 3px solid #c8102e;
    color: #4b4f55;
    padding-left: 15px;
    padding-left: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 2.4rem; }
    @media only screen and (min-width: 320px) {
      .coc-pl blockquote {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 440px;
        max-width: 44rem; } }
    @media only screen and (min-width: 544px) {
      .coc-pl blockquote {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 490px;
        max-width: 49rem; } }
    @media only screen and (min-width: 768px) {
      .coc-pl blockquote {
        font-size: 17px;
        font-size: 1.7rem;
        max-width: 560px;
        max-width: 56rem; } }
    @media only screen and (min-width: 992px) {
      .coc-pl blockquote {
        font-size: 18px;
        font-size: 1.8rem;
        max-width: 600px;
        max-width: 60rem; } }
    @media only screen and (min-width: 1200px) {
      .coc-pl blockquote {
        font-size: 18px;
        font-size: 1.8rem;
        max-width: 680px;
        max-width: 56rem; } }
    @media only screen and (min-width: 1680px) {
      .coc-pl blockquote {
        font-size: 18px;
        font-size: 1.8rem;
        max-width: 700px;
        max-width: 70rem; } }
  .coc-pl blockquote:before, .coc-pl blockquote:after {
    content: '';
    content: none; }
  .coc-pl ins {
    text-decoration: underline; }
  .coc-pl del {
    text-decoration: line-through; }
  .coc-pl mark {
    background: yellow; }
  .coc-pl abbr[title], .coc-pl dfn[title] {
    border-bottom: 1px dotted #000000;
    cursor: help; }
  .coc-pl hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    background: #cccccc;
    margin: 24px 0;
    margin: 2.4rem 0;
    padding: 0; }
    .coc-pl hr.row-divider {
      border: 4px solid #ededee;
      background: #ededee; }

/* -------------------------------------------------------
   START OF LINKS _links.scss
   ------------------------------------------------------- */
.coc-pl a {
  color: #c8102e;
  text-decoration: underline;
  outline: 0; }
  .coc-pl a:visited {
    color: #780519;
    outline-style: none; }
  .coc-pl a:focus {
    -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 3px 3px #60bbfe;
    outline-style: none;
    /* 1st */
    outline: 2px solid #0394FF \9;
    /* 2nd -- IE8 hack  */
    background: transparent;
    color: #ef3654;
    text-decoration: none; }
  .coc-pl a:hover {
    outline-style: none;
    color: #ef3654;
    text-decoration: none; }
  .coc-pl a:active {
    outline-style: none; }

.coc-pl a.light {
  color: #f6f6f6;
  text-decoration: underline;
  outline: 0; }
  .coc-pl a.light:visited {
    color: #a5a7aa;
    outline-style: none; }
  .coc-pl a.light:focus {
    -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 3px 3px #60bbfe;
    outline-style: none;
    /* 1st */
    outline: 2px solid #0394FF \9;
    /* 2nd -- IE8 hack  */
    background: transparent;
    color: #ffffff;
    text-decoration: none; }
  .coc-pl a.light:hover {
    outline-style: none;
    color: white;
    text-decoration: none; }
  .coc-pl a.light:active {
    outline-style: none; }

/* -------------------------------------------------------
   START OF LISTS _lists.scss
   ------------------------------------------------------- */
.coc-pl {
  /*List style classes*/
  /* Definition Lists */ }
  .coc-pl ol, .coc-pl ul {
    margin: 0 0 0 15px;
    margin: 0 0 0 1.5rem;
    padding: 0; }
  .coc-pl nav ul {
    list-style: none; }
  .coc-pl ol li {
    list-style: decimal;
    text-indent: inherit;
    list-style-position: inherit; }
  .coc-pl ul li {
    list-style: disc;
    text-indent: inherit;
    list-style-position: inherit; }
  .coc-pl ul ul {
    list-style: circle; }
  .coc-pl ol ol {
    /*list-style: lower-alpha;
		list-style: upper-roman;*/ }
  .coc-pl ul ul, .coc-pl ul ol, .coc-pl ol ul, .coc-pl ol ol {
    list-style-position: inherit;
    text-indent: inherit;
    margin-left: 24px;
    margin-left: 2.4rem; }
  .coc-pl .lower-alpha {
    list-style-type: lower-alpha; }
  .coc-pl .lower-roman {
    list-style-type: upper-roman; }
  .coc-pl dl {
    overflow: hidden;
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
    line-height: 1.6; }
    @media only screen and (min-width: 320px) {
      .coc-pl dl {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 440px;
        max-width: 44rem; } }
    @media only screen and (min-width: 544px) {
      .coc-pl dl {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 490px;
        max-width: 49rem; } }
    @media only screen and (min-width: 768px) {
      .coc-pl dl {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 560px;
        max-width: 56rem; } }
    @media only screen and (min-width: 992px) {
      .coc-pl dl {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 600px;
        max-width: 60rem; } }
    @media only screen and (min-width: 1200px) {
      .coc-pl dl {
        font-size: 16px;
        font-size: 1.6rem;
        max-width: 680px;
        max-width: 68rem; } }
    @media only screen and (min-width: 1680px) {
      .coc-pl dl {
        font-size: 18px;
        font-size: 1.8rem;
        max-width: 700px;
        max-width: 70rem; } }
    .coc-pl dl dt {
      font-weight: 800;
      line-height: 1.6; }
    .coc-pl dl dd {
      margin: 0 0 10px;
      margin: 0 0 1rem;
      line-height: 1.6; }

.coc-pl {
  /* -------------------------------------------------------
   START OF BUTTONS _buttons.scss
   ------------------------------------------------------- */ }
  .coc-pl button.cui:focus {
    -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 3px 3px #60bbfe;
    outline-style: none;
    /* 1st */
    outline: 2px solid #0394FF \9;
    /* 2nd -- IE8 hack  */ }
  .coc-pl .cui[class*="btn"] {
    display: inline-block;
    margin: 4px 2px;
    height: 40px;
    height: 4rem;
    color: #606060;
    color: rgba(0, 0, 0, 0.6);
    line-height: 1;
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    font-weight: 400;
    white-space: nowrap;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 18px;
    padding: 1.2rem 1.8rem;
    border: 2px solid #a5a7aa;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    vertical-align: top;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .coc-pl .cui[class*="btn"]:hover {
      /*@include prefix(box-shadow, 0px 7px 11px rgba(0,0,0,0.15), webkit moz);*/
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
    .coc-pl .cui[class*="btn"]:focus {
      -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 0px 3px 3px #60bbfe;
      outline-style: none;
      /* 1st */
      outline: 2px solid #0394FF \9;
      /* 2nd -- IE8 hack  */ }
    .coc-pl .cui[class*="btn"]:active {
      background: #ebebeb;
      -webkit-transition: all 0s ease;
      -moz-transition: all 0s ease;
      -ms-transition: all 0s ease;
      -o-transition: all 0s ease;
      transition: all 0s ease;
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
    .coc-pl .cui[class*="btn"].primary {
      background: #c8102e;
      /*@include linear-gradient($coc-main, darken($coc-main,6) );*/
      color: #fff;
      border: 2px solid #c8102e;
      border: 2px solid rgba(200, 16, 46, 0.8); }
      .coc-pl .cui[class*="btn"].primary:hover {
        background: #c8102e;
        background: rgba(200, 16, 46, 0.8);
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].primary:active {
        background: #c8102e;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
    .coc-pl .cui[class*="btn"].primary-fluid {
      background: #c8102e;
      /*@include linear-gradient($coc-main, darken($coc-main,6) );*/
      color: #fff;
      border: 2px solid #c8102e;
      border: 2px solid rgba(200, 16, 46, 0.8);
      width: 100%; }
      .coc-pl .cui[class*="btn"].primary-fluid:hover {
        background: #c8102e;
        background: rgba(200, 16, 46, 0.8);
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].primary-fluid:active {
        background: #c8102e;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
    .coc-pl .cui[class*="btn"].primary-ghost {
      background: transparent;
      /*@include linear-gradient($coc-main, darken($coc-main,6) );*/
      color: #c8102e;
      border: 2px solid #c8102e; }
      .coc-pl .cui[class*="btn"].primary-ghost:hover {
        background: rgba(200, 16, 46, 0.8);
        color: #fff;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].primary-ghost:active {
        background: #c8102e;
        color: #fff;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
    .coc-pl .cui[class*="btn"].primary-ghost-fluid {
      background: transparent;
      /*@include linear-gradient($coc-main, darken($coc-main,6) );*/
      color: #c8102e;
      border: 2px solid #c8102e;
      width: 100%; }
      .coc-pl .cui[class*="btn"].primary-ghost-fluid:hover {
        background: rgba(200, 16, 46, 0.8);
        color: #fff;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].primary-ghost-fluid:active {
        background: #c8102e;
        color: #fff;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }

	// 2019/12/02 addition
	.coc-pl .cui[class*="btn"].utility-btn, .cui[class*="btn"].utility-btn-solid {
    background: transparent;
    border-color: #4b4f55;
    color: #4b4f55;
    position: relative; }
    .cui[class*="btn"].utility-btn:hover, .cui[class*="btn"].utility-btn-solid:hover {
      box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.25); }
    .cui[class*="btn"].utility-btn:active, .cui[class*="btn"].utility-btn-solid:active {
      box-shadow: inset 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.25); }
    .cui[class*="btn"].utility-btn:focus:hover, .cui[class*="btn"].utility-btn-solid:focus:hover {
      box-shadow: 0 0 0.1875rem 0.1875rem #60bbfe, 0 0.25rem 1.25rem rgba(0, 0, 0, 0.25); }
    .cui[class*="btn"].utility-btn:focus:active, .cui[class*="btn"].utility-btn-solid:focus:active {
      box-shadow: 0 0 0.1875rem 0.1875rem #60bbfe, inset 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.25); }
    .cui[class*="btn"].utility-btn [class*="cicon"], .cui[class*="btn"].utility-btn-solid [class*="cicon"] {
      position: relative; }
      .cui[class*="btn"].utility-btn [class*="cicon"].left, .cui[class*="btn"].utility-btn-solid [class*="cicon"].left {
        padding-right: 0; }
      .cui[class*="btn"].utility-btn [class*="cicon"].right, .cui[class*="btn"].utility-btn-solid [class*="cicon"].right {
        padding-left: 0; }
    .cui[class*="btn"].utility-btn:hover, .cui[class*="btn"].utility-btn-solid:hover {
      background: #fff;
      border-color: #000;
      color: #000; }
    .cui[class*="btn"].utility-btn:active, .cui[class*="btn"].utility-btn-solid:active {
      background: #fff;
      border-color: #191919;
      color: #191919; }
  .coc-pl .cui[class*="btn"].utility-btn-solid {
    background: #fff; }
  .coc-pl .cui[class*="btn"].utility-btn, .cui[class*="btn"].utility-btn-solid {
    background: transparent;
    border-color: #4b4f55;
    color: #4b4f55;
    position: relative;
    }
   .coc-pl  .cui[class*="btn"].utility-btn:hover, .cui[class*="btn"].utility-btn-solid:hover {
      box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.25); }
   .coc-pl  .cui[class*="btn"].utility-btn:active, .cui[class*="btn"].utility-btn-solid:active {
      box-shadow: inset 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.25); }
   .coc-pl  .cui[class*="btn"].utility-btn:focus:hover, .cui[class*="btn"].utility-btn-solid:focus:hover {
      box-shadow: 0 0 0.1875rem 0.1875rem #60bbfe, 0 0.25rem 1.25rem rgba(0, 0, 0, 0.25); }
   .coc-pl  .cui[class*="btn"].utility-btn:focus:active, .cui[class*="btn"].utility-btn-solid:focus:active {
      box-shadow: 0 0 0.1875rem 0.1875rem #60bbfe, inset 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.25); }
   .coc-pl  .cui[class*="btn"].utility-btn [class*="cicon"], .cui[class*="btn"].utility-btn-solid [class*="cicon"] {
      position: relative; }
    .coc-pl   .cui[class*="btn"].utility-btn [class*="cicon"].left, .cui[class*="btn"].utility-btn-solid [class*="cicon"].left {
        padding-right: 0; }
    .coc-pl   .cui[class*="btn"].utility-btn [class*="cicon"].right, .cui[class*="btn"].utility-btn-solid [class*="cicon"].right {
        padding-left: 0; }
   .coc-pl  .cui[class*="btn"].utility-btn:hover, .cui[class*="btn"].utility-btn-solid:hover {
      background: #fff;
      border-color: #000;
      color: #000; }
   .coc-pl  .cui[class*="btn"].utility-btn:active, .cui[class*="btn"].utility-btn-solid:active {
      background: #fff;
      border-color: #191919;
      color: #191919; }
  .coc-pl .cui[class*="btn"].utility-btn-solid {
    background: #fff; }

	
    .coc-pl .cui[class*="btn"].secondary-ghost {
      background: rgba(0, 0, 0, 0.1);
      background: transparent;
      color: #333333;
      border: 2px solid #4b4f55;
      border: 2px solid rgba(75, 79, 85, 0.8); }
      .coc-pl .cui[class*="btn"].secondary-ghost:hover {
        background: #4b4f55;
        color: #ededee;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].secondary-ghost:active {
        background: #7f7f7f;
        color: #ededee;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
    .coc-pl .cui[class*="btn"].secondary-ghost-fluid {
      background: rgba(0, 0, 0, 0.1);
      background: transparent;
      /*@include linear-gradient($coc-main, darken($coc-main,6) );*/
      color: #333333;
      border: 2px solid #4b4f55;
      border: 2px solid rgba(75, 79, 85, 0.8);
      width: 100%; }
      .coc-pl .cui[class*="btn"].secondary-ghost-fluid:hover {
        background: #4b4f55;
        color: #ededee;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].secondary-ghost-fluid:active {
        background: #7f7f7f;
        color: #ededee;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
    .coc-pl .cui[class*="btn"].primary-solid {
      background: #ffffff;
      /*@include linear-gradient($coc-main, darken($coc-main,6) );*/
      color: #c8102e;
      border: 2px solid #c8102e; }
      .coc-pl .cui[class*="btn"].primary-solid:hover {
        background: rgba(200, 16, 46, 0.8);
        color: #fff;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].primary-solid:active {
        background: #c8102e;
        color: #fff;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
    .coc-pl .cui[class*="btn"].primary-solid-fluid {
      background: #ffffff;
      /*@include linear-gradient($coc-main, darken($coc-main,6) );*/
      color: #c8102e;
      border: 2px solid #c8102e;
      width: 100%; }
      .coc-pl .cui[class*="btn"].primary-solid-fluid:hover {
        background: rgba(200, 16, 46, 0.8);
        color: #fff;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].primary-solid-fluid:active {
        background: #c8102e;
        color: #fff;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
    .coc-pl .cui[class*="btn"].secondary-solid {
      background: #ffffff;
      color: #333333;
      border: 2px solid #4b4f55;
      border: 2px solid rgba(75, 79, 85, 0.8); }
      .coc-pl .cui[class*="btn"].secondary-solid:hover {
        background: #4b4f55;
        color: #ededee;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].secondary-solid:active {
        background: #7f7f7f;
        color: #ededee;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
    .coc-pl .cui[class*="btn"].secondary-solid-fluid {
      background: #ffffff;
      /*@include linear-gradient($coc-main, darken($coc-main,6) );*/
      color: #333333;
      border: 2px solid #4b4f55;
      border: 2px solid rgba(75, 79, 85, 0.8);
      width: 100%; }
      .coc-pl .cui[class*="btn"].secondary-solid-fluid:hover {
        background: #4b4f55;
        color: #ededee;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].secondary-solid-fluid:active {
        background: #7f7f7f;
        color: #ededee;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
    .coc-pl .cui[class*="btn"].disabled, .coc-pl .cui[class*="btn"][disabled] {
      background: #dbdcdd;
      /*background: rgba(222, 225, 226 ,0.9);*/
      /*color: $coc-secondary-4L;*/
      color: rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      filter: progid:DXImageTransform.Microsoft.gradient GradientType=0, startColorstr=#000000 endColorstr=#000000;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#000000)";
      cursor: not-allowed; }
    .coc-pl .cui[class*="btn"].disabled-fluid, .coc-pl .cui[class*="btn"][disabled] {
      background: #dbdcdd;
      /*background: rgba(222, 225, 226 ,0.9);*/
      /*color: $coc-secondary-4L;*/
      color: rgba(0, 0, 0, 0.25);
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      filter: progid:DXImageTransform.Microsoft.gradient GradientType=0, startColorstr=#000000 endColorstr=#000000;
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#000000)";
      cursor: not-allowed; }
    .coc-pl .cui[class*="btn"].disabled-fluid {
      width: 100%; }
    .coc-pl .cui[class*="btn"].success {
      background: #4C8C2B;
      /*@include linear-gradient($success, darken($success,6) );*/
      color: #fff; }
      .coc-pl .cui[class*="btn"].success:active {
        background: #3b6d21;
        outline-style: none; }
    .coc-pl .cui[class*="btn"].warning {
      background: #E57200;
      /*@include linear-gradient($warning, darken($warning,4) );*/
      color: #fff; }
      .coc-pl .cui[class*="btn"].warning:active {
        background: #bc5e00;
        outline-style: none; }
    .coc-pl .cui[class*="btn"].danger {
      background: #c8102e;
      /*@include linear-gradient($danger, darken($danger,7) );*/
      color: #fff; }
      .coc-pl .cui[class*="btn"].danger:active {
        background: #a20d25;
        outline-style: none; }
    .coc-pl .cui[class*="btn"].primary-text {
      box-shadow: none;
      background: transparent;
      border: 2px solid transparent;
      padding-left: 10px;
      padding-left: 1rem;
      padding-right: 10px;
      padding-right: 1rem;
      color: #c8102e; }
      .coc-pl .cui[class*="btn"].primary-text:hover {
        background: #ededee;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].primary-text:focus {
        /*@include prefix( box-shadow, 0px 0px 5px 2px $btn-blue-glow, webkit moz);
				Using the global focus class with the red glowing border
				*/
        background: #ededee;
        -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 0px 3px 3px #60bbfe;
        outline-style: none;
        /* 1st */
        outline: 2px solid #0394FF \9;
        /* 2nd -- IE8 hack  */
        /*outline-style: 1px solid green;*/ }
      .coc-pl .cui[class*="btn"].primary-text:active {
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].primary-text.disabled, .coc-pl .cui[class*="btn"].primary-text[disabled] {
        color: rgba(0, 0, 0, 0.25);
        background: transparent;
        /*@include prefix( box-shadow, none, webkit moz);*/ }
    .coc-pl .cui[class*="btn"].secondary-text {
      text-decoration: underline;
      box-shadow: none;
      background: transparent;
      border: 1px solid transparent;
      padding-left: 10px;
      padding-left: 1rem;
      padding-right: 10px;
      padding-right: 1rem;
      color: #333333; }
      .coc-pl .cui[class*="btn"].secondary-text:hover {
        background: #ededee;
        /*background: rgba(0,0,0,0.05);*/
        background: #ededee;
        text-decoration: none;
        outline-style: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].secondary-text:focus {
        /*@include prefix( box-shadow, 0px 0px 5px 2px $btn-blue-glow, webkit moz);
				Using the global focus class with the red glowing border
				*/
        background: #ededee;
        text-decoration: none;
        -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 0px 3px 3px #60bbfe;
        outline-style: none;
        /* 1st */
        outline: 2px solid #0394FF \9;
        /* 2nd -- IE8 hack  */ }
      .coc-pl .cui[class*="btn"].secondary-text:active {
        outline-style: none;
        text-decoration: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -box-shadow: none; }
      .coc-pl .cui[class*="btn"].secondary-text.disabled, .coc-pl .cui[class*="btn"].secondary-text[disabled] {
        color: rgba(0, 0, 0, 0.25);
        background: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none; }
    .coc-pl .cui[class*="btn"] [class*="icon"].left {
      margin: 0 6px 0 0;
      margin: 0 0.6rem 0 0; }
    .coc-pl .cui[class*="btn"] [class*="icon"].right {
      margin: 0 0 0 6px;
      margin: 0 0 0 0.6rem; }
    .coc-pl .cui[class*="btn"].block {
      width: 100%; }
  .coc-pl button.cui.btn {
    /*outline:0;
		remove the default outline on the button element -- cui.btn uses a box-shadow instead for :focus*/ }
  .coc-pl .cui.btn-sm {
    padding: 5px 10.5px;
    padding: 0.5rem 1.05rem;
    font-size: 14px;
    font-size: 1.4rem;
    height: 30px;
    height: 3rem; }
    .coc-pl .cui.btn-sm:hover {
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
    .coc-pl .cui.btn-sm:active {
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
  .coc-pl .cui.btn-md {
    padding: 8px 15px;
    padding: 0.8rem 1.5rem;
    font-size: 16px;
    font-size: 1.6rem;
    height: 37px;
    height: 3.7rem; }
    .coc-pl .cui.btn-md:hover {
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
    .coc-pl .cui.btn-md:active {
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
  .coc-pl .cui.btn-lg {
    padding: 11px 27px;
    padding: 1.1rem 2.7rem;
    font-size: 20px;
    font-size: 2rem;
    height: 47px;
    height: 4.7rem; }
    .coc-pl .cui.btn-lg:hover {
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
    .coc-pl .cui.btn-lg:active {
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
  .coc-pl .cui.icon-only {
    padding: 7px 0;
    padding: 0.7rem 0;
    font-size: 0;
    height: 40px;
    height: 4rem;
    width: 40px;
    width: 4rem; }
    .coc-pl .cui.icon-only span.cicon {
      font-size: 24px !important;
      display: inline; }
    .coc-pl .cui.icon-only:focus {
      outline-style: none; }
    .coc-pl .cui.icon-only:active {
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
    .coc-pl .cui.icon-only.btn-sm {
      padding: 5px 0;
      padding: 0.5rem 0;
      font-size: 0;
      height: 28px;
      height: 2.8rem;
      width: 28px;
      width: 2.8rem; }
      .coc-pl .cui.icon-only.btn-sm span.cicon {
        font-size: 16px !important;
        display: inline; }
    .coc-pl .cui.icon-only.btn-md {
      /* Defaults to .cui.icon-only class */ }
    .coc-pl .cui.icon-only.btn-lg {
      padding: 10px 0;
      padding: 1rem 0;
      font-size: 0;
      height: 50px;
      height: 5rem;
      width: 50px;
      width: 5rem; }
      .coc-pl .cui.icon-only.btn-lg span.cicon {
        font-size: 30px !important;
        display: inline; }
  .coc-pl .cui.btn-mega {
    padding: 16px;
    padding: 1.6rem;
    font-size: 16px;
    font-size: 1.6rem;
    /*@include rem(width, 160px);*/
    height: 160px;
    height: 16rem;
    line-height: 1.5; }
    .coc-pl .cui.btn-mega [class*="icon"] {
      display: block;
      font-size: 400%; }
      .coc-pl .cui.btn-mega [class*="icon"].top {
        margin: 0 0 10px;
        margin: 0 0 1rem; }
      .coc-pl .cui.btn-mega [class*="icon"].bottom {
        margin: 10px 0 0;
        margin: 1rem 0 0; }
    .coc-pl .cui.btn-mega:hover {
      background: #c8102e;
      background: rgba(200, 16, 46, 0.8);
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
    .coc-pl .cui.btn-mega:active {
      background: #c8102e;
      outline-style: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -box-shadow: none; }
  .coc-pl .ie8 .cui[class*="btn"]:focus {
    outline: 2px solid #0394FF; }

/* -------------------------------------------------------
   START OF TABLES _tables.scss
   ------------------------------------------------------- */
.coc-pl {
  /*end table-mobile-version*/ }
  .coc-pl table.cui {
    border-collapse: collapse;
    border-spacing: 0; }
    .coc-pl table.cui, .coc-pl table.cui tbody {
      width: 100%; }
    .coc-pl table.cui td, .coc-pl table.cui th {
      text-align: left;
      padding: 7px 15px;
      padding: 0.7rem 1.5rem;
      background-color: transparent;
      font-size: 16px;
      font-size: 1.6rem;
      color: #333333; }
    .coc-pl table.cui .table-label {
      display: none;
      font-weight: bolder; }
    .coc-pl table.cui tr {
      background-color: #ffffff; }
    .coc-pl table.cui.bordered td,
    .coc-pl table.cui.bordered th {
      border: 1px solid #cccccc; }
    .coc-pl table.cui.striped tr:nth-child(even),
    .coc-pl table.cui.striped thead tr {
      background-color: #f6f6f6; }
    .coc-pl table.cui.striped tr:nth-child(even),
    .coc-pl table.cui.striped thead tr {
      background-color: #f6f6f6; }
    .coc-pl table.cui.striped thead tr {
      border-top: 1px solid #cccccc; }
    .coc-pl table.cui.striped td,
    .coc-pl table.cui.striped th {
      border-bottom: 1px solid #cccccc; }
    .coc-pl table.cui.dark-header th {
      background-color: #4b4f55;
      color: #ffffff;
      border: 1px solid #4b4f55;
      font-weight: normal; }
    @media (max-width: 768px) {
      .coc-pl table.cui tbody,
      .coc-pl table.cui thead,
      .coc-pl table.cui td,
      .coc-pl table.cui th {
        display: block;
        width: 100%;
        float: left;
        border: none; }
      .coc-pl table.cui thead,
      .coc-pl table.cui thead tr,
      .coc-pl table.cui thead th {
        height: 0px;
        width: 0px;
        margin: 0px;
        padding: 0px;
        border: 0px;
        visibility: hidden;
        overflow: hidden; }
      .coc-pl table.cui tr {
        display: block;
        padding: 5px;
        padding: 0.5rem;
        width: 100%;
        border-bottom: 1px solid #cccccc;
        *zoom: 1; }
      .coc-pl table.cui tr:before,
      .coc-pl table.cui tr:after {
        content: " ";
        display: table; }
      .coc-pl table.cui tr:after {
        clear: both; }
      .coc-pl table.cui.bordered tr {
        border: 1px solid #cccccc;
        margin-bottom: -1px; }
      .coc-pl table.cui .table-label {
        display: inline; }
      .coc-pl table.cui.bordered td,
      .coc-pl table.cui.bordered th {
        border: none; }
      .coc-pl table.cui.striped td,
      .coc-pl table.cui.striped th {
        border: none; } }
  .coc-pl table.cui.table-mobile-version {
    border-collapse: collapse;
    border-spacing: 0; }
    .coc-pl table.cui.table-mobile-version, .coc-pl table.cui.table-mobile-version tbody {
      width: 100%; }
    .coc-pl table.cui.table-mobile-version tbody,
    .coc-pl table.cui.table-mobile-version thead {
      width: 100%;
      border: none; }
    .coc-pl table.cui.table-mobile-version .table-label {
      font-weight: bolder;
      display: inline; }
    .coc-pl table.cui.table-mobile-version tbody, .coc-pl table.cui.table-mobile-version thead, .coc-pl table.cui.table-mobile-version td, .coc-pl table.cui.table-mobile-version th, .coc-pl table.cui.table-mobile-version tr {
      display: block; }
    .coc-pl table.cui.table-mobile-version td, .coc-pl table.cui.table-mobile-version th {
      text-align: left;
      padding: 7px 15px;
      padding: 0.7rem 1.5rem;
      font-size: 16px;
      font-size: 1.6rem;
      background-color: transparent;
      color: #333333;
      width: 100%;
      float: left;
      border: none; }
    .coc-pl table.cui.table-mobile-version thead,
    .coc-pl table.cui.table-mobile-version thead tr,
    .coc-pl table.cui.table-mobile-version thead th {
      height: 0px;
      width: 0px;
      margin: 0px;
      padding: 0px;
      border: 0px;
      visibility: hidden;
      overflow: hidden; }
    .coc-pl table.cui.table-mobile-version tr {
      padding: 5px;
      padding: 0.5rem;
      width: 100%;
      border-bottom: 1px solid #cccccc;
      *zoom: 1;
      background-color: #ffffff; }
    .coc-pl table.cui.table-mobile-version.striped tr:nth-child(even),
    .coc-pl table.cui.table-mobile-version.striped thead tr {
      background-color: #f6f6f6; }
    .coc-pl table.cui.table-mobile-version.striped tr:nth-child(even),
    .coc-pl table.cui.table-mobile-version.striped thead tr {
      background-color: #f6f6f6; }
    .coc-pl table.cui.table-mobile-version.striped thead tr {
      border-top: 1px solid #cccccc; }
    .coc-pl table.cui.table-mobile-version.bordered tr {
      border: 1px solid #cccccc;
      margin-bottom: -1px; }
    .coc-pl table.cui.table-mobile-version.bordered td,
    .coc-pl table.cui.table-mobile-version.bordered th {
      border: none; }
    .coc-pl table.cui.table-mobile-version.striped td,
    .coc-pl table.cui.table-mobile-version.striped th {
      border: none; }
    .coc-pl table.cui.table-mobile-version.dark-header th {
      background-color: #4b4f55;
      color: #ffffff;
      border: 1px solid #4b4f55;
      font-weight: normal; }
    .coc-pl table.cui.table-mobile-version tr:before,
    .coc-pl table.cui.table-mobile-version tr:after {
      content: " ";
      display: table; }
    .coc-pl table.cui.table-mobile-version tr:after {
      clear: both; }

/* -------------------------------------------------------
   START OF FORMS _forms.scss
   ------------------------------------------------------- */
.coc-pl input[type="submit"], .coc-pl input[type="button"], .coc-pl button {
  padding: 0;
  margin: 0;
  line-height: normal; }

.coc-pl input, .coc-pl select, .coc-pl a img {
  vertical-align: middle; }

.coc-pl input {
  border: 1px solid #bdc2c6; }

.coc-pl input:focus {
  box-shadow: 0px 0px 1px 0px #60bbfe;
  outline: 1px solid #60bbfe; }

.coc-pl img {
  max-width: 100%;
  height: auto; }

.coc-pl {
  /* -------------------------------------------------------
   START OF COLORS _colors.scss
   ------------------------------------------------------- */
  /*based on the corporate grey*/
  /*based on the corporate black*/
  /*color palette*/ }
  .coc-pl .coc-white {
    background-color: #ffffff;
    color: #333333; }
    .coc-pl .coc-white h1, .coc-pl .coc-white h2, .coc-pl .coc-white h3, .coc-pl .coc-white h4, .coc-pl .coc-white h5, .coc-pl .coc-white h6, .coc-pl .coc-white p {
      color: #333333 !important; }
  .coc-pl .coc-white-opacity {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000000 !important; }
    .coc-pl .coc-white-opacity h1, .coc-pl .coc-white-opacity h2, .coc-pl .coc-white-opacity h3, .coc-pl .coc-white-opacity h4, .coc-pl .coc-white-opacity h5, .coc-pl .coc-white-opacity h6, .coc-pl .coc-white-opacity p {
      color: #000000 !important; }
  .coc-pl .coc-black-opacity {
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff; }
    .coc-pl .coc-black-opacity h1, .coc-pl .coc-black-opacity h2, .coc-pl .coc-black-opacity h3, .coc-pl .coc-black-opacity h4, .coc-pl .coc-black-opacity h5, .coc-pl .coc-black-opacity h6, .coc-pl .coc-black-opacity a, .coc-pl .coc-black-opacity p {
      color: #ffffff !important; }
  .coc-pl .coc-main {
    background-color: #c8102e;
    color: #ffffff; }
    .coc-pl .coc-main h1, .coc-pl .coc-main h2, .coc-pl .coc-main h3, .coc-pl .coc-main h4, .coc-pl .coc-main h5, .coc-pl .coc-main h6, .coc-pl .coc-main a, .coc-pl .coc-main p {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-green-safety {
    background-color: #009639;
    color: #000000; }
    .coc-pl .coc-secondary-green-safety h1, .coc-pl .coc-secondary-green-safety h2, .coc-pl .coc-secondary-green-safety h3 {
      color: #ffffff !important; }
    .coc-pl .coc-secondary-green-safety h4, .coc-pl .coc-secondary-green-safety h5, .coc-pl .coc-secondary-green-safety h6, .coc-pl .coc-secondary-green-safety p, .coc-pl .coc-secondary-green-safety a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-green-pedestrian {
    background-color: #C4D600;
    color: #000000; }
    .coc-pl .coc-secondary-green-pedestrian h1, .coc-pl .coc-secondary-green-pedestrian h2, .coc-pl .coc-secondary-green-pedestrian h3, .coc-pl .coc-secondary-green-pedestrian h4, .coc-pl .coc-secondary-green-pedestrian h5, .coc-pl .coc-secondary-green-pedestrian h6, .coc-pl .coc-secondary-green-pedestrian a, .coc-pl .coc-secondary-green-pedestrian p {
      color: #000000 !important; }
  .coc-pl .coc-secondary-blue-access {
    background-color: #0057B8;
    color: #ffffff; }
    .coc-pl .coc-secondary-blue-access h1, .coc-pl .coc-secondary-blue-access h2, .coc-pl .coc-secondary-blue-access h3, .coc-pl .coc-secondary-blue-access h4, .coc-pl .coc-secondary-blue-access h5, .coc-pl .coc-secondary-blue-access h6, .coc-pl .coc-secondary-blue-access a, .coc-pl .coc-secondary-blue-access p {
      color: #ffffff !important; }
  .coc-pl .coc-secondary {
    background-color: #4b4f55;
    color: #f6f6f6; }
    .coc-pl .coc-secondary h1, .coc-pl .coc-secondary h2, .coc-pl .coc-secondary h3, .coc-pl .coc-secondary h4, .coc-pl .coc-secondary h5, .coc-pl .coc-secondary h6, .coc-pl .coc-secondary a, .coc-pl .coc-secondary p {
      color: #f6f6f6 !important; }
    .coc-pl .coc-secondary .cui.secondary-ghost {
      color: #ffffff !important;
      border: 2px solid #a5a7aa !important; }
      .coc-pl .coc-secondary .cui.secondary-ghost:hover {
        background: #ededee !important;
        color: #4b4f55 !important; }
  .coc-pl .coc-secondary-1L {
    background-color: #5d6066;
    color: #f6f6f6; }
    .coc-pl .coc-secondary-1L h1, .coc-pl .coc-secondary-1L h2, .coc-pl .coc-secondary-1L h3, .coc-pl .coc-secondary-1L h4, .coc-pl .coc-secondary-1L h5, .coc-pl .coc-secondary-1L h6, .coc-pl .coc-secondary-1L a, .coc-pl .coc-secondary-1L p {
      color: #f6f6f6 !important; }
    .coc-pl .coc-secondary-1L .cui.secondary-ghost {
      color: #ffffff !important;
      border: 2px solid #a5a7aa !important; }
      .coc-pl .coc-secondary-1L .cui.secondary-ghost:hover {
        background: #ededee !important;
        color: #4b4f55 !important; }
  .coc-pl .coc-secondary-2L {
    background-color: #6f7277;
    color: #ffffff; }
    .coc-pl .coc-secondary-2L h1, .coc-pl .coc-secondary-2L h2, .coc-pl .coc-secondary-2L h3, .coc-pl .coc-secondary-2L h4, .coc-pl .coc-secondary-2L h5, .coc-pl .coc-secondary-2L h6, .coc-pl .coc-secondary-2L a, .coc-pl .coc-secondary-2L p {
      color: #ffffff !important; }
    .coc-pl .coc-secondary-2L .cui.secondary-ghost {
      color: #ffffff !important;
      border: 2px solid #a5a7aa !important; }
      .coc-pl .coc-secondary-2L .cui.secondary-ghost:hover {
        background: #ededee !important;
        color: #4b4f55 !important; }
  .coc-pl .coc-secondary-3L {
    background-color: #818388;
    color: #000000; }
    .coc-pl .coc-secondary-3L h1, .coc-pl .coc-secondary-3L h2, .coc-pl .coc-secondary-3L h3, .coc-pl .coc-secondary-3L h4, .coc-pl .coc-secondary-3L h5, .coc-pl .coc-secondary-3L h6, .coc-pl .coc-secondary-3L a, .coc-pl .coc-secondary-3L p {
      color: #000000 !important; }
  .coc-pl .coc-secondary-4L {
    background-color: #939599;
    color: #000000; }
    .coc-pl .coc-secondary-4L h1, .coc-pl .coc-secondary-4L h2, .coc-pl .coc-secondary-4L h3, .coc-pl .coc-secondary-4L h4, .coc-pl .coc-secondary-4L h5, .coc-pl .coc-secondary-4L h6, .coc-pl .coc-secondary-4L a, .coc-pl .coc-secondary-4L p {
      color: #000000 !important; }
  .coc-pl .coc-secondary-5L {
    background-color: #a5a7aa;
    color: #000000; }
    .coc-pl .coc-secondary-5L h1, .coc-pl .coc-secondary-5L h2, .coc-pl .coc-secondary-5L h3, .coc-pl .coc-secondary-5L h4, .coc-pl .coc-secondary-5L h5, .coc-pl .coc-secondary-5L h6, .coc-pl .coc-secondary-5L a, .coc-pl .coc-secondary-5L p {
      color: #000000 !important; }
  .coc-pl .coc-secondary-6L {
    background-color: #b7b9bb;
    color: #000000; }
    .coc-pl .coc-secondary-6L h1, .coc-pl .coc-secondary-6L h2, .coc-pl .coc-secondary-6L h3, .coc-pl .coc-secondary-6L h4, .coc-pl .coc-secondary-6L h5, .coc-pl .coc-secondary-6L h6, .coc-pl .coc-secondary-6L a, .coc-pl .coc-secondary-6L p {
      color: #000000 !important; }
  .coc-pl .coc-secondary-7L {
    background-color: #c9cacc;
    color: #333333; }
    .coc-pl .coc-secondary-7L h1, .coc-pl .coc-secondary-7L h2, .coc-pl .coc-secondary-7L h3, .coc-pl .coc-secondary-7L h4, .coc-pl .coc-secondary-7L h5, .coc-pl .coc-secondary-7L h6, .coc-pl .coc-secondary-7L a, .coc-pl .coc-secondary-7L p {
      color: #333333 !important; }
  .coc-pl .coc-secondary-8L {
    background-color: #dbdcdd;
    color: #333333; }
    .coc-pl .coc-secondary-8L h1, .coc-pl .coc-secondary-8L h2, .coc-pl .coc-secondary-8L h3, .coc-pl .coc-secondary-8L h4, .coc-pl .coc-secondary-8L h5, .coc-pl .coc-secondary-8L h6, .coc-pl .coc-secondary-8L a, .coc-pl .coc-secondary-8L p {
      color: #333333 !important; }
  .coc-pl .coc-secondary-9L {
    background-color: #ededee;
    color: #333333; }
    .coc-pl .coc-secondary-9L h1, .coc-pl .coc-secondary-9L h2, .coc-pl .coc-secondary-9L h3, .coc-pl .coc-secondary-9L h4, .coc-pl .coc-secondary-9L h5, .coc-pl .coc-secondary-9L h6, .coc-pl .coc-secondary-9L p {
      color: #333333 !important; }
  .coc-pl .coc-secondary-10L {
    background-color: #f6f6f6;
    color: #333333; }
    .coc-pl .coc-secondary-10L h1, .coc-pl .coc-secondary-10L h2, .coc-pl .coc-secondary-10L h3, .coc-pl .coc-secondary-10L h4, .coc-pl .coc-secondary-10L h5, .coc-pl .coc-secondary-10L h6, .coc-pl .coc-secondary-10L p {
      color: #333333 !important; }
  .coc-pl .coc-black {
    background-color: #000000;
    color: #f6f6f6; }
    .coc-pl .coc-black h1, .coc-pl .coc-black h2, .coc-pl .coc-black h3, .coc-pl .coc-black h4, .coc-pl .coc-black h5, .coc-pl .coc-black h6, .coc-pl .coc-black a, .coc-pl .coc-black p {
      color: #f6f6f6 !important; }
    .coc-pl .coc-black .cui.secondary-ghost {
      color: #ffffff !important;
      border: 2px solid #a5a7aa !important; }
      .coc-pl .coc-black .cui.secondary-ghost:hover {
        background: #ededee !important;
        color: #4b4f55 !important; }
  .coc-pl .coc-secondary-1D {
    background-color: #191919;
    color: #f6f6f6; }
    .coc-pl .coc-secondary-1D h1, .coc-pl .coc-secondary-1D h2, .coc-pl .coc-secondary-1D h3, .coc-pl .coc-secondary-1D h4, .coc-pl .coc-secondary-1D h5, .coc-pl .coc-secondary-1D h6, .coc-pl .coc-secondary-1D a, .coc-pl .coc-secondary-1D p {
      color: #f6f6f6 !important; }
    .coc-pl .coc-secondary-1D .cui.secondary-ghost {
      color: #ffffff !important;
      border: 2px solid #a5a7aa !important; }
      .coc-pl .coc-secondary-1D .cui.secondary-ghost:hover {
        background: #ededee !important;
        color: #4b4f55 !important; }
  .coc-pl .coc-secondary-2D {
    background-color: #333333;
    color: #f6f6f6; }
    .coc-pl .coc-secondary-2D h1, .coc-pl .coc-secondary-2D h2, .coc-pl .coc-secondary-2D h3, .coc-pl .coc-secondary-2D h4, .coc-pl .coc-secondary-2D h5, .coc-pl .coc-secondary-2D h6, .coc-pl .coc-secondary-2D a, .coc-pl .coc-secondary-2D p {
      color: #f6f6f6 !important; }
    .coc-pl .coc-secondary-2D .cui.secondary-ghost {
      color: #ffffff !important;
      border: 2px solid #a5a7aa !important; }
      .coc-pl .coc-secondary-2D .cui.secondary-ghost:hover {
        background: #ededee !important;
        color: #4b4f55 !important; }
  .coc-pl .coc-secondary-3D {
    background-color: #4c4c4c;
    color: #f6f6f6; }
    .coc-pl .coc-secondary-3D h1, .coc-pl .coc-secondary-3D h2, .coc-pl .coc-secondary-3D h3, .coc-pl .coc-secondary-3D h4, .coc-pl .coc-secondary-3D h5, .coc-pl .coc-secondary-3D h6, .coc-pl .coc-secondary-3D a, .coc-pl .coc-secondary-3D p {
      color: #f6f6f6 !important; }
    .coc-pl .coc-secondary-3D .cui.secondary-ghost {
      color: #ffffff !important;
      border: 2px solid #a5a7aa !important; }
      .coc-pl .coc-secondary-3D .cui.secondary-ghost:hover {
        background: #ededee !important;
        color: #4b4f55 !important; }
  .coc-pl .coc-secondary-4D {
    background-color: #666666;
    color: #f6f6f6; }
    .coc-pl .coc-secondary-4D h1, .coc-pl .coc-secondary-4D h2, .coc-pl .coc-secondary-4D h3, .coc-pl .coc-secondary-4D h4, .coc-pl .coc-secondary-4D h5, .coc-pl .coc-secondary-4D h6, .coc-pl .coc-secondary-4D a, .coc-pl .coc-secondary-4D p {
      color: #f6f6f6 !important; }
    .coc-pl .coc-secondary-4D .cui.secondary-ghost {
      color: #ffffff !important;
      border: 2px solid #a5a7aa !important; }
      .coc-pl .coc-secondary-4D .cui.secondary-ghost:hover {
        background: #ededee !important;
        color: #4b4f55 !important; }
  .coc-pl .coc-secondary-5D {
    background-color: #7f7f7f;
    color: #000000; }
    .coc-pl .coc-secondary-5D h1, .coc-pl .coc-secondary-5D h2, .coc-pl .coc-secondary-5D h3, .coc-pl .coc-secondary-5D h4, .coc-pl .coc-secondary-5D h5, .coc-pl .coc-secondary-5D h6, .coc-pl .coc-secondary-5D a, .coc-pl .coc-secondary-5D p {
      color: #000000 !important; }
  .coc-pl .coc-secondary-6D {
    background-color: #999999;
    color: #000000; }
    .coc-pl .coc-secondary-6D h1, .coc-pl .coc-secondary-6D h2, .coc-pl .coc-secondary-6D h3, .coc-pl .coc-secondary-6D h4, .coc-pl .coc-secondary-6D h5, .coc-pl .coc-secondary-6D h6, .coc-pl .coc-secondary-6D a, .coc-pl .coc-secondary-6D p {
      color: #000000 !important; }
  .coc-pl .coc-secondary-7D {
    background-color: #b2b2b2;
    color: #000000; }
    .coc-pl .coc-secondary-7D h1, .coc-pl .coc-secondary-7D h2, .coc-pl .coc-secondary-7D h3, .coc-pl .coc-secondary-7D h4, .coc-pl .coc-secondary-7D h5, .coc-pl .coc-secondary-7D h6, .coc-pl .coc-secondary-7D a, .coc-pl .coc-secondary-7D p {
      color: #000000 !important; }
  .coc-pl .coc-secondary-8D {
    background-color: #cccccc;
    color: #333333; }
    .coc-pl .coc-secondary-8D h1, .coc-pl .coc-secondary-8D h2, .coc-pl .coc-secondary-8D h3, .coc-pl .coc-secondary-8D h4, .coc-pl .coc-secondary-8D h5, .coc-pl .coc-secondary-8D h6, .coc-pl .coc-secondary-8D a, .coc-pl .coc-secondary-8D p {
      color: #333333 !important; }
  .coc-pl .coc-secondary-9D {
    background-color: #e5e5e5;
    color: #333333; }
    .coc-pl .coc-secondary-9D h1, .coc-pl .coc-secondary-9D h2, .coc-pl .coc-secondary-9D h3, .coc-pl .coc-secondary-9D h4, .coc-pl .coc-secondary-9D h5, .coc-pl .coc-secondary-9D h6, .coc-pl .coc-secondary-9D p {
      color: #333333 !important; }
  .coc-pl .coc-secondary-orange {
    background-color: #E57200;
    color: #000000; }
    .coc-pl .coc-secondary-orange h1, .coc-pl .coc-secondary-orange h2, .coc-pl .coc-secondary-orange h3, .coc-pl .coc-secondary-orange h4, .coc-pl .coc-secondary-orange h5, .coc-pl .coc-secondary-orange h6, .coc-pl .coc-secondary-orange p, .coc-pl .coc-secondary-orange a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-orange-L {
    background-color: #ED8B00;
    color: #000000; }
    .coc-pl .coc-secondary-orange-L h1, .coc-pl .coc-secondary-orange-L h2, .coc-pl .coc-secondary-orange-L h3, .coc-pl .coc-secondary-orange-L h4, .coc-pl .coc-secondary-orange-L h5, .coc-pl .coc-secondary-orange-L h6, .coc-pl .coc-secondary-orange-L p, .coc-pl .coc-secondary-orange-L a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-orange-D {
    background-color: #DC4405;
    color: #000000; }
    .coc-pl .coc-secondary-orange-D h1, .coc-pl .coc-secondary-orange-D h2, .coc-pl .coc-secondary-orange-D h3, .coc-pl .coc-secondary-orange-D h4, .coc-pl .coc-secondary-orange-D h5, .coc-pl .coc-secondary-orange-D h6, .coc-pl .coc-secondary-orange-D p, .coc-pl .coc-secondary-orange-D a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-yellow {
    background-color: #FFC600;
    color: #000000; }
    .coc-pl .coc-secondary-yellow h1, .coc-pl .coc-secondary-yellow h2, .coc-pl .coc-secondary-yellow h3, .coc-pl .coc-secondary-yellow h4, .coc-pl .coc-secondary-yellow h5, .coc-pl .coc-secondary-yellow h6, .coc-pl .coc-secondary-yellow p, .coc-pl .coc-secondary-yellow a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-yellow-L {
    background-color: #FEDB00;
    color: #000000; }
    .coc-pl .coc-secondary-yellow-L h1, .coc-pl .coc-secondary-yellow-L h2, .coc-pl .coc-secondary-yellow-L h3, .coc-pl .coc-secondary-yellow-L h4, .coc-pl .coc-secondary-yellow-L h5, .coc-pl .coc-secondary-yellow-L h6, .coc-pl .coc-secondary-yellow-L p, .coc-pl .coc-secondary-yellow-L a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-yellow-D {
    background-color: #F2A900;
    color: #000000; }
    .coc-pl .coc-secondary-yellow-D h1, .coc-pl .coc-secondary-yellow-D h2, .coc-pl .coc-secondary-yellow-D h3, .coc-pl .coc-secondary-yellow-D h4, .coc-pl .coc-secondary-yellow-D h5, .coc-pl .coc-secondary-yellow-D h6, .coc-pl .coc-secondary-yellow-D p, .coc-pl .coc-secondary-yellow-D a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-green {
    background-color: #4C8C2B;
    color: #000000; }
    .coc-pl .coc-secondary-green h1, .coc-pl .coc-secondary-green h2, .coc-pl .coc-secondary-green h3, .coc-pl .coc-secondary-green h4, .coc-pl .coc-secondary-green h5, .coc-pl .coc-secondary-green h6, .coc-pl .coc-secondary-green p, .coc-pl .coc-secondary-green a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-green-L {
    background-color: #78BE20;
    color: #000000; }
    .coc-pl .coc-secondary-green-L h1, .coc-pl .coc-secondary-green-L h2, .coc-pl .coc-secondary-green-L h3, .coc-pl .coc-secondary-green-L h4, .coc-pl .coc-secondary-green-L h5, .coc-pl .coc-secondary-green-L h6, .coc-pl .coc-secondary-green-L p, .coc-pl .coc-secondary-green-L a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-green-D {
    background-color: #44693D;
    color: #ffffff; }
    .coc-pl .coc-secondary-green-D h1, .coc-pl .coc-secondary-green-D h2, .coc-pl .coc-secondary-green-D h3, .coc-pl .coc-secondary-green-D h4, .coc-pl .coc-secondary-green-D h5, .coc-pl .coc-secondary-green-D h6, .coc-pl .coc-secondary-green-D p, .coc-pl .coc-secondary-green-D a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-blue {
    background-color: #0085AD;
    color: #000000; }
    .coc-pl .coc-secondary-blue h1, .coc-pl .coc-secondary-blue h2, .coc-pl .coc-secondary-blue h3, .coc-pl .coc-secondary-blue h4, .coc-pl .coc-secondary-blue h5, .coc-pl .coc-secondary-blue h6, .coc-pl .coc-secondary-blue p, .coc-pl .coc-secondary-blue a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-blue-L {
    background-color: #00a3e0;
    color: #000000; }
    .coc-pl .coc-secondary-blue-L h1, .coc-pl .coc-secondary-blue-L h2, .coc-pl .coc-secondary-blue-L h3, .coc-pl .coc-secondary-blue-L h4, .coc-pl .coc-secondary-blue-L h5, .coc-pl .coc-secondary-blue-L h6, .coc-pl .coc-secondary-blue-L p, .coc-pl .coc-secondary-blue-L a {
      color: #000000 !important; }
  .coc-pl .coc-secondary-blue-D {
    background-color: #005670;
    color: #ffffff; }
    .coc-pl .coc-secondary-blue-D h1, .coc-pl .coc-secondary-blue-D h2, .coc-pl .coc-secondary-blue-D h3, .coc-pl .coc-secondary-blue-D h4, .coc-pl .coc-secondary-blue-D h5, .coc-pl .coc-secondary-blue-D h6, .coc-pl .coc-secondary-blue-D p, .coc-pl .coc-secondary-blue-D a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-dark-blue {
    background-color: #003865;
    color: #ffffff; }
    .coc-pl .coc-secondary-dark-blue h1, .coc-pl .coc-secondary-dark-blue h2, .coc-pl .coc-secondary-dark-blue h3, .coc-pl .coc-secondary-dark-blue h4, .coc-pl .coc-secondary-dark-blue h5, .coc-pl .coc-secondary-dark-blue h6, .coc-pl .coc-secondary-dark-blue p, .coc-pl .coc-secondary-dark-blue a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-dark-blue-L {
    background-color: #006298;
    color: #ffffff; }
    .coc-pl .coc-secondary-dark-blue-L h1, .coc-pl .coc-secondary-dark-blue-L h2, .coc-pl .coc-secondary-dark-blue-L h3, .coc-pl .coc-secondary-dark-blue-L h4, .coc-pl .coc-secondary-dark-blue-L h5, .coc-pl .coc-secondary-dark-blue-L h6, .coc-pl .coc-secondary-dark-blue-L p, .coc-pl .coc-secondary-dark-blue-L a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-dark-blue-D {
    background-color: #041E42;
    color: #ffffff; }
    .coc-pl .coc-secondary-dark-blue-D h1, .coc-pl .coc-secondary-dark-blue-D h2, .coc-pl .coc-secondary-dark-blue-D h3, .coc-pl .coc-secondary-dark-blue-D h4, .coc-pl .coc-secondary-dark-blue-D h5, .coc-pl .coc-secondary-dark-blue-D h6, .coc-pl .coc-secondary-dark-blue-D p, .coc-pl .coc-secondary-dark-blue-D a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-purple {
    background-color: #642F6C;
    color: #ffffff; }
    .coc-pl .coc-secondary-purple h1, .coc-pl .coc-secondary-purple h2, .coc-pl .coc-secondary-purple h3, .coc-pl .coc-secondary-purple h4, .coc-pl .coc-secondary-purple h5, .coc-pl .coc-secondary-purple h6, .coc-pl .coc-secondary-purple p, .coc-pl .coc-secondary-purple a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-purple-L {
    background-color: #93328E;
    color: #ffffff; }
    .coc-pl .coc-secondary-purple-L h1, .coc-pl .coc-secondary-purple-L h2, .coc-pl .coc-secondary-purple-L h3, .coc-pl .coc-secondary-purple-L h4, .coc-pl .coc-secondary-purple-L h5, .coc-pl .coc-secondary-purple-L h6, .coc-pl .coc-secondary-purple-L p, .coc-pl .coc-secondary-purple-L a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-purple-D {
    background-color: #3C1053;
    color: #ffffff; }
    .coc-pl .coc-secondary-purple-D h1, .coc-pl .coc-secondary-purple-D h2, .coc-pl .coc-secondary-purple-D h3, .coc-pl .coc-secondary-purple-D h4, .coc-pl .coc-secondary-purple-D h5, .coc-pl .coc-secondary-purple-D h6, .coc-pl .coc-secondary-purple-D p, .coc-pl .coc-secondary-purple-D a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-pink {
    background-color: #AC145A;
    color: #ffffff; }
    .coc-pl .coc-secondary-pink h1, .coc-pl .coc-secondary-pink h2, .coc-pl .coc-secondary-pink h3, .coc-pl .coc-secondary-pink h4, .coc-pl .coc-secondary-pink h5, .coc-pl .coc-secondary-pink h6, .coc-pl .coc-secondary-pink p, .coc-pl .coc-secondary-pink a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-pink-L {
    background-color: #CE0F69;
    color: #ffffff; }
    .coc-pl .coc-secondary-pink-L h1, .coc-pl .coc-secondary-pink-L h2, .coc-pl .coc-secondary-pink-L h3, .coc-pl .coc-secondary-pink-L h4, .coc-pl .coc-secondary-pink-L h5, .coc-pl .coc-secondary-pink-L h6, .coc-pl .coc-secondary-pink-L p, .coc-pl .coc-secondary-pink-L a {
      color: #ffffff !important; }
  .coc-pl .coc-secondary-pink-D {
    background-color: #6C1D45;
    color: #ffffff; }
    .coc-pl .coc-secondary-pink-D h1, .coc-pl .coc-secondary-pink-D h2, .coc-pl .coc-secondary-pink-D h3, .coc-pl .coc-secondary-pink-D h4, .coc-pl .coc-secondary-pink-D h5, .coc-pl .coc-secondary-pink-D h6, .coc-pl .coc-secondary-pink-D p, .coc-pl .coc-secondary-pink-D a {
      color: #ffffff !important; }

/* -------------------------------------------------------
   START OF FORMS _cicon.scss
   ------------------------------------------------------- */
.coc-pl .cui.cicon-sm {
  width: 16px;
  width: 1.6rem;
  height: 16px;
  height: 1.6rem;
  font-size: 16px;
  font-size: 1.6rem; }

.coc-pl .cui.cicon-md {
  width: 32px;
  width: 3.2rem;
  height: 32px;
  height: 3.2rem;
  font-size: 32px;
  font-size: 3.2rem; }

.coc-pl .cui.cicon-lg {
  max-width: 128px;
  max-width: 12.8rem;
  max-height: 128px;
  max-height: 12.8rem;
  font-size: 128px;
  font-size: 12.8rem; }

.coc-pl .cicon-container {
  font-size: 0;
  background-size: 100%;
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 1;
  /*-webkit-mask-size: cover;
    	mask-size: cover;  */
  -webkit-transition: width .5s ease-in-out, height .8s ease-in-out;
  transition: width .8s ease-in-out, height .8s ease-in-out; }

@media only screen and (min-width: 200px) {
  .coc-pl {
    /*These program service icons will only use on the breadcrumb and not display on the pattern library */
    /*breadcrumb icons end */ }
    .coc-pl .cicon-container {
      background-image: url("../../../img/recycle-depot.svg");
      width: 16px;
      width: 1.6rem;
      height: 16px;
      height: 1.6rem;
      /*-webkit-mask: url(../../../img/recycle-depot.svg) no-repeat 50% 50%;
    	mask: url(../../../img/recycle-depot.svg) no-repeat 50% 50%;*/ }
    .coc-pl .cui.solid-icon-breadcrumb {
      font-size: 16px;
      font-size: 1.6rem; }
    .coc-pl .cui.cicon-sm {
      font-size: 16px;
      font-size: 1.6rem;
      /*program and service responsive icons list*/ }
      .coc-pl .cui.cicon-sm.program-service-animal-service-icon:before {
        content: "\e2ed"; }
      .coc-pl .cui.cicon-sm.program-service-parks-recreation-icon:before {
        content: "\e2ef"; }
      .coc-pl .cui.cicon-sm.program-service-building-planning-icon:before {
        content: "\e2f1"; }
      .coc-pl .cui.cicon-sm.program-service-transportation-icon:before {
        content: "\e2f3"; }
      .coc-pl .cui.cicon-sm.program-service-environment-icon:before {
        content: "\e2f5"; }
      .coc-pl .cui.cicon-sm.program-service-bylaws-publicSafety-icon:before {
        content: "\e2f7"; }
      .coc-pl .cui.cicon-sm.program-service-taxes-propertyAssessment-icon:before {
        content: "\e2f9"; }
      .coc-pl .cui.cicon-sm.program-service-social-services-icon:before {
        content: "\e2fb"; }
    .coc-pl .cui.cicon-responsive {
      font-size: 16px;
      font-size: 1.6rem;
      /*program and service responsive icons list*/ }
      .coc-pl .cui.cicon-responsive.program-service-animal-service-icon:before {
        content: "\e2ed"; }
      .coc-pl .cui.cicon-responsive.program-service-parks-recreation-icon:before {
        content: "\e2ef"; }
      .coc-pl .cui.cicon-responsive.program-service-building-planning-icon:before {
        content: "\e2f1"; }
      .coc-pl .cui.cicon-responsive.program-service-transportation-icon:before {
        content: "\e2f3"; }
      .coc-pl .cui.cicon-responsive.program-service-environment-icon:before {
        content: "\e2f5"; }
      .coc-pl .cui.cicon-responsive.program-service-bylaws-publicSafety-icon:before {
        content: "\e2f7"; }
      .coc-pl .cui.cicon-responsive.program-service-taxes-propertyAssessment-icon:before {
        content: "\e2f9"; }
      .coc-pl .cui.cicon-responsive.program-service-social-services-icon:before {
        content: "\e2fb"; } }

@media only screen and (min-width: 768px) {
  .coc-pl {
    /*These program service icons will only use on the breadcrumb and not display on the pattern library */
    /*breadcrumb icons end */ }
    .coc-pl .cicon-container {
      background-image: url("../../../img/electronics-recycling.svg");
      width: 32px;
      width: 3.2rem;
      height: 32px;
      height: 3.2rem; }
    .coc-pl .cui.solid-icon-breadcrumb {
      font-size: 16px;
      font-size: 1.6rem; }
    .coc-pl .cui.cicon-sm {
      font-size: 16px;
      font-size: 1.6rem;
      /*program and service responsive icons list*/ }
      .coc-pl .cui.cicon-sm.program-service-animal-service-icon:before {
        content: "\e2ed"; }
      .coc-pl .cui.cicon-sm.program-service-parks-recreation-icon:before {
        content: "\e2ef"; }
      .coc-pl .cui.cicon-sm.program-service-building-planning-icon:before {
        content: "\e2f1"; }
      .coc-pl .cui.cicon-sm.program-service-transportation-icon:before {
        content: "\e2f3"; }
      .coc-pl .cui.cicon-sm.program-service-environment-icon:before {
        content: "\e2f5"; }
      .coc-pl .cui.cicon-sm.program-service-bylaws-publicSafety-icon:before {
        content: "\e2f7"; }
      .coc-pl .cui.cicon-sm.program-service-taxes-propertyAssessment-icon:before {
        content: "\e2f9"; }
      .coc-pl .cui.cicon-sm.program-service-social-services-icon:before {
        content: "\e2fb"; }
    .coc-pl .cui.cicon-responsive {
      font-size: 32px;
      font-size: 3.2rem; }
      .coc-pl .cui.cicon-responsive.program-service-animal-service-icon:before {
        content: "\e2ee"; }
      .coc-pl .cui.cicon-responsive.program-service-parks-recreation-icon:before {
        content: "\e2f0"; }
      .coc-pl .cui.cicon-responsive.program-service-building-planning-icon:before {
        content: "\e2f2"; }
      .coc-pl .cui.cicon-responsive.program-service-transportation-icon:before {
        content: "\e2f4"; }
      .coc-pl .cui.cicon-responsive.program-service-environment-icon:before {
        content: "\e2f6"; }
      .coc-pl .cui.cicon-responsive.program-service-bylaws-publicSafety-icon:before {
        content: "\e2f8"; }
      .coc-pl .cui.cicon-responsive.program-service-taxes-propertyAssessment-icon:before {
        content: "\e2fa"; }
      .coc-pl .cui.cicon-responsive.program-service-social-services-icon:before {
        content: "\e2fc"; } }

@media only screen and (min-width: 1200px) {
  .coc-pl {
    /*These program service icons will only use on the breadcrumb and not display on the pattern library */
    /*breadcrumb icons end */ }
    .coc-pl .cicon-container {
      background-image: url("../../../img/electronics-recycling.svg");
      /*-webkit-mask: url(../../../img/electronics-recycling.svg) no-repeat 50% 50%;
    	mask: url(../../../img/electronics-recycling.svg) no-repeat 50% 50%;*/
      width: 128px;
      width: 12.8rem;
      height: 128px;
      height: 12.8rem; }
    .coc-pl .cui.cicon-sm {
      font-size: 16px;
      font-size: 1.6rem;
      /*program and service responsive icons list*/ }
      .coc-pl .cui.cicon-sm.program-service-animal-service-icon:before {
        content: "\e2ed"; }
      .coc-pl .cui.cicon-sm.program-service-parks-recreation-icon:before {
        content: "\e2ef"; }
      .coc-pl .cui.cicon-sm.program-service-building-planning-icon:before {
        content: "\e2f1"; }
      .coc-pl .cui.cicon-sm.program-service-transportation-icon:before {
        content: "\e2f3"; }
      .coc-pl .cui.cicon-sm.program-service-environment-icon:before {
        content: "\e2f5"; }
      .coc-pl .cui.cicon-sm.program-service-bylaws-publicSafety-icon:before {
        content: "\e2f7"; }
      .coc-pl .cui.cicon-sm.program-service-taxes-propertyAssessment-icon:before {
        content: "\e2f9"; }
      .coc-pl .cui.cicon-sm.program-service-social-services-icon:before {
        content: "\e2fb"; }
    .coc-pl .cui.cicon-responsive {
      font-size: 128px;
      font-size: 12.8rem; }
      .coc-pl .cui.cicon-responsive.program-service-animal-service-icon:before {
        content: "\e2ee"; }
      .coc-pl .cui.cicon-responsive.program-service-parks-recreation-icon:before {
        content: "\e2f0"; }
      .coc-pl .cui.cicon-responsive.program-service-building-planning-icon:before {
        content: "\e2f2"; }
      .coc-pl .cui.cicon-responsive.program-service-transportation-icon:before {
        content: "\e2f4"; }
      .coc-pl .cui.cicon-responsive.program-service-environment-icon:before {
        content: "\e2f6"; }
      .coc-pl .cui.cicon-responsive.program-service-bylaws-publicSafety-icon:before {
        content: "\e2f8"; }
      .coc-pl .cui.cicon-responsive.program-service-taxes-propertyAssessment-icon:before {
        content: "\e2fa"; }
      .coc-pl .cui.cicon-responsive.program-service-social-services-icon:before {
        content: "\e2fc"; } }

.coc-pl {
  /* -------------------------------------------------------
	   START OF LAYOUT _layout.scss
	   ------------------------------------------------------- */
  /* PADDING */
  /*font style*/
  /* border CLASSES */
  /* LAYOUT CLASSES */ }
  .coc-pl .layout-item1, .coc-pl .layout-item2, .coc-pl .layout-item3, .coc-pl .layout-item4, .coc-pl .layout-item5, .coc-pl .layout-item6 {
    float: left;
    padding: 9px;
    margin: 0px;
    background-color: #ccc;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 300px; }
  .coc-pl .layout-half {
    background-color: #333;
    margin: 0;
    text-align: left;
    color: #fff; }
  .coc-pl .demo-background {
    background: url("../img/cityhall-lg.jpg") center no-repeat;
    min-height: 300px; }
  .coc-pl .no-pad {
    padding: 0; }
  .coc-pl .no-pad-top {
    padding-top: 0; }
  .coc-pl .no-pad-bottom {
    padding-bottom: 0; }
  .coc-pl .no-pad-left {
    padding-left: 0; }
  .coc-pl .no-pad-right {
    padding-right: 0; }
  .coc-pl .pad-bottom-half {
    padding-bottom: 18px; }
  .coc-pl .pad-bottom-third {
    padding-bottom: 12px; }
  .coc-pl .pad-bottom-quarter {
    padding-bottom: 9px; }
  .coc-pl .u-pad {
    padding: 36px; }
  .coc-pl .u-pad-half {
    padding: 18px; }
  .coc-pl .u-pad-third {
    padding: 12px; }
  .coc-pl .u-pad-quarter {
    padding: 9px; }
  .coc-pl .u-width-75 {
    width: 75%; }
  .coc-pl .u-width-50 {
    width: 50%; }
  .coc-pl .u-width-25 {
    width: 25%; }
  .coc-pl .no-margin {
    margin: 0; }
  .coc-pl .no-margin-left {
    margin-left: 0; }
  .coc-pl .no-margin-right {
    margin-right: 0; }
  .coc-pl .no-margin-top {
    margin-top: 0; }
  .coc-pl .no-margin-bottom {
    margin-bottom: 0; }
  .coc-pl .margin-bottom-half {
    margin-bottom: 18px; }
  .coc-pl .boldFont {
    font-weight: 800; }
  .coc-pl .borderLeft {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #dbdcdd; }
  .coc-pl .borderRight {
    border-top: none;
    border-right: 1px solid #dbdcdd;
    border-bottom: none;
    border-left: none; }
  .coc-pl .borderTop {
    border-top: 1px solid #dbdcdd;
    border-right: none;
    border-bottom: none;
    border-left: none; }
  .coc-pl .borderBottom {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #dbdcdd;
    border-left: none; }
  .coc-pl .borderNone {
    border: none; }
  .coc-pl .border-r-None {
    border-right: none; }
  .coc-pl .v-cover-full {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .coc-pl .light-panel {
    background-color: #dbdcdd;
    color: #333333; }
  .coc-pl .dark-panel {
    background-color: #333333;
    background-color: #333333;
    color: #f6f6f6; }
  .coc-pl .main-panel {
    background-color: #c8102e;
    color: #f6f6f6; }
  .coc-pl .v-border-light {
    border: 1px solid #dbdcdd; }
  .coc-pl .v-border-medium {
    border: 1px solid #818388; }
  .coc-pl .v-border-dark {
    border: 1px solid #999999; }

/* -------------------------------------------------------
   START OF ACCORDIONS _accordions.scss
   ------------------------------------------------------- */
/*
Based on the ARIA works by Heydon Pickering
http://heydonworks.com/practical_aria_examples/
*/
/* 3. Progressive collapsibles */
.coc-pl .accordion.cui,
.coc-pl .collapsible.cui,
.coc-pl .collapsible-tab.cui {
  padding: 0; }

.coc-pl .collapsible.cui {
  background-color: #ffffff;
  border-top: none;
  border-right: 2px solid #c9cacc;
  border-left: 2px solid #c9cacc;
  border-bottom: 2px solid #c9cacc;
  padding: 9px 36px;
  padding: 0.9rem 3.6rem;
  margin-top: -2px; }

.coc-pl .collapsible.cui button,
.coc-pl .collapsible-tab.cui button,
.coc-pl .accordion.cui button {
  padding: 8px 4px;
  padding: 0.8rem 0.4rem;
  font-size: 16px;
  background-color: #ededee;
  border: 2px solid #c9cacc; }
  .coc-pl .collapsible.cui button:hover,
  .coc-pl .collapsible-tab.cui button:hover,
  .coc-pl .accordion.cui button:hover {
    background-color: #dbdcdd;
    cursor: pointer; }

.coc-pl .accordion.cui .title-bar {
  margin: -2px 0 0 0;
  margin: -0.2rem 0 0 0;
  padding: 0; }
  .coc-pl .accordion.cui .title-bar button, .coc-pl .accordion.cui .title-bar .cui.btn-sm, .coc-pl .accordion.cui .title-bar .cui.btn-md, .coc-pl .accordion.cui .title-bar .cui.btn-lg {
    padding: 11px 18px;
    padding: 1.1rem 1.8rem; }

.coc-pl .accordion.cui h5 [aria-expanded],
.coc-pl .accordion.cui h4 [aria-expanded],
.coc-pl .accordion.cui h3 [aria-expanded],
.coc-pl .accordion.cui h2 [aria-expanded],
.coc-pl .collapsible.cui h5 [aria-expanded],
.coc-pl .collapsible.cui h4 [aria-expanded],
.coc-pl .collapsible.cui h3 [aria-expanded],
.coc-pl .collapsible.cui h2 [aria-expanded] {
  display: block;
  width: 100%;
  font-family: inherit;
  text-transform: inherit;
  text-align: inherit;
  margin: 0; }

.coc-pl .accordion.cui h5 [aria-expanded]:before,
.coc-pl .accordion.cui h4 [aria-expanded]:before,
.coc-pl .accordion.cui h3 [aria-expanded]:before,
.coc-pl .accordion.cui h2 [aria-expanded]:before,
.coc-pl .collapsible.cui h5 [aria-expanded]:before,
.coc-pl .collapsible.cui h4 [aria-expanded]:before,
.coc-pl .collapsible.cui h3 [aria-expanded]:before,
.coc-pl .collapsible.cui h2 [aria-expanded]:before {
  font-family: 'cicon';
  content: '\e2ea';
  color: #333333;
  margin-right: 6px;
  margin-right: 0.6rem; }

.coc-pl .accordion.accordion-single.cui h5 [aria-expanded]:before,
.coc-pl .accordion.accordion-single.cui h4 [aria-expanded]:before,
.coc-pl .accordion.accordion-single.cui h3 [aria-expanded]:before,
.coc-pl .accordion.accordion-single.cui h2 [aria-expanded]:before,
.coc-pl .accordion-single .collapsible.cui h5 [aria-expanded]:before,
.coc-pl .accordion-single .collapsible.cui h4 [aria-expanded]:before,
.coc-pl .accordion-single .collapsible.cui h3 [aria-expanded]:before,
.coc-pl .accordion-single .collapsible.cui h2 [aria-expanded]:before {
  font-family: 'cicon';
  content: '';
  color: #333333;
  margin-right: 6px;
  margin-right: 0.6rem; }
  .coc-pl .accordion.accordion-single.cui h5 [aria-expanded]:before a span, .coc-pl .accordion.accordion-single.cui h5 [aria-expanded]:before button span,
  .coc-pl .accordion.accordion-single.cui h4 [aria-expanded]:before a span,
  .coc-pl .accordion.accordion-single.cui h4 [aria-expanded]:before button span,
  .coc-pl .accordion.accordion-single.cui h3 [aria-expanded]:before a span,
  .coc-pl .accordion.accordion-single.cui h3 [aria-expanded]:before button span,
  .coc-pl .accordion.accordion-single.cui h2 [aria-expanded]:before a span,
  .coc-pl .accordion.accordion-single.cui h2 [aria-expanded]:before button span,
  .coc-pl .accordion-single .collapsible.cui h5 [aria-expanded]:before a span,
  .coc-pl .accordion-single .collapsible.cui h5 [aria-expanded]:before button span,
  .coc-pl .accordion-single .collapsible.cui h4 [aria-expanded]:before a span,
  .coc-pl .accordion-single .collapsible.cui h4 [aria-expanded]:before button span,
  .coc-pl .accordion-single .collapsible.cui h3 [aria-expanded]:before a span,
  .coc-pl .accordion-single .collapsible.cui h3 [aria-expanded]:before button span,
  .coc-pl .accordion-single .collapsible.cui h2 [aria-expanded]:before a span,
  .coc-pl .accordion-single .collapsible.cui h2 [aria-expanded]:before button span {
    width: 80%; }
  .coc-pl .accordion.accordion-single.cui h5 [aria-expanded]:before a span.cicon-angle-down, .coc-pl .accordion.accordion-single.cui h5 [aria-expanded]:before button span.cicon-angle-down,
  .coc-pl .accordion.accordion-single.cui h4 [aria-expanded]:before a span.cicon-angle-down,
  .coc-pl .accordion.accordion-single.cui h4 [aria-expanded]:before button span.cicon-angle-down,
  .coc-pl .accordion.accordion-single.cui h3 [aria-expanded]:before a span.cicon-angle-down,
  .coc-pl .accordion.accordion-single.cui h3 [aria-expanded]:before button span.cicon-angle-down,
  .coc-pl .accordion.accordion-single.cui h2 [aria-expanded]:before a span.cicon-angle-down,
  .coc-pl .accordion.accordion-single.cui h2 [aria-expanded]:before button span.cicon-angle-down,
  .coc-pl .accordion-single .collapsible.cui h5 [aria-expanded]:before a span.cicon-angle-down,
  .coc-pl .accordion-single .collapsible.cui h5 [aria-expanded]:before button span.cicon-angle-down,
  .coc-pl .accordion-single .collapsible.cui h4 [aria-expanded]:before a span.cicon-angle-down,
  .coc-pl .accordion-single .collapsible.cui h4 [aria-expanded]:before button span.cicon-angle-down,
  .coc-pl .accordion-single .collapsible.cui h3 [aria-expanded]:before a span.cicon-angle-down,
  .coc-pl .accordion-single .collapsible.cui h3 [aria-expanded]:before button span.cicon-angle-down,
  .coc-pl .accordion-single .collapsible.cui h2 [aria-expanded]:before a span.cicon-angle-down,
  .coc-pl .accordion-single .collapsible.cui h2 [aria-expanded]:before button span.cicon-angle-down {
    -moz-transform: scale(-1, -1);
    -webkit-transform: scale(-1, -1);
    -o-transform: scale(-1, -1);
    -ms-transform: scale(-1, -1);
    transform: scale(-1, -1); }

.coc-pl .accordion.accordion-single.cui h5 [aria-expanded]:before,
.coc-pl .accordion.accordion-single.cui h4 [aria-expanded]:before,
.coc-pl .accordion.accordion-single.cui h3 [aria-expanded]:before,
.coc-pl .accordion.accordion-single.cui h2 [aria-expanded]:before,
.coc-pl .accordion-single .collapsible.cui h5 [aria-expanded]:before,
.coc-pl .accordion-single .collapsible.cui h4 [aria-expanded]:before,
.coc-pl .accordion-single .collapsible.cui h3 [aria-expanded]:before,
.coc-pl .accordion-single .collapsible.cui h2 [aria-expanded]:before {
  font-family: 'cicon';
  content: '';
  color: #333333;
  margin-right: 0; }

.coc-pl .accordion.cui h2 [aria-expanded="true"],
.coc-pl .accordion.cui h3 [aria-expanded="true"],
.coc-pl .accordion.cui h4 [aria-expanded="true"],
.coc-pl .accordion.cui h5 [aria-expanded="true"]
.collapsible.cui h5 [aria-expanded="true"],
.coc-pl .collapsible.cui h4 [aria-expanded="true"],
.coc-pl .collapsible.cui h3 [aria-expanded="true"],
.coc-pl .collapsible.cui h2 [aria-expanded="true"] {
  border-left: 2px solid #c8102e;
  border-bottom: 2px solid #ffffff;
  color: #c8102e;
  background-color: transparent; }
  .coc-pl .accordion.cui h2 [aria-expanded="true"] a, .coc-pl .accordion.cui h2 [aria-expanded="true"] button,
  .coc-pl .accordion.cui h3 [aria-expanded="true"] a,
  .coc-pl .accordion.cui h3 [aria-expanded="true"] button,
  .coc-pl .accordion.cui h4 [aria-expanded="true"] a,
  .coc-pl .accordion.cui h4 [aria-expanded="true"] button,
  .coc-pl .accordion.cui h5 [aria-expanded="true"]
.collapsible.cui h5 [aria-expanded="true"] a,
  .coc-pl .accordion.cui h5 [aria-expanded="true"]
.collapsible.cui h5 [aria-expanded="true"] button,
  .coc-pl .collapsible.cui h4 [aria-expanded="true"] a,
  .coc-pl .collapsible.cui h4 [aria-expanded="true"] button,
  .coc-pl .collapsible.cui h3 [aria-expanded="true"] a,
  .coc-pl .collapsible.cui h3 [aria-expanded="true"] button,
  .coc-pl .collapsible.cui h2 [aria-expanded="true"] a,
  .coc-pl .collapsible.cui h2 [aria-expanded="true"] button {
    background-color: #ffffff; }
    .coc-pl .accordion.cui h2 [aria-expanded="true"] a:hover, .coc-pl .accordion.cui h2 [aria-expanded="true"] button:hover,
    .coc-pl .accordion.cui h3 [aria-expanded="true"] a:hover,
    .coc-pl .accordion.cui h3 [aria-expanded="true"] button:hover,
    .coc-pl .accordion.cui h4 [aria-expanded="true"] a:hover,
    .coc-pl .accordion.cui h4 [aria-expanded="true"] button:hover,
    .coc-pl .accordion.cui h5 [aria-expanded="true"]
.collapsible.cui h5 [aria-expanded="true"] a:hover,
    .coc-pl .accordion.cui h5 [aria-expanded="true"]
.collapsible.cui h5 [aria-expanded="true"] button:hover,
    .coc-pl .collapsible.cui h4 [aria-expanded="true"] a:hover,
    .coc-pl .collapsible.cui h4 [aria-expanded="true"] button:hover,
    .coc-pl .collapsible.cui h3 [aria-expanded="true"] a:hover,
    .coc-pl .collapsible.cui h3 [aria-expanded="true"] button:hover,
    .coc-pl .collapsible.cui h2 [aria-expanded="true"] a:hover,
    .coc-pl .collapsible.cui h2 [aria-expanded="true"] button:hover {
      background-color: #f6f6f6;
      cursor: pointer; }

.coc-pl .accordion-single-light.accordion-single.accordion.cui h2 [aria-expanded="true"],
.coc-pl .accordion-single-light.accordion-single.accordion.cui h3 [aria-expanded="true"],
.coc-pl .accordion-single-light.accordion-single.accordion.cui h4 [aria-expanded="true"],
.coc-pl .accordion-single-light.accordion-single.accordion.cui h5 [aria-expanded="true"],
.coc-pl .accordion-single-light.accordion-single.collapsible.cui h5 [aria-expanded="true"],
.coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h4 [aria-expanded="true"],
.coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h3 [aria-expanded="true"],
.coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h2 [aria-expanded="true"] {
  background-color: #ffffff !important;
  color: #c8102e;
  border-left: 2px solid #c8102e !important;
  border-bottom: 2px solid #ffffff !important;
  border-right: 2px solid #c9cacc !important;
  border-top: 2px solid #c9cacc !important; }
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h2 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h3 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h4 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h5 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.accordion-single.collapsible.cui h5 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h4 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h3 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h2 [aria-expanded="true"]:hover {
    background-color: #f6f6f6 !important;
    color: #c8102e;
    cursor: pointer; }

.coc-pl .accordion-single.accordion.cui h2 [aria-expanded="true"],
.coc-pl .accordion-single.accordion.cui h3 [aria-expanded="true"],
.coc-pl .accordion-single.accordion.cui h4 [aria-expanded="true"],
.coc-pl .accordion-single.accordion.cui h5 [aria-expanded="true"],
.coc-pl .accordion-single .collapsible.cui h5 [aria-expanded="true"],
.coc-pl .cui.accordion-single .collapsible.cui h4 [aria-expanded="true"],
.coc-pl .cui.accordion-single .collapsible.cui h3 [aria-expanded="true"],
.coc-pl .cui.accordion-single .collapsible.cui h2 [aria-expanded="true"] {
  border-left: 2px solid #ededee;
  border-bottom: none;
  color: #f6f6f6;
  background: url("/Scripts/PatternLibrary/img/angle-up-white.svg") no-repeat center right #4b4f55;
  background-size: 26px 16px; }
  .coc-pl .accordion-single.accordion.cui h2 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single.accordion.cui h3 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single.accordion.cui h4 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single.accordion.cui h5 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single .collapsible.cui h5 [aria-expanded="true"]:hover,
  .coc-pl .cui.accordion-single .collapsible.cui h4 [aria-expanded="true"]:hover,
  .coc-pl .cui.accordion-single .collapsible.cui h3 [aria-expanded="true"]:hover,
  .coc-pl .cui.accordion-single .collapsible.cui h2 [aria-expanded="true"]:hover {
    color: #f6f6f6;
    cursor: pointer;
    background: url("/Scripts/PatternLibrary/img/angle-up-white.svg") no-repeat center right #5d6066;
    background-size: 26px 16px; }

.coc-pl .accordion-single.accordion.cui h2 [aria-expanded="false"],
.coc-pl .accordion-single.accordion.cui h3 [aria-expanded="false"],
.coc-pl .accordion-single.accordion.cui h4 [aria-expanded="false"],
.coc-pl .accordion-single.accordion.cui h5 [aria-expanded="false"],
.coc-pl .accordion-single .collapsible.cui h5 [aria-expanded="false"],
.coc-pl .cui.accordion-single .collapsible.cui h4 [aria-expanded="false"],
.coc-pl .cui.accordion-single .collapsible.cui h3 [aria-expanded="false"],
.coc-pl .cui.accordion-single .collapsible.cui h2 [aria-expanded="false"] {
  border-left: 2px solid #ededee;
  border-bottom: none;
  color: #f6f6f6;
  background: url("/Scripts/PatternLibrary/img/angle-right-white.svg") no-repeat center right #4b4f55;
  background-size: 26px 16px; }
  .coc-pl .accordion-single.accordion.cui h2 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single.accordion.cui h3 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single.accordion.cui h4 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single.accordion.cui h5 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single .collapsible.cui h5 [aria-expanded="false"]:hover,
  .coc-pl .cui.accordion-single .collapsible.cui h4 [aria-expanded="false"]:hover,
  .coc-pl .cui.accordion-single .collapsible.cui h3 [aria-expanded="false"]:hover,
  .coc-pl .cui.accordion-single .collapsible.cui h2 [aria-expanded="false"]:hover {
    color: #f6f6f6;
    cursor: pointer;
    background: url("/Scripts/PatternLibrary/img/angle-right-white.svg") no-repeat center right #5d6066;
    background-size: 26px 16px; }

.coc-pl .accordion-single.accordion.cui h2 [aria-expanded="true"],
.coc-pl .accordion-single.accordion.cui h3 [aria-expanded="true"],
.coc-pl .accordion-single.accordion.cui h4 [aria-expanded="true"],
.coc-pl .accordion-single.accordion.cui h5 [aria-expanded="true"],
.coc-pl .accordion-single .collapsible.cui h5 [aria-expanded="true"],
.coc-pl .cui.accordion-single .collapsible.cui h4 [aria-expanded="true"],
.coc-pl .cui.accordion-single .collapsible.cui h3 [aria-expanded="true"],
.coc-pl .cui.accordion-single .collapsible.cui h2 [aria-expanded="true"] {
  border-left: 2px solid #ededee;
  border-bottom: none;
  color: #f6f6f6;
  background: url("/Scripts/PatternLibrary/img/angle-up-white.svg") no-repeat center right #4b4f55;
  background-size: 26px 16px; }
  .coc-pl .accordion-single.accordion.cui h2 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single.accordion.cui h3 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single.accordion.cui h4 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single.accordion.cui h5 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single .collapsible.cui h5 [aria-expanded="true"]:hover,
  .coc-pl .cui.accordion-single .collapsible.cui h4 [aria-expanded="true"]:hover,
  .coc-pl .cui.accordion-single .collapsible.cui h3 [aria-expanded="true"]:hover,
  .coc-pl .cui.accordion-single .collapsible.cui h2 [aria-expanded="true"]:hover {
    color: #f6f6f6;
    cursor: pointer;
    background: url("/Scripts/PatternLibrary/img/angle-up-white.svg") no-repeat center right #5d6066;
    background-size: 26px 16px; }

.coc-pl .accordion-single-light.accordion-single.accordion.cui h2 [aria-expanded="false"],
.coc-pl .accordion-single-light.accordion-single.accordion.cui h3 [aria-expanded="false"],
.coc-pl .accordion-single-light.accordion-single.accordion.cui h4 [aria-expanded="false"],
.coc-pl .accordion-single-light.accordion-single.accordion.cui h5 [aria-expanded="false"],
.coc-pl .accordion-single-light.accordion-single .collapsible.cui h5 [aria-expanded="false"],
.coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h4 [aria-expanded="false"],
.coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h3 [aria-expanded="false"],
.coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h2 [aria-expanded="false"] {
  background: url("/Scripts/PatternLibrary/img/angle-right.svg") no-repeat center right #ededee;
  background-size: 26px 16px; }
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h2 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h3 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h4 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h5 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single-light.accordion-single .collapsible.cui h5 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h4 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h3 [aria-expanded="false"]:hover,
  .coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h2 [aria-expanded="false"]:hover {
    cursor: pointer;
    background: url("/Scripts/PatternLibrary/img/angle-right.svg") no-repeat center right #dbdcdd;
    background-size: 26px 16px; }

.coc-pl .accordion-single-light.accordion-single.accordion.cui h2 [aria-expanded="true"],
.coc-pl .accordion-single-light.accordion-single.accordion.cui h3 [aria-expanded="true"],
.coc-pl .accordion-single-light.accordion-single.accordion.cui h4 [aria-expanded="true"],
.coc-pl .accordion-single-light.accordion-single.accordion.cui h5 [aria-expanded="true"],
.coc-pl .accordion-single-light.accordion-single .collapsible.cui h5 [aria-expanded="true"],
.coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h4 [aria-expanded="true"],
.coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h3 [aria-expanded="true"],
.coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h2 [aria-expanded="true"] {
  background: url("/Scripts/PatternLibrary/img/angle-up.svg") no-repeat center right #ededee;
  background-size: 26px 16px; }
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h2 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h3 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h4 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.accordion-single.accordion.cui h5 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.accordion-single .collapsible.cui h5 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h4 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h3 [aria-expanded="true"]:hover,
  .coc-pl .accordion-single-light.cui.accordion-single .collapsible.cui h2 [aria-expanded="true"]:hover {
    cursor: pointer;
    background: url("/Scripts/PatternLibrary/img/angle-up.svg") no-repeat center right #dbdcdd;
    background-size: 26px 16px; }

.coc-pl .accordion.cui h5 [aria-expanded="true"]:before,
.coc-pl .accordion.cui h4 [aria-expanded="true"]:before,
.coc-pl .accordion.cui h3 [aria-expanded="true"]:before,
.coc-pl .accordion.cui h2 [aria-expanded="true"]:before,
.coc-pl .collapsible.cui h5 [aria-expanded="true"]:before,
.coc-pl .collapsible.cui h4 [aria-expanded="true"]:before,
.coc-pl .collapsible.cui h3 [aria-expanded="true"]:before,
.coc-pl .collapsible.cui h2 [aria-expanded="true"]:before {
  font-family: 'cicon';
  content: '\e2eb';
  margin-right: 3px;
  margin-right: 0.3rem;
  color: #c8102e; }

.coc-pl .accordion.cui h5 + [aria-hidden],
.coc-pl .accordion.cui h4 + [aria-hidden],
.coc-pl .accordion.cui h3 + [aria-hidden],
.coc-pl .accordion.cui h2 + [aria-hidden],
.coc-pl .collapsible.cui h5 + [aria-hidden],
.coc-pl .collapsible.cui h4 + [aria-hidden],
.coc-pl .collapsible.cui h3 + [aria-hidden],
.coc-pl .collapsible.cui h2 + [aria-hidden] {
  display: none; }

.coc-pl .accordion.cui h5 + [aria-hidden="false"],
.coc-pl .accordion.cui h4 + [aria-hidden="false"],
.coc-pl .accordion.cui h3 + [aria-hidden="false"],
.coc-pl .accordion.cui h2 + [aria-hidden="false"],
.coc-pl .collapsible.cui h5 + [aria-hidden="false"],
.coc-pl .collapsible.cui h4 + [aria-hidden="false"],
.coc-pl .collapsible.cui h3 + [aria-hidden="false"],
.coc-pl .collapsible.cui h2 + [aria-hidden="false"] {
  display: block; }

.coc-pl .accordion-single.accordion.accordion-single-light h3 button, .coc-pl .accordion-single.accordion.accordion-single-light h3 a {
  border: 2px solid #c9cacc !important;
  color: #333333 !important; }
  .coc-pl .accordion-single.accordion.accordion-single-light h3 button span, .coc-pl .accordion-single.accordion.accordion-single-light h3 a span {
    width: 80%;
    display: inline-block; }
  .coc-pl .accordion-single.accordion.accordion-single-light h3 button:hover, .coc-pl .accordion-single.accordion.accordion-single-light h3 a:hover {
    color: #f6f6f6;
    cursor: pointer; }

.coc-pl .accordion-single.accordion.accordion-single-light .collapsible.cui {
  border-left: 2px solid #c9cacc !important;
  border-right: 2px solid #c9cacc !important;
  border-bottom: 2px solid #c9cacc !important;
  border-top: 2px solid #ffffff !important;
  margin-top: -1px;
  background: #ffffff !important; }

.coc-pl .accordion-single.accordion h3 button, .coc-pl .accordion-single.accordion h3 a {
  /*background:$coc-secondary;*/
  border: none !important;
  color: #f6f6f6;
  font-weight: bold !important;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  padding: 1.8rem 0 1.8rem 1.8rem !important;
  padding: 18px 0 18px 18px !important;
  text-align: left  !important;
  text-decoration: none !important; }
  .coc-pl .accordion-single.accordion h3 button span, .coc-pl .accordion-single.accordion h3 a span {
    width: 80%;
    display: inline-block; }
  .coc-pl .accordion-single.accordion h3 button .cicon-angle-down, .coc-pl .accordion-single.accordion h3 a .cicon-angle-down {
    float: right;
    padding-right: 18px;
    font-weight: bold;
    margin-top: 6px;
    margin-top: 0.6rem; }

.coc-pl .accordion-single.accordion .collapsible.cui {
  background: #ededee !important;
  border: 2px solid #ededee;
  padding: 0 18px;
  padding: 0 1.8rem;
  padding: 0 18px !important; }

/* -------------------------------------------------------
   START OF BANNER GRID _banner-grid.scss
   ------------------------------------------------------- */
@media only screen and (min-width: 320px) {
  .coc-pl .no-pad {
    padding: 0; }
  .coc-pl .cui.b-grid-section {
    background-color: #939599;
    padding: 0; }
    .coc-pl .cui.b-grid-section .cui.b-grid-main {
      position: relative; }
      .coc-pl .cui.b-grid-section .cui.b-grid-main .background-main {
        background-image: url("../../../img/grid-demo.jpg"); }
      .coc-pl .cui.b-grid-section .cui.b-grid-main .coc-white-opacity {
        background-color: #f6f6f6; }
      .coc-pl .cui.b-grid-section .cui.b-grid-main .coc-black-opacity {
        background-color: black; }
      .coc-pl .cui.b-grid-section .cui.b-grid-main .b-grid-content {
        width: 100%;
        padding: 18px 18px 20px 18px;
        padding: 1.8rem 1.8rem 2rem 1.8rem; }
        .coc-pl .cui.b-grid-section .cui.b-grid-main .b-grid-content h2, .coc-pl .cui.b-grid-section .cui.b-grid-main .b-grid-content h3, .coc-pl .cui.b-grid-section .cui.b-grid-main .b-grid-content h4, .coc-pl .cui.b-grid-section .cui.b-grid-main .b-grid-content h5, .coc-pl .cui.b-grid-section .cui.b-grid-main .b-grid-content h6 {
          margin-top: 0;
          padding: 0;
          max-width: 100%;
          word-wrap: break-word; }
    .coc-pl .cui.b-grid-section .cui.b-grid {
      margin-top: 3px;
      margin-top: 0.3rem; }
      .coc-pl .cui.b-grid-section .cui.b-grid .background-one {
        background-image: url("../../../img/ctrain.jpg"); }
      .coc-pl .cui.b-grid-section .cui.b-grid .background-two {
        background-image: url("../../../img/cityProgram.jpg"); }
      .coc-pl .cui.b-grid-section .cui.b-grid .b-grid-content {
        width: 100%;
        padding: 18px 18px 20px 18px;
        padding: 1.8rem 1.8rem 2rem 1.8rem; }
      .coc-pl .cui.b-grid-section .cui.b-grid .video-container span {
        margin: 18% 44%; }
    .coc-pl .cui.b-grid-section .b-grid-background {
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 35px;
      padding-top: 3.5rem;
      width: 100%; }
    .coc-pl .cui.b-grid-section .coc-white-opacity {
      background-color: #f6f6f6; }
    .coc-pl .cui.b-grid-section .coc-black-opacity {
      background-color: black; }
    .coc-pl .cui.b-grid-section .video-container {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 35px;
      padding-top: 3.5rem;
      height: 0;
      overflow: hidden; }
      .coc-pl .cui.b-grid-section .video-container button {
        outline: none;
        padding: 0;
        margin: 0;
        cursor: none;
        border: none; }
        .coc-pl .cui.b-grid-section .video-container button:focus {
          outline: none;
          box-shadow: none; }
      .coc-pl .cui.b-grid-section .video-container .video-thumbnail {
        width: 100%;
        border-radius: initial;
        padding: 0;
        position: absolute;
        top: 0;
        text-align: center; }
        .coc-pl .cui.b-grid-section .video-container .video-thumbnail:hover {
          cursor: pointer; }
        .coc-pl .cui.b-grid-section .video-container .video-thumbnail img:focus {
          border: 2px solid #60bbfe;
          -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
          -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 0px 3px 3px #60bbfe;
          outline-style: none;
          outline: 2px solid #0394FF \9; }
        .coc-pl .cui.b-grid-section .video-container .video-thumbnail span {
          position: absolute;
          border-radius: 30px;
          border: 5px solid;
          border-color: rgba(255, 255, 255, 0.9);
          padding: 10px;
          padding: 1rem;
          color: rgba(255, 255, 255, 0.9);
          margin: 25% 44%;
          font-size: 200%;
          background-color: rgba(0, 0, 0, 0.7); }
          .coc-pl .cui.b-grid-section .video-container .video-thumbnail span:hover {
            background-color: rgba(0, 0, 0, 0.9);
            color: rgba(255, 255, 255, 0.9); }
      .coc-pl .cui.b-grid-section .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1; } }

@media only screen and (min-width: 768px) {
  .coc-pl .cui.b-grid-section .col-md-8, .coc-pl .cui.b-grid-section .col-md-4 {
    display: block;
    width: 100%; } }

@media only screen and (max-width: 992px) {
  .coc-pl .cui.b-grid-section .col-md-8, .coc-pl .cui.b-grid-section .col-md-4 {
    display: block;
    width: 100%; } }

@media only screen and (min-width: 992px) {
  .coc-pl .cui.b-grid-section {
    background-color: #ffffff; }
    .coc-pl .cui.b-grid-section .col-md-8, .coc-pl .cui.b-grid-section .col-md-4 {
      display: initial; }
    .coc-pl .cui.b-grid-section .col-md-4 {
      width: 33.33333%; }
    .coc-pl .cui.b-grid-section .col-md-8 {
      width: 66.66667%; }
    .coc-pl .cui.b-grid-section .cui.b-grid-main {
      margin-right: 3px;
      margin-right: 0.3rem; }
      .coc-pl .cui.b-grid-section .cui.b-grid-main .coc-white-opacity {
        background-color: rgba(255, 255, 255, 0.9); }
      .coc-pl .cui.b-grid-section .cui.b-grid-main .coc-black-opacity {
        background-color: rgba(0, 0, 0, 0.8); }
      .coc-pl .cui.b-grid-section .cui.b-grid-main .b-grid-content {
        position: absolute;
        bottom: 0;
        width: 40%;
        margin: 36px;
        margin: 3.6rem;
        /*background-color: rgba(255, 255, 255,0.8);*/ }
    .coc-pl .cui.b-grid-section .cui.b-grid .b-grid-background {
      padding-top: 15px;
      padding-top: 1.5rem; }
    .coc-pl .cui.b-grid-section .cui.b-grid .coc-white-opacity {
      background-color: rgba(255, 255, 255, 0.9); }
    .coc-pl .cui.b-grid-section .cui.b-grid .coc-black-opacity {
      background-color: rgba(0, 0, 0, 0.8); }
    .coc-pl .cui.b-grid-section .cui.b-grid .video-container {
      padding-top: 15px;
      padding-top: 1.5rem; }
    .coc-pl .cui.b-grid-section .cui.b-grid .b-grid-content {
      position: absolute;
      bottom: 0;
      /*background-color: rgba(255, 255, 255,0.8);*/
      padding: 2px 18px 12px 18px;
      padding: 0.2rem 1.8rem 1.2rem 1.8rem; }
    .coc-pl .cui.b-grid-section .cui.b-grid.b-grid-one {
      margin-top: 0; }
    .coc-pl .cui.b-grid-section .cui.b-grid.b-grid-first {
      margin-top: 0; }
      .coc-pl .cui.b-grid-section .cui.b-grid.b-grid-first .b-grid-content {
        bottom: 51%;
        margin-bottom: -4px;
        margin-bottom: -0.4rem; }
    .coc-pl .cui.b-grid-section .cui.b-grid.b-grid-secon {
      border: 3px solid #FFF; } }

@media only screen and (min-width: 1200px) {
  .coc-pl .cui.b-grid-section .cui.b-grid.b-grid-first .b-grid-content {
    margin-bottom: -.9%; } }

/* -------------------------------------------------------
   START OF BANNERS _banners.scss
   ------------------------------------------------------- */
.coc-pl .cui.coc-jumbotron {
  background: url("../../../img/banner-background-demo.jpg") center no-repeat;
  background-size: cover;
  height: 450px;
  position: relative; }
  .coc-pl .cui.coc-jumbotron h1, .coc-pl .cui.coc-jumbotron h2, .coc-pl .cui.coc-jumbotron h3, .coc-pl .cui.coc-jumbotron h4, .coc-pl .cui.coc-jumbotron h5, .coc-pl .cui.coc-jumbotron h6, .coc-pl .cui.coc-jumbotron p, .coc-pl .cui.coc-jumbotron a {
    color: #f6f6f6; }
  .coc-pl .cui.coc-jumbotron a:hover {
    color: #f6f6f6; }
  .coc-pl .cui.coc-jumbotron .cta-background {
    width: 45%;
    margin: auto;
    padding: 36px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center; }

.coc-pl .cui.coc-jumbotron-banner {
  position: relative; }
  .coc-pl .cui.coc-jumbotron-banner img {
    width: 100%;
    height: 500px;
    height: 50rem;
    position: relative; }
  .coc-pl .cui.coc-jumbotron-banner p.h2 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    line-height: 1; }
    .coc-pl .cui.coc-jumbotron-banner p.h2 span {
      display: inline-block;
      text-align: left;
      color: #ffffff;
      overflow: hidden;
      text-transform: uppercase !important;
      background-color: #c8102e;
      font-weight: 800; }

.coc-pl .cui.coc-jumbotron-banner-bg-img {
  background: url("../../../img/demo-1280-500.jpg") center no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative; }
  .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 {
    position: absolute;
    bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    line-height: 1; }
    .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 span {
      display: inline-block;
      text-align: left;
      color: #ffffff;
      overflow: hidden;
      text-transform: uppercase !important;
      background-color: #c8102e;
      font-weight: 800; }

@media only screen and (min-width: 0) {
  .coc-pl .cui.coc-jumbotron .cta-background {
    width: 100%;
    padding: 12px;
    padding: 1.2rem; }
  .coc-pl .cui.coc-jumbotron-banner img {
    width: 100%;
    height: auto; }
  .coc-pl .cui.coc-jumbotron-banner p.h2 {
    width: 95%;
    position: absolute;
    bottom: 0; }
    .coc-pl .cui.coc-jumbotron-banner p.h2 span {
      font-size: 22px;
      font-size: 2.2rem;
      margin-bottom: -4px;
      margin-bottom: -0.4rem;
      margin-top: 4px;
      margin-top: 0.4rem;
      padding: 6px 18px;
      padding: 0.6rem 1.8rem; }
  .coc-pl .cui.coc-jumbotron-banner-bg-img {
    padding-bottom: 39.05%;
    width: 100%; }
    .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 {
      width: 95%;
      position: absolute;
      bottom: 0; }
      .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 span {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: -4px;
        margin-bottom: -0.4rem;
        margin-top: 4px;
        margin-top: 0.4rem;
        padding: 6px 18px;
        padding: 0.6rem 1.8rem; } }

@media only screen and (min-width: 320px) {
  .coc-pl .cui.coc-jumbotron .cta-background {
    width: 100%;
    padding: 12px;
    padding: 1.2rem; } }

@media only screen and (min-width: 544px) {
  .coc-pl .cui.coc-jumbotron .cta-background {
    width: 100%;
    margin: auto;
    padding: 36px;
    padding: 3.6rem; }
  .coc-pl .cui.coc-jumbotron-banner p.h2 {
    width: 80%; }
    .coc-pl .cui.coc-jumbotron-banner p.h2 span {
      font-size: 22px;
      font-size: 2.2rem; }
  .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 {
    width: 80%; }
    .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 span {
      font-size: 22px;
      font-size: 2.2rem; } }

@media only screen and (min-width: 768px) {
  .coc-pl .cui.coc-jumbotron .cta-background {
    width: 70%; }
  .coc-pl .cui.coc-jumbotron-banner p.h2 {
    width: 90%; }
    .coc-pl .cui.coc-jumbotron-banner p.h2 span {
      font-size: 39px;
      font-size: 3.9rem;
      padding: 9px 18px;
      padding: 0.9rem 1.8rem; }
  .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 {
    width: 90%; }
    .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 span {
      font-size: 39px;
      font-size: 3.9rem;
      padding: 9px 18px;
      padding: 0.9rem 1.8rem; } }

@media only screen and (min-width: 992px) {
  .coc-pl .cui.coc-jumbotron .cta-background {
    width: 50%; }
  .coc-pl .cui.coc-jumbotron-banner p.h2 {
    max-width: none; }
    .coc-pl .cui.coc-jumbotron-banner p.h2 span {
      font-size: 59px;
      font-size: 5.9rem; }
  .coc-pl .cui.coc-jumbotron-banner-bg-img {
    padding-bottom: 500px;
    padding-bottom: 50rem;
    width: 100%; }
    .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 {
      max-width: none; }
      .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 span {
        font-size: 59px;
        font-size: 5.9rem; } }

@media only screen and (min-width: 1200px) {
  .coc-pl .cui.coc-jumbotron .cta-background {
    width: 45%; }
  .coc-pl .cui.coc-jumbotron-banner p.h2 span {
    padding: 12px 36px;
    padding: 1.2rem 3.6rem; }
  .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 span {
    padding: 12px 36px;
    padding: 1.2rem 3.6rem; } }

@media only screen and (min-width: 1680px) {
  .coc-pl .cui.coc-jumbotron-banner p.h2 {
    width: 80%; }
    .coc-pl .cui.coc-jumbotron-banner p.h2 span {
      font-size: 79px;
      font-size: 7.9rem; }
  .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 {
    width: 80%; }
    .coc-pl .cui.coc-jumbotron-banner-bg-img p.h2 span {
      font-size: 79px;
      font-size: 7.9rem; } }

@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .coc-pl .cui.coc-jumbotron {
    background: url("../../../img/banner-background-demox2.jpg") center no-repeat;
    background-size: cover; }
  .coc-pl .cui.coc-jumbotron-banner-bg-img {
    background: url("../../../img/demo-1280-500x2.jpg") center no-repeat;
    background-size: cover; } }

.coc-pl {
  /* -------------------------------------------------------
   START OF card   _card.scss
   ------------------------------------------------------- */
  /*end media 320px*/
  /*end media 480px*/ }
  @media only screen and (min-width: 320px) {
    .coc-pl .cui.card {
      width: 100%;
      padding-bottom: 18px;
      padding-bottom: 1.8rem;
      margin: 36px 0;
      margin: 3.6rem 0;
      min-height: 100px;
      min-height: 10rem;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      border: 1px;
      border: 0.1rem;
      border-style: solid;
      border-color: #c9cacc;
      background: #ffffff; }
      .coc-pl .cui.card .cui.btn-sm,
      .coc-pl .cui.card .cui.btn-md,
      .coc-pl .cui.card .cui.btn-lg {
        text-decoration: none; }
        .coc-pl .cui.card .cui.btn-sm:hover,
        .coc-pl .cui.card .cui.btn-md:hover,
        .coc-pl .cui.card .cui.btn-lg:hover {
          text-decoration: none; }
      .coc-pl .cui.card .category-title {
        color: #4b4f55;
        margin: 0;
        padding: 9px 18px;
        padding: 0.9rem 1.8rem; }
      .coc-pl .cui.card h2, .coc-pl .cui.card h3, .coc-pl .cui.card h4, .coc-pl .cui.card h5, .coc-pl .cui.card h6 {
        color: #333333;
        padding: 9px 18px;
        padding: 0.9rem 1.8rem;
        margin: 0; }
      .coc-pl .cui.card .md {
        width: 100%; }
      .coc-pl .cui.card .video-container {
        position: relative;
        padding-top: 56.25%;
        /*padding-bottom: 56.25%;
            @include rem(padding-top, 35px);*/
        height: 0;
        overflow: hidden;
        margin-bottom: 0; }
        .coc-pl .cui.card .video-container .youtubePlayOverlay {
          outline: none;
          padding: 0;
          margin: 0;
          cursor: none;
          border: none; }
          .coc-pl .cui.card .video-container .youtubePlayOverlay:focus {
            outline: none;
            box-shadow: none; }
        .coc-pl .cui.card .video-container .video-thumbnail {
          width: 100%;
          border-radius: initial;
          padding-top: 56.25%;
          /*padding-bottom: 56.25%;
              padding-top: 35px;*/
          height: 0;
          position: absolute;
          top: 0;
          text-align: center;
          background: url("../../../img/Demo767x431@x1.jpg") center no-repeat;
          background-size: cover; }
          .coc-pl .cui.card .video-container .video-thumbnail:hover {
            cursor: pointer; }
          .coc-pl .cui.card .video-container .video-thumbnail:focus {
            border: 2px solid #60bbfe;
            -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
            -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 3px 3px #60bbfe;
            outline-style: none;
            outline: 2px solid #0394FF \9; }
          .coc-pl .cui.card .video-container .video-thumbnail img:focus {
            border: 2px solid #60bbfe;
            -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
            -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 3px 3px #60bbfe;
            outline-style: none;
            outline: 2px solid #0394FF \9; }
          .coc-pl .cui.card .video-container .video-thumbnail span {
            padding-top: 56.25%;
            position: absolute;
            top: 0;
            display: block;
            background: red;
            width: 100%;
            background: url("/Scripts/PatternLibrary/img/caret-right-opacity.svg") no-repeat center transparent;
            background-size: 40% 40%; }
        .coc-pl .cui.card .video-container iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: -1; }
      .coc-pl .cui.card img {
        width: 100%;
        border: none;
        vertical-align: middle;
        margin: 0; }
      .coc-pl .cui.card p {
        padding: 0px 18px;
        padding: 0px 1.8rem; }
      .coc-pl .cui.card .action-link {
        margin: 18px;
        margin: 1.8rem;
        display: block; }
      .coc-pl .cui.card button {
        margin: 18px;
        margin: 1.8rem; } }
  @media only screen and (min-width: 544px) {
    .coc-pl .cui.card .md {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .coc-pl .cui.card {
      /*
    .video-container{
      /*padding-bottom: 51.25% !important;*/
      /*padding-top:0 !important;

        .video-thumbnail{
         /*padding-bottom: 51.25% !important;*/
      /*padding-top:0 !important;

          span{
            top: 0px !important;
          }          
        }
    }*/ }
      .coc-pl .cui.card .md {
        width: 30%; } }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .coc-pl .cui.card .video-container .video-thumbnail {
      background: url("../../../img/Demo767x431@x2.jpg") center no-repeat !important;
      background-size: cover !important; } }

.coc-pl {
  /* -------------------------------------------------------
   START OF TABS _tabs.scss
   ------------------------------------------------------- */
  /*
Based on the ARIA works by Heydon Pickering
http://heydonworks.com/practical_aria_examples/
*/
  /* css hack for Safari only - Safari 7.1+ */
  /* Medium Devices, Desktops */
  /* Large Devices, Wide Screens */ }
  @media (min-width: 320px) {
    .coc-pl .cui#tab-interface .tab-ul {
      display: none; }
    .coc-pl .cui#tab-interface .collapsible-tab div .title-bar {
      display: block;
      margin: -2px 0 0 0;
      margin: -0.2rem 0 0 0;
      border: none;
      padding: 0;
      color: #333333; }
      .coc-pl .cui#tab-interface .collapsible-tab div .title-bar button[aria-expanded="true"] {
        border-left: 2px solid #c8102e; }
        .coc-pl .cui#tab-interface .collapsible-tab div .title-bar button[aria-expanded="true"]:hover {
          background-color: #f6f6f6; }
      .coc-pl .cui#tab-interface .collapsible-tab div .title-bar button[aria-expanded="false"] {
        border-left: 2px solid #c9cacc;
        background: #ededee; }
        .coc-pl .cui#tab-interface .collapsible-tab div .title-bar button[aria-expanded="false"]:hover {
          background-color: #dbdcdd; }
      .coc-pl .cui#tab-interface .collapsible-tab div .title-bar button {
        padding: 11px 18px;
        padding: 1.1rem 1.8rem;
        background: #ffffff;
        font-size: 16px;
        border: 2px solid #c9cacc; }
        .coc-pl .cui#tab-interface .collapsible-tab div .title-bar button:hover {
          background-color: #dbdcdd; }
    .coc-pl .cui#tab-interface .collapsible.cui {
      padding: 0;
      background-color: #ffffff;
      border-top: none;
      border-right: 2px solid #c9cacc;
      border-left: 2px solid #c9cacc;
      border-bottom: 2px solid #c9cacc;
      padding: 9px 36px;
      padding: 0.9rem 3.6rem;
      margin-top: -2px; }
    .coc-pl .cui#tab-interface .collapsible-tab.cui h5 [aria-expanded],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h4 [aria-expanded],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h3 [aria-expanded],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h2 [aria-expanded] {
      display: block;
      width: 100%;
      font-family: inherit;
      text-transform: inherit;
      text-align: inherit;
      margin: 0; }
    .coc-pl .cui#tab-interface .collapsible-tab.cui h5 [aria-expanded]:before,
    .coc-pl .cui#tab-interface .collapsible-tab.cui h4 [aria-expanded]:before,
    .coc-pl .cui#tab-interface .collapsible-tab.cui h3 [aria-expanded]:before,
    .coc-pl .cui#tab-interface .collapsible-tab.cui h2 [aria-expanded]:before {
      font-family: 'cicon';
      content: '\e2ea';
      color: #333333;
      margin-right: 6px; }
    .coc-pl .cui#tab-interface .collapsible-tab.cui h5 [aria-expanded="true"],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h4 [aria-expanded="true"],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h3 [aria-expanded="true"],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h2 [aria-expanded="true"] {
      background-color: #ffffff;
      border-left: 2px solid #c8102e;
      border-bottom: 2px solid #ffffff;
      color: #c8102e; }
      .coc-pl .cui#tab-interface .collapsible-tab.cui h5 [aria-expanded="true"]:hover,
      .coc-pl .cui#tab-interface .collapsible-tab.cui h4 [aria-expanded="true"]:hover,
      .coc-pl .cui#tab-interface .collapsible-tab.cui h3 [aria-expanded="true"]:hover,
      .coc-pl .cui#tab-interface .collapsible-tab.cui h2 [aria-expanded="true"]:hover {
        background-color: #f6f6f6; }
    .coc-pl .cui#tab-interface .collapsible-tab.cui h5 [aria-expanded="true"]:before,
    .coc-pl .cui#tab-interface .collapsible-tab.cui h4 [aria-expanded="true"]:before,
    .coc-pl .cui#tab-interface .collapsible-tab.cui h3 [aria-expanded="true"]:before,
    .coc-pl .cui#tab-interface .collapsible-tab.cui h2 [aria-expanded="true"]:before {
      font-family: 'cicon';
      content: '\e2eb';
      margin-right: 6px;
      margin-right: 0.6rem;
      color: #c8102e; }
    .coc-pl .cui#tab-interface .collapsible-tab.cui h5 + [aria-hidden],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h4 + [aria-hidden],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h3 + [aria-hidden],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h2 + [aria-hidden] {
      display: none; }
    .coc-pl .cui#tab-interface .collapsible-tab.cui h5 + [aria-hidden="false"],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h4 + [aria-hidden="false"],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h3 + [aria-hidden="false"],
    .coc-pl .cui#tab-interface .collapsible-tab.cui h2 + [aria-hidden="false"] {
      display: block; } }
  .coc-pl _::-webkit-full-page-media, .coc-pl _:future, .coc-pl :root .cui#tab-interface ul.tab-ul {
    margin-bottom: 7px;
    margin-bottom: 0.7rem; }
  @media (min-width: 768px) {
    .coc-pl {
      /*.cui#tab-interface end*/ }
      .coc-pl .cui#tab-interface {
        /*tab-ul end*/
        /*.collapsible-tab end*/ }
        .coc-pl .cui#tab-interface ul.tab-ul {
          margin-left: 6px;
          margin-left: 0.6rem;
          margin-bottom: 0;
          display: inline-block;
          /*list end*/
          /* character limits based on number of tabs */
          /* 2 tabs - 30 chars */
          /* 3 tabs - 20 chars */
          /* 4 tabs - 15 chars */
          /* 5 tabs - 12 chars */
          /* 6 tabs - 10 chars */ }
          .coc-pl .cui#tab-interface ul.tab-ul [role="tablist"] {
            display: inline-block;
            list-style: none; }
          .coc-pl .cui#tab-interface ul.tab-ul li {
            margin-left: -6px;
            margin-left: -0.6rem;
            display: inline-block; }
            .coc-pl .cui#tab-interface ul.tab-ul li span {
              display: none; }
            .coc-pl .cui#tab-interface ul.tab-ul li a[role="tab"] {
              background: #ededee;
              color: #fff;
              color: #333333;
              border: 2px solid #c9cacc;
              border-bottom: 0;
              padding: 9px 18px;
              padding: 0.9rem 1.8rem;
              display: inline-block;
              text-decoration: none;
              margin: 0 0 -7px 0;
              margin: 0 0 -0.7rem 0;
              max-width: 150px;
              max-width: 15rem;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
              .coc-pl .cui#tab-interface ul.tab-ul li a[role="tab"]:hover {
                background-color: #dbdcdd; }
            .coc-pl .cui#tab-interface ul.tab-ul li a[aria-selected], .coc-pl .cui#tab-interface ul.tab-ul li a[role="tab"]:focus {
              background: #ffffff;
              color: #c8102e;
              border-top: 2px solid #c8102e;
              border-bottom: 0;
              position: relative;
              top: 2px;
              top: 0.2rem;
              padding-top: 11px;
              padding-top: 1.1rem; }
            .coc-pl .cui#tab-interface ul.tab-ul li a[role="tab"]:focus {
              background: #ffffff;
              -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
              -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
              box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
              box-shadow: 0px 0px 3px 3px #60bbfe;
              outline-style: none;
              /* 1st */
              outline: 2px solid #0394FF \9;
              /* 2nd -- IE8 hack  */
              text-decoration: none; }
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(2) a[role="tab"],
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(2) ~ li a[role="tab"] {
            max-width: 340px;
            max-width: 34rem; }
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(3) a[role="tab"],
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(3) ~ li a[role="tab"] {
            max-width: 250px;
            max-width: 25rem; }
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(4) a[role="tab"],
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(4) ~ li a[role="tab"] {
            max-width: 210px;
            max-width: 21rem; }
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(5) a[role="tab"],
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(5) ~ li a[role="tab"] {
            max-width: 170px;
            max-width: 17rem; }
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(6) a[role="tab"],
          .coc-pl .cui#tab-interface ul.tab-ul li:nth-last-child(6) ~ li a[role="tab"] {
            max-width: 150px;
            max-width: 15rem; }
        .coc-pl .cui#tab-interface .collapsible-tab.cui {
          /* Tab Panels */ }
          .coc-pl .cui#tab-interface .collapsible-tab.cui .title-bar {
            display: none !important;
            border: 2px solid green; }
          .coc-pl .cui#tab-interface .collapsible-tab.cui [role="tabpanel"] {
            margin-top: 0;
            padding: 6px 18px 24px 18px;
            padding: 0.6rem 1.8rem 2.4rem 1.8rem;
            border: 2px solid #c9cacc;
            background: #fff; }
          .coc-pl .cui#tab-interface .collapsible-tab.cui [role="tabpanel"][aria-hidden="true"] {
            display: none; }
          .coc-pl .cui#tab-interface .collapsible-tab.cui [role="tabpanel"]:focus {
            background: #eee;
            -webkit-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
            -moz-box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 2px 2px #60bbfe, -4px 7px 11px rgba(0, 0, 0, 0.35);
            box-shadow: 0px 0px 3px 3px #60bbfe;
            outline-style: none;
            /* 1st */
            outline: 2px solid #0394FF \9;
            /* 2nd -- IE8 hack  */
            text-decoration: none; }
      .coc-pl .ie7 .cui#tab-interface .tab-content,
      .coc-pl .ie8 .cui#tab-interface .tab-content {
        display: block; } }
  @media only screen and (min-width: 992px) {
    .coc-pl .cui#tab-interface ul.tab-ul {
      overflow: visible; } }

.coc-pl {
  /* -------------------------------------------------------
   START OF Tile tile.scss
   ------------------------------------------------------- */
  /* Extra Small Devices, Phones */
  /* Medium Devices, Desktops */
  /* Large Devices, Wide Screens */ }
  @media only screen and (min-width: 200px) {
    .coc-pl .cui.tile {
      width: 100%;
      margin-bottom: 36px;
      margin-bottom: 3.6rem;
      min-height: 100px;
      min-height: 10rem;
      padding: 26px 36px 36px 36px;
      padding: 2.6rem 3.6rem 3.6rem 3.6rem; }
      .coc-pl .cui.tile h2, .coc-pl .cui.tile h3, .coc-pl .cui.tile h4, .coc-pl .cui.tile h5, .coc-pl .cui.tile h6, .coc-pl .cui.tile p {
        padding: 0; }
      .coc-pl .cui.tile p {
        line-height: 1.6; }
        .coc-pl .cui.tile p.button-holder {
          margin: 0;
          padding: 0; }
      .coc-pl .cui.tile.coc-secondary h2, .coc-pl .cui.tile.coc-secondary h3, .coc-pl .cui.tile.coc-secondary h4, .coc-pl .cui.tile.coc-secondary h5, .coc-pl .cui.tile.coc-secondary h6 {
        color: #f6f6f6; }
      .coc-pl .cui.tile button.cui.secondary-ghost, .coc-pl .cui.tile a.cui.secondary-ghost, .coc-pl .cui.tile p .cui.secondary-ghost {
        color: #ffffff;
        text-decoration: none;
        margin: 0; }
        .coc-pl .cui.tile button.cui.secondary-ghost:hover, .coc-pl .cui.tile a.cui.secondary-ghost:hover, .coc-pl .cui.tile p .cui.secondary-ghost:hover {
          background: #ededee;
          color: #4b4f55;
          text-decoration: none; } }
          
          
          /* -------------------------------------------------------

   START OF catalogueGroup.scss

   ------------------------------------------------------- */
.coc-pl {
  /* .cui.catalogue-group end*/
  /* ul.catalogue-detail,.catalogue-detail end*/
  /*.cui.catalogue-group.catalogue-group-without-icon end*/
  /*media end*/
  /*media end*/
  /*media end*/ }
  .coc-pl .cui.catalogue-group {
    margin: 0 !important;
    text-decoration: none;
    list-style-type: none; }
    .coc-pl .cui.catalogue-group * a {
      cursor: pointer;
      color: #c8102e; }
    .coc-pl .cui.catalogue-group .catalogue-title {
      color: #c8102e;
      margin-left: 0;
      margin-bottom: 6px;
      margin-bottom: 0.6rem; }
      .coc-pl .cui.catalogue-group .catalogue-title .cicon-arrow-circle-right {
        font-size: 90% !important;
        display: inline-block;
        margin-left: 3px;
        margin-left: 0.3rem; }
      .coc-pl .cui.catalogue-group .catalogue-title:hover span.cicon-arrow-circle-right {
        text-decoration: none !important; }
      .coc-pl .cui.catalogue-group .catalogue-title:hover {
        text-decoration: underline; }
    .coc-pl .cui.catalogue-group ul {
      margin: 0;
      color: #333333; }
      .coc-pl .cui.catalogue-group ul.group-links li {
        border-top: none; }
      .coc-pl .cui.catalogue-group ul li {
        list-style-type: none;
        font-size: 16px;
        font-size: 1.6rem; }
        .coc-pl .cui.catalogue-group ul li a {
          padding: 0; }
        .coc-pl .cui.catalogue-group ul li ul li {
          padding: 0 !important; }
          .coc-pl .cui.catalogue-group ul li ul li a {
            padding: 0 !important; }
  .coc-pl .cui.catalogue-group-without-icon .catalogue-title-link {
    color: #c8102e; }
    .coc-pl .cui.catalogue-group-without-icon .catalogue-title-link .catalogue-title {
      margin-bottom: 6px !important;
      margin-bottom: .6rem !important; }
  .coc-pl .cui.catalogue-group-without-icon ul.group-links li:first-child {
    border-top: 1px solid #dbdcdd; }
  .coc-pl .cui.catalogue-single-link {
    padding: 0;
    display: block;
    text-align: left; }
    .coc-pl .cui.catalogue-single-link .catalogue-descript {
      color: #333333;
      text-decoration: none;
      line-height: 1.6; }
    .coc-pl .cui.catalogue-single-link .catalogue-title {
      text-decoration: none;
      margin-bottom: 6px;
      margin-bottom: .6rem;
      padding-top: 0; }
    .coc-pl .cui.catalogue-single-link:hover .cui.cicon-responsive {
      color: #ffffff; }
    .coc-pl .cui.catalogue-single-link:hover .catalogue-icon {
      color: #ffffff; }
    .coc-pl .cui.catalogue-single-link:hover .catalogue-title {
      color: #ffffff;
      text-decoration: none !important; }
    .coc-pl .cui.catalogue-single-link:hover .catalogue-descript {
      color: #ffffff; }
  .coc-pl ul.catalogue-detail, .coc-pl .catalogue-detail {
    width: 100%;
    padding: 1.8rem !important;
    padding: 18px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .coc-pl ul.catalogue-detail li, .coc-pl .catalogue-detail li {
      list-style-type: none;
      padding: 0 !important; }
      .coc-pl ul.catalogue-detail li p, .coc-pl .catalogue-detail li p {
        color: #333333; }
    .coc-pl ul.catalogue-detail .catalogue-title-link, .coc-pl .catalogue-detail .catalogue-title-link {
      text-decoration: none;
      display: block;
      padding: 0 !important; }
      .coc-pl ul.catalogue-detail .catalogue-title-link:hover .catalogue-title, .coc-pl .catalogue-detail .catalogue-title-link:hover .catalogue-title {
        text-decoration: underline;
        color: #ef3654; }
      .coc-pl ul.catalogue-detail .catalogue-title-link.cicon-responsive.cui, .coc-pl .catalogue-detail .catalogue-title-link.cicon-responsive.cui {
        display: block; }
      .coc-pl ul.catalogue-detail .catalogue-title-link:hover .cicon-responsive.cui, .coc-pl .catalogue-detail .catalogue-title-link:hover .cicon-responsive.cui {
        text-decoration: none !important; }
      .coc-pl ul.catalogue-detail .catalogue-title-link .cicon-arrow-circle-right, .coc-pl .catalogue-detail .catalogue-title-link .cicon-arrow-circle-right {
        display: inline-block; }
      .coc-pl ul.catalogue-detail .catalogue-title-link:hover .cicon-arrow-circle-right, .coc-pl .catalogue-detail .catalogue-title-link:hover .cicon-arrow-circle-right {
        text-decoration: none !important; }
    .coc-pl ul.catalogue-detail .group-links li, .coc-pl .catalogue-detail .group-links li {
      padding: 0 !important;
      margin-left: -9px;
      margin-left: -.9rem;
      line-height: 1.6; }
      .coc-pl ul.catalogue-detail .group-links li a, .coc-pl .catalogue-detail .group-links li a {
        color: #333333;
        text-decoration: none;
        padding: 0 !important;
        display: block;
        /*
          span{display: inline-block;
            max-width: 200px;
            &.cicon-angle-right{
              max-width:inherit;vertical-align: top; @include rem(padding-top,3px);
              &.float-right{float:right;}
            }
          }*/ }
        .coc-pl ul.catalogue-detail .group-links li a:hover, .coc-pl .catalogue-detail .group-links li a:hover {
          text-decoration: underline !important;
          /*background:$coc-secondary-10L;
            span{text-decoration: underline;}
            span.cicon-angle-right{text-decoration: none;}*/ }
  .coc-pl .cui.catalogue-group.catalogue-group-without-icon {
    /*remove the title link*/ }
    .coc-pl .cui.catalogue-group.catalogue-group-without-icon .catalogue-title-link .h4 {
      color: #c8102e;
      font-weight: 600;
      font-size: 21px;
      font-size: 2.1rem;
      margin-bottom: 0; }
      .coc-pl .cui.catalogue-group.catalogue-group-without-icon .catalogue-title-link .h4 span.cicon-arrow-circle-right {
        color: #c8102e; }
    .coc-pl .cui.catalogue-group.catalogue-group-without-icon .catalogue-title-link .descript {
      text-decoration: none;
      color: #333333;
      font-size: 14px;
      font-size: 1.4rem;
      margin-bottom: 25px;
      margin-bottom: 2.5rem; }
      .coc-pl .cui.catalogue-group.catalogue-group-without-icon .catalogue-title-link .descript:hover {
        text-decoration: none;
        color: #333333; }
    .coc-pl .cui.catalogue-group.catalogue-group-without-icon .group-links li {
      padding: 9px 0 9px 9px !important;
      border-bottom: 1px solid #c9cacc;
      border-top: none; }
      .coc-pl .cui.catalogue-group.catalogue-group-without-icon .group-links li a {
        color: #333333;
        text-decoration: none;
        padding: 0 !important;
        display: block;
        background: url("/Scripts/PatternLibrary/img/angle-right.svg") no-repeat center right transparent;
        background-size: 26px 16px; }
        .coc-pl .cui.catalogue-group.catalogue-group-without-icon .group-links li a:hover {
          background: url("/Scripts/PatternLibrary/img/angle-right.svg") no-repeat center right #ededee;
          background-size: 26px 16px; }
          .coc-pl .cui.catalogue-group.catalogue-group-without-icon .group-links li a:hover span {
            text-decoration: underline; }
        .coc-pl .cui.catalogue-group.catalogue-group-without-icon .group-links li a span {
          display: inline-block;
          max-width: 80%; }
    .coc-pl .cui.catalogue-group.catalogue-group-without-icon.title-link-remove .catalogue-title-link {
      cursor: default; }
      .coc-pl .cui.catalogue-group.catalogue-group-without-icon.title-link-remove .catalogue-title-link .h4 {
        text-decoration: none;
        color: #333333; }
        .coc-pl .cui.catalogue-group.catalogue-group-without-icon.title-link-remove .catalogue-title-link .h4 span.cicon-arrow-circle-right {
          display: none; }
      .coc-pl .cui.catalogue-group.catalogue-group-without-icon.title-link-remove .catalogue-title-link .descript {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6;
        margin-bottom: 25px;
        margin-bottom: 2.5rem; }
  .coc-pl .catalogue-detail.with-bg-color-grey {
    background: #f6f6f6; }
  .coc-pl .catalogue-detail.without-bg-color {
    background: #ffffff; }
  .coc-pl .catalogue-detail.with-bg-color {
    background: #ffffff; }
  .coc-pl .catalogue-detail.without-bg-color:hover {
    background: #ffffff; }
  .coc-pl ul.catalogue-detail.with-bg-color-grey:hover {
    background: #f6f6f6; }
  .coc-pl div.catalogue-detail.with-bg-color:hover {
    background: #ededee; }
    .coc-pl div.catalogue-detail.with-bg-color:hover .cui.cicon-responsive {
      color: #c8102e; }
    .coc-pl div.catalogue-detail.with-bg-color:hover h2 {
      color: #c8102e !important; }
    .coc-pl div.catalogue-detail.with-bg-color:hover p {
      color: #333333 !important; }
  .coc-pl div.catalogue-detail.with-bg-color-grey {
    background: #ededee; }
  .coc-pl div.catalogue-detail.with-bg-color-grey:hover {
    background: #f6f6f6; }
  .coc-pl div.catalogue-detail.with-bg-color-grey:hover .catalogue-icon {
    color: #c8102e; }
  .coc-pl div.catalogue-detail.with-bg-color-grey:hover .cui.cicon-responsive {
    color: #c8102e; }
  .coc-pl div.catalogue-detail.with-bg-color-grey:hover h2 {
    color: #c8102e !important; }
  .coc-pl div.catalogue-detail.with-bg-color-grey:hover p {
    color: #333333 !important; }
  @media only screen and (min-width: 200px) {
    .coc-pl {
      /*.cui.catalogue-single-link*/
      /*.cui.catalogue-single-link end*/ }
      .coc-pl .cui.catalogue-group .catalogue-icon, .coc-pl .cui.catalogue-group .cicon-responsive.cui {
        font-size: 130%;
        color: #c8102e;
        margin-right: 3px;
        margin-right: 0.3rem;
        padding-top: 3px;
        padding-top: 0.3rem;
        vertical-align: top; }
      .coc-pl .cui.catalogue-group .catalogue-icon, .coc-pl .cui.catalogue-group .catalogue-title, .coc-pl .cui.catalogue-group .cicon-responsive.cui {
        display: inline-block; }
      .coc-pl .cui.catalogue-group .catalogue-title .cicon-arrow-circle-right {
        display: none; }
      .coc-pl .cui.catalogue-group .catalogue-title-link {
        min-height: initial; }
        .coc-pl .cui.catalogue-group .catalogue-title-link .catalogue-title {
          margin-top: 0;
          font-weight: 600; }
      .coc-pl .cui.catalogue-group .group-links {
        margin-left: 36px !important;
        margin-left: 3.6rem !important; }
      .coc-pl .cui.catalogue-group .catalogue-detail .catalogue-descript {
        margin-left: 36px !important;
        margin-left: 3.6rem !important;
        margin-top: 0; }
      .coc-pl .cui.catalogue-group.catalogue-group-without-icon .catalogue-title-link {
        margin-bottom: 9px !important; }
        .coc-pl .cui.catalogue-group.catalogue-group-without-icon .catalogue-title-link .catalogue-title {
          max-width: initial !important;
          font-weight: 600; }
        .coc-pl .cui.catalogue-group.catalogue-group-without-icon .catalogue-title-link .h4 {
          display: block; }
        .coc-pl .cui.catalogue-group.catalogue-group-without-icon .catalogue-title-link .descript {
          display: block; }
      .coc-pl .cui.catalogue-group.catalogue-group-without-icon .group-links {
        margin-left: 0 !important; }
      .coc-pl .cui.catalogue-single-link .catalogue-detail .cicon-responsive.cui {
        padding-top: 3px;
        padding-top: 0.3rem;
        vertical-align: top; }
      .coc-pl .cui.catalogue-single-link .catalogue-detail .catalogue-title {
        font-weight: 600;
        margin-top: 0;
        margin-left: 3px;
        margin-left: 0.3rem;
        max-width: 256px;
        max-width: 25.6rem; } }
  @media only screen and (min-width: 320px) {
    .coc-pl {
      /*.cui.catalogue-single-link*/
      /*.cui.catalogue-single-link end*/ }
      .coc-pl .cui.catalogue-group .catalogue-title {
        max-width: 180px !important;
        max-width: 18rem !important; }
      .coc-pl .cui.catalogue-single-link .catalogue-detail .catalogue-title {
        max-width: 180px !important;
        max-width: 18rem !important; } }
  @media only screen and (min-width: 400px) {
    .coc-pl {
      /*.cui.catalogue-single-link*/
      /*.cui.catalogue-single-link end*/ }
      .coc-pl .cui.catalogue-group .catalogue-title {
        max-width: 280px !important;
        max-width: 28rem !important; }
      .coc-pl .cui.catalogue-single-link .catalogue-detail .catalogue-title {
        max-width: 280px !important;
        max-width: 28rem !important; } }
  @media only screen and (min-width: 544px) {
    .coc-pl {
      /*.cui.catalogue-single-link*/
      /*.cui.catalogue-single-link end*/ }
      .coc-pl .cui.catalogue-group .catalogue-title {
        max-width: 450px !important;
        max-width: 45rem !important; }
      .coc-pl .cui.catalogue-single-link .catalogue-detail .catalogue-title {
        max-width: 450px !important;
        max-width: 45rem !important; } }
  @media only screen and (min-width: 768px) {
    .coc-pl {
      /*.cui.catalogue-single-link*/
      /*.cui.catalogue-single-link end*/ }
      .coc-pl .cui.catalogue-group .catalogue-title {
        max-width: initial !important; }
      .coc-pl .cui.catalogue-group .group-links li a span {
        /*max-width: 400px !important;*/ }
      .coc-pl .cui.catalogue-single-link .catalogue-detail .catalogue-title {
        margin-left: 0px !important;
        max-width: initial !important; } }
  @media only screen and (min-width: 768px) {
    .coc-pl .cui.catalogue-group .catalogue-title-link .catalogue-title .cicon-arrow-circle-right {
      display: inline-block; }
    .coc-pl .cui.catalogue-group .catalogue-title-link:hover .catalogue-title .cicon-arrow-circle-right, .coc-pl .cui.catalogue-group .catalogue-title-link:hover span.h3 .cicon-arrow-circle-right {
      text-decoration: none !important; }
    .coc-pl .cui.catalogue-group .catalogue-icon, .coc-pl .cui.catalogue-group .cicon-responsive.cui {
      font-size: 200% !important;
      margin-left: 9px !important;
      margin-left: .9rem !important; }
    .coc-pl .cui.catalogue-group .catalogue-icon, .coc-pl .cui.catalogue-group .catalogue-title, .coc-pl .cui.catalogue-group .cicon-responsive.cui {
      display: block !important; }
    .coc-pl .cui.catalogue-group .catalogue-detail .catalogue-descript {
      margin-left: 0 !important;
      margin-top: 18px; }
    .coc-pl .cui.catalogue-group .group-links {
      margin: 0 !important; }
      .coc-pl .cui.catalogue-group .group-links li {
        margin-left: 0px; }
    .coc-pl .cui.catalogue-group.catalogue-group-without-icon .catalogue-title-link {
      margin-bottom: 36px;
      margin-bottom: 3.6rem; }
    .coc-pl .cui.catalogue-group.catalogue-group-without-icon .group-links li {
      padding: 9px 0 !important; } }
  @media only screen and (min-width: 992px) {
    .coc-pl .cui.catalogue-group .catalogue-title-link {
      min-height: 108px;
      min-height: 10.8rem; }
    .coc-pl .cui.catalogue-group .group-links li {
      margin-left: 0px; } }
  @media only screen and (min-width: 1200px) {
    .coc-pl .cui.catalogue-group .catalogue-icon, .coc-pl .cui.catalogue-group .cicon-responsive.cui {
      font-size: 220% !important;
      margin-left: 9px !important;
      margin-left: .9rem !important; } }

/*coc end*/
/* -------------------------------------------------------
   START OF nvi.scss
   ------------------------------------------------------- */
.coc-pl {
  /*nav.cui end*/
  /*media end*/
  /*media end*/
  /*media end*/
  /*media end*/
  /*media end*/ }
  .coc-pl nav.cui .menu-btn {
    width: initial !important;
    line-height: 1.6 !important;
    border: 2px solid #c8102e !important;
    padding: 4px 15px !important; }
  .coc-pl nav.cui .highlight-font {
    color: #000000 !important; }
  .coc-pl nav.cui .font-bold {
    padding: 9px;
    padding: 0.9rem;
    line-height: 1.6; }
  .coc-pl nav.cui span.font-bold {
    display: block; }
    .coc-pl nav.cui span.font-bold:hover {
      background: #ffffff !important;
      cursor: default !important; }
  .coc-pl nav.cui .no-link {
    cursor: default;
    color: #333333 !important; }
    .coc-pl nav.cui .no-link.h3 {
      color: #333333 !important;
      padding-top: 0 !important; }
    .coc-pl nav.cui .no-link:hover {
      text-decoration: none !important; }
  .coc-pl nav.cui a.h3, .coc-pl nav.cui span.h3 {
    color: #c8102e !important; }
    .coc-pl nav.cui a.h3 .cicon-arrow-circle-right, .coc-pl nav.cui span.h3 .cicon-arrow-circle-right {
      display: inline-block; }
    .coc-pl nav.cui a.h3:hover .cicon-arrow-circle-right, .coc-pl nav.cui span.h3:hover .cicon-arrow-circle-right {
      text-decoration: none; }
  .coc-pl nav.cui .nav-menu {
    display: block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15;
    color: #333333; }
  .coc-pl nav.cui .closeSubNavGroup {
    padding-right: 36px;
    padding-right: 3.6rem;
    margin-top: 9px;
    margin-top: 0.9rem;
    font-size: 16px;
    font-size: 1.6rem;
    top: 9px;
    top: 0.9rem;
    right: 36px;
    right: 3.6rem;
    text-align: right;
    display: inline-block;
    position: absolute; }
    .coc-pl nav.cui .closeSubNavGroup a {
      background: #ffffff; }
      .coc-pl nav.cui .closeSubNavGroup a:hover {
        background: #ffffff; }
  @media only screen and (min-width: 200px) {
    .coc-pl {
      /*nav.cui end*/ }
      .coc-pl nav.cui.coc-secondary-9L-nav {
        background: rgba(0, 0, 0, 0.7); }
      .coc-pl nav.cui.coc-secondary-10-nav {
        background: rgba(0, 0, 0, 0.7); }
      .coc-pl nav.cui {
        /*.nav-menu end*/ }
        .coc-pl nav.cui a.h3, .coc-pl nav.cui span.h3 {
          font-size: 18px !important;
          font-size: 1.8rem !important;
          font-weight: 400; }
          .coc-pl nav.cui a.h3 .cicon-arrow-circle-right, .coc-pl nav.cui span.h3 .cicon-arrow-circle-right {
            display: none; }
        .coc-pl nav.cui .highlight-font {
          font-weight: 600; }
        .coc-pl nav.cui .font-bold {
          margin: 0;
          font-weight: 600; }
        .coc-pl nav.cui span.font-bold {
          margin-left: 0;
          padding-bottom: 9px;
          border-bottom: 1px solid #dbdcdd; }
        .coc-pl nav.cui .col-1, .coc-pl nav.cui .col-2, .coc-pl nav.cui .col-3, .coc-pl nav.cui .col-4, .coc-pl nav.cui .col-5, .coc-pl nav.cui .col-6, .coc-pl nav.cui .col-7, .coc-pl nav.cui .col-8, .coc-pl nav.cui .col-9, .coc-pl nav.cui .col-10, .coc-pl nav.cui .col-11, .coc-pl nav.cui .col-12 {
          width: 100%;
          border-bottom: 1px solid #dbdcdd; }
        .coc-pl nav.cui * a {
          cursor: pointer; }
        .coc-pl nav.cui .nav-menu {
          /*nav-item end*/ }
          .coc-pl nav.cui .nav-menu #closeBtn, .coc-pl nav.cui .nav-menu #closeBtn.active, .coc-pl nav.cui .nav-menu .closeSubNavGroup {
            display: none; }
          .coc-pl nav.cui .nav-menu .navBtnMobile {
            display: inline-block;
            font-size: 16px;
            font-size: 1.6rem;
            float: right; }
            .coc-pl nav.cui .nav-menu .navBtnMobile:hover {
              cursor: pointer; }
          .coc-pl nav.cui .nav-menu #closeBtn {
            -webkit-box-shadow: 0px 1px 54px -16px #ededee;
            -moz-box-shadow: 0px 1px 54px -16px #ededee;
            box-shadow: 0px 1px 54px -16px #ededee;
            position: relative;
            z-index: 3100;
            height: 54px;
            height: 5.4rem;
            width: 100%;
            margin-top: -2px;
            margin-top: -0.2rem;
            background: #f6f6f6;
            color: #c8102e;
            border-radius: none;
            padding: 0 18px 0 0;
            padding: 0 1.8rem 0 0;
            margin: 0;
            right: 0;
            border: none;
            text-align: right; }
            .coc-pl nav.cui .nav-menu #closeBtn span.cicon-times {
              font-size: 18px !important;
              vertical-align: middle;
              position: relative;
              float: none;
              display: inline-block; }
              .coc-pl nav.cui .nav-menu #closeBtn span.cicon-times:hover, .coc-pl nav.cui .nav-menu #closeBtn span.cicon-times.open {
                background: none;
                float: none;
                display: inline-block;
                text-align: right;
                width: initial; }
            .coc-pl nav.cui .nav-menu #closeBtn:hover, .coc-pl nav.cui .nav-menu #closeBtn:hover span {
              color: #333333;
              background: #ffffff; }
          .coc-pl nav.cui .nav-menu #exploreBtn {
            height: 44px;
            height: 4.4rem;
            width: 44px;
            width: 4.4rem;
            background: #ededee;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            display: block;
            border: none;
            font-size: 0px;
            margin: 0;
            color: #333333; }
            .coc-pl nav.cui .nav-menu #exploreBtn span.cicon-bars {
              font-size: 28px !important;
              display: block;
              padding: 9px 8px;
              padding: 0.9rem 0.8rem; }
            .coc-pl nav.cui .nav-menu #exploreBtn:hover {
              color: #333333;
              background: #dbdcdd; }
            .coc-pl nav.cui .nav-menu #exploreBtn:hover span {
              background: none; }
            .coc-pl nav.cui .nav-menu #exploreBtn.active {
              background: #333333; }
              .coc-pl nav.cui .nav-menu #exploreBtn.active:hover {
                background: #333333; }
              .coc-pl nav.cui .nav-menu #exploreBtn.active span {
                color: #f6f6f6; }
          .coc-pl nav.cui .nav-menu .nav-item {
            list-style: none;
            /*.sub-nav end*/ }
            .coc-pl nav.cui .nav-menu .nav-item a.boldFont {
              font-weight: 600; }
            .coc-pl nav.cui .nav-menu .nav-item > a {
              display: block;
              padding: 12px;
              padding: 1.2rem;
              font-size: 16px;
              font-size: 1.6rem;
              font-weight: 400;
              text-decoration: none;
              margin: 0;
              border-bottom: 2px solid #dbdcdd;
              color: #333333;
              background: #f6f6f6; }
              .coc-pl nav.cui .nav-menu .nav-item > a:hover, .coc-pl nav.cui .nav-menu .nav-item > a.open {
                background: #ffffff;
                border-bottom: 2px solid #c8102e;
                color: #c8102e; }
              .coc-pl nav.cui .nav-menu .nav-item > a.firstMenuItem {
                padding-top: 108px;
                padding-top: 10.8rem; }
              .coc-pl nav.cui .nav-menu .nav-item > a.open .cicon-angle-down {
                -moz-transform: scale(-1, -1);
                -webkit-transform: scale(-1, -1);
                -o-transform: scale(-1, -1);
                -ms-transform: scale(-1, -1);
                transform: scale(-1, -1); }
              .coc-pl nav.cui .nav-menu .nav-item > a .cicon-angle-down {
                float: right; }
            .coc-pl nav.cui .nav-menu .nav-item .sub-nav {
              position: absolute;
              display: none;
              font-size: 16px;
              font-size: 1.6rem;
              top: 0;
              margin: 0;
              padding: 9px 12px;
              padding: 0.9rem 1.2rem;
              float: none;
              list-style: none;
              text-align: left;
              /*sub-nav-group end*/ }
              .coc-pl nav.cui .nav-menu .nav-item .sub-nav ul {
                margin-left: 0;
                padding: 0; }
              .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group {
                display: block;
                width: 100%;
                margin: 0;
                padding: 0;
                /*.catalogue-group end*/ }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group a {
                  width: 100%;
                  display: inline-block;
                  text-decoration: none;
                  line-height: 1.6;
                  font-size: 16px;
                  font-size: 1.6rem;
                  border-bottom: 1px solid #dbdcdd;
                  padding: 6px;
                  padding: 0.6rem; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group a:hover {
                    text-decoration: underline; }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li {
                  display: block;
                  width: 100%;
                  list-style: none;
                  margin: 0;
                  padding: 0;
                  background: #ffffff;
                  cursor: pointer;
                  border-bottom: #dbdcdd .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li :hover {
                    background: #f6f6f6; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li a {
                    line-height: 1.3;
                    font-size: 15px;
                    font-size: 1.5rem;
                    color: #333333;
                    padding-top: 12px;
                    padding-bottom: 12px; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li ul {
                    margin-left: 0; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li ul li {
                      border-bottom: #dbdcdd; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li ul li a {
                        line-height: 1.3;
                        font-size: 15px;
                        font-size: 1.5rem;
                        color: #333333; }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group {
                  padding: 0 0 0 6px !important;
                  padding: 0 0 0 .6rem !important; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li {
                    /*.catalogue-title-link end*/ }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link {
                      display: inline-block;
                      width: 100%;
                      color: #c8102e;
                      border-bottom: none; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link .cicon-responsive.cui {
                        font-size: 16px;
                        display: inline-block !important;
                        vertical-align: top;
                        padding-top: 16px; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link .catalogue-title {
                        font-size: 18px !important;
                        font-size: 1.8rem !important;
                        padding-top: 12px;
                        padding-top: 1.2rem; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link .catalogue-title .cicon-arrow-circle-right {
                        display: none !important; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link:hover {
                        text-decoration: none; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link:hover .cicon-responsive.cui {
                        text-decoration: none !important;
                        text-decoration: none; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link:hover .catalogue-title {
                        text-decoration: underline;
                        color: #ef3654; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link:hover .catalogue-title .cicon-arrow-circle-right {
                        text-decoration: none !important;
                        color: #ef3654; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link span {
                        display: inline-block; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .group-links {
                      margin-top: 0;
                      display: none; }
              .coc-pl nav.cui .nav-menu .nav-item .sub-nav.open {
                display: block;
                position: relative;
                width: 100%;
                visibility: visible;
                opacity: 1;
                background: #ffffff; }
            .coc-pl nav.cui .nav-menu .nav-item.open a {
              float: none;
              position: relative;
              display: block; } }
  @media only screen and (min-width: 320px) {
    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link span {
      max-width: 257px; } }
  @media only screen and (min-width: 544px) {
    .coc-pl {
      /*nav end*/ }
      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link span {
        max-width: none !important; }
      .coc-pl nav.cui .catalogue-group li {
        /*.catalogue-title-link end*/ }
        .coc-pl nav.cui .catalogue-group li .catalogue-title-link {
          display: inline-block !important;
          width: 100% !important;
          color: #c8102e; }
          .coc-pl nav.cui .catalogue-group li .catalogue-title-link .catalogue-title {
            font-weight: 400; }
          .coc-pl nav.cui .catalogue-group li .catalogue-title-link:hover {
            text-decoration: none; }
          .coc-pl nav.cui .catalogue-group li .catalogue-title-link:hover .cicon-responsive.cui {
            text-decoration: none !important;
            text-decoration: none; }
          .coc-pl nav.cui .catalogue-group li .catalogue-title-link:hover .catalogue-title {
            text-decoration: underline;
            color: #ef3654; }
          .coc-pl nav.cui .catalogue-group li .catalogue-title-link span {
            display: inline-block !important; }
        .coc-pl nav.cui .catalogue-group li .group-links {
          margin-top: 0;
          display: none; } }
  @media only screen and (min-width: 768px) {
    .coc-pl {
      /*nav end*/ }
      .coc-pl nav.cui .catalogue-group li .catalogue-title-link .cicon-responsive.cui {
        font-size: 150% !important; } }
  @media only screen and (max-width: 992px) {
    .coc-pl nav.cui .nav-menu .nav-item {
      display: none; }
    .coc-pl nav.cui .nav-menu.expanded .nav-item {
      display: list-item; }
    .coc-pl nav.cui .nav-menu.expanded .nav-item a {
      /* simulate a ".open" classname on the .nav-item element: */
      float: none;
      position: relative;
      display: block; } }
  @media only screen and (min-width: 992px) {
    .coc-pl {
      /*nav end*/ }
      .coc-pl nav.cui.coc-secondary-9L-nav {
        background: #ededee !important; }
      .coc-pl nav.cui.coc-secondary-10L-nav {
        background: #f6f6f6 !important; }
      .coc-pl nav.cui {
        /*nav-menu end*/ }
        .coc-pl nav.cui a.h3, .coc-pl nav.cui span.h3 {
          font-size: 20px !important;
          font-size: 2rem !important;
          margin-bottom: 18px;
          font-weight: 600; }
          .coc-pl nav.cui a.h3 .cicon-arrow-circle-right, .coc-pl nav.cui span.h3 .cicon-arrow-circle-right {
            display: inline-block; }
        .coc-pl nav.cui .font-bold {
          margin: 0;
          font-weight: 600; }
        .coc-pl nav.cui span.font-bold {
          margin-left: 9px !important;
          display: block;
          padding-bottom: 4px;
          padding-bottom: 0.4rem;
          border: none !important; }
          .coc-pl nav.cui span.font-bold:hover {
            background: #ffffff !important;
            cursor: default !important; }
        .coc-pl nav.cui #exploreBtn, .coc-pl nav.cui #closeBtn, .coc-pl nav.cui #exploreBtnB, .coc-pl nav.cui #closeBtnB {
          display: none !important; }
        .coc-pl nav.cui .col-1, .coc-pl nav.cui .col-2, .coc-pl nav.cui .col-3, .coc-pl nav.cui .col-4, .coc-pl nav.cui .col-5, .coc-pl nav.cui .col-6, .coc-pl nav.cui .col-7, .coc-pl nav.cui .col-8, .coc-pl nav.cui .col-9, .coc-pl nav.cui .col-10, .coc-pl nav.cui .col-11 {
          border-right: 1px solid #dbdcdd;
          padding-left: 18px !important;
          border-bottom: none; }
          .coc-pl nav.cui .col-1 span, .coc-pl nav.cui .col-2 span, .coc-pl nav.cui .col-3 span, .coc-pl nav.cui .col-4 span, .coc-pl nav.cui .col-5 span, .coc-pl nav.cui .col-6 span, .coc-pl nav.cui .col-7 span, .coc-pl nav.cui .col-8 span, .coc-pl nav.cui .col-9 span, .coc-pl nav.cui .col-10 span, .coc-pl nav.cui .col-11 span {
            padding-left: 0 !important; }
        .coc-pl nav.cui .col-1.border-r-None, .coc-pl nav.cui .col-2.border-r-None, .coc-pl nav.cui .col-3.border-r-None, .coc-pl nav.cui .col-4.border-r-None, .coc-pl nav.cui .col-5.border-r-None, .coc-pl nav.cui .col-6.border-r-None, .coc-pl nav.cui .col-7.border-r-None, .coc-pl nav.cui .col-8.border-r-None, .coc-pl nav.cui .col-9.border-r-None, .coc-pl nav.cui .col-10.border-r-None, .coc-pl nav.cui .col-11.border-r-None {
          border-right: none; }
          .coc-pl nav.cui .col-1.border-r-None:hover, .coc-pl nav.cui .col-2.border-r-None:hover, .coc-pl nav.cui .col-3.border-r-None:hover, .coc-pl nav.cui .col-4.border-r-None:hover, .coc-pl nav.cui .col-5.border-r-None:hover, .coc-pl nav.cui .col-6.border-r-None:hover, .coc-pl nav.cui .col-7.border-r-None:hover, .coc-pl nav.cui .col-8.border-r-None:hover, .coc-pl nav.cui .col-9.border-r-None:hover, .coc-pl nav.cui .col-10.border-r-None:hover, .coc-pl nav.cui .col-11.border-r-None:hover {
            background: #ffffff !important; }
        .coc-pl nav.cui .col-1 {
          float: left;
          width: 8.33333% !important; }
        .coc-pl nav.cui .col-2 {
          float: left;
          width: 16.66667% !important; }
        .coc-pl nav.cui .col-3 {
          float: left;
          width: 25% !important; }
        .coc-pl nav.cui .col-4 {
          float: left;
          width: 33.33333% !important; }
        .coc-pl nav.cui .col-5 {
          float: left;
          width: 41.66667% !important; }
        .coc-pl nav.cui .col-6 {
          float: left;
          width: 50% !important; }
        .coc-pl nav.cui .col-7 {
          float: left;
          width: 58.33333% !important; }
        .coc-pl nav.cui .col-8 {
          float: left;
          width: 66.66667% !important; }
        .coc-pl nav.cui .col-9 {
          float: left;
          width: 75% !important; }
        .coc-pl nav.cui .col-10 {
          float: left;
          width: 83.33333% !important; }
        .coc-pl nav.cui .col-11 {
          float: left;
          width: 91.66667% !important; }
        .coc-pl nav.cui .col-12 {
          float: left;
          width: 100% !important; }
        .coc-pl nav.cui #openNav {
          display: none; }
        .coc-pl nav.cui .nav-menu {
          /*nav-item end*/ }
          .coc-pl nav.cui .nav-menu .closeSubNavGroup {
            display: inline-block; }
            .coc-pl nav.cui .nav-menu .closeSubNavGroup a {
              vertical-align: middle;
              text-decoration: none; }
              .coc-pl nav.cui .nav-menu .closeSubNavGroup a:hover {
                text-decoration: underline; }
          .coc-pl nav.cui .nav-menu .nav-item {
            list-style: none;
            display: inline-block;
            /*sub-nav end*/
            /*.sub-nav.open end*/ }
            .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link .catalogue-title .cicon-arrow-circle-right {
              display: inline-block !important; }
            .coc-pl nav.cui .nav-menu .nav-item > a {
              display: inline-block;
              border-bottom: 4px solid transparent;
              background: transparent; }
              .coc-pl nav.cui .nav-menu .nav-item > a:hover, .coc-pl nav.cui .nav-menu .nav-item > a.open {
                background: transparent;
                border-bottom: 4px solid #c8102e; }
              .coc-pl nav.cui .nav-menu .nav-item > a.firstMenuItem {
                padding-top: initial;
                font-weight: 800; }
              .coc-pl nav.cui .nav-menu .nav-item > a.open .cicon-angle-down {
                -moz-transform: scale(0, -1);
                -webkit-transform: scale(0, -1);
                -o-transform: scale(0, -1);
                -ms-transform: scale(0, -1);
                transform: scale(0, -1); }
              .coc-pl nav.cui .nav-menu .nav-item > a .cicon-angle-down {
                float: none; }
            .coc-pl nav.cui .nav-menu .nav-item .sub-nav {
              float: left;
              /*sub-nav-group end*/ }
              .coc-pl nav.cui .nav-menu .nav-item .sub-nav li {
                display: none; }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav li:hover {
                  background: #ffffff !important; }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav li ul li {
                  background: #ffffff !important; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav li ul li:hover {
                    background: #ffffff !important; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav li ul li a {
                    background: #ffffff !important; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav li ul li a:hover {
                      background: #ffffff !important; }
              .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group {
                margin: 18px 0 0 0 !important;
                float: left;
                borer-right: 1px solid #dbdcdd;
                /*.catalogue-group end*/ }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group a {
                  border-bottom: none !important; }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group a.menu-btn {
                  padding-top: 3px !important;
                  border: 2px solid #c8102e !important; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group a.menu-btn:hover {
                    text-decoration: none !important;
                    color: #ffffff !important;
                    background: #c8102e !important; }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li {
                  margin: 3px 3px 3px 0 !important; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li:hover {
                    background: #ffffff !important; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group li a {
                    padding-top: 7px !important;
                    padding-bottom: 7px !important; }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group ul {
                  margin-top: 12px;
                  float: left;
                  display: inline-block;
                  width: initial; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group ul:hover {
                    background: #ffffff !important; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group ul li {
                    background: #ffffff !important; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group ul li:hover {
                      background: #ffffff !important; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group ul li a {
                      color: #333333;
                      border-bottom: none !important;
                      padding: 6; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group ul li a:hover {
                        text-decoration: underline;
                        background: #ffffff !important; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group ul li ul li {
                      background: #ffffff !important; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group ul li ul li:hover {
                        background: #ffffff !important; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group ul li ul li a:hover {
                        background: #ffffff !important; }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group {
                  margin-bottom: 18px !important;
                  width: initial !important; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group .group-links {
                    display: block !important; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link {
                    display: block !important; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link span {
                      display: block !important; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link:hover .catalogue-title .cicon-arrow-circle-right {
                      text-decoration: none !important; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link .catalogue-title {
                      font-weight: 600;
                      font-size: 20px !important;
                      font-size: 2rem !important;
                      display: block !important; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link .catalogue-title:hover {
                        background: #ffffff; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link .catalogue-title .cicon-arrow-circle-right {
                        display: inline-block !important; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link span.cicon-responsive.cui {
                      display: inline-block !important;
                      font-size: 250% !important; }
                      .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li .catalogue-title-link span.cicon-responsive.cui:hover {
                        background: #ffffff; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group li a {
                    padding-top: 0 !important;
                    padding-bottom: 0 !important; }
            .coc-pl nav.cui .nav-menu .nav-item .sub-nav.open {
              position: absolute;
              padding: 36px 12px;
              padding: 3.6rem 1.2rem;
              left: 0;
              border-bottom: 1px solid #dbdcdd;
              top: 53px;
              top: 5.3rem; }
              .coc-pl nav.cui .nav-menu .nav-item .sub-nav.open > ul {
                display: flex; }
              .coc-pl nav.cui .nav-menu .nav-item .sub-nav.open #programsAndServices {
                display: block; }
              .coc-pl nav.cui .nav-menu .nav-item .sub-nav.open ul {
                max-width: 1200px;
                margin: 0 auto; }
                .coc-pl nav.cui .nav-menu .nav-item .sub-nav.open ul li {
                  display: block;
                  width: initial; }
                  .coc-pl nav.cui .nav-menu .nav-item .sub-nav.open ul li ul {
                    margin-left: 0;
                    margin-right: 0; }
                    .coc-pl nav.cui .nav-menu .nav-item .sub-nav.open ul li ul li ul {
                      margin-bottom: 24px; } }
  @media only screen and (min-width: 1020px) {
    .coc-pl nav.cui .nav-menu .nav-item .sub-nav .sub-nav-group .catalogue-group {
      margin-bottom: 0 !important; } }
  @media only screen and (min-width: 1200px) {
    .coc-pl nav.cui .nav-menu .nav-item .sub-nav-group .catalogue-group li .catalogue-title-link span.cicon-responsive.cui {
      font-size: 250%; } }

/*coc end*/
/* -------------------------------------------------------
   START OF topicNvi.scss
   ------------------------------------------------------- */
.coc-pl {
  /*nav.cui.topicNav end*/
  /*media end*/
  /*@media end*/ }
  .coc-pl .topic-nav-header.cui {
    font-size: 22px;
    font-size: 2.2rem;
    background: #4b4f55;
    color: #f6f6f6;
    padding: 18px 18px;
    padding: 1.8rem 1.8rem;
    margin-bottom: 0; }
  .coc-pl nav.cui.topicNav {
    background: #f6f6f6;
    /*.nav-menu end*/
    /*embeded vertical navigation*/
    /*embeded vertical navigation end*/ }
    .coc-pl nav.cui.topicNav * a {
      cursor: pointer; }
    .coc-pl nav.cui.topicNav .nav-menu {
      width: 100%;
      display: block;
      position: relative;
      list-style: none;
      margin: 0;
      padding: 0;
      z-index: 15;
      color: #333333;
      /*.nav-item end*/ }
      .coc-pl nav.cui.topicNav .nav-menu .nav-item {
        list-style: none;
        width: 100%;
        float: left;
        /*sub-nav end*/ }
        .coc-pl nav.cui.topicNav .nav-menu .nav-item::after {
          display: table;
          content: '';
          clear: both; }
        .coc-pl nav.cui.topicNav .nav-menu .nav-item .coc-secondary-9L.open .menuTitle {
          pointer-events: none;
          /* gets around bug with topic nav to click through titles of open sub navs */ }
        .coc-pl nav.cui.topicNav .nav-menu .nav-item a.boldFont {
          font-weight: 800; }
        .coc-pl nav.cui.topicNav .nav-menu .nav-item a .cicon-angle-down, .coc-pl nav.cui.topicNav .nav-menu .nav-item a .cicon-angle-right {
          float: right;
          display: inline-block; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item a .cicon-angle-down.open .cicon-angle-down, .coc-pl nav.cui.topicNav .nav-menu .nav-item a .cicon-angle-right.open .cicon-angle-down {
            /*delected after html <span class="cicon-angle-down"></span> removed from calgary.ca*/
            -moz-transform: scale(-1, -1);
            webkit-transform: scale(-1, -1);
            -o-transform: scale(-1, -1);
            -ms-transform: scale(-1, -1);
            transform: scale(-1, -1); }
        .coc-pl nav.cui.topicNav .nav-menu .nav-item > a {
          display: block;
          padding: 12px;
          padding: 1.2rem;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: 400;
          text-decoration: none;
          margin: 0;
          border-bottom: 1px solid #dbdcdd;
          color: #000000 !important;
          background: #f6f6f6;
          border-left: 6px solid #f6f6f6;
          background: url("/Scripts/PatternLibrary/img/angle-right.svg") no-repeat center right transparent;
          background-size: 26px 16px; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item > a.hover {
            background: url("/Scripts/PatternLibrary/img/angle-right.svg") no-repeat center right transparent;
            background-size: 26px 16px; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item > a.open {
            background: url("/Scripts/PatternLibrary/img/angle-up.svg") no-repeat center right #ffffff;
            background-size: 26px 16px; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item > a span {
            display: inline-block;
            max-width: 80%; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item > a:hover, .coc-pl nav.cui.topicNav .nav-menu .nav-item > a.open {
            font-weight: 800;
            border-left: 6px solid #4b4f55;
            border-bottom: 1px solid #b7b9bb;
            text-decoration: none !important; }
        .coc-pl nav.cui.topicNav .nav-menu .nav-item .sub-nav {
          position: absolute;
          display: none;
          font-size: 16px;
          font-size: 1.6rem;
          top: 0;
          margin: 0;
          padding: 0;
          float: left;
          list-style: none;
          text-align: left; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item .sub-nav ul > li {
            margin: 0;
            padding: 0;
            width: 100%;
            list-style: none; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item .sub-nav ul li > a {
            padding: 12px;
            padding: 1.2rem;
            width: 100%;
            display: block;
            line-height: 1.6;
            font-size: 14px;
            font-size: 1.4rem;
            background: #dbdcdd;
            text-decoration: none;
            color: #333333 !important;
            list-style: none;
            border-bottom: 1px solid #b7b9bb;
            border-left: 6px solid #dbdcdd; }
            .coc-pl nav.cui.topicNav .nav-menu .nav-item .sub-nav ul li > a:hover {
              background: #ededee;
              border-left: 6px solid #939599;
              text-decoration: none !important; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item .sub-nav.open {
            display: block;
            margin-bottom: 0 !important;
            margin-bottom: 0;
            position: relative;
            width: 100%;
            visibility: visible;
            opacity: 1;
            background: #c9cacc;
            margin-bottom: 12px;
            margin-bottom: 1.2rem;
            border-bottom: 1px solid #ededee; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item .sub-nav ul {
            max-width: none;
            display: block !important; }
            .coc-pl nav.cui.topicNav .nav-menu .nav-item .sub-nav ul li ul {
              width: 100%; }
    .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu {
      border: 1px solid #ededee; }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu .nav-item > a {
        display: block; }
        .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu .nav-item > a:hover {
          border-left: 6px solid #4b4f55; }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu .nav-item .sub-nav.open {
        background: #ededee; }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu .nav-item .sub-nav ul {
        margin-left: 18px;
        width: initial; }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu .nav-item .sub-nav ul li {
        background: #ededee !important; }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu .nav-item .sub-nav ul li > a {
        border-bottom: none;
        font-size: 16px;
        font-size: 1.6rem;
        padding: 6px;
        padding: 0.6rem;
        background: #ededee !important;
        border-left: 6px solid #ededee;
        text-decoration: underline; }
        .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu .nav-item .sub-nav ul li > a:hover {
          border-left: 6px solid #ededee;
          text-decoration: underline; }
  @media only screen and (min-width: 200px) {
    .coc-pl nav.cui.topicNav {
      max-width: none;
      width: 100%;
      /*.nav-menu end*/
      /*embeded vertical navigation*/
      /*embeded vertical navigation end*/ }
      .coc-pl nav.cui.topicNav .nav-menu {
        /*btns...*/
        /*btns...end */ }
        .coc-pl nav.cui.topicNav .nav-menu .nav-item.open {
          display: block; }
        .coc-pl nav.cui.topicNav .nav-menu .nav-item {
          float: none; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item a .menuTitle {
            max-width: none;
            display: inline-block; }
        .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic {
          display: block;
          padding: 12px;
          padding: 1.2rem;
          border: none;
          width: 100% !important;
          border-radius: none;
          color: #f6f6f6; }
          .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic:hover {
            cursor: pointer; }
          .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#exploreBtn_topic {
            background: url("/Scripts/PatternLibrary/img/angle-right-white.svg") no-repeat center right #4b4f55;
            background-size: 26px 16px; }
            .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#exploreBtn_topic:hover {
              background: url("/Scripts/PatternLibrary/img/angle-right-white.svg") no-repeat center right #5d6066;
              background-size: 26px 16px; }
          .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#closeBtn_topic {
            background: url("/Scripts/PatternLibrary/img/angle-up-white.svg") no-repeat center right #5d6066;
            background-size: 26px 16px; }
            .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#closeBtn_topic:hover {
              background: url("/Scripts/PatternLibrary/img/angle-up-white.svg") no-repeat center right #333333;
              background-size: 26px 16px; }
          .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#exploreBtn_topic, .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#closeBtn_topic {
            text-align: left;
            /*background: $coc-secondary;*/
            border-radius: initial;
            font-size: 16px;
            font-size: 1.6rem;
            color: #f6f6f6;
            line-height: 1.6;
            right: initial !important;
            /*height: 44px !important;*/
            margin-top: initial !important;
            box-shadow: none;
            padding: 1.2rem;
            margin: 0;
            /*&:hover span{display: inline; width: auto; background: none !important; text-decoration: none !important;  color: $coc-secondary-10L !important; border-bottom: none; }*/ }
            .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#exploreBtn_topic span, .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#closeBtn_topic span {
              display: inline-block;
              font-size: initial;
              top: initial;
              width: 80%; }
            .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#exploreBtn_topic:hover, .coc-pl nav.cui.topicNav .nav-menu .navBtnMobile_topic#closeBtn_topic:hover {
              margin-bottom: inherit;
              border-bottom: none;
              display: inline;
              text-decoration: none;
              /*background: $coc-secondary-2D;*/
              color: #f6f6f6 !important; }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical {
        max-width: none;
        width: 100%; }
        .coc-pl nav.cui.topicNav.topicNav-embed-vertical #closeBtn_topic, .coc-pl nav.cui.topicNav.topicNav-embed-vertical #exploreBtn_topic {
          display: block; }
        .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu {
          border: 1px solid #ededee; } }
  @media only screen and (min-width: 544px) {
    .coc-pl nav.cui.topicNav .nav-menu .nav-item .sub-nav ul {
      display: block !important;
      /* this prevents display:flex within topic nav */ }
    .coc-pl nav.cui.topicNav .nav-menu .nav-item .sub-nav.open {
      margin-bottom: 0 !important; } }
  @media only screen and (min-width: 992px) {
    .coc-pl nav.cui.topicNav .nav-menu.expanded .nav-item {
      display: block; }
    .coc-pl nav.cui.topicNav .nav-menu .nav-item {
      display: none; } }
  @media only screen and (max-width: 1631px) and (min-width: 200px) {
    .coc-pl .nav-menu > .nav-item {
      display: none; }
    .coc-pl .nav-menu.expanded > .nav-item {
      display: inline-block; } }
  @media only screen and (max-width: 992px) and (min-width: 200px) {
    .coc-pl nav.cui.topicNav {
      /*embeded vertical navigation*/ }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical #closeBtn_topic, .coc-pl nav.cui.topicNav.topicNav-embed-vertical #exploreBtn_topic {
        display: inline-block; }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu.expanded > .nav-item {
        display: inline-block; }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu .nav-item {
        display: none; } }
  @media only screen and (min-width: 992px) {
    .coc-pl nav.cui.topicNav {
      /*embeded vertical navigation*/
      /*embeded vertical navigation end*/ }
      .coc-pl nav.cui.topicNav.topicNav-embed-vertical {
        max-width: 400px;
        max-width: 40rem; }
        .coc-pl nav.cui.topicNav.topicNav-embed-vertical #closeBtn_topic, .coc-pl nav.cui.topicNav.topicNav-embed-vertical #exploreBtn_topic {
          display: none !important; }
        .coc-pl nav.cui.topicNav.topicNav-embed-vertical .nav-menu .nav-item {
          display: block !important; } }
  @media only screen and (max-width: 1631px) {
    .coc-pl .topic-nav-header.cui {
      display: none; }
    .coc-pl nav.cui.topicNav > .nav-item {
      display: block; }
    .coc-pl nav.cui.topicNav .nav-item.open {
      display: block;
      float: none; }
    .coc-pl nav.cui.topicNav > .nav-menu > .nav-item > .sub-nav {
      position: relative !important;
      /*display: block !important;*/
      /* this messed with expanding/collapsing a sub nav */
      float: none !important; }
      .coc-pl nav.cui.topicNav > .nav-menu > .nav-item > .sub-nav > .menuTitle {
        padding: 12px !important;
        padding: 1.2rem !important; }
    .coc-pl nav.cui.topicNav .navBtnMobile_topic {
      display: none; }
    .coc-pl nav.cui.topicNav .navBtnMobile_topic#closeBtn_topic {
      display: none; } }
  @media only screen and (min-width: 1632px) {
    .coc-pl {
      /*nav.cui.topicNav end*/ }
      .coc-pl .topic-nav-header.cui {
        display: block; }
      .coc-pl nav.cui.topicNav {
        max-width: 220px;
        max-width: 22rem;
        /*@include rem(width,320px);*/
        /*.sub-nav end*/
        /*.nav-menu end*/ }
        .coc-pl nav.cui.topicNav .navBtnMobile_topic {
          display: none !important; }
        .coc-pl nav.cui.topicNav .sub-nav.open {
          margin-bottom: 0 !important; }
        .coc-pl nav.cui.topicNav .nav-menu .nav-item {
          display: block; }
          .coc-pl nav.cui.topicNav .nav-menu .nav-item a {
            width: 100%; }
            .coc-pl nav.cui.topicNav .nav-menu .nav-item a .menuTitle {
              max-width: 80%; } }

/*coc-pl end*/
/* -------------------------------------------------------
   START OF search.scss
   ------------------------------------------------------- */
.coc-pl a.cui.cocis-search-field-type-and-submit {
  min-height: 49px;
  min-height: 4.9rem; }
  .coc-pl a.cui.cocis-search-field-type-and-submit .inputSearch, .coc-pl a.cui.cocis-search-field-type-and-submit .cocis-search-submit {
    display: inline-block; }
  .coc-pl a.cui.cocis-search-field-type-and-submit .inputSearch {
    background: #ffffff; }

.coc-pl .cui#cocis-search-field-type-and-submit, .coc-pl a.cui.cocis-search-field-type-and-submit {
  font-size: 16px;
  font-size: 1.6rem; }
  .coc-pl .cui#cocis-search-field-type-and-submit .cocis-hidden-text, .coc-pl a.cui.cocis-search-field-type-and-submit .cocis-hidden-text {
    display: none; }
  .coc-pl .cui#cocis-search-field-type-and-submit > label, .coc-pl .cui#cocis-search-field-type-and-submit #cocis-search-powered-by-google, .coc-pl a.cui.cocis-search-field-type-and-submit > label, .coc-pl a.cui.cocis-search-field-type-and-submit #cocis-search-powered-by-google {
    text-indent: -999999999px;
    overflow: hidden;
    display: block;
    position: relative;
    background-image: none;
    height: auto; }
  .coc-pl .cui#cocis-search-field-type-and-submit .cocis-search-submit, .coc-pl a.cui.cocis-search-field-type-and-submit .cocis-search-submit {
    display: inline-block;
    position: relative;
    line-height: 1.4;
    font-size: 24px;
    font-size: 2.4rem;
    width: 40px;
    width: 4rem;
    height: 40px;
    height: 4rem;
    margin: 4px 0;
    margin: 0.4rem 0;
    padding: 3px 0 3px 0;
    padding: 0.3rem 0 0.3rem 0; }
    .coc-pl .cui#cocis-search-field-type-and-submit .cocis-search-submit span, .coc-pl a.cui.cocis-search-field-type-and-submit .cocis-search-submit span {
      display: inline-block;
      text-indent: -999999999px; }
    .coc-pl .cui#cocis-search-field-type-and-submit .cocis-search-submit .cicon-search, .coc-pl a.cui.cocis-search-field-type-and-submit .cocis-search-submit .cicon-search {
      display: inline-block;
      text-indent: inherit; }
  .coc-pl .cui#cocis-search-field-type-and-submit input, .coc-pl .cui#cocis-search-field-type-and-submit .inputSearch, .coc-pl a.cui.cocis-search-field-type-and-submit input, .coc-pl a.cui.cocis-search-field-type-and-submit .inputSearch {
    background-image: none;
    height: auto;
    min-height: 49px;
    min-height: 4.9rem;
    line-height: 1.6;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #dbdcdd;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 11px 50px 11px 11px;
    padding: 1.1rem 5rem 1.1rem 1.1rem;
    width: 100%;
    margin-left: 0; }

@media only screen and (min-width: 0) {
  .coc-pl a.cui.cocis-search-field-type-and-submit {
    display: block; }
    .coc-pl a.cui.cocis-search-field-type-and-submit .cocis-search-submit {
      top: -56px !important; }
  .coc-pl .cui#cocis-search-field-type-and-submit, .coc-pl a.cui.cocis-search-field-type-and-submit {
    display: none; }
    .coc-pl .cui#cocis-search-field-type-and-submit .cocis-search-submit, .coc-pl a.cui.cocis-search-field-type-and-submit .cocis-search-submit {
      float: right;
      top: -49px;
      top: -4.9rem;
      right: 4px;
      right: 0.4rem; }
    .coc-pl .cui#cocis-search-field-type-and-submit input, .coc-pl .cui#cocis-search-field-type-and-submit .inputSearch, .coc-pl a.cui.cocis-search-field-type-and-submit input, .coc-pl a.cui.cocis-search-field-type-and-submit .inputSearch {
      max-width: 544px;
      max-width: 54.4rem;
      left: 0px;
      top: 0; } }

@media only screen and (max-width: 544px) {
  .coc-pl a.cui.cocis-search-field-type-and-submit {
    display: block; } }

@media only screen and (min-width: 544px) {
  .coc-pl a.cui.cocis-search-field-type-and-submit {
    display: none !important; }
  .coc-pl .cui#cocis-search-field-type-and-submit {
    display: block !important; }
    .coc-pl .cui#cocis-search-field-type-and-submit .cocis-search-submit {
      float: right;
      left: -2px;
      left: -0.2rem;
      top: -48px;
      top: -4.8rem; }
    .coc-pl .cui#cocis-search-field-type-and-submit input, .coc-pl .cui#cocis-search-field-type-and-submit .inputSearch {
      max-width: none; } }

@media only screen and (min-width: 799px) {
  .coc-pl a.cui.cocis-search-field-type-and-submit .cocis-search-submit {
    top: 0; }
  .coc-pl .cui#cocis-search-field-type-and-submit {
    max-width: 700px;
    max-width: 70rem; }
    .coc-pl .cui#cocis-search-field-type-and-submit .cocis-search-submit {
      float: left;
      left: 657px;
      left: 65.7rem;
      top: -49px;
      top: -4.9rem; } }

/*coc*/
/* -------------------------------------------------------
   START OF header.scss
   ------------------------------------------------------- */
.coc-pl {
  /*.cui.coc-header end*/
  /*media end*/
  /*media end*/
  /*media end*/
  /*media end*/
  /*media end*/
  /*media end*/
  /*media end*/
  /*media end*/ }
  .coc-pl .no-scrolling {
    overflow: hidden; }
  .coc-pl #skiplinks li {
    position: absolute;
    top: -2000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 3;
    word-wrap: normal; }
  .coc-pl .cui.coc-header {
    z-index: 4000;
    width: 100%;
    height: 74px;
    height: 7.4rem;
    margin: 0 auto;
    background: #f6f6f6; }
    .coc-pl .cui.coc-header .no-scrolling {
      overflow: hidden; }
    .coc-pl .cui.coc-header .coc-logo {
      float: left;
      left: 0;
      z-index: 99;
      position: absolute;
      margin-right: 18px;
      margin-right: 1.8rem;
      padding: 0;
      min-width: 58px;
      min-width: 5.8rem;
      min-height: 74px;
      min-height: 7.4rem;
      width: 58px;
      width: 5.8rem;
      height: 74px;
      height: 7.4rem; }
      .coc-pl .cui.coc-header .coc-logo img {
        z-index: 20; }
      .coc-pl .cui.coc-header .coc-logo #coc-logo-mobile {
        top: -52px;
        top: -5.2rem;
        min-width: 58px;
        min-width: 5.8rem;
        min-height: 74px;
        min-height: 7.4rem;
        width: 58px;
        width: 5.8rem;
        height: 74px;
        height: 7.4rem; }
    .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit, .coc-pl .cui.coc-header a.cui.cocis-search-field-type-and-submit {
      padding-top: 18px;
      padding-top: 1.8rem;
      padding-left: 18px;
      padding-left: 1.8rem; }
  @media only screen and (min-width: 200px) {
    .coc-pl {
      /* .cui.coc-header end*/
      /*css heck Safari 
  @supports (overflow:-webkit-marquee) and (justify-content:inherit){
    .cui.coc-header{
      .cui#cocis-search-field-type-and-submit,a.cui.cocis-search-field-type-and-submit{
        .cocis-search-submit{@include rem(top,-55px);}
      }
          .nav-menu{
            .navBtnMobile.active, .navBtnMobile {            
              @include rem(margin-right,0px);
            }
          }
    }
  }*/
      /*header without search bar style adjust */
      /*.cui.coc-header.coc-header-withNavOnly end*/
      /*header with search bar which only shows up on the small screen -  style adjust */
      /*header with search bar which only shows up on the small screen -  style adjust end*/ }
      .coc-pl .cui.coc-header {
        position: relative;
        /*.cui#cocis-search-field-type-and-submit,a.cui.cocis-search-field-type-and-submit end*/ }
        .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit {
          display: none; }
        .coc-pl .cui.coc-header #coc-logo-desktop {
          display: none; }
        .coc-pl .cui.coc-header a.cui.cocis-search-field-type-and-submit {
          display: block;
          padding-top: 12px;
          padding-top: 1.2rem; }
        .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit, .coc-pl .cui.coc-header a.cui.cocis-search-field-type-and-submit {
          position: relative;
          left: 58px;
          left: 5.8rem;
          margin-right: 126px;
          margin-right: 12.6rem;
          max-width: none; }
          .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit .cocis-search-submit, .coc-pl .cui.coc-header a.cui.cocis-search-field-type-and-submit .cocis-search-submit {
            top: -55px;
            top: -5.5rem;
            margin-right: 0;
            float: right; }
          .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit input, .coc-pl .cui.coc-header a.cui.cocis-search-field-type-and-submit input {
            top: -6px;
            top: -0.6rem; }
        .coc-pl .cui.coc-header .nav-menu {
          top: -68px;
          top: -6.8rem; }
          .coc-pl .cui.coc-header .nav-menu .navBtnMobile.active, .coc-pl .cui.coc-header .nav-menu .navBtnMobile {
            position: relative;
            top: -35px !important;
            top: -3.5rem !important;
            right: 12px;
            right: 1.2rem;
            clear: both;
            float: right; }
            .coc-pl .cui.coc-header .nav-menu .navBtnMobile.active#closeBtn, .coc-pl .cui.coc-header .nav-menu .navBtnMobile#closeBtn {
              top: -47px !important;
              top: -4.7rem !important;
              padding-right: 18px;
              padding-right: 1.8rem; }
          .coc-pl .cui.coc-header .nav-menu .firstMenuItem {
            padding-top: 24px;
            padding-top: 2.4rem; }
          .coc-pl .cui.coc-header .nav-menu .nav-item .sub-nav {
            padding-top: 12px; }
            .coc-pl .cui.coc-header .nav-menu .nav-item .sub-nav .catalogue-group {
              min-height: initial; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly .cui#cocis-search-field-type-and-submit {
        display: none !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu {
        top: 0; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu .navBtnMobile {
          float: right;
          right: 12px;
          right: 1.2rem;
          top: 15px !important;
          top: 1.5rem !important; }
          .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu .navBtnMobile#closeBtn {
            top: 0px !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly a.cui.cocis-search-field-type-and-submit {
        display: block;
        padding-top: 1.2rem;
        padding-top: 12px; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly .nav-menu {
        top: -68px !important;
        top: -6.8rem !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly .nav-menu .navBtnMobile#closeBtn {
          top: -47px !important;
          top: -4.7rem !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly .nav-menu .navBtnMobile#exploreBtn {
          top: -34px !important;
          top: -3.4rem !important; } }
  @media only screen and (max-width: 544px) {
    .coc-pl {
      /*header with search bar which only shows up on the small screen -  style adjust */
      /*header with search bar which only shows up on the small screen -  style adjust end */ }
      .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly a.cui.cocis-search-field-type-and-submit {
        display: block !important;
        padding-top: 12px; } }
  @media only screen and (min-width: 544px) {
    .coc-pl {
      /*cui.coc-header end*/
      /*.cui.coc-header.coc-header-withNavOnly end*/
      /*header with search bar which only shows up on the small screen -  style adjust */
      /*header with search bar which only shows up on the small screen -  style adjust end */ }
      .coc-pl .cui.coc-header a.cui.cocis-search-field-type-and-submit {
        display: none !important; }
      .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit {
        display: block; }
      .coc-pl .cui.coc-header .nav-menu {
        top: -92px;
        top: -9.2rem; }
        .coc-pl .cui.coc-header .nav-menu .navBtnMobile#exploreBtn {
          top: -9px !important;
          top: -.9rem !important; }
        .coc-pl .cui.coc-header .nav-menu .navBtnMobile#closeBtn {
          top: -22px !important;
          top: -2.2rem !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu #exploreBtn {
        top: 15px !important;
        top: 1.5rem !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly a.cui.cocis-search-field-type-and-submit {
        display: none !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly .nav-menu {
        top: 0 !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly .nav-menu .navBtnMobile#exploreBtn {
          top: 14px !important;
          top: 1.4rem !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly .nav-menu .navBtnMobile#closeBtn {
          top: 0px !important; } }
  @media only screen and (min-width: 768px) {
    .coc-pl {
      /*.cui.coc-header end*/
      /*header without search bar style adjust */
      /*.cui.coc-header.coc-header-withNavOnly end*/
      /*header with search bar which only shows up on the small screen -  style adjust */
      /*header with search bar which only shows up on the small screen -  style adjust end */ }
      .coc-pl .cui.coc-header {
        /*@include rem(height, 60px);*/
        height: auto;
        /* .cui#cocis-search-field-type-and-submit end*/
        /*.nav-menu end*/ }
        .coc-pl .cui.coc-header .coc-logo {
          width: 144px;
          width: 14.4rem;
          height: 68.284px;
          height: 6.8284rem;
          margin-right: 18px;
          margin-right: 1.8rem;
          margin-left: 18px;
          margin-left: 1.8rem;
          display: inline-block; }
          .coc-pl .cui.coc-header .coc-logo #coc-logo-mobile {
            display: none; }
          .coc-pl .cui.coc-header .coc-logo #coc-logo-desktop {
            display: block;
            width: 144px;
            width: 14.4rem;
            height: 68.284px;
            height: 6.8284rem; }
        .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit {
          position: relative;
          margin-right: 43.2px;
          top: 0;
          left: 162px;
          left: 16.2rem;
          max-width: 489px;
          max-width: 48.9rem;
          height: 60px;
          height: 6rem; }
          .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit input {
            top: -12px;
            top: -1.2rem; }
          .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit .cocis-search-submit {
            float: left !important;
            left: 426px;
            left: 42.6rem;
            top: -61px !important;
            top: -6.1rem !important; }
        .coc-pl .cui.coc-header .nav-menu {
          top: -92px;
          top: -9.2rem; }
          .coc-pl .cui.coc-header .nav-menu .navBtnMobile#exploreBtn.active, .coc-pl .cui.coc-header .nav-menu .navBtnMobile#exploreBtn {
            float: left !important;
            left: 657px;
            left: 65.7rem;
            top: -14px !important; }
          .coc-pl .cui.coc-header .nav-menu .navBtnMobile#closeBtn.active, .coc-pl .cui.coc-header .nav-menu .navBtnMobile#closeBtn {
            float: right;
            top: -21px !important; }
          .coc-pl .cui.coc-header .nav-menu .nav-item .sub-nav {
            margin-top: 0 !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly .cui#cocis-search-field-type-and-submit {
        display: none !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu {
        top: 0; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu .navBtnMobile#closeBtn.active, .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu .navBtnMobile#closeBtn {
          left: 0;
          top: 0 !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu .navBtnMobile#exploreBtn.active, .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu .navBtnMobile#exploreBtn {
          margin-right: 0;
          float: right !important;
          left: initial;
          right: 18px;
          right: 1.8rem;
          top: 7.2px !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly .nav-menu .nav-item .firstMenuItem {
          padding-left: 12px !important;
          padding-left: 1.2rem !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly a.cui.cocis-search-field-type-and-submit {
        display: none !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly .nav-menu {
        top: 0 !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly .nav-menu .navBtnMobile#exploreBtn {
          top: 9px !important;
          top: .9rem !important; } }
  @media only screen and (min-width: 992px) {
    .coc-pl {
      /*.cui.coc-header end*/
      /*header without search bar style adjust */
      /*.cui.coc-header.coc-header-withNavOnly end*/
      /*header with search bar which only shows up on the small screen -  style adjust */
      /*header with search bar which only shows up on the small screen -  style adjust end */ }
      .coc-pl .cui.coc-header {
        /*nav.cui end*/ }
        .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit {
          max-width: 700px;
          max-width: 70rem; }
          .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit .cocis-search-submit {
            float: left !important;
            top: -61px !important;
            top: -6.1rem !important;
            left: 638px;
            left: 63.8rem; }
        .coc-pl .cui.coc-header nav.cui {
          position: relative;
          top: 0 !important;
          background: #ededee; }
          .coc-pl .cui.coc-header nav.cui .nav-menu {
            top: 0;
            padding: 12px 0 0 0; }
            .coc-pl .cui.coc-header nav.cui .nav-menu .nav-item .firstMenuItem {
              margin-left: -51.42857px;
              margin-left: -5.14286rem;
              min-width: 223px;
              padding-top: 0 !important; }
            .coc-pl .cui.coc-header nav.cui .nav-menu .nav-item .sub-nav {
              margin-top: 12px !important; }
            .coc-pl .cui.coc-header nav.cui .nav-menu .nav-item .catalogue-group {
              min-height: 295px; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly .cui#cocis-search-field-type-and-submit {
        display: none; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly nav.cui {
        top: 60px !important;
        top: 6rem !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly nav.cui .nav-menu {
          top: 0; }
          .coc-pl .cui.coc-header.coc-header-withNavOnly nav.cui .nav-menu .nav-item .firstMenuItem {
            margin-left: 9px;
            margin-left: 0.9rem;
            min-width: none; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly.coc-header-searchMobileOnly .nav-menu {
        top: 0px !important; } }
  @media only screen and (min-width: 1020px) {
    .coc-pl {
      /*.cui.coc-header end*/ }
      .coc-pl .cui.coc-header nav.cui {
        position: relative;
        background: #ededee; }
        .coc-pl .cui.coc-header nav.cui .nav-menu {
          top: 0; }
          .coc-pl .cui.coc-header nav.cui .nav-menu .nav-item .firstMenuItem {
            margin-left: -51px;
            margin-left: -5.1rem;
            padding-top: 0 !important; }
          .coc-pl .cui.coc-header nav.cui .nav-menu .nav-item .sub-nav {
            margin-top: 12px !important;
            margin-top: 1.2rem !important; } }
  @media only screen and (min-width: 1300px) {
    .coc-pl {
      /*.cui.coc-header end*/
      /*header without search bar style adjust */
      /*.cui.coc-header.coc-header-withNavOnly end*/ }
      .coc-pl .cui.coc-header {
        /*@include rem(height, 84px);*/ }
        .coc-pl .cui.coc-header .coc-logo {
          width: 217px;
          width: 21.7rem;
          height: 102.9px;
          height: 10.29rem;
          margin-left: 36px;
          margin-left: 3.6rem;
          margin-right: 36px;
          margin-right: 3.6rem; }
          .coc-pl .cui.coc-header .coc-logo #coc-logo-desktop {
            width: 217px;
            width: 21.7rem;
            height: 102.9px;
            height: 10.29rem; }
        .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit {
          height: 84px;
          height: 8.4rem;
          left: 271px;
          left: 27.1rem; }
          .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit input {
            top: 0 !important; }
          .coc-pl .cui.coc-header .cui#cocis-search-field-type-and-submit .cocis-search-submit {
            float: left !important;
            top: -49px !important;
            left: 638px; }
        .coc-pl .cui.coc-header nav.cui {
          position: relative;
          /*top:-$padbase/4.5 !important;*/
          background: #ededee; }
          .coc-pl .cui.coc-header nav.cui .nav-menu {
            padding: 0 !important; }
            .coc-pl .cui.coc-header nav.cui .nav-menu .nav-item .firstMenuItem {
              margin-left: 223px !important; }
            .coc-pl .cui.coc-header nav.cui .nav-menu .nav-item .sub-nav {
              margin-top: 0 !important; }
            .coc-pl .cui.coc-header nav.cui .nav-menu .nav-item .catalogue-group {
              min-height: 255px; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly .cui#cocis-search-field-type-and-submit {
        display: none; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly nav.cui {
        top: 30px !important;
        top: 3rem !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly nav.cui.coc-secondary-9L-nav {
          background: #f6f6f6 !important; }
        .coc-pl .cui.coc-header.coc-header-withNavOnly nav.cui .nav-menu .nav-item .firstMenuItem {
          margin-left: 289px !important; } }
  @media only screen and (min-width: 1400px) {
    .coc-pl {
      /*header without search bar style adjust */
      /*.cui.coc-header.coc-header-withNavOnly end*/ }
      .coc-pl .cui.coc-header nav.cui .nav-item .firstMenuItem {
        margin-left: 289px !important; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly .cui#cocis-search-field-type-and-submit {
        display: none; }
      .coc-pl .cui.coc-header.coc-header-withNavOnly nav.cui {
        top: 30px !important;
        top: 3rem !important; } }

/*coc end*/
/* -------------------------------------------------------
   START OF footer.scss
   ------------------------------------------------------- */
.coc-pl .coc-footer.cui {
  width: 100%;
  background: #333333;
  color: #f6f6f6;
  font-size: 16px;
  font-size: 1.6rem; }
  .coc-pl .coc-footer.cui h3, .coc-pl .coc-footer.cui p {
    color: #c9cacc;
    font-size: 16px;
    font-size: 1.6rem; }
  .coc-pl .coc-footer.cui p.h3 {
    font-weight: normal;
    font-size: 20px;
    font-size: 2rem;
    text-align: left; }
  .coc-pl .coc-footer.cui #google_translate_element.cui {
    font-size: 14px;
    font-size: 1.4rem;
    display: block; }
    .coc-pl .coc-footer.cui #google_translate_element.cui label {
      font-size: 0; }
    .coc-pl .coc-footer.cui #google_translate_element.cui .goog-te-gadget {
      color: #f6f6f6; }
    .coc-pl .coc-footer.cui #google_translate_element.cui div, .coc-pl .coc-footer.cui #google_translate_element.cui select, .coc-pl .coc-footer.cui #google_translate_element.cui img, .coc-pl .coc-footer.cui #google_translate_element.cui p {
      display: inline-block;
      font-size: 14px !important; }
    .coc-pl .coc-footer.cui #google_translate_element.cui select {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      height: 30px;
      height: 3rem;
      width: 170px;
      width: 17rem;
      border: 2px solid #5b6770;
      border: 2px solid rgba(91, 103, 112, 0.8);
      background: url(/Scripts/PatternLibrary/img/sort.svg) 96%/10% no-repeat #eee;
      color: #333333;
      padding: 0 9px;
      text-align: left;
      margin-right: 9px; }
      .coc-pl .coc-footer.cui #google_translate_element.cui select option {
        font-size: 14px;
        font-size: 1.4rem; }
      .coc-pl .coc-footer.cui #google_translate_element.cui select:focus {
        color: #333333; }
    .coc-pl .coc-footer.cui #google_translate_element.cui a {
      color: #f6f6f6;
      text-decoration: none;
      font-size: 16px;
      font-size: 1.6rem; }
      .coc-pl .coc-footer.cui #google_translate_element.cui a:hover {
        text-decoration: underline; }
    .coc-pl .coc-footer.cui #google_translate_element.cui img {
      width: 54px !important;
      width: 5.4rem !important;
      height: auto !important;
      vertical-align: middle; }
  .coc-pl .coc-footer.cui .footer-group {
    max-width: 992px;
    max-width: 99.2rem;
    margin: 0 auto;
    min-height: 10px;
    font-size: 16px;
    font-size: 1.6rem; }
    .coc-pl .coc-footer.cui .footer-group .footerOtherlinks *a {
      font-size: 16px;
      font-size: 1.6rem; }
    .coc-pl .coc-footer.cui .footer-group .footerOtherlinks ul {
      margin: 0; }
      .coc-pl .coc-footer.cui .footer-group .footerOtherlinks ul.socialLinkSeclist {
        padding: 0 15px;
        padding: 0 1.5rem; }
      .coc-pl .coc-footer.cui .footer-group .footerOtherlinks ul li {
        line-height: 2;
        list-style-type: none;
        text-align: left; }
        .coc-pl .coc-footer.cui .footer-group .footerOtherlinks ul li a {
          color: #f6f6f6;
          text-decoration: none;
          font-size: 16px;
          font-size: 1.6rem; }
          .coc-pl .coc-footer.cui .footer-group .footerOtherlinks ul li a:hover {
            text-decoration: underline; }
          .coc-pl .coc-footer.cui .footer-group .footerOtherlinks ul li a:visited {
            color: #a5a7aa; }
    .coc-pl .coc-footer.cui .footer-group .feedback {
      background: transparent;
      border: 1px solid #6f7277;
      padding: 36px;
      padding: 3.6rem; }
      .coc-pl .coc-footer.cui .footer-group .feedback p {
        color: #f6f6f6; }
      .coc-pl .coc-footer.cui .footer-group .feedback div > p {
        margin-top: 0; }
      .coc-pl .coc-footer.cui .footer-group .feedback div {
        padding: 0;
        margin: 0; }
    .coc-pl .coc-footer.cui .footer-group .footerlinks ul {
      margin: 0 auto;
      text-align: center; }
      .coc-pl .coc-footer.cui .footer-group .footerlinks ul li {
        text-align: left;
        list-style-type: none;
        display: inline-block;
        padding: 0 9px 0 3px;
        padding: 0 0.9rem 0 0.3rem;
        line-height: 1;
        border-right: 2px solid #f6f6f6;
        font-weight: 400; }
        .coc-pl .coc-footer.cui .footer-group .footerlinks ul li:last-child {
          border-right: none; }
        .coc-pl .coc-footer.cui .footer-group .footerlinks ul li a {
          color: #f6f6f6;
          text-decoration: none;
          font-size: 16px;
          font-size: 1.6rem; }
          .coc-pl .coc-footer.cui .footer-group .footerlinks ul li a:hover {
            text-decoration: underline; }
    .coc-pl .coc-footer.cui .footer-group .footerCopyright p {
      text-align: center;
      margin: 0 auto; }

@media only screen and (min-width: 200px) {
  .coc-pl .coc-footer.cui .footer-group {
    padding: 0 0 18px;
    padding: 0 0 1.8rem; }
    .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui {
      padding: 18px 18px 18px 18px;
      padding: 1.8rem 1.8rem 1.8rem 1.8rem;
      text-align: left; }
      .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui .goog-te-gadget {
        text-align: left; }
        .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui .goog-te-gadget > div {
          display: block !important; }
      .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui .targetLanguage {
        display: block;
        margin-bottom: 9px;
        margin-bottom: 0.9rem; }
    .coc-pl .coc-footer.cui .footer-group .footerOtherlinks {
      margin: 0;
      padding: 9px;
      padding: 0.9rem;
      border-top: 1px solid #6f7277; }
      .coc-pl .coc-footer.cui .footer-group .footerOtherlinks.borderNone {
        border-top: none; }
      .coc-pl .coc-footer.cui .footer-group .footerOtherlinks .socialLinks {
        margin-top: 72px;
        margin-top: 7.2rem; }
        .coc-pl .coc-footer.cui .footer-group .footerOtherlinks .socialLinks ul > span {
          padding-left: 0; }
        .coc-pl .coc-footer.cui .footer-group .footerOtherlinks .socialLinks .socialLinkSeclist {
          padding-left: 15px !important;
          padding-left: 1.5rem !important;
          display: block; }
    .coc-pl .coc-footer.cui .footer-group .feedback {
      text-align: center;
      margin-top: 36px;
      margin-top: 3.6rem;
      padding: 36px 9px 36px 9px;
      /*padding:$padbase/4;*/
      border-top: 1px solid #6f7277;
      border-bottom: none;
      border-left: none;
      border-right: none; }
      .coc-pl .coc-footer.cui .footer-group .feedback p {
        max-width: none; }
      .coc-pl .coc-footer.cui .footer-group .feedback button {
        float: none; }
    .coc-pl .coc-footer.cui .footer-group .footerlinks {
      padding: 9px;
      padding: 0.9rem; }
    .coc-pl .coc-footer.cui .footer-group .footerCopyright {
      padding: 18px;
      padding: 1.8rem; }
      .coc-pl .coc-footer.cui .footer-group .footerCopyright p {
        font-size: 14px;
        font-size: 1.4rem; } }

@media only screen and (min-width: 320px) {
  .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui {
    padding: 18px 18px 18px 18px;
    padding: 1.8rem 1.8rem 1.8rem 1.8rem; }
  .coc-pl .coc-footer.cui .footer-group .footerOtherlinks.borderNone {
    margin-bottom: 36px;
    margin-bottom: 3.6rem; } }

@media only screen and (min-width: 544px) {
  .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui {
    padding: 18px 18px 18px 18px;
    padding: 1.8rem 1.8rem 1.8rem 1.8rem; }
    .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui .goog-te-gadget {
      text-align: left; }
      .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui .goog-te-gadget > div {
        display: inline-block !important; }
    .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui .targetLanguage {
      display: inline-block;
      margin-bottom: 0; } }

@media only screen and (min-width: 768px) {
  .coc-pl .coc-footer.cui .footer-group {
    padding: 0 0 9px 0;
    padding: 0 0 0.9rem 0; }
    .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui {
      padding: 18px;
      padding: 1.8rem; }
    .coc-pl .coc-footer.cui .footer-group .footerOtherlinks {
      margin: 0;
      padding: 36px 0;
      padding: 3.6rem 0; }
      .coc-pl .coc-footer.cui .footer-group .footerOtherlinks.borderNone {
        margin-bottom: 0; }
      .coc-pl .coc-footer.cui .footer-group .footerOtherlinks .row {
        padding-top: 0; }
      .coc-pl .coc-footer.cui .footer-group .footerOtherlinks .socialLinks {
        margin: 0; }
        .coc-pl .coc-footer.cui .footer-group .footerOtherlinks .socialLinks .socialLinkSeclist {
          padding-left: 0px !important; }
    .coc-pl .coc-footer.cui .footer-group .feedback {
      margin: 0;
      padding: 18px !important;
      border: 1px solid #6f7277;
      text-align: left; }
      .coc-pl .coc-footer.cui .footer-group .feedback p.h3 {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 600; }
      .coc-pl .coc-footer.cui .footer-group .feedback button {
        vertical-align: middle; }
    .coc-pl .coc-footer.cui .footer-group .footerlinks {
      margin-top: 72px;
      margin-top: 7.2rem; }
    .coc-pl .coc-footer.cui .footer-group .footerCopyright p {
      font-size: 12px;
      font-size: 1.2rem; } }

@media only screen and (min-width: 992px) {
  .coc-pl .coc-footer.cui .footer-group {
    padding: 0 0 108px 0;
    padding: 0 0 10.8rem 0; }
    .coc-pl .coc-footer.cui .footer-group #google_translate_element.cui {
      padding: 36px 18px;
      padding: 3.6rem 1.8rem; }
    .coc-pl .coc-footer.cui .footer-group .feedback button {
      margin: 0 12%; } }

@media only screen and (min-width: 1200px) {
  .coc-pl .coc-footer.cui .footer-group {
    padding: 72px 0;
    padding: 7.2rem 0; } }

@media only screen and (min-width: 1680px) {
  .coc-pl .coc-footer.cui .footer-group {
    padding: 108px 0;
    padding: 10.8rem 0; } }

/*Footer end*/
/* -------------------------------------------------------
   START OF modalWindow.scss
   ------------------------------------------------------- */
.coc-pl .cui.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  z-index: 1;
  padding: 10% 20px 10% 20px;
  box-sizing: border-box;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center; }

.coc-pl .cui.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: 0; }

.coc-pl .cui.blocker.behind {
  background-color: transparent; }

.coc-pl .cui.modalWindow {
  z-index: 5000;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 20;
  max-width: 1000px;
  box-sizing: border-box;
  width: 90%;
  background: #f6f6f6;
  padding: 0;
  text-align: left; }
  .coc-pl .cui.modalWindow a.close-modal {
    display: none; }
  .coc-pl .cui.modalWindow .cui.btn-md.primary-text {
    float: right;
    width: initial; }
    .coc-pl .cui.modalWindow .cui.btn-md.primary-text .cicon-times {
      vertical-align: middle;
      margin-left: 6px; }
    .coc-pl .cui.modalWindow .cui.btn-md.primary-text:hover {
      color: #333333;
      background: #ffffff; }
  .coc-pl .cui.modalWindow .modalbody {
    background: #f6f6f6; }

@media only screen and (min-width: 200px) {
  .coc-pl .cui.current {
    padding: 0;
    z-index: 5000; }
  .coc-pl .cui.blocker:before {
    height: initial; }
  .coc-pl .cui.modalWindow {
    position: absolute;
    background: #f6f6f6;
    width: 100%;
    height: 100%; }
    .coc-pl .cui.modalWindow .cui.btn-md.primary-text {
      margin: -36px 0px 6px 36px;
      margin: -3.6rem 0px 0.6rem 3.6rem; }
    .coc-pl .cui.modalWindow .modalbody {
      padding: 36px 9px;
      padding: 3.6rem 0.9rem;
      margin: 0 auto;
      max-width: none;
      width: 100%;
      height: 100%;
      min-height: 500px; }
      .coc-pl .cui.modalWindow .modalbody #cocis-search-field-type-and-submit {
        display: block;
        margin: 0;
        padding-right: 18px;
        padding-right: 1.8rem;
        padding-left: 18px;
        padding-left: 1.8rem; }
        .coc-pl .cui.modalWindow .modalbody #cocis-search-field-type-and-submit input, .coc-pl .cui.modalWindow .modalbody #cocis-search-field-type-and-submit #ctl00_PlaceHolderSearchArea_ctl00_txtSearch {
          box-shadow: none !important;
          margin-left: 0; }
        .coc-pl .cui.modalWindow .modalbody #cocis-search-field-type-and-submit .cocis-search-submit, .coc-pl .cui.modalWindow .modalbody #cocis-search-field-type-and-submit #cocis-search-submit {
          left: auto; } }

@media only screen and (min-width: 768px) {
  .coc-pl .cui.modalWindow .modalbody #cocis-search-field-type-and-submit .cocis-search-submit, .coc-pl .cui.modalWindow .modalbody #cocis-search-field-type-and-submit #cocis-search-submit {
    left: 620px !important;
    left: 62rem; } }

@media only screen and (min-width: 992px) {
  .coc-pl .cui.blocker {
    padding: 10% 20px 10% 20px !important; }
  .coc-pl .cui.modalWindow {
    position: relative !important;
    width: 91% !important;
    max-height: 500px;
    overflow: auto; }
    .coc-pl .cui.modalWindow .cui.btn-md.primary-text {
      margin: -36px -36px 6px 36px;
      margin: -3.6rem -3.6rem 0.6rem 3.6rem; }
    .coc-pl .cui.modalWindow .modalbody {
      width: 100% !important;
      position: absolute !important;
      top: 0;
      left: inherit;
      padding: 36px;
      padding: 3.6rem; }
      .coc-pl .cui.modalWindow .modalbody .cocis-search-field-type-and-submit {
        position: relative;
        left: 0; } }

/* -------------------------------------------------------
   START OF alertBanner.scss
   ------------------------------------------------------- */
.coc-pl .cui.alertbox {
  width: 100%;
  background: #ffffff;
  /*global inline-alertbox style*/
  /*inline-alertbox style*/ }
  .coc-pl .cui.alertbox .clear {
    clear: both; }
  .coc-pl .cui.alertbox * a {
    cursor: pointer; }
  .coc-pl .cui.alertbox .alertbanner-box {
    position: relative; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header {
      position: relative;
      margin: 0; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header::after {
        content: "";
        display: table;
        clear: both; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn {
        display: inline-block;
        float: left;
        position: relative; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon::after, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header::after, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn::after {
          content: "";
          display: table;
          clear: both; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon .cicon {
        display: block;
        text-align: left; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .minusBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .expendBtn {
        background: transparent;
        text-decoration: none;
        /*@include rem(padding,$padbase/3); */
        height: 44px;
        height: 4.4rem;
        width: 44px;
        width: 4.4rem;
        border: none;
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .closeBtn span, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .minusBtn span, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .expendBtn span {
          position: relative; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .closeBtn:hover, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .minusBtn:hover, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .expendBtn:hover {
          background-color: rgba(255, 255, 255, 0.1);
          cursor: pointer; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .minusBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .expendBtn {
        display: inline-block; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header h2 {
        font-size: 16px !important;
        font-size: 1.6rem !important;
        margin: 0 !important;
        padding: 0;
        letter-spacing: normal;
        font-weight: 600;
        max-width: 100%; }
  .coc-pl .cui.alertbox.warning {
    border: 4px solid #a6192e; }
    .coc-pl .cui.alertbox.warning .alertbanner-box .alertbanner-box-header {
      background: #a6192e;
      color: #ffffff; }
      .coc-pl .cui.alertbox.warning .alertbanner-box .alertbanner-box-header h2, .coc-pl .cui.alertbox.warning .alertbanner-box .alertbanner-box-header .cicon {
        color: #ffffff; }
    .coc-pl .cui.alertbox.warning .closeBtn {
      display: none; }
    .coc-pl .cui.alertbox.warning .cta-button .cui.secondary-text {
      display: none; }
  .coc-pl .cui.alertbox.caution {
    border: 4px solid #F2A900; }
    .coc-pl .cui.alertbox.caution .alertbanner-box .alertbanner-box-header {
      background: #F2A900;
      color: #333333; }
      .coc-pl .cui.alertbox.caution .alertbanner-box .alertbanner-box-header h2, .coc-pl .cui.alertbox.caution .alertbanner-box .alertbanner-box-header .cicon, .coc-pl .cui.alertbox.caution .alertbanner-box .alertbanner-box-header .closeBtn, .coc-pl .cui.alertbox.caution .alertbanner-box .alertbanner-box-header .alert-toggleBtn button span, .coc-pl .cui.alertbox.caution .alertbanner-box .alertbanner-box-header .alert-toggleBtn .minusBtn span, .coc-pl .cui.alertbox.caution .alertbanner-box .alertbanner-box-header .alert-toggleBtn .expendBtn span {
        color: #000; }
      .coc-pl .cui.alertbox.caution .alertbanner-box .alertbanner-box-header .alert-toggleBtn .minusBtn, .coc-pl .cui.alertbox.caution .alertbanner-box .alertbanner-box-header .alert-toggleBtn .expendBtn {
        text-decoration: none; }
  .coc-pl .cui.alertbox.information {
    border: 4px solid #0057B8; }
    .coc-pl .cui.alertbox.information .alertbanner-box .alertbanner-box-header {
      background: #0057B8;
      color: #ffffff; }
      .coc-pl .cui.alertbox.information .alertbanner-box .alertbanner-box-header h2, .coc-pl .cui.alertbox.information .alertbanner-box .alertbanner-box-header .cicon {
        color: #ffffff; }
  .coc-pl .cui.alertbox.success {
    border: 4px solid #78be20; }
    .coc-pl .cui.alertbox.success .alertbanner-box .alertbanner-box-header {
      background: #78be20;
      color: #ffffff; }
      .coc-pl .cui.alertbox.success .alertbanner-box .alertbanner-box-header h2, .coc-pl .cui.alertbox.success .alertbanner-box .alertbanner-box-header .cicon {
        color: #000; }
  .coc-pl .cui.alertbox.miscellaneous {
    border: 4px solid #4b4f55; }
    .coc-pl .cui.alertbox.miscellaneous .alertbanner-box .alertbanner-box-header {
      background: #4b4f55;
      color: #ffffff; }
      .coc-pl .cui.alertbox.miscellaneous .alertbanner-box .alertbanner-box-header h2, .coc-pl .cui.alertbox.miscellaneous .alertbanner-box .alertbanner-box-header .cicon {
        color: #ffffff; }
  .coc-pl .cui.alertbox .alertbanner-box-contents {
    text-align: left; }
    .coc-pl .cui.alertbox .alertbanner-box-contents p {
      display: block;
      max-width: none !important; }
  .coc-pl .cui.alertbox.global-inline-alertbox.inline-alertbox {
    background: #f6f6f6;
    display: inline-block; }
    .coc-pl .cui.alertbox.global-inline-alertbox.inline-alertbox .alertbanner-box .alert-icon {
      margin-top: 9px;
      margin-top: 0.9rem; }
    .coc-pl .cui.alertbox.global-inline-alertbox.inline-alertbox .alertbanner-box .alertbanner-box-contents {
      padding: 12px;
      padding: 1.2rem; }
      .coc-pl .cui.alertbox.global-inline-alertbox.inline-alertbox .alertbanner-box .alertbanner-box-contents h2 {
        margin-bottom: 0;
        padding-top: 0;
        font-weight: 400;
        font-size: 14px !important;
        font-size: 1.4rem !important;
        color: #000000; }
        .coc-pl .cui.alertbox.global-inline-alertbox.inline-alertbox .alertbanner-box .alertbanner-box-contents h2 .cta-btn-global-alert-banner {
          font-weight: 400; }
  .coc-pl .cui.alertbox.inline-alertbox .alertbanner-box .alert-icon {
    width: 36px;
    width: 3.6rem;
    height: auto;
    margin-left: -36px;
    margin-left: -3.6rem;
    margin-top: 18px;
    margin-top: 1.8rem;
    padding-top: 0;
    float: left;
    color: #ffffff;
    text-align: center; }
  .coc-pl .cui.alertbox.inline-alertbox .alertbanner-box .alertbanner-box-contents {
    max-width: none;
    padding: 18px;
    padding: 1.8rem;
    width: 100%;
    float: left; }
    .coc-pl .cui.alertbox.inline-alertbox .alertbanner-box .alertbanner-box-contents h2 {
      margin-top: 0;
      font-size: 16px !important;
      font-size: 1.6rem !important;
      font-weight: 800;
      padding-top: 0; }
    .coc-pl .cui.alertbox.inline-alertbox .alertbanner-box .alertbanner-box-contents .decription-block .cta-button {
      display: block;
      width: 100%;
      float: none !important;
      text-align: left; }
  .coc-pl .cui.alertbox.inline-alertbox.warning {
    border-left: 36px solid #c8102e; }
    .coc-pl .cui.alertbox.inline-alertbox.warning .boldFont {
      color: #c8102e;
      text-transform: uppercase; }
    .coc-pl .cui.alertbox.inline-alertbox.warning .cicon {
      background: #c8102e; }
  .coc-pl .cui.alertbox.inline-alertbox.caution {
    border-left: 36px solid #F2A900; }
    .coc-pl .cui.alertbox.inline-alertbox.caution .boldFont {
      color: #333333;
      text-transform: uppercase; }
    .coc-pl .cui.alertbox.inline-alertbox.caution .cicon {
      background: #F2A900;
      color: #333333; }
  .coc-pl .cui.alertbox.inline-alertbox.information {
    border-left: 36px solid #0057B8; }
    .coc-pl .cui.alertbox.inline-alertbox.information .boldFont {
      color: #0057B8;
      text-transform: uppercase; }
    .coc-pl .cui.alertbox.inline-alertbox.information .cicon {
      background: #0057B8; }
  .coc-pl .cui.alertbox.inline-alertbox.success {
    border-left: 36px solid #009639; }
    .coc-pl .cui.alertbox.inline-alertbox.success .boldFont {
      color: #009639;
      text-transform: uppercase; }
    .coc-pl .cui.alertbox.inline-alertbox.success .cicon {
      background: #009639; }
  .coc-pl .cui.alertbox.inline-alertbox.miscellaneous {
    border-left: 36px solid #4b4f55; }
    .coc-pl .cui.alertbox.inline-alertbox.miscellaneous .boldFont {
      color: #4b4f55;
      text-transform: uppercase; }
    .coc-pl .cui.alertbox.inline-alertbox.miscellaneous .cicon {
      background: #4b4f55; }

@media only screen and (min-width: 200px) {
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header {
    padding: 6px;
    padding: 0.6rem;
    max-height: none;
    min-height: 44px;
    min-height: 4.4rem; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon {
      width: 6%;
      padding: 3.6px 0;
      padding: 0.36rem 0; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon .cicon {
        font-size: 16px;
        font-size: 1.6rem; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header {
      width: 72%; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header h2 {
        padding: 0 6px;
        padding: 0 0.6rem; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
      width: 20%;
      padding-top: 0 !important;
      padding-right: 0 !important; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
      margin-top: -6px;
      margin-top: -0.6rem; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
      float: right;
      /*@include rem(padding,12px);*/ }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .closeBtn span, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn span {
        display: block;
        font-size: 0; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .closeBtn span.cicon-times, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .closeBtn span.cicon, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn span.cicon-times, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn span.cicon {
          font-size: 16px !important;
          width: 44px;
          height: 44px;
          text-align: center;
          padding-top: 12px; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .closeBtn .minusBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .minusBtn {
        display: inline-block; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .closeBtn .expendBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .expendBtn {
        display: none; }
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents {
    padding: 9px;
    padding: 0.9rem;
    width: 100%; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .img-icon-block img {
      display: none; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block {
      width: 100%; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block img {
        display: none; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block .cta-button {
        width: 100%;
        display: block;
        margin-top: 18px;
        margin-top: 1.8rem; }
  .coc-pl .cui.alertbox.miscellaneous .alertbanner-box .alertbanner-box-header .alert-icon {
    display: none; }
  .coc-pl .cui.alertbox.miscellaneous .alertbanner-box .alertbanner-box-header .alert-header {
    width: 80%; }
    .coc-pl .cui.alertbox.miscellaneous .alertbanner-box .alertbanner-box-header .alert-header h2 {
      padding-left: 0; }
  .coc-pl .cui.alertbox.miscellaneous .alertbanner-box .alertbanner-box-header .alert-closeBtn, .coc-pl .cui.alertbox.miscellaneous .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
    width: 20%; } }

@media only screen and (min-width: 320px) {
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon {
    width: 6%; }
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header {
    width: 81%; }
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
    width: 13%; }
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .img-icon-block {
    display: block; } }

@media only screen and (min-width: 544px) {
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header {
    padding: 12px;
    padding: 1.2rem; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon {
      width: 4%; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header {
      width: 86%; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header h2 {
        /*@include rem(max-width,490px);*/
        padding: 0 12px;
        padding: 0 1.2rem; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
      width: 10%; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
      margin-top: -12px;
      margin-top: -1.2rem; } }

@media only screen and (min-width: 768px) {
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon {
    width: 3%; }
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header {
    width: 89%; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header h2 {
      /*@include rem(max-width,560px);*/ }
  .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
    width: 8%;
    text-align: right; } }

@media only screen and (min-width: 992px) {
  .coc-pl .cui.alertbox .alertbanner-box {
    /*.alertbanner-box-contents end*/ }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header {
      padding: 12px;
      padding: 1.2rem;
      /*@include rem(max-height,50px);
        @include rem(min-height,50px);*/ }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon {
        width: 2%; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header {
        width: 84%; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header h2 {
          /*@include rem(max-width,600px);*/
          padding: 0 12px;
          padding: 0 1.2rem; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
        text-align: right;
        width: 14%;
        margin-top: -12px;
        margin-top: -1.2rem; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .minusBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .expendBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .minusBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .expendBtn {
          padding: 0 12px;
          width: auto !important; }
          .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .closeBtn span, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .minusBtn span, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .expendBtn span, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .closeBtn span, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .minusBtn span, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .expendBtn span {
            font-size: 16px;
            font-size: 1.6rem;
            vertical-align: middle;
            padding-left: 6px;
            padding-left: 0.6rem;
            color: #ffffff;
            display: inline-block;
            height: 44px;
            text-align: center;
            vertical-align: middle;
            padding-top: 9px; }
            .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .closeBtn span.cicon-times, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .closeBtn span.cicon, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .minusBtn span.cicon-times, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .minusBtn span.cicon, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .expendBtn span.cicon-times, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn .expendBtn span.cicon, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .closeBtn span.cicon-times, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .closeBtn span.cicon, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .minusBtn span.cicon-times, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .minusBtn span.cicon, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .expendBtn span.cicon-times, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn .expendBtn span.cicon {
              height: 44px;
              font-size: 16px !important;
              display: inline-block;
              width: auto;
              padding-top: 12px; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents {
      padding: 9px;
      padding: 0.9rem;
      /*
        .img-icon-block{
          display: inline-block !important;
          width: auto;
        
          img{
            @include rem(max-width,200px);
            display: inline-block; 
            @include rem(padding-right,$padbase); 
          }
        }*/
      /*.decription-block end*/ }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block {
        /*@include rem(max-width,600px);*/
        display: inline-block; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block img {
          display: inline;
          width: 15%;
          position: relative;
          top: 20px;
          max-width: 150px;
          max-height: 50px;
          margin-right: 18px; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block p.withImageIcon {
          display: block;
          width: 85%;
		  margin-bottom: 0.5625rem;
			max-width: none;
          margin-left: 0; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block p {
          display: inline-block; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block .cta-button {
          display: inline-block;
          text-align: right;
          margin-top: 0 !important;
          float: right;
          width: 80%; }
          .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block .cta-button::after {
            clear: both; } }

@media only screen and (min-width: 1200px) {
  .coc-pl .cui.alertbox {
    /*.alertbanner-box end*/
    /*global inline alertbox style*/ }
    .coc-pl .cui.alertbox .alertbanner-box {
      /*.alertbanner-box-header end*/
      /*alertbanner-box-contents end*/ }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon {
        width: 1%; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header {
        width: 87%; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
        width: 12%;
        text-align: right; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents {
        padding: 9px;
        padding: 0.9rem;
        max-width: 992px;
        max-width: 99.2rem;
        margin: 0 auto; }
        .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block {
          /*@include rem(max-width,680px);*/ }
    .coc-pl .cui.alertbox.global-inline-alertbox.inline-alertbox .alertbanner-box .alertbanner-box-contents {
      max-width: 992px;
      max-width: 99.2rem; } }

@media only screen and (min-width: 1680px) {
  .coc-pl .cui.alertbox .alertbanner-box {
    /*alertbanner-box-header end*/ }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-icon {
      width: 1%; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-header {
      width: 87%; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-closeBtn, .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-header .alert-toggleBtn {
      width: 12%; }
    .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents {
      padding: 12px;
      padding: 1.2rem; }
      .coc-pl .cui.alertbox .alertbanner-box .alertbanner-box-contents .decription-block {
        /*@include rem(max-width,700px);*/ } }

/*coc-pl end*/
/* -------------------------------------------------------
   START OF widget.scss
   ------------------------------------------------------- */
.coc-pl {
  /*info-widget-CTA*/
  /*info-widget-CTA end*/
  /*list-widget*/
  /*list-widget end*/ }
  .coc-pl .cui.info-widget-CTA {
    padding: 0; }
    .coc-pl .cui.info-widget-CTA button,
    .coc-pl .cui.info-widget-CTA .cui.btn-sm,
    .coc-pl .cui.info-widget-CTA .cui.btn-md,
    .coc-pl .cui.info-widget-CTA .cui.btn-lg {
      margin-top: 12px;
      margin-top: 1.2rem;
      margin-bottom: 12px;
      margin-bottom: 1.2rem; }
  .coc-pl .cui.list-widget {
    background: #ffffff;
    color: #333333;
    display: block;
    margin-left: 0; }
    .coc-pl .cui.list-widget li {
      list-style: none;
      border-bottom: 1px solid #c9cacc; }
      .coc-pl .cui.list-widget li a {
        width: 100%;
        padding: 18px 0 18px 18px;
        padding: 1.8rem 0 1.8rem 1.8rem;
        color: #333333;
        text-decoration: none;
        font-weight: bold;
        display: block;
        font-size: 16px;
        text-align: left;
        background: url("/Scripts/PatternLibrary/img/angle-right.svg") no-repeat center right transparent;
        background-size: 26px 16px; }
        .coc-pl .cui.list-widget li a:hover {
          background: #f6f6f6;
          background: url("/Scripts/PatternLibrary/img/angle-right.svg") no-repeat center right #ededee;
          background-size: 26px 16px; }
        .coc-pl .cui.list-widget li a span {
          display: inline-block;
          max-width: 80%; }
        .coc-pl .cui.list-widget li a .cicon-angle-right {
          float: right;
          padding-right: 9px;
          padding-right: 0.9rem; }
    .coc-pl .cui.list-widget.page-links li a {
      font-weight: 400; }
      .coc-pl .cui.list-widget.page-links li a spanboldFont {
        font-size: 15px;
        font-size: 1.5rem; }
  @media only screen and (min-width: 200px) {
    .coc-pl {
      /*info-widget-CTA*/
      /*info-widget-CTA end*/ }
      .coc-pl .cui.info-widget-CTA {
        padding: 36px;
        padding: 3.6rem; }
        .coc-pl .cui.info-widget-CTA button.floatRight,
        .coc-pl .cui.info-widget-CTA .cui.btn-sm.floatRight,
        .coc-pl .cui.info-widget-CTA .cui.btn-md.floatRight,
        .coc-pl .cui.info-widget-CTA .cui.btn-lg.floatRight {
          float: none;
          width: 100%; } }
  @media only screen and (min-width: 544px) {
    .coc-pl {
      /*info-widget-CTA*/
      /*info-widget-CTA end*/ }
      .coc-pl .cui.info-widget-CTA button.floatRight,
      .coc-pl .cui.info-widget-CTA .cui.btn-sm.floatRight,
      .coc-pl .cui.info-widget-CTA .cui.btn-md.floatRight,
      .coc-pl .cui.info-widget-CTA .cui.btn-lg.floatRight {
        width: auto !important; } }
  @media only screen and (min-width: 768px) {
    .coc-pl {
      /*info-widget-CTA*/
      /*info-widget-CTA end*/ }
      .coc-pl .cui.info-widget-CTA {
        padding: 36px;
        padding: 3.6rem; }
        .coc-pl .cui.info-widget-CTA button.floatRight,
        .coc-pl .cui.info-widget-CTA .cui.btn-sm.floatRight,
        .coc-pl .cui.info-widget-CTA .cui.btn-md.floatRight,
        .coc-pl .cui.info-widget-CTA .cui.btn-lg.floatRight {
          float: right; } }

/* -------------------------------------------------------
   START OF breadcrumb.scss
   ------------------------------------------------------- */
.coc-pl .breadcrumb.cui {
  background: #ffffff; }
  .coc-pl .breadcrumb.cui > li {
    text-align: left;
    list-style-type: none;
    display: inline-block;
    background: #ffffff; }
    .coc-pl .breadcrumb.cui > li:last-child {
      border-right: none; }
    .coc-pl .breadcrumb.cui > li > a {
      text-decoration: none;
      font-size: 14px;
      font-size: 1.4rem;
      color: #c8102e !important; }
      .coc-pl .breadcrumb.cui > li > a:hover {
        text-decoration: underline;
        cursor: pointer; }
      .coc-pl .breadcrumb.cui > li > a.active {
        color: #333333 !important;
        cursor: default !important;
        text-decoration: none !important; }
  .coc-pl .breadcrumb.cui > li + li:before {
    content: '>';
    padding: 0 6px;
    padding: 0 0.6rem; }
  .coc-pl .breadcrumb.cui.category-breadcrumb a {
    color: #c8102e !important;
    font-size: 16px;
    font-size: 1.6rem; }
    .coc-pl .breadcrumb.cui.category-breadcrumb a span {
      margin-right: 3px;
      margin-right: 0.3rem; }
    .coc-pl .breadcrumb.cui.category-breadcrumb a.active {
      color: #333333 !important;
      cursor: default; }
      .coc-pl .breadcrumb.cui.category-breadcrumb a.active:hover {
        text-decoration: none !important; }
  .coc-pl .breadcrumb.cui.category-breadcrumb > li + li:before {
    content: '|';
    padding: 0 6px;
    padding: 0 0.6rem; }

.coc-pl {
  /* -------------------------------------------------------
   START OF CONTENT BLOCKS _contentBlocks.scss
   ------------------------------------------------------- */
  /*-----------------------------------------
Group Content Blocks - Lead CTA Section 
Group Content Blocks - related CTA vertical
Group Content Blocks - related CTA horizontal
start
-----------------------------------------*/
  /*-----------------------------------------
Group Content Blocks - Lead CTA Section 
Group Content Blocks - related CTA vertical
Group Content Blocks - related CTA horizontal
END
-----------------------------------------*/ }
  .coc-pl .cui.content-block {
    padding: 0;
    margin: 0; }
    .coc-pl .cui.content-block .photo-content {
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      position: relative;
      padding-top: 0;
      background-size: cover !important; }
    .coc-pl .cui.content-block .content-container h3 {
      font-weight: 600;
      margin-top: 0; }
    .coc-pl .cui.content-block .content-container p {
      color: #333333; }
    .coc-pl .cui.content-block.lead-CTA.horizontal {
      margin-bottom: 9px;
      margin-bottom: 0.9rem; }
      .coc-pl .cui.content-block.lead-CTA.horizontal.margin-bottom-half {
        margin-bottom: 18px;
        margin-bottom: 1.8rem;
        /*this line only impact the style on Pattern library Demo*/ }
      .coc-pl .cui.content-block.lead-CTA.horizontal .photo-content {
        background: url("../../../img/Demo-290-470.jpg") center no-repeat; }
      .coc-pl .cui.content-block.lead-CTA.horizontal .content-container h3 {
        color: #333333;
        padding-top: 0; }
    .coc-pl .cui.content-block.related-CTA .content-container h3 a {
      font-size: 16px;
      font-size: 1.6rem;
      color: #c8102e; }
    .coc-pl .cui.content-block.related-CTA .content-container p {
      margin-top: 0; }
    .coc-pl .cui.content-block.related-CTA.vertical {
      display: block;
      background: #ffffff; }
      .coc-pl .cui.content-block.related-CTA.vertical .photo-content {
        background: url("../../../img/Demo-290-470.jpg") center no-repeat;
        border: 1px solid #dbdcdd; }
      .coc-pl .cui.content-block.related-CTA.vertical .content-container h3 {
        color: #c8102e; }
      .coc-pl .cui.content-block.related-CTA.vertical .content-container p {
        margin-top: 0; }
    .coc-pl .cui.content-block.related-CTA.horizontal {
      border-top: 1px solid #c9cacc;
      border-bottom: 1px solid #c9cacc;
      background: #ffffff;
      float: left;
      display: block; }
      .coc-pl .cui.content-block.related-CTA.horizontal .photo-content {
        background: url("../../../img/Demo-290-470.jpg") center no-repeat; }
      .coc-pl .cui.content-block.related-CTA.horizontal .content-container h3 {
        color: #333333;
        margin: 0;
        padding: 0; }
      .coc-pl .cui.content-block.related-CTA.horizontal .content-container p {
        margin-top: 0; }
      .coc-pl .cui.content-block.related-CTA.horizontal .photo-content::after, .coc-pl .cui.content-block.related-CTA.horizontal .content-container::after, .coc-pl .cui.content-block.related-CTA.horizontal .cui.content-block::after {
        content: '';
        display: block;
        clear: both; }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .coc-pl .cui.content-block.lead-CTA.horizontal .photo-content {
      background: url("../../../img/Demo-290-470_2x.jpg") center no-repeat;
      background-size: cover !important; }
    .coc-pl .cui.content-block.related-CTA.vertical .photo-content {
      background: url("../../../img/Demo-290-470_2x.jpg") center no-repeat;
      background-size: cover !important; }
    .coc-pl .cui.content-block.related-CTA.horizontal .photo-content {
      background: url("../../../img/Demo-290-470_2x.jpg") center no-repeat;
      background-size: cover !important; } }
  @media only screen and (max-width: 992px) {
    .coc-pl .custom-grid-full-width {
      display: block;
      width: 100%; } }
  @media only screen and (min-width: 200px) {
    .coc-pl {
      /*-----------------------------------------
Group Content Blocks - Lead CTA Section 
Group Content Blocks - related CTA vertical
Group Content Blocks - related CTA horizontal
start
-----------------------------------------*/
      /*-----------------------------------------
Group Content Blocks - Lead CTA Section 
Group Content Blocks - related CTA vertical
Group Content Blocks - related CTA horizontal
END
-----------------------------------------*/ }
      .coc-pl .cui.content-block.lead-CTA.horizontal {
        width: 100%;
        background: #ffffff;
        /*border-bottom:1px solid $coc-secondary-7L;*/
        border-top: none;
        border-left: none;
        border-right: none; }
        .coc-pl .cui.content-block.lead-CTA.horizontal .photo-content {
          float: none;
          width: 100%;
          padding-bottom: 61.8%; }
        .coc-pl .cui.content-block.lead-CTA.horizontal .content-container {
          width: 100%;
          float: none;
          padding: 0 0 9px 0;
          padding: 0 0 0.9rem 0; }
      .coc-pl .cui.content-block.related-CTA .content-container p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.4; }
      .coc-pl .cui.content-block.related-CTA.vertical {
        padding: 9px 0;
        padding: 0.9rem 0;
        float: left;
        display: block;
        border-top: 1px solid #c9cacc; }
        .coc-pl .cui.content-block.related-CTA.vertical .photo-content {
          display: block;
          float: left;
          width: 24%;
          padding-bottom: 14.65%; }
        .coc-pl .cui.content-block.related-CTA.vertical .content-container {
          width: 76%;
          float: left;
          padding: 0 18px;
          padding: 0 1.8rem; }
          .coc-pl .cui.content-block.related-CTA.vertical .content-container h3 {
            margin: 0;
            padding: 0; }
        .coc-pl .cui.content-block.related-CTA.vertical .photo-content::after, .coc-pl .cui.content-block.related-CTA.vertical .content-container::after, .coc-pl .cui.content-block.related-CTA.vertical .cui.content-block::after {
          content: '';
          display: block;
          clear: both; }
      .coc-pl .cui.content-block.related-CTA.horizontal {
        padding: 9px;
        padding: 0.9rem; }
        .coc-pl .cui.content-block.related-CTA.horizontal .photo-content {
          display: block;
          float: left;
          width: 24%;
          padding-bottom: 14.65%; }
        .coc-pl .cui.content-block.related-CTA.horizontal .content-container {
          width: 76%;
          float: left;
          padding: 0 18px;
          padding: 0 1.8rem; }
          .coc-pl .cui.content-block.related-CTA.horizontal .content-container h3 {
            margin: 0;
            padding: 0; }
        .coc-pl .cui.content-block.related-CTA.horizontal .photo-content::after, .coc-pl .cui.content-block.related-CTA.horizontal .content-container::after, .coc-pl .cui.content-block.related-CTA.horizontal .cui.content-block::after {
          content: '';
          display: block;
          clear: both; } }
  @media only screen and (min-width: 320px) {
    .coc-pl .row {
      padding-top: 9px;
      padding-top: 0.9rem; }
    .coc-pl .half-half,
    .coc-pl .left-photo,
    .coc-pl .left-photo-content,
    .coc-pl .right-photo,
    .coc-pl .right-photo-content,
    .coc-pl .left-text,
    .coc-pl .right-text {
      width: 100%;
      display: block;
      float: none;
      padding: 18px;
      padding: 1.8rem; }
    .coc-pl .left-photo, .coc-pl .right-photo {
      min-height: 350px;
      min-height: 35rem;
      margin: 18px 0;
      margin: 1.8rem 0;
      background-size: cover;
      background: url("../../../img/half-half-demo.png") 0 100% no-repeat; }
    .coc-pl .left-photo-content,
    .coc-pl .right-photo-content {
      padding: 0; }
    .coc-pl .content-block,
    .coc-pl .content-block-2,
    .coc-pl .content-block-3,
    .coc-pl .content-block-4 {
      width: 100%;
      padding: 18px;
      padding: 1.8rem;
      margin: 9px 0;
      margin: 0.9rem 0; } }
  @media only screen and (min-width: 768px) {
    .coc-pl .half-half {
      min-height: 300px;
      min-height: 30rem; }
    .coc-pl .half-half,
    .coc-pl .left-photo,
    .coc-pl .left-photo-content,
    .coc-pl .right-photo,
    .coc-pl .right-photo-content,
    .coc-pl .left-text,
    .coc-pl .right-text {
      width: 100%;
      display: block; }
    .coc-pl .right-text,
    .coc-pl .left-text {
      padding: 9px 36px;
      padding: 0.9rem 3.6rem; }
    .coc-pl .content-block,
    .coc-pl .content-block-2,
    .coc-pl .content-block-3,
    .coc-pl .content-block-4 {
      width: 100%;
      display: block;
      padding: 18px 36px;
      padding: 1.8rem 3.6rem;
      margin: 0 0 18px 0;
      margin: 0 0 1.8rem 0; } }
  @media only screen and (min-width: 992px) {
    .coc-pl {
      /*-----------------------------------------
Group Content Blocks - Lead CTA Section 
Group Content Blocks - related CTA vertical
Group Content Blocks - related CTA horizontal
start
-----------------------------------------*/
      /*-----------------------------------------
Group Content Blocks - Lead CTA Section 
Group Content Blocks - related CTA vertical
Group Content Blocks - related CTA horizontal
END
-----------------------------------------*/
      /*/////////// 1/2 and 1/2 Content Blocks ///////////*/
      /*/////////// Content Blocks ///////////*/ }
      .coc-pl .cui.content-block.lead-CTA.horizontal {
        float: left !important;
        background: #ededee;
        border: 1px solid #dbdcdd; }
        .coc-pl .cui.content-block.lead-CTA.horizontal .photo-content {
          float: left !important;
          padding-bottom: 38.3%;
          width: 62%; }
        .coc-pl .cui.content-block.lead-CTA.horizontal .content-container {
          float: left !important;
          width: 38%;
          padding: 18px;
          padding: 1.8rem; }
        .coc-pl .cui.content-block.lead-CTA.horizontal .photo-content::after, .coc-pl .cui.content-block.lead-CTA.horizontal .content-container::after, .coc-pl .cui.content-block.lead-CTA.horizontal .cui.content-block::after {
          content: '';
          display: block;
          clear: both; }
      .coc-pl .cui.content-block.related-CTA .content-container p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.6; }
      .coc-pl .cui.content-block.related-CTA.vertical {
        float: none;
        padding: 0 0 36px 0;
        padding: 0 0 3.6rem 0;
        border-top: none; }
        .coc-pl .cui.content-block.related-CTA.vertical .photo-content {
          display: block;
          float: none;
          width: 100%;
          padding-bottom: 61.8%; }
        .coc-pl .cui.content-block.related-CTA.vertical .content-container {
          float: none;
          display: block;
          width: 100%;
          padding: 18px 0 0 0;
          padding: 1.8rem 0 0 0; }
      .coc-pl .cui.content-block.related-CTA.horizontal {
        padding: 36px 0;
        padding: 3.6rem 0; }
        .coc-pl .cui.content-block.related-CTA.horizontal .content-container {
          padding: 0 18px;
          padding: 0 1.8rem; }
          .coc-pl .cui.content-block.related-CTA.horizontal .content-container h3 {
            margin: 0;
            padding: 0; }
        .coc-pl .cui.content-block.related-CTA.horizontal .photo-content::after, .coc-pl .cui.content-block.related-CTA.horizontal .content-container::after, .coc-pl .cui.content-block.related-CTA.horizontal .cui.content-block::after {
          content: '';
          display: block;
          clear: both; }
      .coc-pl .container {
        width: 992px; }
      .coc-pl .left-photo,
      .coc-pl .left-photo-content,
      .coc-pl .right-photo,
      .coc-pl .right-photo-content,
      .coc-pl .left-text,
      .coc-pl .right-text {
        width: 50%;
        display: inline-block;
        margin: 0; }
      .coc-pl .right-photo,
      .coc-pl .right-photo-content,
      .coc-pl .right-text {
        float: right; }
      .coc-pl .left-photo, .coc-pl .right-photo {
        background-position-x: 100%; }
      .coc-pl .right-text,
      .coc-pl .left-text {
        padding: 18px 36px;
        padding: 1.8rem 3.6rem; }
      .coc-pl .halfandhalf {
        min-height: 20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        /*display: flex;*/
        display: table;
        margin: 36px 0 36px 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0; }
      .coc-pl .flex-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
      .coc-pl .content-block {
        padding: 18px 36px;
        padding: 1.8rem 3.6rem;
        margin: 12px;
        margin: 1.2rem; }
      .coc-pl .content-block {
        margin: 0 0 18px 0;
        margin: 0 0 1.8rem 0; }
      .coc-pl .content-block-2,
      .coc-pl .content-block-3,
      .coc-pl .content-block-4 {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 1px;
        margin: 12px;
        margin: 1.2rem;
        padding: 36px;
        padding: 3.6rem; }
      .coc-pl .content-block-4 {
        padding: 18px;
        padding: 1.8rem; }
      .coc-pl .left-block,
      .coc-pl .right-block {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 10px 10px 0 10px;
        margin: 1rem 1rem 0 1rem; }
      .coc-pl .clear {
        clear: both; } }
  @media only screen and (min-width: 1200px) {
    .coc-pl .container {
      width: 1170px; } }

@font-face {
  font-family: 'cicon';
  src: url("/shared/css/fonts/cicon.eot");
  src: url("/shared/css/fonts/cicon.eot#iefix") format("embedded-opentype"), url("/shared/css/fonts/cicon.ttf") format("truetype"), url("/shared/css/fonts/cicon.woff") format("woff"), url("/shared/css/fonts/cicon.svg#cicon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="cicon-"], [class*=" cicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cicon-mailbox:before {
  content: "\e007"; }

.cicon-circle-x-thin:before {
  content: "\e016"; }

.cicon-close-thin-large:before {
  content: "\e039"; }

.cicon-plus-thin:before {
  content: "\e2ea"; }

.cicon-minus-thin:before {
  content: "\e2eb"; }

.cicon-exclamation-diamond:before {
  content: "\e07e"; }

.cicon-layers:before {
  content: "\e0ab"; }

.cicon-map:before {
  content: "\e0ac"; }

.cicon-location-target:before {
  content: "\e0ae"; }

.cicon-facebook-circle:before {
  content: "\e1af"; }

.cicon-twitter-circle:before {
  content: "\e1b2"; }

.cicon-linkedin-circle:before {
  content: "\e1b5"; }

.cicon-flickr-circle:before {
  content: "\e1b7"; }

.cicon-youtube-circle:before {
  content: "\e1bb"; }

.cicon-citynews-circle:before {
  content: "\e1bc"; }

.cicon-google-plus-circle:before {
  content: "\e1bf"; }

.cicon-tumblr-circle:before {
  content: "\e1c3"; }

.cicon-map-square:before {
  content: "\e21a"; }

.cicon-map-square-o:before {
  content: "\e21b"; }

.cicon-map-pointer-square:before {
  content: "\e27e"; }

.cicon-map-pointer-square-o:before {
  content: "\e27f"; }

.cicon-calendar-event:before {
  content: "\e21c"; }

.cicon-cemetery:before {
  content: "\e21d"; }

.cicon-atraction:before {
  content: "\e21e"; }

.cicon-visitor-info:before {
  content: "\e21f"; }

.cicon-community-center:before {
  content: "\e220"; }

.cicon-social-dev-centre:before {
  content: "\e221"; }

.cicon-civic-partners-development:before {
  content: "\e222"; }

.cicon-casg:before {
  content: "\e223"; }

.cicon-community-safety:before {
  content: "\e224"; }

.cicon-new-central-library:before {
  content: "\e225"; }

.cicon-park-development:before {
  content: "\e226"; }

.cicon-recreation-development:before {
  content: "\e227"; }

.cicon-after-school-program:before {
  content: "\e228"; }

.cicon-library:before {
  content: "\e229"; }

.cicon-post-secondary:before {
  content: "\e22a"; }

.cicon-school:before {
  content: "\e22b"; }

.cicon-court:before {
  content: "\e22c"; }

.cicon-ems-station:before {
  content: "\e22d"; }

.cicon-fire-stn:before {
  content: "\e22e"; }

.cicon-health-clinic:before {
  content: "\e22f"; }

.cicon-police-service:before {
  content: "\e230"; }

.cicon-traffic-camera:before {
  content: "\e231"; }

.cicon-historic-resource:before {
  content: "\e232"; }

.cicon-building-permit:before {
  content: "\e233"; }

.cicon-development-permit:before {
  content: "\e234"; }

.cicon-dp-public-notices:before {
  content: "\e235"; }

.cicon-loc:before {
  content: "\e237"; }

.cicon-subdivision:before {
  content: "\e2ec"; }

.cicon-lot-dimension:before {
  content: "\e238"; }

.cicon-offleash-dog:before {
  content: "\e239"; }

.cicon-arena:before {
  content: "\e23a"; }

.cicon-art-centre:before {
  content: "\e23b"; }

.cicon-city-park:before {
  content: "\e23c"; }

.cicon-golf-course:before {
  content: "\e23d"; }

.cicon-indoor-pool:before {
  content: "\e23e"; }

.cicon-outdoor-pool:before {
  content: "\e23f"; }

.cicon-skate-park:before {
  content: "\e240"; }

.cicon-leisure-centre:before {
  content: "\e241"; }

.cicon-circle-l:before {
  content: "\e242"; }

.cicon-circle-l-x-thin:before {
  content: "\e243"; }

.cicon-construction-detours-base:before {
  content: "\e244"; }

.cicon-construction-detours:before {
  content: "\e245"; }

.cicon-construction-base:before {
  content: "\e246"; }

.cicon-construction:before {
  content: "\e247"; }

.cicon-ctrain-stn:before {
  content: "\e248"; }

.cicon-residential-parking-polygon:before {
  content: "\e249"; }

.cicon-incidents:before {
  content: "\e24a"; }

.cicon-plow-sander:before {
  content: "\e2d2"; }

.cicon-holiday-tree-drop-off:before {
  content: "\e24b"; }

.cicon-recycle-depot:before {
  content: "\e24c"; }

.cicon-electronics-recycling:before {
  content: "\e24d"; }

.cicon-landfill:before {
  content: "\e24e"; }

.cicon-haz-drop-off:before {
  content: "\e24f"; }

.cicon-leaf-drop-off:before {
  content: "\e250"; }

.cicon-bus-stop:before {
  content: "\e251"; }

.cicon-brt-stop:before {
  content: "\e252"; }

.cicon-demolished-historic-resource:before {
  content: "\e253"; }

.cicon-lot-easement:before {
  content: "\e254"; }

.cicon-community-line:before {
  content: "\e255"; }

.cicon-community-line-s:before {
  content: "\e256"; }

.cicon-ward-line:before {
  content: "\e257"; }

.cicon-ward-line-s:before {
  content: "\e258"; }

.cicon-map-dot-line:before {
  content: "\e259"; }

.cicon-map-line-thin:before {
  content: "\e25a"; }

.cicon-map-line:before {
  content: "\e25b"; }

.cicon-bikeway-line:before {
  content: "\e25c"; }

.cicon-ctrain-lines-base:before {
  content: "\e25d"; }

.cicon-ctrain-lines:before {
  content: "\e25e"; }

.cicon-map-location:before {
  content: "\e25f"; }

.cicon-map-location-o:before {
  content: "\e260"; }

.cicon-map-location-inner-circle:before {
  content: "\e261"; }

.cicon-map-pointer:before {
  content: "\e262"; }

.cicon-map-pointer-o:before {
  content: "\e263"; }

.cicon-map-pointer-inner-circle:before {
  content: "\e264"; }

.cicon-aqua-openwater:before {
  content: "\e265"; }

.cicon-wading-pool:before {
  content: "\e266"; }

.cicon-aqua-flatwater:before {
  content: "\e267"; }

.cicon-sailing:before {
  content: "\e268"; }

.cicon-rowing:before {
  content: "\e269"; }

.cicon-volleyball:before {
  content: "\e26a"; }

.cicon-tennis:before {
  content: "\e26b"; }

.cicon-tennis-in:before {
  content: "\e26c"; }

.cicon-soccer:before {
  content: "\e26d"; }

.cicon-soccer-in:before {
  content: "\e26e"; }

.cicon-spray-park:before {
  content: "\e26f"; }

.cicon-shooting-in:before {
  content: "\e270"; }

.cicon-lacrosse:before {
  content: "\e271"; }

.cicon-cricket:before {
  content: "\e272"; }

.cicon-baseball:before {
  content: "\e273"; }

.cicon-biking:before {
  content: "\e274"; }

.cicon-bowling:before {
  content: "\e275"; }

.cicon-bowling-in:before {
  content: "\e276"; }

.cicon-boxing:before {
  content: "\e277"; }

.cicon-curling:before {
  content: "\e278"; }

.cicon-gymnasium:before {
  content: "\e279"; }

.cicon-horseshoe:before {
  content: "\e27a"; }

.cicon-animal-service:before {
  content: "\e2ed"; }

.cicon-animal-service-outline:before {
  content: "\e2ee"; }

.cicon-parks-recreation:before {
  content: "\e2ef"; }

.cicon-parks-recreation-outline:before {
  content: "\e2f0"; }

.cicon-building-planning:before {
  content: "\e2f1"; }

.cicon-building-planning-outline:before {
  content: "\e2f2"; }

.cicon-transportation:before {
  content: "\e2f3"; }

.cicon-transportation-outline:before {
  content: "\e2f4"; }

.cicon-environment:before {
  content: "\e2f5"; }

.cicon-environment-outline:before {
  content: "\e2f6"; }

.cicon-bylaws-public-safety:before {
  content: "\e2f7"; }

.cicon-bylaws-public-safety-outline:before {
  content: "\e2f8"; }

.cicon-taxes-property-assessment:before {
  content: "\e2f9"; }

.cicon-taxes-property-assessment-outline:before {
  content: "\e2fa"; }

.cicon-social-services:before {
  content: "\e2fb"; }

.cicon-social-services-outline:before {
  content: "\e2fc"; }

.cicon-al-a:before {
  content: "\e27c"; }

.cicon-al-b:before {
  content: "\e2d3"; }

.cicon-al-c:before {
  content: "\e2d4"; }

.cicon-al-d:before {
  content: "\e2d5"; }

.cicon-al-e:before {
  content: "\e2d6"; }

.cicon-al-f:before {
  content: "\e2d7"; }

.cicon-al-g:before {
  content: "\e2d8"; }

.cicon-al-h:before {
  content: "\e27b"; }

.cicon-al-i:before {
  content: "\e2d9"; }

.cicon-al-j:before {
  content: "\e2da"; }

.cicon-al-k:before {
  content: "\e2db"; }

.cicon-al-l:before {
  content: "\e2dc"; }

.cicon-al-m:before {
  content: "\e2dd"; }

.cicon-al-n:before {
  content: "\e2de"; }

.cicon-al-o:before {
  content: "\e2df"; }

.cicon-al-p:before {
  content: "\e27d"; }

.cicon-al-q:before {
  content: "\e2e0"; }

.cicon-al-r:before {
  content: "\e2e1"; }

.cicon-al-s:before {
  content: "\e2e2"; }

.cicon-al-t:before {
  content: "\e2e3"; }

.cicon-al-u:before {
  content: "\e2e4"; }

.cicon-al-v:before {
  content: "\e2e5"; }

.cicon-al-w:before {
  content: "\e2e6"; }

.cicon-al-x:before {
  content: "\e2e7"; }

.cicon-al-y:before {
  content: "\e2e8"; }

.cicon-al-z:before {
  content: "\e2e9"; }

@font-face {
  font-family: 'cicon';
  src: url("/shared/css/fonts/cicon.eot");
  src: url("/shared/css/fonts/cicon.eot#iefix") format("embedded-opentype"), url("/shared/css/fonts/cicon.ttf") format("truetype"), url("/shared/css/fonts/cicon.woff") format("woff"), url("/shared/css/fonts/cicon.svg#cicon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="cicon-"], [class*=" cicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cicon-home:before {
  content: "\e000"; }

.cicon-search:before {
  content: "\e001"; }

.cicon-search-plus:before {
  content: "\e002"; }

.cicon-search-minus:before {
  content: "\e003"; }

.cicon-envelope-o:before {
  content: "\e004"; }

.cicon-envelope:before {
  content: "\e005"; }

.cicon-envelope-square:before {
  content: "\e006"; }

.cicon-paper-plane-o:before {
  content: "\e008"; }

.cicon-paper-plane:before {
  content: "\e009"; }

.cicon-paper-plane-square:before {
  content: "\e00a"; }

.cicon-phone:before {
  content: "\e00c"; }

.cicon-phone-square:before {
  content: "\e00d"; }

.cicon-fax:before {
  content: "\e00e"; }

.cicon-tty:before {
  content: "\e00f"; }

.cicon-certificate:before {
  content: "\e010"; }

.cicon-square:before {
  content: "\e011"; }

.cicon-square-o:before {
  content: "\e012"; }

.cicon-circle:before {
  content: "\e013"; }

.cicon-circle-o:before {
  content: "\e014"; }

.cicon-circle-thin:before {
  content: "\e015"; }

.cicon-dot-circle-o:before {
  content: "\e017"; }

.cicon-ban:before {
  content: "\e018"; }

.cicon-bullseye:before {
  content: "\e019"; }

.cicon-heart-o:before {
  content: "\e01a"; }

.cicon-heart:before {
  content: "\e01b"; }

.cicon-star-o:before {
  content: "\e01c"; }

.cicon-star-half-o:before {
  content: "\e01d"; }

.cicon-star:before {
  content: "\e01e"; }

.cicon-star-half:before {
  content: "\e01f"; }

.cicon-thumbs-o-up:before {
  content: "\e020"; }

.cicon-thumbs-o-down:before {
  content: "\e021"; }

.cicon-thumbs-up:before {
  content: "\e022"; }

.cicon-thumbs-down:before {
  content: "\e023"; }

.cicon-hand-grab-o:before {
  content: "\e280"; }

.cicon-hand-lizard-o:before {
  content: "\e281"; }

.cicon-hand-paper-o:before {
  content: "\e282"; }

.cicon-hand-peace-o:before {
  content: "\e283"; }

.cicon-hand-pointer-o:before {
  content: "\e284"; }

.cicon-hand-scissors-o:before {
  content: "\e285"; }

.cicon-hand-spock-o:before {
  content: "\e286"; }

.cicon-smile-o:before {
  content: "\e024"; }

.cicon-frown-o:before {
  content: "\e025"; }

.cicon-meh-o:before {
  content: "\e026"; }

.cicon-user:before {
  content: "\e027"; }

.cicon-user-plus:before {
  content: "\e028"; }

.cicon-user-times:before {
  content: "\e029"; }

.cicon-users:before {
  content: "\e02a"; }

.cicon-user-secret:before {
  content: "\e02b"; }

.cicon-user-md:before {
  content: "\e02c"; }

.cicon-male:before {
  content: "\e02d"; }

.cicon-female:before {
  content: "\e02e"; }

.cicon-child:before {
  content: "\e02f"; }

.cicon-check:before {
  content: "\e030"; }

.cicon-times:before {
  content: "\e031"; }

.cicon-check-square:before {
  content: "\e032"; }

.cicon-times-square:before {
  content: "\e033"; }

.cicon-check-square-o:before {
  content: "\e034"; }

.cicon-check-circle:before {
  content: "\e035"; }

.cicon-times-circle:before {
  content: "\e036"; }

.cicon-check-circle-o:before {
  content: "\e037"; }

.cicon-times-circle-o:before {
  content: "\e038"; }

.cicon-plus:before {
  content: "\e03a"; }

.cicon-minus:before {
  content: "\e03b"; }

.cicon-plus-circle:before {
  content: "\e03c"; }

.cicon-minus-circle:before {
  content: "\e03d"; }

.cicon-plus-square:before {
  content: "\e03e"; }

.cicon-minus-square:before {
  content: "\e03f"; }

.cicon-plus-square-o:before {
  content: "\e040"; }

.cicon-minus-square-o:before {
  content: "\e041"; }

.cicon-bars:before {
  content: "\e042"; }

.cicon-tachometer:before {
  content: "\e043"; }

.cicon-cog:before {
  content: "\e044"; }

.cicon-cogs:before {
  content: "\e045"; }

.cicon-wrench:before {
  content: "\e046"; }

.cicon-sort:before {
  content: "\e047"; }

.cicon-sort-desc:before {
  content: "\e048"; }

.cicon-sort-asc:before {
  content: "\e049"; }

.cicon-sort-alpha-asc:before {
  content: "\e04a"; }

.cicon-sort-alpha-desc:before {
  content: "\e04b"; }

.cicon-sort-amount-asc:before {
  content: "\e04c"; }

.cicon-sort-amount-desc:before {
  content: "\e04d"; }

.cicon-sort-numeric-asc:before {
  content: "\e04e"; }

.cicon-sort-numeric-desc:before {
  content: "\e04f"; }

.cicon-filter:before {
  content: "\e050"; }

.cicon-flask:before {
  content: "\e051"; }

.cicon-sitemap:before {
  content: "\e052"; }

.cicon-crop:before {
  content: "\e053"; }

.cicon-mouse-pointer:before {
  content: "\e287"; }

.cicon-i-cursor:before {
  content: "\e288"; }

.cicon-toggle-off:before {
  content: "\e054"; }

.cicon-toggle-on:before {
  content: "\e055"; }

.cicon-download:before {
  content: "\e056"; }

.cicon-upload:before {
  content: "\e057"; }

.cicon-inbox:before {
  content: "\e058"; }

.cicon-archive:before {
  content: "\e059"; }

.cicon-retweet:before {
  content: "\e05a"; }

.cicon-repeat:before {
  content: "\e05b"; }

.cicon-undo:before {
  content: "\e05c"; }

.cicon-refresh:before {
  content: "\e05d"; }

.cicon-circle-o-notch:before {
  content: "\e05e"; }

.cicon-clock-o:before {
  content: "\e05f"; }

.cicon-history:before {
  content: "\e060"; }

.cicon-calendar:before {
  content: "\e061"; }

.cicon-calendar-o:before {
  content: "\e062"; }

.cicon-calendar-plus-o:before {
  content: "\e289"; }

.cicon-calendar-minus-o:before {
  content: "\e28a"; }

.cicon-calendar-check-o:before {
  content: "\e28b"; }

.cicon-calendar-times-o:before {
  content: "\e28c"; }

.cicon-sticky-note-o:before {
  content: "\e28d"; }

.cicon-sticky-note:before {
  content: "\e28e"; }

.cicon-clone:before {
  content: "\e28f"; }

.cicon-hourglass-1:before {
  content: "\e290"; }

.cicon-hourglass-2:before {
  content: "\e291"; }

.cicon-hourglass-3:before {
  content: "\e292"; }

.cicon-hourglass:before {
  content: "\e293"; }

.cicon-hourglass-o:before {
  content: "\e294"; }

.cicon-spinner:before {
  content: "\e063"; }

.cicon-key:before {
  content: "\e064"; }

.cicon-lock:before {
  content: "\e065"; }

.cicon-unlock-alt:before {
  content: "\e066"; }

.cicon-unlock:before {
  content: "\e067"; }

.cicon-thumb-tack:before {
  content: "\e068"; }

.cicon-flag:before {
  content: "\e069"; }

.cicon-flag-o:before {
  content: "\e06a"; }

.cicon-flag-checkered:before {
  content: "\e06b"; }

.cicon-qrcode:before {
  content: "\e06c"; }

.cicon-barcode:before {
  content: "\e06d"; }

.cicon-tag:before {
  content: "\e06e"; }

.cicon-tags:before {
  content: "\e06f"; }

.cicon-book:before {
  content: "\e070"; }

.cicon-bookmark-o:before {
  content: "\e071"; }

.cicon-bookmark:before {
  content: "\e072"; }

.cicon-print:before {
  content: "\e073"; }

.cicon-eye:before {
  content: "\e074"; }

.cicon-eye-slash:before {
  content: "\e075"; }

.cicon-bell-o:before {
  content: "\e076"; }

.cicon-bell-slash-o:before {
  content: "\e077"; }

.cicon-bell:before {
  content: "\e078"; }

.cicon-bell-slash:before {
  content: "\e079"; }

.cicon-adjust:before {
  content: "\e07a"; }

.cicon-tint:before {
  content: "\e07b"; }

.cicon-exclamation:before {
  content: "\e07c"; }

.cicon-exclamation-triangle:before {
  content: "\e07d"; }

.cicon-exclamation-circle:before {
  content: "\e07f"; }

.cicon-question:before {
  content: "\e080"; }

.cicon-question-circle:before {
  content: "\e081"; }

.cicon-info:before {
  content: "\e082"; }

.cicon-info-circle:before {
  content: "\e083"; }

.cicon-newspaper-o:before {
  content: "\e084"; }

.cicon-tasks:before {
  content: "\e085"; }

.cicon-comment:before {
  content: "\e086"; }

.cicon-comment-o:before {
  content: "\e087"; }

.cicon-comment-dots:before {
  content: "\e088"; }

.cicon-comment-dots-o:before {
  content: "\e295"; }

.cicon-comments:before {
  content: "\e089"; }

.cicon-comments-o:before {
  content: "\e08a"; }

.cicon-magnet:before {
  content: "\e08b"; }

.cicon-bullhorn:before {
  content: "\e08c"; }

.cicon-suitcase:before {
  content: "\e08d"; }

.cicon-briefcase:before {
  content: "\e08e"; }

.cicon-lightbulb-o:before {
  content: "\e08f"; }

.cicon-television:before {
  content: "\e296"; }

.cicon-desktop:before {
  content: "\e090"; }

.cicon-laptop:before {
  content: "\e091"; }

.cicon-tablet:before {
  content: "\e092"; }

.cicon-mobile:before {
  content: "\e093"; }

.cicon-battery-0:before {
  content: "\e297"; }

.cicon-battery-1:before {
  content: "\e298"; }

.cicon-battery-2:before {
  content: "\e299"; }

.cicon-battery-3:before {
  content: "\e29a"; }

.cicon-battery-4:before {
  content: "\e29b"; }

.cicon-keyboard-o:before {
  content: "\e094"; }

.cicon-gamepad:before {
  content: "\e095"; }

.cicon-signal:before {
  content: "\e096"; }

.cicon-wifi:before {
  content: "\e097"; }

.cicon-calculator:before {
  content: "\e098"; }

.cicon-power-off:before {
  content: "\e099"; }

.cicon-hdd-o:before {
  content: "\e09a"; }

.cicon-server:before {
  content: "\e09b"; }

.cicon-database:before {
  content: "\e09c"; }

.cicon-cloud-download:before {
  content: "\e09d"; }

.cicon-cloud-upload:before {
  content: "\e09e"; }

.cicon-cloud:before {
  content: "\e09f"; }

.cicon-sun-o:before {
  content: "\e0a0"; }

.cicon-moon-o:before {
  content: "\e0a1"; }

.cicon-bolt:before {
  content: "\e0a2"; }

.cicon-umbrella:before {
  content: "\e0a3"; }

.cicon-quote-left:before {
  content: "\e0a4"; }

.cicon-quote-right:before {
  content: "\e0a5"; }

.cicon-copyright:before {
  content: "\e0a6"; }

.cicon-at:before {
  content: "\e0a7"; }

.cicon-registered:before {
  content: "\e29c"; }

.cicon-creative-commons:before {
  content: "\e29d"; }

.cicon-trademark:before {
  content: "\e29e"; }

.cicon-terminal:before {
  content: "\e0a8"; }

.cicon-code:before {
  content: "\e0a9"; }

.cicon-map-marker:before {
  content: "\e0aa"; }

.cicon-map-pin:before {
  content: "\e29f"; }

.cicon-map2:before {
  content: "\e2a0"; }

.cicon-map2-o:before {
  content: "\e2a1"; }

.cicon-compass:before {
  content: "\e0ad"; }

.cicon-crosshairs:before {
  content: "\e0af"; }

.cicon-location-arrow:before {
  content: "\e0b0"; }

.cicon-street-view:before {
  content: "\e0b1"; }

.cicon-map-signs:before {
  content: "\e2a2"; }

.cicon-code-fork:before {
  content: "\e0b2"; }

.cicon-puzzle-piece:before {
  content: "\e0b3"; }

.cicon-shield:before {
  content: "\e0b4"; }

.cicon-fire-extinguisher:before {
  content: "\e0b5"; }

.cicon-asterisk:before {
  content: "\e0b6"; }

.cicon-anchor:before {
  content: "\e0b7"; }

.cicon-ellipsis-h:before {
  content: "\e0b8"; }

.cicon-ellipsis-v:before {
  content: "\e0b9"; }

.cicon-rss:before {
  content: "\e0ba"; }

.cicon-rss-square:before {
  content: "\e0bb"; }

.cicon-globe:before {
  content: "\e0bc"; }

.cicon-tree:before {
  content: "\e0bd"; }

.cicon-leaf:before {
  content: "\e0be"; }

.cicon-fire:before {
  content: "\e0bf"; }

.cicon-bug:before {
  content: "\e0c0"; }

.cicon-historical-building:before {
  content: "\e0c1"; }

.cicon-graduation-cap:before {
  content: "\e0c2"; }

.cicon-industry:before {
  content: "\e2a3"; }

.cicon-building-o:before {
  content: "\e0c3"; }

.cicon-building:before {
  content: "\e0c4"; }

.cicon-hospital-o:before {
  content: "\e0c5"; }

.cicon-medkit:before {
  content: "\e0c6"; }

.cicon-h-square:before {
  content: "\e0c7"; }

.cicon-bed:before {
  content: "\e0c8"; }

.cicon-stethoscope:before {
  content: "\e0c9"; }

.cicon-heartbeat:before {
  content: "\e0ca"; }

.cicon-wheelchair:before {
  content: "\e0cb"; }

.cicon-gavel:before {
  content: "\e0cc"; }

.cicon-language:before {
  content: "\e0cd"; }

.cicon-paw:before {
  content: "\e0ce"; }

.cicon-cube:before {
  content: "\e0cf"; }

.cicon-cubes:before {
  content: "\e0d0"; }

.cicon-recycle:before {
  content: "\e0d1"; }

.cicon-life-ring:before {
  content: "\e0d2"; }

.cicon-sliders:before {
  content: "\e0d3"; }

.cicon-bomb:before {
  content: "\e0d4"; }

.cicon-trophy:before {
  content: "\e0d5"; }

.cicon-plug:before {
  content: "\e0d6"; }

.cicon-gift:before {
  content: "\e0d7"; }

.cicon-ticket:before {
  content: "\e0d8"; }

.cicon-futbol-o:before {
  content: "\e0d9"; }

.cicon-road:before {
  content: "\e0da"; }

.cicon-binoculars:before {
  content: "\e0db"; }

.cicon-glass:before {
  content: "\e0dc"; }

.cicon-coffee:before {
  content: "\e0dd"; }

.cicon-beer:before {
  content: "\e0de"; }

.cicon-cutlery:before {
  content: "\e0df"; }

.cicon-spoon:before {
  content: "\e0e0"; }

.cicon-birthday-cake:before {
  content: "\e0e1"; }

.cicon-lemon-o:before {
  content: "\e0e2"; }

.cicon-bar-chart:before {
  content: "\e0e3"; }

.cicon-area-chart:before {
  content: "\e0e4"; }

.cicon-pie-chart:before {
  content: "\e0e5"; }

.cicon-line-chart:before {
  content: "\e0e6"; }

.cicon-shopping-bag:before {
  content: "\e2a4"; }

.cicon-shopping-cart:before {
  content: "\e0e7"; }

.cicon-cart-plus:before {
  content: "\e0e8"; }

.cicon-cart-arrow-down:before {
  content: "\e0e9"; }

.cicon-diamond:before {
  content: "\e0ea"; }

.cicon-object-group:before {
  content: "\e2a5"; }

.cicon-object-ungroup:before {
  content: "\e2a6"; }

.cicon-percent:before {
  content: "\e2a7"; }

.cicon-hashtag:before {
  content: "\e2a8"; }

.cicon-balance-scale:before {
  content: "\e2a9"; }

.cicon-venus:before {
  content: "\e0eb"; }

.cicon-mars:before {
  content: "\e0ec"; }

.cicon-mercury:before {
  content: "\e0ed"; }

.cicon-transgender:before {
  content: "\e0ee"; }

.cicon-transgender-alt:before {
  content: "\e0ef"; }

.cicon-venus-double:before {
  content: "\e0f0"; }

.cicon-mars-double:before {
  content: "\e0f1"; }

.cicon-venus-mars:before {
  content: "\e0f2"; }

.cicon-mars-stroke:before {
  content: "\e0f3"; }

.cicon-mars-stroke-v:before {
  content: "\e0f4"; }

.cicon-mars-stroke-h:before {
  content: "\e0f5"; }

.cicon-neuter:before {
  content: "\e0f6"; }

.cicon-ambulance:before {
  content: "\e0f7"; }

.cicon-car:before {
  content: "\e0f8"; }

.cicon-bicycle:before {
  content: "\e0f9"; }

.cicon-bus:before {
  content: "\e0fa"; }

.cicon-cab:before {
  content: "\e0fb"; }

.cicon-fighter-jet:before {
  content: "\e0fc"; }

.cicon-motorcycle:before {
  content: "\e0fd"; }

.cicon-plane:before {
  content: "\e0fe"; }

.cicon-rocket:before {
  content: "\e0ff"; }

.cicon-ship:before {
  content: "\e100"; }

.cicon-space-shuttle:before {
  content: "\e101"; }

.cicon-subway:before {
  content: "\e102"; }

.cicon-train:before {
  content: "\e103"; }

.cicon-truck:before {
  content: "\e104"; }

.cicon-file-archive-o:before {
  content: "\e105"; }

.cicon-file-audio-o:before {
  content: "\e106"; }

.cicon-file-code-o:before {
  content: "\e107"; }

.cicon-file-excel-o:before {
  content: "\e108"; }

.cicon-file-image-o:before {
  content: "\e109"; }

.cicon-file-video-o:before {
  content: "\e10a"; }

.cicon-file-pdf-o:before {
  content: "\e10b"; }

.cicon-file-powerpoint-o:before {
  content: "\e10c"; }

.cicon-file-word-o:before {
  content: "\e10d"; }

.cicon-file-o:before {
  content: "\e10e"; }

.cicon-file-text-o:before {
  content: "\e10f"; }

.cicon-file:before {
  content: "\e110"; }

.cicon-file-text:before {
  content: "\e111"; }

.cicon-folder-o:before {
  content: "\e112"; }

.cicon-folder-open-o:before {
  content: "\e113"; }

.cicon-folder:before {
  content: "\e114"; }

.cicon-folder-open:before {
  content: "\e115"; }

.cicon-cc-amex:before {
  content: "\e116"; }

.cicon-cc-discover:before {
  content: "\e117"; }

.cicon-cc-mastercard:before {
  content: "\e118"; }

.cicon-cc-paypal:before {
  content: "\e119"; }

.cicon-cc-stripe:before {
  content: "\e11a"; }

.cicon-cc-visa:before {
  content: "\e11b"; }

.cicon-cc-jcb:before {
  content: "\e2aa"; }

.cicon-credit-card:before {
  content: "\e11c"; }

.cicon-credit-card-alt:before {
  content: "\e2ab"; }

.cicon-cc-diners-club:before {
  content: "\e2ac"; }

.cicon-money:before {
  content: "\e11d"; }

.cicon-paypal:before {
  content: "\e11e"; }

.cicon-google-wallet:before {
  content: "\e11f"; }

.cicon-btc:before {
  content: "\e120"; }

.cicon-viacoin:before {
  content: "\e20d"; }

.cicon-dollar:before {
  content: "\e121"; }

.cicon-cny:before {
  content: "\e122"; }

.cicon-eur:before {
  content: "\e123"; }

.cicon-gbp:before {
  content: "\e124"; }

.cicon-ils:before {
  content: "\e125"; }

.cicon-inr:before {
  content: "\e126"; }

.cicon-krw:before {
  content: "\e127"; }

.cicon-rouble:before {
  content: "\e128"; }

.cicon-try:before {
  content: "\e129"; }

.cicon-align-center:before {
  content: "\e12a"; }

.cicon-align-justify:before {
  content: "\e12b"; }

.cicon-align-left:before {
  content: "\e12c"; }

.cicon-align-right:before {
  content: "\e12d"; }

.cicon-dedent:before {
  content: "\e12e"; }

.cicon-indent:before {
  content: "\e12f"; }

.cicon-list-ul:before {
  content: "\e130"; }

.cicon-list-ol:before {
  content: "\e131"; }

.cicon-list:before {
  content: "\e132"; }

.cicon-list-alt:before {
  content: "\e133"; }

.cicon-columns:before {
  content: "\e134"; }

.cicon-table:before {
  content: "\e135"; }

.cicon-th-large:before {
  content: "\e136"; }

.cicon-th-list:before {
  content: "\e137"; }

.cicon-th:before {
  content: "\e138"; }

.cicon-font:before {
  content: "\e139"; }

.cicon-bold:before {
  content: "\e13a"; }

.cicon-italic:before {
  content: "\e13b"; }

.cicon-underline:before {
  content: "\e13c"; }

.cicon-strikethrough:before {
  content: "\e13d"; }

.cicon-subscript:before {
  content: "\e13e"; }

.cicon-superscript:before {
  content: "\e13f"; }

.cicon-header:before {
  content: "\e140"; }

.cicon-paragraph:before {
  content: "\e141"; }

.cicon-text-height:before {
  content: "\e142"; }

.cicon-text-width:before {
  content: "\e143"; }

.cicon-scissors:before {
  content: "\e144"; }

.cicon-files-o:before {
  content: "\e145"; }

.cicon-clipboard:before {
  content: "\e146"; }

.cicon-chain:before {
  content: "\e147"; }

.cicon-chain-broken:before {
  content: "\e148"; }

.cicon-paperclip:before {
  content: "\e149"; }

.cicon-pencil:before {
  content: "\e14a"; }

.cicon-pencil-square:before {
  content: "\e14b"; }

.cicon-pencil-square-o:before {
  content: "\e14c"; }

.cicon-paint-brush:before {
  content: "\e14d"; }

.cicon-magic:before {
  content: "\e14e"; }

.cicon-eyedropper:before {
  content: "\e14f"; }

.cicon-eraser:before {
  content: "\e150"; }

.cicon-floppy-o:before {
  content: "\e151"; }

.cicon-trash-o:before {
  content: "\e152"; }

.cicon-trash:before {
  content: "\e153"; }

.cicon-angle-double-down:before {
  content: "\e154"; }

.cicon-angle-double-left:before {
  content: "\e155"; }

.cicon-angle-double-right:before {
  content: "\e156"; }

.cicon-angle-double-up:before {
  content: "\e157"; }

.cicon-angle-down:before {
  content: "\e158"; }

.cicon-angle-left:before {
  content: "\e159"; }

.cicon-angle-right:before {
  content: "\e15a"; }

.cicon-angle-up:before {
  content: "\e15b"; }

.cicon-arrow-circle-down:before {
  content: "\e15c"; }

.cicon-arrow-circle-left:before {
  content: "\e15d"; }

.cicon-arrow-circle-right:before {
  content: "\e15e"; }

.cicon-arrow-circle-up:before {
  content: "\e15f"; }

.cicon-arrow-circle-o-down:before {
  content: "\e160"; }

.cicon-arrow-circle-o-left:before {
  content: "\e161"; }

.cicon-arrow-circle-o-right:before {
  content: "\e162"; }

.cicon-arrow-circle-o-up:before {
  content: "\e163"; }

.cicon-arrow-down:before {
  content: "\e164"; }

.cicon-arrow-left:before {
  content: "\e165"; }

.cicon-arrow-right:before {
  content: "\e166"; }

.cicon-arrow-up:before {
  content: "\e167"; }

.cicon-caret-down:before {
  content: "\e168"; }

.cicon-caret-left:before {
  content: "\e169"; }

.cicon-caret-right:before {
  content: "\e16a"; }

.cicon-caret-up:before {
  content: "\e16b"; }

.cicon-caret-square-o-down:before {
  content: "\e16c"; }

.cicon-caret-square-o-left:before {
  content: "\e16d"; }

.cicon-caret-square-o-right:before {
  content: "\e16e"; }

.cicon-caret-square-o-up:before {
  content: "\e16f"; }

.cicon-chevron-circle-down:before {
  content: "\e170"; }

.cicon-chevron-circle-left:before {
  content: "\e171"; }

.cicon-chevron-circle-right:before {
  content: "\e172"; }

.cicon-chevron-circle-up:before {
  content: "\e173"; }

.cicon-chevron-down:before {
  content: "\e174"; }

.cicon-chevron-left:before {
  content: "\e175"; }

.cicon-chevron-right:before {
  content: "\e176"; }

.cicon-chevron-up:before {
  content: "\e177"; }

.cicon-hand-o-down:before {
  content: "\e178"; }

.cicon-hand-o-left:before {
  content: "\e179"; }

.cicon-hand-o-right:before {
  content: "\e17a"; }

.cicon-hand-o-up:before {
  content: "\e17b"; }

.cicon-long-arrow-down:before {
  content: "\e17c"; }

.cicon-long-arrow-left:before {
  content: "\e17d"; }

.cicon-long-arrow-right:before {
  content: "\e17e"; }

.cicon-long-arrow-up:before {
  content: "\e17f"; }

.cicon-arrows-h:before {
  content: "\e180"; }

.cicon-arrows-v:before {
  content: "\e181"; }

.cicon-exchange:before {
  content: "\e182"; }

.cicon-random:before {
  content: "\e183"; }

.cicon-level-down:before {
  content: "\e184"; }

.cicon-level-up:before {
  content: "\e185"; }

.cicon-arrows-alt:before {
  content: "\e186"; }

.cicon-arrows:before {
  content: "\e187"; }

.cicon-expand:before {
  content: "\e188"; }

.cicon-compress:before {
  content: "\e189"; }

.cicon-external-link:before {
  content: "\e18a"; }

.cicon-external-link-square:before {
  content: "\e18b"; }

.cicon-reply-all:before {
  content: "\e18c"; }

.cicon-reply:before {
  content: "\e18d"; }

.cicon-share:before {
  content: "\e18e"; }

.cicon-share-square-o:before {
  content: "\e18f"; }

.cicon-share-square:before {
  content: "\e190"; }

.cicon-sign-in:before {
  content: "\e191"; }

.cicon-sign-out:before {
  content: "\e192"; }

.cicon-camera-retro:before {
  content: "\e193"; }

.cicon-camera:before {
  content: "\e194"; }

.cicon-picture-o:before {
  content: "\e195"; }

.cicon-music:before {
  content: "\e196"; }

.cicon-headphones:before {
  content: "\e197"; }

.cicon-video-camera:before {
  content: "\e198"; }

.cicon-film:before {
  content: "\e199"; }

.cicon-fast-backward:before {
  content: "\e19a"; }

.cicon-step-backward:before {
  content: "\e19b"; }

.cicon-backward:before {
  content: "\e19c"; }

.cicon-forward:before {
  content: "\e19d"; }

.cicon-step-forward:before {
  content: "\e19e"; }

.cicon-fast-forward:before {
  content: "\e19f"; }

.cicon-play:before {
  content: "\e1a0"; }

.cicon-pause:before {
  content: "\e1a1"; }

.cicon-stop:before {
  content: "\e1a2"; }

.cicon-play-circle-o:before {
  content: "\e1a3"; }

.cicon-play-circle:before {
  content: "\e1a4"; }

.cicon-pause-circle:before {
  content: "\e2ad"; }

.cicon-pause-circle-o:before {
  content: "\e2ae"; }

.cicon-stop-circle:before {
  content: "\e2af"; }

.cicon-stop-circle-o:before {
  content: "\e2b0"; }

.cicon-youtube-play:before {
  content: "\e1a5"; }

.cicon-volume-off:before {
  content: "\e1a6"; }

.cicon-volume-down:before {
  content: "\e1a7"; }

.cicon-volume-up:before {
  content: "\e1a8"; }

.cicon-microphone:before {
  content: "\e1a9"; }

.cicon-microphone-slash:before {
  content: "\e1aa"; }

.cicon-eject:before {
  content: "\e1ab"; }

.cicon-cc:before {
  content: "\e00b"; }

.cicon-facebook:before {
  content: "\e1ac"; }

.cicon-facebook-official:before {
  content: "\e1ad"; }

.cicon-facebook-square:before {
  content: "\e1ae"; }

.cicon-twitter:before {
  content: "\e1b0"; }

.cicon-twitter-square:before {
  content: "\e1b1"; }

.cicon-linkedin:before {
  content: "\e1b3"; }

.cicon-linkedin-square:before {
  content: "\e1b4"; }

.cicon-flickr:before {
  content: "\e1b6"; }

.cicon-instagram:before {
  content: "\e1b8"; }

.cicon-youtube:before {
  content: "\e1b9"; }

.cicon-youtube-square:before {
  content: "\e1ba"; }

.cicon-google:before {
  content: "\e1bd"; }

.cicon-google-plus:before {
  content: "\e1be"; }

.cicon-google-plus-square:before {
  content: "\e1c0"; }

.cicon-tumblr:before {
  content: "\e1c1"; }

.cicon-tumblr-square:before {
  content: "\e1c2"; }

.cicon-pinterest-p:before {
  content: "\e1c4"; }

.cicon-pinterest-square:before {
  content: "\e1c5"; }

.cicon-pinterest:before {
  content: "\e1c6"; }

.cicon-share-alt:before {
  content: "\e1c7"; }

.cicon-share-alt-square:before {
  content: "\e1c8"; }

.cicon-behance:before {
  content: "\e1c9"; }

.cicon-behance-square:before {
  content: "\e1ca"; }

.cicon-git:before {
  content: "\e1cb"; }

.cicon-git-square:before {
  content: "\e1cc"; }

.cicon-github-alt:before {
  content: "\e1cd"; }

.cicon-github-square:before {
  content: "\e1ce"; }

.cicon-github:before {
  content: "\e1cf"; }

.cicon-yahoo:before {
  content: "\e1d0"; }

.cicon-hacker-news:before {
  content: "\e1d1"; }

.cicon-y-combinator:before {
  content: "\e2b1"; }

.cicon-vine:before {
  content: "\e1d2"; }

.cicon-vimeo:before {
  content: "\e2b2"; }

.cicon-vimeo-square:before {
  content: "\e1d3"; }

.cicon-dropbox:before {
  content: "\e1d4"; }

.cicon-bitbucket:before {
  content: "\e1d5"; }

.cicon-bitbucket-square:before {
  content: "\e1d6"; }

.cicon-adn:before {
  content: "\e1d7"; }

.cicon-angellist:before {
  content: "\e1d8"; }

.cicon-buysellads:before {
  content: "\e1d9"; }

.cicon-codepen:before {
  content: "\e1da"; }

.cicon-connectdevelop:before {
  content: "\e1db"; }

.cicon-css3:before {
  content: "\e1dc"; }

.cicon-dashcube:before {
  content: "\e1dd"; }

.cicon-delicious:before {
  content: "\e1de"; }

.cicon-deviantart:before {
  content: "\e1df"; }

.cicon-digg:before {
  content: "\e1e0"; }

.cicon-dribbble:before {
  content: "\e1e1"; }

.cicon-drupal:before {
  content: "\e1e2"; }

.cicon-empire:before {
  content: "\e1e3"; }

.cicon-forumbee:before {
  content: "\e1e4"; }

.cicon-foursquare:before {
  content: "\e1e5"; }

.cicon-gratipay:before {
  content: "\e1e6"; }

.cicon-html5:before {
  content: "\e1e7"; }

.cicon-ioxhost:before {
  content: "\e1e8"; }

.cicon-joomla:before {
  content: "\e1e9"; }

.cicon-jsfiddle:before {
  content: "\e1ea"; }

.cicon-lastfm:before {
  content: "\e1eb"; }

.cicon-lastfm-square:before {
  content: "\e1ec"; }

.cicon-leanpub:before {
  content: "\e1ed"; }

.cicon-linux:before {
  content: "\e1ee"; }

.cicon-maxcdn:before {
  content: "\e1ef"; }

.cicon-meanpath:before {
  content: "\e1f0"; }

.cicon-medium:before {
  content: "\e1f1"; }

.cicon-openid:before {
  content: "\e1f2"; }

.cicon-pagelines:before {
  content: "\e1f3"; }

.cicon-pied-piper-alt:before {
  content: "\e1f4"; }

.cicon-pied-piper:before {
  content: "\e1f5"; }

.cicon-qq:before {
  content: "\e1f6"; }

.cicon-rebel:before {
  content: "\e1f7"; }

.cicon-reddit-square:before {
  content: "\e1f8"; }

.cicon-reddit:before {
  content: "\e1f9"; }

.cicon-reddit-alien:before {
  content: "\e2b3"; }

.cicon-renren:before {
  content: "\e1fa"; }

.cicon-sellsy:before {
  content: "\e1fb"; }

.cicon-mixcloud:before {
  content: "\e2b4"; }

.cicon-shirtsinbulk:before {
  content: "\e1fc"; }

.cicon-simplybuilt:before {
  content: "\e1fd"; }

.cicon-skyatlas:before {
  content: "\e1fe"; }

.cicon-skype:before {
  content: "\e1ff"; }

.cicon-slack:before {
  content: "\e200"; }

.cicon-slideshare:before {
  content: "\e201"; }

.cicon-soundcloud:before {
  content: "\e202"; }

.cicon-spotify:before {
  content: "\e203"; }

.cicon-stack-exchange:before {
  content: "\e204"; }

.cicon-stack-overflow:before {
  content: "\e205"; }

.cicon-steam-square:before {
  content: "\e206"; }

.cicon-steam:before {
  content: "\e207"; }

.cicon-stumbleupon:before {
  content: "\e208"; }

.cicon-stumbleupon-circle:before {
  content: "\e209"; }

.cicon-tencent-weibo:before {
  content: "\e20a"; }

.cicon-trello:before {
  content: "\e20b"; }

.cicon-twitch:before {
  content: "\e20c"; }

.cicon-vk:before {
  content: "\e20e"; }

.cicon-weixin:before {
  content: "\e20f"; }

.cicon-weibo:before {
  content: "\e210"; }

.cicon-whatsapp:before {
  content: "\e211"; }

.cicon-android:before {
  content: "\e212"; }

.cicon-apple:before {
  content: "\e213"; }

.cicon-windows:before {
  content: "\e214"; }

.cicon-wordpress:before {
  content: "\e215"; }

.cicon-xing:before {
  content: "\e216"; }

.cicon-xing-square:before {
  content: "\e217"; }

.cicon-yelp:before {
  content: "\e218"; }

.cicon-disqus-circle:before {
  content: "\e219"; }

.cicon-px:before {
  content: "\e2b5"; }

.cicon-amazon:before {
  content: "\e2b6"; }

.cicon-black-tie:before {
  content: "\e2b7"; }

.cicon-bluetooth-b:before {
  content: "\e2b8"; }

.cicon-bluetooth:before {
  content: "\e2b9"; }

.cicon-chrome:before {
  content: "\e2ba"; }

.cicon-codiepie:before {
  content: "\e2bb"; }

.cicon-contao:before {
  content: "\e2bc"; }

.cicon-expeditedssl:before {
  content: "\e2bd"; }

.cicon-fonticons:before {
  content: "\e2be"; }

.cicon-fort-awesome:before {
  content: "\e2bf"; }

.cicon-get-pocket:before {
  content: "\e2c0"; }

.cicon-gg-circle:before {
  content: "\e2c1"; }

.cicon-gg:before {
  content: "\e2c2"; }

.cicon-optin-monster:before {
  content: "\e2c3"; }

.cicon-product-hunt:before {
  content: "\e2c4"; }

.cicon-scribd:before {
  content: "\e2c5"; }

.cicon-usb:before {
  content: "\e2c6"; }

.cicon-tripadvisor:before {
  content: "\e2c7"; }

.cicon-wikipedia-w:before {
  content: "\e2c8"; }

.cicon-modx:before {
  content: "\e2c9"; }

.cicon-odnoklassniki:before {
  content: "\e2ca"; }

.cicon-odnoklassniki-square:before {
  content: "\e2cb"; }

.cicon-opencart:before {
  content: "\e2cc"; }

.cicon-houzz:before {
  content: "\e2cd"; }

.cicon-edge:before {
  content: "\e2ce"; }

.cicon-firefox:before {
  content: "\e2cf"; }

.cicon-safari:before {
  content: "\e2d0"; }

.cicon-opera:before {
  content: "\e2d1"; }

/*only shows on the authoring, on pattern ribbon*/
.coc-pl .inline-editing-button {
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
  display: block;
  position: relative;
  top: 0;
  padding: 18px;
  width: 100%;
  background: #4b4f55;
  color: #ffffff !important;
  text-decoration: underline; }
  .coc-pl .inline-editing-button:hover {
    background: #333333;
    text-decoration: none !important; }

.coc-pl .cui.tile .inline-editing-button {
  color: #ffffff !important;
  position: relative;
  right: -36px;
  top: -25px;
  text-decoration: none;
  width: 120px;
  float: right; }
  .coc-pl .cui.tile .inline-editing-button::after, .coc-pl .cui.tile .inline-editing-button::before {
    display: table;
    content: '';
    clear: both; }
  .coc-pl .cui.tile .inline-editing-button:hover {
    text-decoration: none !important; }
    
/*authoring pattern ribbon style end*/
/*Following style is contol the card layout*/
#ctl00_PlaceHolderMain_RichHtmlField1__ControlWrapper_RichHtmlField {
  display: block !important;
  /* this ends up being the main card container for masonry to organize the cards within */ }

.coc-pl {
  /* The following .md class defines medium width.
	   This style will need be modified if the card is used in a grid.
	   Other widths can be defined */ }
  .coc-pl .cui.card {
    margin: 18px 0px !important;
    margin: 1.8rem 0rem !important; }
  .coc-pl .cui.card .action-link {
    text-decoration: underline !important;
    font-size: 16px !important;
    font-size: 1.6rem !important; }
  .coc-pl .cui.card .action-link:hover {
    text-decoration: none !important; }
  .coc-pl .cui.card.md {
    width: 30% !important;
    margin-right: 12px !important;
    margin-left: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding: 0; }
  @media only screen and (max-width: 768px) {
    .coc-pl .cui.card.md {
      width: 50% !important; } }
  @media only screen and (max-width: 480px) {
    .coc-pl .dfwp-column.coc .cui.card {
      margin: 15px 0px !important; }
    .coc-pl .cui.card.md {
      width: 100% !important; } }

/*Following style is contol the card layout end*/
/*Following style is to override default images from PL - NOTE: default images are causing problems and displaying before custom Editor-specified images display so, have set background-image to none to prevent that */
.coc-pl {
  /* Default img for Nav Homepage Hero Banner/Wallpaper Image (NOTE: we want to always use the retina version since this full-width banner can get very wide): */
  /* Default img for Nav Hero Banner (NOTE: we want to always use the retina version since this full-width banner can get very wide): */
  /* Default img for Nav Grid Banner: */ }
  .coc-pl #tp-banner {
    background-image: none;
    /* was: url(/Scripts/PatternLibrary/img/hero-banner-home-1280-500_2x.jpg);  - overrides: (no background image previously provided)*/ }
  .coc-pl .cui.coc-jumbotron-banner-bg-img {
    background-image: none;
    /* was: url(/Scripts/PatternLibrary/img/hero-banner-1280-500_2x.jpg);  - overrides: background: url(../../../img/demo-1280-500.jpg) center no-repeat;*/ }
  .coc-pl .cui.content-block.lead-CTA.horizontal .photo-content,
  .coc-pl .cui.content-block.related-CTA.vertical .photo-content,
  .coc-pl .cui.content-block.related-CTA.horizontal .photo-content {
    background-image: none;
    /* was: url(/Scripts/PatternLibrary/img/grid-banner-290-470.jpg); - overrides: background: url(../../../img/Demo-290-470.jpg) center no-repeat !important;*/ }

@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .coc-pl {
    /* Default img for Nav Homepage Hero Banner/Wallpaper Image: */
    /* Default img for Nav Hero Banner: */
    /* Default img for Nav Grid Banner: */ }
    .coc-pl #tp-banner {
      background-image: none;
      /* was: url(/Scripts/PatternLibrary/img/hero-banner-home-1280-500_2x.jpg);  - overrides: (no background image previously provided)*/ }
    .coc-pl .cui.coc-jumbotron-banner-bg-img {
      background-image: none;
      /* was: url(/Scripts/PatternLibrary/img/hero-banner-1280-500_2x.jpg);  - overrides: background: url(../../../img/demo-1280-500.jpg) center no-repeat;*/ }
    .coc-pl .cui.content-block.lead-CTA.horizontal .photo-content,
    .coc-pl .cui.content-block.related-CTA.vertical .photo-content,
    .coc-pl .cui.content-block.related-CTA.horizontal .photo-content {
      background-image: none;
      /* was: url(/Scripts/PatternLibrary/img/grid-banner-290-470_2x.jpg);  - overrides: background: url(../../../img/Demo-580-940.jpg) center no-repeat !important;*/ } }

/*Following style is to override default images from PL end */
.coc-pl .ie7 .cta-background {
  width: 70%;
  top: 10%;
  -ms-transform: translateY(-10%); }

.coc-pl .no-flexbox .left-photo-content {
  float: left; }

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/* -------------------------------------------------------
   START OF PRINT _print.scss
   ------------------------------------------------------- */
/*add the style here*/
@media print {
  .no-print {
    display: none; }
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: none; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }