/* Norma */

.top-navigation-container {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    max-width: 100vw;
}

.top-navigation-container .grid-container {
    height: 100%;
}

.top-navigation {
    height: 3.5rem;
}

@media print,
screen and (min-width:60em) {
    .top-navigation {
        height: 6rem;
    }
}

main {
    margin-top: 3.5rem;
}

@media print,
screen and (min-width:60em) {
    main {
        margin-top: 6rem;
    }
}

.category-top-spacing {
	height: 14rem;
  width: 100%;
  background-color: #fbf8f6;
  position: absolute;
  top: 0;
  z-index: -50;
}

#article-page, #category-page, #search-page {
    margin-top: 6.875rem; 
}


@media print,
screen and (min-width:60em) {
    #article-page {
      margin-top: 7.875rem;
    }
   #category-page {
    margin-top: 9.25rem; 
  }
  #search-page {
  margin-top: 8.125rem;
	}
}

.top-navigation .align-middle {
    height: 100%;
}

.nav-logo {
    bottom: .75rem;
    display: block;
    height: 2rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

@media print,
screen and (min-width:60em) {
    .nav-logo {
        bottom: 2rem;
        height: 2.5rem
    }
}

.nav-logo:active,
.nav-logo:hover {
    color: #00b964;
}

.nav-left-col {
    padding-left: .5rem
}

.nav-right-col {
    padding-right: .5rem
}

.nav-center-col > a:hover, .nav-center-col > a:active, .nav-center-col > a:focus {
  color: #00B964;
}



@media print,
screen and (min-width:60em) {
    .nav-left-col {
        padding-left: 0
    }
    .nav-right-col {
        padding-right: 0
    }
}

.top-navigation-container--solid {
    background: #fff;
    -webkit-box-shadow: 0 .125rem .1875rem -.125rem rgba(0, 0, 0, .2);
    box-shadow: 0 .125rem .1875rem -.125rem rgba(0, 0, 0, .2);
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.list--unstyled {
    list-style-type: none;
    padding-left: 0;
    margin: 0
}

@media print,
screen and (min-width:60em) {
    .dropdown-lvl1 {
        position: relative
    }
    .dropdown-lvl1:not(:first-child):before {
        border-right: 1px solid #ddd;
        content: '';
        height: 1rem;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
    .dropdown-lvl1-link {
        color: #333;
        font-size: .875rem;
    }
    .dropdown-lvl1.is-active .topNavSprite-caret {
        -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
        transform: rotateZ(180deg)
    }
    .dropdown-lvl1-link:hover,
    .dropdown-lvl2-link:hover {
        color: #999
    }
    .dropdown-lvl2 {
        padding: 0
    }
    .dropdown-lvl2-link {
        color: #333;
        padding: 1rem
    }
    .dropdown-lvl2-link:hover {
        color: #999
    }
    .menu-seemore .dropdown-lvl2:last-child {
        border-top: 1px solid #ddd;
        margin-top: .5rem;
        text-align: center
    }
    .menu-seemore .dropdown-lvl2:last-child .dropdown-lvl2-link {
        color: #00b964;
        padding: 1rem inherit 0
    }
}

.cell {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     min-height: 0;
     min-width: 0;
     width: 100% 
}
 .cell.auto {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 0px;
     flex: 1 1 0px 
}
 .cell.shrink {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto 
}

.icon-sprite-wrapper-small,
.icon-sprite-wrapper-xsmall {
    display: inline-block;
    overflow: hidden
}

.icon-sprite-wrapper-xs {
    height: 1rem;
    width: 1rem
}

.icon-sprite-wrapper-small {
    height: 2rem;
    width: 2rem;
  margin-right: .5rem;
}

@media screen and (max-width: 59.9375em) {
  .top-navigation .norma-icon--menu, .top-navigation .norma-icon--search {
    font-size: 1.3em;
}
}


.search-icon-dropdown {
    -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 .5rem;
}

.disp-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.top-nav-button.hollow.button {
    border: 1px solid #00b964;
    color: #00b964;
    padding: .5rem 1rem;
  	margin-bottom: 0;
}


.topNavSprite-icon--caret {
  stroke: #999;
}

.norma-icon--search {
  margin-right: .25rem;
}

.button.small {
    font-size: .875rem;
    padding: .5rem
}

@media print,
screen and (min-width:48em) {
    .reveal,
    .reveal.large,
    .reveal.small,
    .reveal.tiny {
        right: auto;
        left: auto;
        margin: 0 auto
    }
}
  
 body.is-reveal-open {
    overflow: hidden
}

html.is-reveal-open,
html.is-reveal-open body {
    min-height: 100%;
    overflow: hidden;
    position: fixed;
  
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    display: none;
    background-color: rgba(51, 51, 51, .45);
    overflow-y: scroll
}

.reveal {
    z-index: 1006;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    padding: 1rem;
    border: 1px solid #999;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    top: 0px;
    margin-right: auto;
    margin-left: auto;
    overflow-y: auto
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,
screen and (min-width:48em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column {
    min-width: 0
}

.reveal>:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:48em) {
    .reveal {
        width: 600px;
        max-width: 72rem
    }
}

.reveal.collapse {
    padding: 0
}

@media print,
screen and (min-width:48em) {
    .reveal.tiny {
        width: 30%;
        max-width: 72rem
    }
}

@media print,
screen and (min-width:48em) {
    .reveal.small {
        width: 50%;
        max-width: 72rem
    }
}

@media print,
screen and (min-width:48em) {
    .reveal.large {
        width: 90%;
        max-width: 72rem
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0
}

@media screen and (max-width:47.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        height: 100%;
        height: 100vh;
        min-height: 100vh;
        margin-left: 0;
        border: 0;
        border-radius: 0
    }
}

.reveal.without-overlay {
    position: fixed
}

.without-overlay {
  padding-top: 0;
}
  
  .gfm-modal-container {
    padding-top: 3rem;
    position: relative
}

@media print,
screen and (min-width:60em) {
    .gfm-modal-container {
        padding-bottom: 1rem
    }
}

.top-nav-mobile-menu .mobile-nav-link,
.top-nav-mobile-menu .norma-accordion-link {
    color: #666;
    display: block;
    line-height: 1;
    padding: 1rem 0
}

.top-nav-mobile-menu .mobile-nav-link {
    border-bottom: 1px solid #ddd;
  font-size: 1rem;
}

.top-nav-mobile-menu .norma-seemore li:last-child a {
    color: #00b964;
    text-align: center
}

.norma-accordion-button {
    border-bottom: 1px solid #ddd;
    color: #666;
    padding: 1rem 0;
    position: relative;
    text-align: left;
    width: 100%
}

.norma-accordion-content:before {
    content: '';
    display: block;
    padding-top: 1rem
}

.norma-accordion-content:after {
    content: '';
    display: block;
    padding-top: .3125rem
}

.norma-accordion--initialized .norma-accordion-button:after {
    border: inset 6px;
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #999 transparent transparent;
    content: '';
    display: block;
    height: 0;
    margin-top: -3px;
    position: absolute;
    right: 1rem;
    top: 50%;
    width: 0
}

.norma-accordion--initialized .norma-accordion-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-in;
    transition: max-height .2s ease-in
}

.norma-accordion-item.is-expanded .norma-accordion-button:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.norma-accordion-item.is-expanded .norma-accordion-content {
    max-height: 1000px
}

.norma-accordion--menu .norma-accordion-content {
    padding-left: 1rem
}

.norma-accordion--menu .norma-accordion-link {
    padding: .5rem 1rem;
    display: block
}

.top-navigation-container .dropdown {
    background-color: initial;
    font-size: .875rem;
    height: 100%;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    top: initial;
    margin: 0;
    position: initial
}

.background-white {
    background: #fff
}

.nav-search-container {
    background-color: transparent;
    padding: 0
}

@media print,
screen and (min-width:48em) {
    .nav-search-container {
        border: 0;
        border-radius: 0;
        width: 100%;
        max-width: 100%
    }
}

.nav-search-container ul {
    margin: 0;
}

.nav-search-container li {
    cursor: pointer;
    list-style: none;
    padding: .5rem 0
}

.nav-search-container li.highlight,
.nav-search-container li:hover {
    background: #f7f7f7;
}

.nav-search-bar input[type=search] {
  border-width: 0;
    border-style: solid;
    border-color: #ddd;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 0 .5rem
}

@media (min-width: 959px) {
  .nav-search-bar input#query {
    line-height: 32px;
  }
}



@media print,
screen and (min-width:60em) {
    .nav-search-bar input[type=search] {
        border-width: 0;
    }
}

@media screen and (max-width:47.9375em) {
    .nav-search-bar input[placeholder] {
        font-size: .875rem;
          
    }
}

input[type=search] {
     -webkit-appearance: none;
     border-radius: 0;
}

#query {
  width: 100%;
  line-height: 32px;
}

.position-relative {
    position: relative
}


.content-section,
.content-section-multi-container {
    padding: 2rem 1rem;
    position: relative
}

@media print,
screen and (min-width:60em) {
    .content-section,
    .content-section-multi-container {
        padding: 4rem 1rem
    }
}

.content-section-multi-container .content-section {
    background: 0 0;
    padding: 0 0 2rem 0
}

.content-section--tan {
    background-color: #fbf8f6
}

@media screen and (max-width:59.9375em) {
    .content-section--full-height,
    .content-section--full-width {
        padding: 0 0 2rem
    }
    .content-section--full-height .grid-container,
    .content-section--full-width .grid-container {
        padding: 0
    }
}

.content-section--full-height {
    padding: 0 0 2rem 0
}

@media print,
screen and (min-width:60em) {
    .content-section--full-height {
        padding: 0
    }
}

.content-section--full-height .heading-2 {
    margin: 1rem 0 1rem 0
}

@media print,
screen and (min-width:60em) {
    .content-section--full-height .heading-2 {
        margin: 0 0 1rem 0
    }
}

.text-center {
    text-align: center
}

.mb3x,
.mb40,
.mb48,
.mb50 {
    margin-bottom: 3rem!important
}

.mbp75 {
  margin-bottom: .75rem;
}

.button.primary {
    background-color: #00b964;
    background: #00b964
}

.content-section-main {
    margin-top: 3.5rem
}

@media print,
screen and (min-width:60em) {
    .content-section-main {
        margin-top: 6rem
    }
}
  
/**************************** end Norma ****************************/

/* Overrides */
* {
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
}

.w100 {
  width: 100%;
}


 h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
     margin: 0;
     padding: 0 
}
 p {
     margin-bottom: 1rem;
     font-size: inherit;
     line-height: 1.5;
     text-rendering: optimizeLegibility 
}
 .wysiwyg-font-size-medium {
     font-size: 1rem;
}
 em, i {
     font-style: italic;
     line-height: inherit 
}
 b, strong {
     font-weight: 900;
     line-height: inherit 
}
 small {
     font-size: 80%;
     line-height: inherit 
}

 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-family: Lato, Arial, sans-serif;
     font-style: normal;
     font-weight: 400;
     color: inherit;
     text-rendering: optimizeLegibility 
}
 .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
     line-height: 0;
     color: #666 
}
 .h1, h1 {
     font-size: 1.5rem;
     line-height: 1.26;
     margin-top: 0;
     margin-bottom: 1rem 
}
 .h2, h2 {
     font-size: 1.25rem;
     line-height: 1.26;
     margin-top: 0;
     margin-bottom: 1rem 
}
 .h3, h3 {
     font-size: 1.125rem;
     line-height: 1.26;
     margin-top: 0;
     margin-bottom: 1rem 
}
 .h4, h4 {
     font-size: 1rem;
     line-height: 1.26;
     margin-top: 0;
     margin-bottom: 1rem 
}
 .h5, h5 {
     font-size: 1rem;
     line-height: 1.26;
     margin-top: 0;
     margin-bottom: 1rem 
}
 .h6, h6 {
     font-size: 1rem;
     line-height: 1.26;
     margin-top: 0;
     margin-bottom: 1rem 
}
 @media print, screen and (min-width:48em) {
     .h1, h1 {
         font-size: 2rem 
    }
     .h2, h2 {
         font-size: 1.5rem 
    }
     .h3, h3 {
         font-size: 1.125rem 
    }
     .h4, h4 {
         font-size: 1rem 
    }
     .h5, h5 {
         font-size: 1rem 
    }
     .h6, h6 {
         font-size: 1rem 
    }
}
 a {
     line-height: inherit;
     color: #5d8000;
     text-decoration: none;
     cursor: pointer 
}
 a:focus, a:hover {
     color: #506e00 
}
 a img {
     border: 0 
}
 hr {
     clear: both;
     max-width: 72rem;
     height: 0;
     margin: 1.25rem auto;
     border-top: 0;
     border-right: 0;
     border-bottom: 1px solid #ddd;
     border-left: 0 
}
 dl, ol, ul {
     margin-bottom: 1rem;
     list-style-position: outside;
     line-height: 1.5 
}
 li {
     font-size: inherit 
}
 ul {
     margin-left: 1.25rem;
     list-style-type: disc 
}
.article-content ul {
  margin-left: 1.25rem;
  margin-bottom: 1
}
 ol {
     margin-left: 1.25rem 
}
 ol ol, ol ul, ul ol, ul ul {
     margin-bottom: 0 
}
 h1 {
     line-height: 2rem 
}
 @media print, screen and (min-width:48em) {
     h1 {
         line-height: 2.5rem 
    }
}
 h2 {
     line-height: 1.625rem 
}
 @media print, screen and (min-width:48em) {
     h2 {
         line-height: 2rem 
    }
}
 h3, h4, h5, h6 {
     font-weight: 900;
     line-height: 1.5rem 
}

.heading-1 {
    font-size: 2rem;
    font-weight: 900;
    line-height: 2.5rem
}

@media print,
screen and (min-width:60em) {
    .heading-1 {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.heading-2 {
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 2rem
}

@media print,
screen and (min-width:60em) {
    .heading-2 {
        font-size: 1.75rem;
        line-height: 2.5rem
    }
}

.heading-3 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2rem
}

@media print,
screen and (min-width:60em) {
    .heading-3 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.looking {
    font-size: 1.25rem;
  	margin-bottom: 0;
}

@media print,
screen and (min-width:60em) {
    .looking {
        font-size: 1.375rem;
    }
}

.heading-4 {
    font-size: .8125rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1rem
}

@media print,
screen and (min-width:60em) {
    .heading-4 {
        font-size: .875rem
    }
}

.heading-5 {
    font-weight: 900
}

 .fa {
     color: #00b964 
}
 body a.icon-link {
     color: #666;
     font-size: .875rem 
}
 a:hover {
     color: #007c43 
}
 .text-green, .text-primary {
     color: #00b964!important 
}
 .text-secondary {
     color: #f7b231!important 
}
 a.text-green:hover {
     color: #007c43!important 
}
 .article-list-link:hover, .promoted-articles-item a:hover {
     color: #007c43 
}
 .norma-footer-menu-lvl1 {
     list-style: none 
}
 .site-menu-wrap .heading-4 {
     margin: 1rem 0 
}
 @media print, screen and (min-width:60em) {
     .site-menu-wrap .heading-4 {
         margin: 0 0 1rem 0 
    }
}
 .site-info, .site-menu {
     margin: 0 
}
 .site-menu .norma-footer-menu-lvl1 {
     padding-bottom: .5rem 
}
 .site-info-wrap .cell {
     margin-bottom: 1rem 
}
 @media print, screen and (min-width:60em) {
     .site-info-wrap .cell {
         margin-bottom: 0;
         margin-right: 1rem 
    }
}
 @media print, screen and (min-width:60em) {
     .site-menu-wrap {
         padding-left: 3rem 
    }
     .site-info .norma-footer-menu-lvl1 {
         display: inline-block;
         padding-right: .5rem 
    }
     .site-info-icons {
         text-align: right 
    }
}
 .norma-button-full, footer > input[name="commit"] {
     background: #00b964;
     -webkit-box-shadow: 0 0.5rem 1.5rem 0 rgba(0,0,0,.1);
             box-shadow: 0 0.5rem 1.5rem 0 rgba(0,0,0,.1);
     padding: .825rem 2.25rem;
     font-size: 1rem;
     font-weight: 700;
     color: #fff;
     border: 1px solid transparent;
     border-radius: 4px;
     line-height: 1;
     text-align: center;
     -webkit-transition: background-color .25s ease-out,color .25s ease-out;
     transition: background-color .25s ease-out,color .25s ease-out;
}



  a.norma-button-full {
     	min-width: 153px;
    display: inline-block;
}
 .norma-button-full:hover {
     background: #008648;
     color: #fff;
}
 .norma-button-hollow {
     border: 1px solid #66d5a2;
     color: #00b964;
     padding: 0;
     font-size: 1rem;
     font-weight: 600;
     max-width: 22.5rem;
     display: inline-block;
     vertical-align: middle;
     font-family: inherit;
     -webkit-appearance: none;
     border-radius: 4px;
     line-height: 1;
     text-align: center;
     padding: 1rem 2.5rem;
}
 .norma-button-hollow:hover {
     border-color: #00a056;
     color: #00a056;
}
 .header-contact-container {
     display: inline-block;
     vertical-align: middle;
}
 .norma-contact-button {
     background-color: rgba(0,0,0,.4);
     border: 1px solid #fff;
     color: #fff;
     padding: .5rem 1rem;
     font-size: .875rem;
     border-radius: 4px;
}
 .norma-contact-button:hover {
     color: #fff;
}

 a.anchor {
     display: block;
     position: relative;
   	top: -8rem;
     visibility: hidden;
}

@media screen and (min-width: 60rem) {
     a.anchor {
         top:-11rem;
    }
}
 .dropdown-menu {
     position: absolute;
     left: 0;
  	 min-width: 195px;
}
 .footer-logo {
     margin-bottom: 1rem;
}
 .footer-logo img {
     max-height: 2.3125rem;
}
 .language-selector {
     margin-bottom: .5rem;
}
 .hero-text {
     color: #333;
}
 .mb4x, .mb60, .mb64 {
     margin-bottom: 4rem!important 
}
 .text-black {
     color: #333!important 
}
 .contact-main {
     padding-bottom: 1.75rem;
     padding-top: 3rem;
}
 .mr, .mr10 {
     margin-right: 1rem!important 
}
 .solid-line {
     background: 0 0;
     border-bottom: 1px solid #ddd 
}
 .mt3x, .mt40, .mt50 {
     margin-top: 3rem!important 
}
 .site-info-icons {
/*      font-size: 19px;
     height: 24px; */
}
.footer-social-icon {
    color: #333 !important;
}
 .medium-gray, .medium-gray .fa, a.medium-gray:focus, a.medium-gray:hover {
     color: #666 
}

.article h2 {
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 2rem
}

@media print,
screen and (min-width:60em) {
    .article h2 {
        font-size: 1.75rem;
        line-height: 2.5rem
    }
}

.article h3 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2rem
}

@media print,
screen and (min-width:60em) {
    .article h3 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.hidden {
     display: none;
}
/* Overrides */

/* HEADER */ 

 #preview-bar-container {
     display: none;
}
 .search.nav-search::before {
     display: none;
}
 header#main-header > .container > .left {
     position: relative;
     top: 2px;
}
 @media screen and (max-width: 959px) {
     header#main-header > .container > .left {
         position: relative;
         top: 0px;
    }
}

.main-search-container {
    position: relative;
 	 	 max-width: 47rem;
  	 margin: 1rem auto;
}

 .search-results-found {
     display: block;
     padding-bottom: 1.5rem;
}

#search-page .main-search-container {
    padding-bottom: 2rem;
    margin: 0;
    max-width: 2000px;
}

@media print,
screen and (min-width:60em) {
   .main-search-container {
      margin: 2rem auto;
    }
   .search-results-found {
     padding-bottom: 2.5rem;
		}
  #search-page .main-search-container {
    padding-bottom: 3rem;
	}
}





 .icon-sprite-wrapper {
     left: 0;
     top: 0;
     position: absolute;
     z-index: 45;
}
 .search.search-full::before {
     display: none;
}

 .header-white .norma-contact-button:hover {
     color: #00b964;
}
 .header-white .norma-contact-button {
     background-color: transparent;
     color: #00b964;
     border: 1px solid #00b964;
}


/**********************************************************************************************/
 @charset "UTF-8";
/***** Base *****/
 body {
     background-color: #FFFFFF;
     color: #333333;
     font-family: 'lato', serif;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.5;
     -webkit-font-smoothing: antialiased;
}
 a {
     color: rgba(0, 185, 100, 1);
     text-decoration: none;
}
 a:hover, a:active, a:focus {
     color: #007c43 
}

 input {
     font-weight: 300;
     max-width: 100%;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     outline: none;
}
 input:focus {
     border: 1px solid rgba(0, 185, 100, 1);
}
 input[disabled] {
     background-color: #ddd;
}
 select {
     -webkit-appearance: none;
     -moz-appearance: none;
     background: url(//theme.zdassets.com/theme_assets/196447/27f536d448438fdd88b4004a3223bcc153fb621d.svg) no-repeat #fff;
     background-position: right 10px center;
     border: 1px solid #ddd;
     border-radius: 4px;
     padding: 8px 30px 8px 10px;
     outline: none;
     color: #555;
     width: 100%;
}
 select:focus {
     border: 1px solid rgba(0, 185, 100, 1);
}
 select::-ms-expand {
     display: none;
}
 textarea {
     border: 1px solid #ddd;
     border-radius: 2px;
     resize: vertical;
     width: 100%;
     outline: none;
     padding: 10px;
}
 textarea:focus {
     border: 1px solid rgba(0, 185, 100, 1);
}
 .container {
     max-width: 1160px;
     margin: 0 auto;
     padding: 0 5%;
}
 @media (min-width: 1160px) {
     .container {
         padding: 0;
         width: 90%;
    }
}
 .container-divider {
     border-top: 1px solid #ddd;
     margin-bottom: 20px;
}
 ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 .error-page {
     max-width: 1160px;
     margin: 0 auto;
     padding: 0 5%;
}
 @media (min-width: 1160px) {
     .error-page {
         padding: 0;
         width: 90%;
    }
}
 .dropdown-toggle::after {
     color: inherit;
}
/***** Buttons *****/

button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 4px;
    background: 0 0;
    line-height: 1;
    cursor: pointer
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #5d8000;
    color: #fff
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #5d8000;
    color: #fff
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button,
.button.medium {
    cursor: pointer;
    font-size: 1rem;
    padding: .6875rem
}


.button.tiny {
    font-size: .6rem
}


.button.large {
    font-size: 1.125rem;
    font-weight: 600;
    padding: 1rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary:focus,
.button.primary:hover,
.button[disabled].primary,
.button[disabled].primary:focus,
.button[disabled].primary:hover,
.theme-gfmgreen .button.primary:hover {
    background-color: #008648;
    background: #008648;
      color: #FFF;
}

.mt150x,
.mt20,
.mt24,
.mt25 {
    margin-top: 1.5rem!important
}

.button.secondary {
    background-color: #f7b231;
    color: #333
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #e49809;
    color: #333
}

.button.success {
    background-color: #3adb76;
    color: #333
}

.button.success:focus,
.button.success:hover {
    background-color: #22bb5b;
    color: #333
}

.button.warning {
    background-color: #ffae00;
    color: #333
}

.button.warning:focus,
.button.warning:hover {
    background-color: #cc8b00;
    color: #333
}

.button.alert {
    background-color: #e74c3c;
    color: #fff
}

.button.alert:focus,
.button.alert:hover {
    background-color: #cf2b1a;
    color: #fff
}

.button.disabled,
.button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #5d8000;
    color: #fff
}

.button.disabled.primary,
.button[disabled].primary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.primary,
.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
    background-color: #5d8000;
    color: #fff
}

.button.disabled.secondary,
.button[disabled].secondary {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.secondary,
.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
    background-color: #f7b231;
    color: #333
}

.button.disabled.success,
.button[disabled].success {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.success,
.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success,
.button[disabled].success:focus,
.button[disabled].success:hover {
    background-color: #3adb76;
    color: #333
}

.button.disabled.warning,
.button[disabled].warning {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.warning,
.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
    background-color: #ffae00;
    color: #333
}

.button.disabled.alert,
.button[disabled].alert {
    opacity: .25;
    cursor: not-allowed
}

.button.disabled.alert,
.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
    background-color: #e74c3c;
    color: #fff
}

.button.hollow {
    border: 1px solid #5d8000;
    color: #5d8000
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
    background-color: transparent
}

.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
    background-color: transparent
}

.button.hollow:focus.disabled,
.button.hollow:focus[disabled],
.button.hollow:hover.disabled,
.button.hollow:hover[disabled] {
    border: 1px solid #5d8000;
    color: #5d8000
}

.button.hollow.primary {
    border: 1px solid #5d8000;
    color: #5d8000
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
    border-color: #2f4000;
    color: #2f4000
}

.button.hollow.primary:focus.disabled,
.button.hollow.primary:focus[disabled],
.button.hollow.primary:hover.disabled,
.button.hollow.primary:hover[disabled] {
    border: 1px solid #5d8000;
    color: #5d8000
}

.button.hollow.secondary {
    border: 1px solid #f7b231;
    color: #f7b231
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
    border-color: #8e5f06;
    color: #8e5f06
}

.button.hollow.secondary:focus.disabled,
.button.hollow.secondary:focus[disabled],
.button.hollow.secondary:hover.disabled,
.button.hollow.secondary:hover[disabled] {
    border: 1px solid #f7b231;
    color: #f7b231
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.success:focus.disabled,
.button.hollow.success:focus[disabled],
.button.hollow.success:hover.disabled,
.button.hollow.success:hover[disabled] {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.warning:focus.disabled,
.button.hollow.warning:focus[disabled],
.button.hollow.warning:hover.disabled,
.button.hollow.warning:hover[disabled] {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.alert {
    border: 1px solid #e74c3c;
    color: #e74c3c
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
    border-color: #821b10;
    color: #821b10
}

.button.hollow.alert:focus.disabled,
.button.hollow.alert:focus[disabled],
.button.hollow.alert:hover.disabled,
.button.hollow.alert:hover[disabled] {
    border: 1px solid #e74c3c;
    color: #e74c3c
}

.button.clear {
    border: 1px solid #5d8000;
    color: #5d8000
}

.button.clear,
.button.clear:focus,
.button.clear:hover {
    background-color: transparent
}

.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
    background-color: transparent
}

.button.clear:focus,
.button.clear:hover {
    border-color: #2f4000;
    color: #2f4000
}

.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover.disabled,
.button.clear:hover[disabled] {
    border: 1px solid #5d8000;
    color: #5d8000
}

.button.clear,
.button.clear.disabled,
.button.clear:focus,
.button.clear:focus.disabled,
.button.clear:focus[disabled],
.button.clear:hover,
.button.clear:hover.disabled,
.button.clear:hover[disabled],
.button.clear[disabled] {
    border-color: transparent
}

.button.clear.primary {
    border: 1px solid #5d8000;
    color: #5d8000
}

.button.clear.primary:focus,
.button.clear.primary:hover {
    border-color: #2f4000;
    color: #2f4000
}

.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled] {
    border: 1px solid #5d8000;
    color: #5d8000
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary:focus,
.button.clear.primary:focus.disabled,
.button.clear.primary:focus[disabled],
.button.clear.primary:hover,
.button.clear.primary:hover.disabled,
.button.clear.primary:hover[disabled],
.button.clear.primary[disabled] {
    border-color: transparent
}

.button.clear.secondary {
    border: 1px solid #f7b231;
    color: #f7b231
}

.button.clear.secondary:focus,
.button.clear.secondary:hover {
    border-color: #8e5f06;
    color: #8e5f06
}

.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled] {
    border: 1px solid #f7b231;
    color: #f7b231
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary:focus,
.button.clear.secondary:focus.disabled,
.button.clear.secondary:focus[disabled],
.button.clear.secondary:hover,
.button.clear.secondary:hover.disabled,
.button.clear.secondary:hover[disabled],
.button.clear.secondary[disabled] {
    border-color: transparent
}

.button.clear.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.clear.success:focus,
.button.clear.success:hover {
    border-color: #157539;
    color: #157539
}

.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled] {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success:focus,
.button.clear.success:focus.disabled,
.button.clear.success:focus[disabled],
.button.clear.success:hover,
.button.clear.success:hover.disabled,
.button.clear.success:hover[disabled],
.button.clear.success[disabled] {
    border-color: transparent
}

.button.clear.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.clear.warning:focus,
.button.clear.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled] {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning:focus,
.button.clear.warning:focus.disabled,
.button.clear.warning:focus[disabled],
.button.clear.warning:hover,
.button.clear.warning:hover.disabled,
.button.clear.warning:hover[disabled],
.button.clear.warning[disabled] {
    border-color: transparent
}

.button.clear.alert {
    border: 1px solid #e74c3c;
    color: #e74c3c
}

.button.clear.alert:focus,
.button.clear.alert:hover {
    border-color: #821b10;
    color: #821b10
}

.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled] {
    border: 1px solid #e74c3c;
    color: #e74c3c
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert:focus,
.button.clear.alert:focus.disabled,
.button.clear.alert:focus[disabled],
.button.clear.alert:hover,
.button.clear.alert:hover.disabled,
.button.clear.alert:hover[disabled],
.button.clear.alert[disabled] {
    border-color: transparent
}

.button.dropdown::after {
    display: block;
    width: 0;
    height: 0;
    border: inset .4em;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.dropdown.hollow::after {
    border-top-color: #5d8000
}

.button.dropdown.hollow.primary::after {
    border-top-color: #5d8000
}

.button.dropdown.hollow.secondary::after {
    border-top-color: #f7b231
}

.button.dropdown.hollow.success::after {
    border-top-color: #3adb76
}

.button.dropdown.hollow.warning::after {
    border-top-color: #ffae00
}

.button.dropdown.hollow.alert::after {
    border-top-color: #e74c3c
}

.button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

a.button:focus,
a.button:hover {
    text-decoration: none
}

.close-button {
    position: absolute;
    color: #666;
    cursor: pointer
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #333
}

.close-button.small {
    right: .66rem;
    top: .33em;
    font-size: 1.5em;
    line-height: 1
}

.close-button,
.close-button.medium {
    right: 1rem;
    top: .5rem;
/*     font-size: 2em; */
  font-size: 1.3rem;
    line-height: 1;
}

.close-button-right {
  right: 0;
}


/***** Tables *****/
 .table {
     width: 100%;
     table-layout: fixed;
}
 @media (min-width: 768px) {
     .table {
         table-layout: auto;
    }
}
 .table th, .table th a {
     color: #666;
     font-size: 13px;
     font-weight: 300;
     text-align: left;
}
 [dir="rtl"] .table th, [dir="rtl"] .table th a {
     text-align: right;
}
 .table tr {
     border-bottom: 1px solid #ddd;
     display: block;
     padding: 20px 0;
}
 @media (min-width: 768px) {
     .table tr {
         display: table-row;
    }
}
 .table td {
     display: block;
}
 @media (min-width: 768px) {
     .table td {
         display: table-cell;
    }
}
 @media (min-width: 1024px) {
     .table td, .table th {
         padding: 20px 30px;
    }
}
 @media (min-width: 768px) {
     .table td, .table th {
         padding: 10px 20px;
         height: 60px;
    }
}

.article-content table {
  margin-bottom: 1rem;
}
/***** Forms *****/
 .form {
     max-width: 650px;
}
 .form-field ~ .form-field {
     margin-top: 25px;
}
 .form-field label {
     display: block;
     font-size: 13px;
     margin-bottom: 5px;
}
 .form-field input {
     border: 1px solid #ddd;
     border-radius: 4px;
     padding: 10px;
     width: 100%;
}
 .form-field input:focus {
     border: 1px solid rgba(0, 185, 100, 1);
}
 .form-field input[type="text"] {
     border: 1px solid #ddd;
     border-radius: 4px;
}
 .form-field input[type="text"]:focus {
     border: 1px solid rgba(0, 185, 100, 1);
}
 .form-field input[type="checkbox"] {
     width: auto;
}
 .form-field .nesty-input {
     border-radius: 4px;
     height: 40px;
     line-height: 40px;
     outline: none;
     vertical-align: middle;
}
 .form-field .nesty-input:focus {
     border: 1px solid rgba(0, 185, 100, 1);
     text-decoration: none;
}
 .form-field .hc-multiselect-toggle:focus {
     outline: none;
     border: 1px solid rgba(0, 185, 100, 1);
     text-decoration: none;
}
 .form-field textarea {
     vertical-align: middle;
}
 .form-field input[type="checkbox"] + label {
     margin: 0 0 0 10px;
}
 .form-field.required > label::after {
     content: "*";
     color: #f00;
     margin-left: 2px;
}
 .form-field p {
     color: #666;
     font-size: 12px;
     margin: 5px 0;
}
 [data-loading="true"] input, [data-loading="true"] textarea {
     background: transparent url(//theme.zdassets.com/theme_assets/196447/6aae8ce36967837f706ac36deff4b753e43977a4.gif) 99% 50% no-repeat;
     background-size: 16px 16px;
}
 .form footer {
/*      margin-top: 40px; */
/*      padding-top: 30px; */
   margin-top: 2rem;
/*    margin-bottom; 2rem !important; */
}

form#new_request {
  margin-bottom: 2rem;
}
 .form footer a {
     color: #666;
     cursor: pointer;
     margin-right: 15px;
}
 .form .suggestion-list {
     font-size: 13px;
     margin-top: 30px;
}
 .form .suggestion-list label {
     border-bottom: 1px solid #ddd;
     display: block;
     padding-bottom: 5px;
}
 .form .suggestion-list li {
     padding: 10px 0;
}
 .form .suggestion-list li a:visited {
}

.user-nav {
     display: inline-block;
     position: absolute;
     white-space: nowrap;
}
 @media (min-width: 768px) {
     .user-nav {
         position: relative;
    }
}
 .user-nav[aria-expanded="true"] {
     background-color: #fff;
     -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
             box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
     border: solid 1px #ddd;
     right: 0;
     left: 0;
     top: 71px;
     z-index: 1;
}
 .user-nav[aria-expanded="true"] > a {
     display: block;
     margin: 20px;
}
 .nav-wrapper a {
     border: 0;
     color: rgba(0, 185, 100, 1);
     display: none;
     font-size: 14px;
     padding: 0 20px 0 0;
     width: auto;
}
 @media (min-width: 768px) {
     .nav-wrapper a {
         display: inline-block;
    }
}
 [dir="rtl"] .nav-wrapper a {
     padding: 0 0 0 20px;
}
 .nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
     background-color: transparent;
     color: #007c43;
    text-decoration: underline;
}
 .nav-wrapper a.login {
     display: inline-block;
}
 .nav-wrapper .icon-menu {
     border: 0;
     color: rgba(0, 185, 100, 1);
     cursor: pointer;
     display: inline-block;
     margin-right: 10px;
     padding: 0;
     width: auto;
}
 @media (min-width: 768px) {
     .nav-wrapper .icon-menu {
         display: none;
    }
}
 [dir="rtl"] .nav-wrapper .icon-menu {
     margin-left: 10px;
     margin-right: 0;
}
 .nav-wrapper .icon-menu:hover, .nav-wrapper .icon-menu:focus, .nav-wrapper .icon-menu:active {
     background-color: transparent;
     color: #007c43 
}
/***** User info in header *****/
 .user-info {
     display: inline-block;
}
 .user-info .dropdown-toggle::after {
     display: none;
}
 @media (min-width: 768px) {
     .user-info .dropdown-toggle::after {
         display: inline-block;
    }
}
 .user-info > [role="button"] {
     border: 0;
     color: rgba(0, 185, 100, 1);
     min-width: 0;
     padding: 0;
     white-space: nowrap;
}
 .user-info > [role="button"]:hover {
     color: rgba(0, 185, 100, 1);
     background-color: transparent;
}
 .user-info > [role="button"]::after {
     color: rgba(0, 185, 100, 1);
     padding-right: 15px;
}
 [dir="rtl"] .user-info > [role="button"]::after {
     padding-left: 15px;
     padding-right: 0;
}
 #user #user-name {
     display: none;
     font-size: 14px;
}
 @media (min-width: 768px) {
     #user #user-name {
         display: inline-block;
    }
}
 #user #user-name:hover {
     text-decoration: underline;
}

/***** Footer *****/
 .footer {
     padding: 0;
     margin-bottom: 5rem;
     font-size: 1rem;
}
 .footer a {
     color: #666;
}
 .footer-inner {
     max-width: 1160px;
     margin: 0 auto;
     padding: 0 5%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
}
 @media (min-width: 1160px) {
     .footer-inner {
         padding: 0;
         width: 90%;
    }
}
 .footer-language-selector {
     color: #333 !important;
     display: inline-block;
     font-weight: 300;
}
/***** Breadcrumbs *****/
 .breadcrumbs {
     font-size: .75rem;
     padding: 0;
}
 .breadcrumbs > li > a {
     color: #666;
}
 .article-body {
     font-size: 1rem;
}
 @media (min-width: 768px) {
     .breadcrumbs {
         margin: 0;
    }
}
 .breadcrumbs li {
     display: inline;
     max-width: 450px;
     overflow: hidden;
     text-overflow: ellipsis;
     padding-right: 2px;
     padding-left: 2px;
}
 .breadcrumbs li + li::before {
     content: "●";
     color: #DDD;
     font-size: 11px;
     padding-right: 5px;
}
 .breadcrumbs li a:visited {
}
/***** Search field *****/
 .search {
     position: relative;
}


 .search-topics {
     color: #333;
     text-align: center;
     margin-top: 32px;
}
 .search-topics a {
     color: #333;
}
 .search input[type="search"] {
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     color: #333;
     -webkit-appearance: none;
     width: 100%;
     padding: 20px 20px 20px 60px;
}
 
 [dir="rtl"] .search input[type="search"] {
     padding-right: 40px;
     padding-left: 20px;
}
 .search input[type="search"]:focus {
}
 .search::before {
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);
     background-color: #fff;
     color: #777;
     content: "\1F50D";
     font-size: 25px;
     position: absolute;
     left: 15px;
}
 [dir="rtl"] .search::before {
     right: 15px;
     left: auto;
}
 .search-full {
     width: 100%;
     display: inline-block;
}
 .search-full input[type="search"] {
     border-radius: 3px;
     border: #d6d6d6 1px solid;
     height: 80px;
   font-size: 1.5rem;
}

 @media screen and (max-width: 525px) {
      .search-full input[type="search"] {
             font-size: 1rem;
    }
}

 @media screen and (max-width: 400px) {
      .search-full input[type="search"] {
             font-size: .875rem;
    }
}

 @media screen and (max-width: 355px) {
      .search-full input[type="search"] {
             font-size: .75rem;
        padding-left: 52px;
    }
}

/***** Hero component *****/
 .hero {
     padding-top: 4.0625rem;
     margin-bottom: 0 !important;
}
 .hero-inner {
     width: 100%;
     max-width: 790px;
     margin: 0px auto;
     padding-top: 75px;
     padding-bottom: 48px;
     padding-left: 20px;
     padding-right: 20px;
     text-align: center;
}
 @media screen and (max-width: 959px) {
     .hero-inner {
         padding-top: 23px;
    }
}
 .hero-inner-search {
     display: block;
     width: 100%;
     max-width: 61rem;
     margin: 0px auto;
     padding-left: 20px;
     padding-right: 20px;
}
 .search-container {
     display: block;
}
 .search-result-text {
     padding-bottom: 1.5rem;
     display: block;
}
 .search-result-text:first-letter {
     text-transform: uppercase;
}

 .search-title {
     line-height: 3.75rem;
     text-align: center;
     color: #333;
     margin: 0 0 1.5rem;
}
 @media print, screen and (min-width:60em) {
     .search-title {
         line-height: 4.3125rem;
    }
}
 .page-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     margin: 10px 0;
}
 @media (min-width: 768px) {
     .page-header {
         -webkit-box-align: baseline;
             -ms-flex-align: baseline;
                 align-items: baseline;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         margin: 0;
    }
}
 .page-header .section-subscribe {
     -ms-flex-negative: 0;
         flex-shrink: 0;
     margin-bottom: 10px;
}
 @media (min-width: 768px) {
     .page-header .section-subscribe {
         margin-bottom: 0;
    }
}
 .page-header h1 {
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
     margin-bottom: 10px;
}
 .page-header-description {
     font-style: italic;
     font-weight: 300;
     margin: 0 0 30px 0;
     word-break: break-word;
}
 @media (min-width: 1024px) {
     .page-header-description {
         -ms-flex-preferred-size: 100%;
             flex-basis: 100%;
    }
}
 .page-header .icon-lock::before {
     content: "\1F512";
     font-size: 20px;
     position: relative;
     left: -5px;
     vertical-align: baseline;
}
 .sub-nav > ol {
   margin: 0 0 1rem 0;
}

@media print,
screen and (min-width:60em) {
    .sub-nav > ol {
        margin: 0 0 1.5rem 0;
    }
}

 @media (min-width: 768px) {
     .sub-nav {
    }
}
 @media screen and (max-width: 800px) {
     .sub-nav {
    }
}

 @media (min-width: 768px) {
     .sub-nav input[type="search"] {
         min-width: 300px;
    }
}
 .sub-nav input[type="search"]::after {
     font-size: 15px;
}
/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
 .blocks-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
     list-style: none;
     padding: 0;
}
 @media (min-width: 768px) {
     .blocks-list {
         margin: 0 -15px;
    }
}
 .blocks-item {
     -webkit-box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
     box-shadow: 0 8px 32px 0 rgba(0,0,0,.1);
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     color: black;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
         -ms-flex: 1 0 300px;
             flex: 1 0 300px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     margin: 0 8px 30px;
     max-width: 100%;
     text-align: center;
     -webkit-transition-property: all;
     transition-property: all;
     -webkit-transition-duration: 170ms;
             transition-duration: 170ms;
     background-color: #FFF;
}
 .block-item-center {
     z-index: 2;
     padding: 24px 24px ;
}
 .block-img {
     height: 105px;
     width: auto;
}
 .blocks-item a {
     color: black;
     font-size: 24px;
}
 @media (min-width: 768px) {
     .blocks-item {
         margin: 0 8px 32px;
    }
}
 .blocks-item:hover, .blocks-item:focus, .blocks-item:active {
     -webkit-transform: scale(1.02) rotate(0.0001deg);
         -ms-transform: scale(1.02) rotate(0.0001deg);
             transform: scale(1.02) rotate(0.0001deg);
     -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
     cursor: pointer;
}
 .blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
}
 .blocks-item-internal {
     background-color: transparent;
     border: 1px solid #ddd;
}
 .blocks-item-internal .icon-lock::before {
     content: "\1F512";
     font-size: 15px;
     bottom: 5px;
     position: relative;
}
 .blocks-item-internal a {
     color: #333333;
}
 .blocks-item-link {
     color: rgba(0, 185, 100, 1);
     padding: 20px 30px;
}
 .blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
     text-decoration: none;
}
 .blocks-item-title {
     margin-bottom: 0;
     margin-top: .625rem;
}
 .blocks-item-description {
     font-size: 1rem;
}
 .blocks-item-description:not(:empty) {
     margin-top: 10px;
}
/***** Homepage *****/

 .section.knowledge-base {
     margin-bottom: 0;
}

 .section h2 {
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 2rem
}

@media print,
screen and (min-width:60em) {
     .section h2 {
        font-size: 1.75rem;
        line-height: 2.5rem
    }
}


 .article-contact-us {
     padding: 1.5rem 2rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     
     -ms-flex-flow: wrap;
     
         flex-flow: wrap;
     margin-bottom: 1.5rem;
 		 margin-top: 1.5rem;
}

@media print,
screen and (min-width:60em) {
  .article-contact-us {
     margin-bottom: 2rem;
 		 margin-top: 2rem;
    padding: 2rem 2.75rem;
  }
}


 .recent-articles > ul:before, .related-articles > ul:before {
     content: "";
     display: block;
     width: 75%;
   padding-top: 2rem;
     border-top: 1px solid #e3e3e3;
}
 .contact-us-heading {
     padding-bottom: .25rem;
}
 .article-contact-left {
     font-size: 1rem;
}

 .article-contact-right {
     width: 100%;
     padding-top: 2rem;
     text-align: center;
     padding-bottom: 1.25rem;
}

 @media screen and (min-width: 50rem) {
     .article-contact-left {
          max-width: 70%;
       padding-right: 1.5rem;
       
    }
    .article-contact-right {
  	max-width: 30%;
      padding-top: 0rem;
      padding-bottom: 0rem;
      
      
   }
}

/***** Promoted articles *****/

 .blocks {
     padding-top: 3.5rem;
     padding-bottom: 2rem;
     max-width: 66.5rem;
     margin: 0 auto;
}

 .promoted-articles {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
     border-bottom: 1px solid #e3e3e3;
     border-top: 1px solid #e3e3e3;
     font-size: 1rem;
}


@media print,
screen and (min-width: 1024px) {
    .promoted-articles {
      padding-top: 3.175rem;
     padding-bottom: 2.9875rem;
    }
}

 @media (min-width: 1024px) {
     .promoted-articles {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 .promoted-articles-item {
     -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
             flex: 1 0 auto;
     list-style: initial;
     padding-bottom: .1875rem;
}
 .promoted-articles li {
     overflow: hidden;
     white-space: nowrap;
     list-style-position: inside;
     text-overflow: ellipsis;
}
 .promoted-articles-item li {
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
}
 @media (min-width: 1024px) {
     .promoted-articles-item {
         -ms-flex-item-align: end;
             align-self: flex-end;
         -webkit-box-flex: 0;
             -ms-flex: 0 0 auto;
                 flex: 0 0 auto;
         padding-right: 30px;
         width: 33%;
        /* Three columns on desktop */
    }
     [dir="rtl"] .promoted-articles-item {
         padding: 0 0 0 30px;
    }
}

@-moz-document url-prefix() {
   @media (min-width: 1024px) {
     .promoted-articles-item {
         -ms-flex-item-align: end;
             align-self: flex-end;
         -webkit-box-flex: 0;
             -ms-flex: 0 0 auto;
                 flex: 0 0 auto;
         padding-right: 30px;
         width: 31.95%;
        /* Three columns on desktop */
    }
}
}

 .promoted-articles-item:nth-child(3n) {
}
 .promoted-articles-item a {
     color: #00B964;
     line-height: 36px;
}
 .promoted-articles-item:last-child a {
     border: 0;
}
 @media (min-width: 1024px) {
     .promoted-articles-item:last-child a {
    }
}
/***** Recent activity *****/
 .recent-activity-header {
     margin-bottom: 10px;
     text-align: center;
}
 .recent-activity-list {
     padding: 0;
}
 .recent-activity-item {
     border-bottom: 1px solid #ddd;
     overflow: auto;
     padding: 20px 0;
}
 .recent-activity-item-parent {
     font-size: 16px;
}
 .recent-activity-item-parent, .recent-activity-item-link {
     margin: 6px 0;
     color: #333333;
     display: inline-block;
     width: 100%;
}
 @media (min-width: 768px) {
     .recent-activity-item-parent, .recent-activity-item-link {
         width: 70%;
         margin: 0;
    }
}
 .recent-activity-item-link {
     font-size: 14px;
     font-weight: 300;
}
 .recent-activity-item-meta {
     margin: 15px 0 0 0;
     float: none;
}
 @media (min-width: 768px) {
     .recent-activity-item-meta {
         margin: 0;
         float: right;
    }
     [dir="rtl"] .recent-activity-item-meta {
         float: left;
    }
}
 .recent-activity-item-time, .recent-activity-item-comment {
     color: #666;
     display: inline-block;
     font-size: 13px;
     font-weight: 300;
}
 .recent-activity-item-comment {
     padding-left: 5px;
}
 [dir="rtl"] .recent-activity-item-comment {
     padding: 0 5px 0 0;
}
 .recent-activity-item-comment::before {
     display: inline-block;
}
 .recent-activity-item-comment span::before {
     color: rgba(0, 185, 100, 1);
     content: "\1F4AC";
     display: inline-block;
     font-size: 15px;
     padding-right: 3px;
     vertical-align: middle;
}
 [dir="rtl"] .recent-activity-item-comment span::before {
     padding-left: 3px;
}
 .recent-activity-controls {
     padding-top: 15px;
}
/***** Category pages *****/
 .banner {
     position: relative;
     height: 310px;
     padding-top: 121px;
}
 @media screen and (max-width: 959px) {
     .banner {
         height: 226px;
         padding-top: 45px;
    }
}
 .banner-article {
     height: 10.5625rem;
     background-color: white;
}
 .banner-search {
     padding-top: 12.25rem;
     padding-bottom: 15.625rem;
}
 .section-tree-with-article .category-section:first-child, .section-tree-with-article .section:first-child {
     padding-top: 0px;
}
 .section-tree-with-article .category-section:last-child, .section-tree-with-article .section:last-child {
     border-bottom: 0px;
}
 .section-tree-with-article .category-section, .section-tree-with-article .section {
     list-style: none;
     padding-bottom: 45px;
     border-bottom: 1px solid #e3e3e3;
     padding-top: 35px;
}

 .section-tree-with-article .category-section .article-list li,  .section-tree-with-article .section .article-list li {
     font-size: 1rem;
     line-height: 22px;
     padding-bottom: 12px;
     -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
     break-inside: avoid;
     margin-left: 18px;
     list-style: disc;
}
 @media print, screen and (min-width:60em) {
     .section-tree-with-article .category-section .article-list li,  .section-tree-with-article .section .article-list li {
         margin-left: 28px;
    }
}

 .article-list {
     margin: 0;
     -webkit-column-count: 2;
     column-count: 2;
     -webkit-column-gap: 20px;
     column-gap: 20px;
}

.section-tree-with-article .section .article-list li span {
  display: none;
}

 .section-tree-with-article ul {
     margin: 0px;
     padding: 0px;
}
 @media screen and (max-width: 610px) {
     .section-tree-with-article .category-section .article-list, .section-tree-with-article .section .article-list {
         -webkit-column-count: 1;
         column-count: 1;
    }
}
 .banner-category {
     max-width: 61rem;
     margin-left: auto;
     margin-right: auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     padding-left: 10px;
     padding-right: 10px;
     width: 100%;
     padding-top: 80px;
     border-bottom: 1px solid #e3e3e3;
}
 .banner-title {
}
 .banner-desc {
}
 .category-list-mobile-container {
     position: fixed;
     top: 3.5rem;
     left: 0px;
     padding: 0px;
     display: table-cell;
     width: 100%;
     background-color: #FFF;
     z-index: 50;
          -webkit-box-shadow: 0 0.125rem 0.1875rem -0.125rem rgba(0, 0, 0, .2);
    box-shadow: 0 0.125rem 0.1875rem -0.125rem rgba(0, 0, 0, .2);
    -webkit-transition: background-color .5s;
}
 #cat-list-mobile li a {
     margin-bottom: 0px;
     border-radius: 0px;
     padding: 1rem 0rem;
     background-color: #FFF;
     font-size: .875rem;
     line-height: 21px;
     position: relative;
     display: none;
     color: #666;
     z-index: 100;
}
 #cat-list-mobile li a:hover {
     color: #333;
}
 #cat-list-mobile > .grid-container > .selected > a {
     display: block;
     font-weight: 400;
     color: #333;
}
 @media screen and (min-width: 60rem) {
     #cat-list-mobile {
         display: none;
    }
}

 .close, #control {
     cursor: pointer;
     z-index: 101;
     position: absolute;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
	   text-align: right;
    border: inset 6px;
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #999 transparent transparent;
    content: '';
    display: block;
    height: 0;
    width: 0;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
}

.close-container {
  width: 40px;
  cursor: pointer;
     height: 40px;
  position: absolute;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
   	 right: .75rem;
   top: .425rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 500;
}

.flipped {
  -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

 .open li a {
     display: block !important;
}

.section-menu {
    display:none;
}

@media print,
screen and (min-width:60em) {
    .section-menu {
      position: fixed;
      display: block;
     top: 6rem;
     width: 100%;
     height: 3.125rem;
     z-index: 89;
     background-color: #FFF;
       -webkit-box-shadow: 0 0.125rem 0.1875rem -0.125rem rgba(0, 0, 0, .2);
    box-shadow: 0 0.125rem 0.1875rem -0.125rem rgba(0, 0, 0, .2);
    -webkit-transition: background-color .5s;
    }
}

 .section-menu > ul {
     max-width: 61rem;
     list-style: none;
     text-align: left;
     padding: 0px 10px;
     margin: 0px auto;
     font-size: 0px;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: stretch;
         -ms-flex-align: stretch;
             align-items: stretch;
}
 .section-menu li {
     text-align: left;
     display: inline-block;
     font-size: .875rem;
     padding-left: 14px;
     padding-right: 14px;
}
 .section-menu a {
     color: #666666;
     text-decoration: none;
     display: inline-block;
     width: 100%;
}
 .section-menu > ul > li > a {
     position: relative;
     z-index: 2;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
  
}
 .section-menu > ul > li:hover > ul {
   display: block; 
   border: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 0.3125rem 1rem -0.1875rem rgba(0,0,0,.2);
    box-shadow: 0 0.3125rem 1rem -0.1875rem rgba(0,0,0,.2);
    padding: .5rem 0;
   width: 200px;
}
 .section-menu > ul > li:hover > a {
     text-decoration: none;
     background-color: rgba(255, 255, 255, 0.2);
     color: #333;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     
}
 .section-menu > ul > li.selected > a {
     color: #333;
}
 .section-menu > ul > li.selected > a:after {
     content: "";
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     margin: 0 auto;
     bottom: 0;
     border-bottom: 2px solid #00B964;
     position: absolute;
}
 .section-menu ul > li > ul {
     padding: 0px;
     position: absolute;
     display: none;
     width: inherit;
     background-color: #FFFFFF;
     z-index: 1;
     top: 2.5rem;
     overflow: hidden;
     border: 0;
     border-radius: 4px;
     -webkit-box-shadow: 0 0.3125rem 1rem -0.1875rem rgba(0,0,0,.2);
     box-shadow: 0 0.3125rem 1rem -0.1875rem rgba(0,0,0,.2);
     padding: .5rem 0;
     z-index: 200;
}
 .section-menu ul > li > ul > li {
     display: block;
     padding-right: 0px;
   padding-left: 0px;
}
 .section-menu ul > li > ul > li > a {
     font-weight: normal;
     color: #333;
     text-decoration: none;
   padding: .7rem 1rem;
   line-height: 1;
   
}
 .section-menu ul > li > ul > li > a:after {
     content: '';
     width: 3px;
     height: 1px;
}
 .section-menu ul > li > ul > li > a:hover {
     color: #999;
}
 .section-menu ul > li > ul > li > a:hover:after {
     display: none;
}
 @media screen and (max-width: 800px) {
     .category-container {
    }
}
 .section-tree-with-article {
}
 .category-content {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
}
 @media (min-width: 1024px) {
     .category-content {
         -webkit-box-flex: 0;
             -ms-flex: 0 0 80%;
                 flex: 0 0 80%;
    }
}
 .section-tree {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
}
 @media (min-width: 768px) {
     .section-tree {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 .section-tree .section {
     -webkit-box-flex: initial;
         -ms-flex: initial;
             flex: initial;
}
 @media (min-width: 768px) {
     .section-tree .section {
         -webkit-box-flex: 0;
             -ms-flex: 0 0 45%;
                 flex: 0 0 45%;
        /* Two columns for tablet and desktop. Leaving 5% separation between columns */
    }
}
 .section-tree .icon-lock::before {
     vertical-align: baseline;
}
 .section-tree-title {
     margin-bottom: 0;
}
 .section-tree-title a {
     color: #333333;
}
 .section-tree .see-all-articles {
     display: block;
     padding: 15px 0;
}
 .article-list-item {
     border-bottom: 1px solid #ddd;
     font-size: 16px;
     padding: 15px 0;
}
 .article-list-item a {
     color: #00B964;
}
 .icon-star::before {
     color: rgba(0, 185, 100, 1);
     font-size: 18px;
}
/***** Section pages *****/
 .section-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
         -ms-flex-pack: end;
             justify-content: flex-end;
}
 .section-content {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
}
 @media (min-width: 1024px) {
     .section-content {
         -webkit-box-flex: 0;
             -ms-flex: 0 0 80%;
                 flex: 0 0 80%;
    }
}
 .section-subscribe .dropdown-toggle::after {
     display: none;
}
/***** Article *****/
 .article {
    /* * The article grid is defined this way to optimize readability: * Sidebar | Content | Free space * 17% | 66% | 17% */

}

 .articles {
     margin-top: 3.25rem;
}

 .article-header {
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     margin-bottom: 0px;
}
 @media (min-width: 768px) {
     .article-header {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         margin-top: 0;
    }
}
 .article-avatar {
     margin-right: 10px;
}
 .article-author {
     margin-bottom: 10px;
}
 @media (min-width: 768px) {
     .article-title {
         -ms-flex-preferred-size: 100%;
             flex-basis: 100%;
        /* Take entire row */
    }
}
 .article-title .icon-lock::before {
     content: "\1F512";
     font-size: 20px;
     position: relative;
     left: -5px;
     vertical-align: baseline;
}
 .article [role="button"] {
     -ms-flex-negative: 0;
         flex-shrink: 0;
    /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
     width: 100%;
}
 @media (min-width: 768px) {
     .article [role="button"] {
         width: auto;
    }
}
 .article-info {
     max-width: 100%;
}
 .article-meta {
     display: inline-block;
     vertical-align: middle;
}
 .article-body img {
     height: auto;
     max-width: 100%;
}

.article-body > ul {

}
 .article-body ul, .article-body ol {

}
 [dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {

}
 .article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol, .article-body li > ul, .article-body li > ol {

}
 .article-body ul {
     list-style-type: disc;
}
 .article-body a:visited {
}
 .article-body code {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 0 5px;
     margin: 0 2px;
}
 .article-body pre {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 10px 15px;
     overflow: auto;
     white-space: pre;
}
 .article-body blockquote {
     border-left: 1px solid #ddd;
     color: #666;
     font-style: italic;
     padding: 0 15px;
}
 .article-body > p:last-child {
     margin-bottom: 0;
}
 .article-content {
     line-height: 1.6;
     margin: 0;
     word-wrap: break-word;
}
 .article-footer {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     margin-top: 1.5rem;
}
 .article-comment-count {
     color: #666;
     font-weight: 300;
}
 .article-comment-count:hover {
     text-decoration: none;
}
 .article-comment-count .icon-comments {
     color: rgba(0, 185, 100, 1);
     content: "\1F4AC";
     display: inline-block;
     font-size: 18px;
     padding: 5px;
}
 .article-sidebar {
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
             flex: 1 0 auto;
     margin-bottom: 20px;
     padding: 0;
}
 @media (min-width: 1024px) {
     .article-sidebar {
         border: 0;
         -webkit-box-flex: 0;
             -ms-flex: 0 0 17%;
                 flex: 0 0 17%;
         height: auto;
    }
}

 .article-relatives {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     font-size: 1rem;
}
 @media (min-width: 768px) {
     .article-relatives {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 .article-relatives > * {
     -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
             flex: 1 0 auto;
     margin-right: 0;
}


 .article-relatives > *:last-child {
  		margin-top: .5rem;
}

 @media (min-width: 768px) {
     .article-relatives > * {
         margin-right: 20px;
       
  
    }
   
   .article-relatives > *:last-child {
				     margin: 0;
    }
}
 .article-relatives > .recent-articles h3, .article-relatives > .related-articles h3 {
     font-size: 1.25rem;
     font-weight: 300;
     line-height: 2rem;
     margin-bottom: 1.5rem;
}
 @media print, screen and (min-width:60em) {
     .article-relatives > .recent-articles h3, .article-relatives > .related-articles h3 {
         font-size: 1.5rem;
         line-height: 2rem;
    }
}
 .article-relatives > section > ul {
     list-style: disc;
     list-style-position: inside;
}
 .article-votes {
     border-top: 1px solid #ddd;
     padding: 30px 0;
     text-align: center;
}
 .article-vote {
     background: transparent;
     border: 1px solid rgba(0, 185, 100, 1);
     color: rgba(0, 185, 100, 1);
     margin: 10px 5px;
     min-width: 90px;
     width: auto;
}
 .article-vote::before {
     font-size: 8px;
     margin-right: 10px;
}
 [dir="rtl"] .article-vote::before {
     margin-right: 0;
     margin-left: 10px;
}
 .article-vote::after {
     content: attr(title);
    /* Yes/No label*/
}
 .article-vote:focus, .article-vote:active {
     background-color: transparent;
     color: rgba(0, 185, 100, 1);
}
 .article-vote:hover {
     background-color: rgba(0, 185, 100, 1);
}
 .article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after {
     color: rgba(255, 255, 255, 1);
}
 .article-vote-up::before {
     content: "\2713";
}
 .article-vote-down::before {
     content: "\2715";
}
 .article-more-questions {
     margin: 10px 0 20px;
     text-align: center;
}
 .article-return-to-top {
     border-top: 1px solid #ddd;
}
 @media (min-width: 1024px) {
     .article-return-to-top {
         display: none;
    }
}
 .article-return-to-top a {
     color: #333333;
     display: block;
     padding: 20px 0;
}
 .article-return-to-top a:hover, .article-return-to-top a:focus {
     text-decoration: none;
}
 .article-return-to-top .icon-arrow-up::before {
     font-size: 16px;
     margin-left: 5px;
}
 [dir="rtl"] .article-return-to-top .icon-arrow-up::before {
     margin-right: 10px;
}
 .article-unsubscribe {
     background-color: rgba(0, 185, 100, 1);
     color: rgba(255, 255, 255, 1);
     text-decoration: none;
}
 .article-unsubscribe:hover {
     background-color: #00532d;
     border-color: #00532d;
}
 .sidenav-title {
     font-size: 15px;
     position: relative;
}
 .sidenav-item {
     border-radius: 4px;
     color: #333333;
     display: block;
     font-weight: 300;
     margin-bottom: 8px;
     padding: 8px 10px;
}
 .sidenav-item.current-article, .sidenav-item:hover {
     background-color: rgba(0, 185, 100, 1);
     color: rgba(255, 255, 255, 1);
     text-decoration: none;
     font-weight: 400;
}
 .recent-articles li, .related-articles li {
   font-size: 1rem;
    line-height: 22px;
    padding-bottom: 12px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-left: 18px;
    list-style: disc;
}
/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
 .attachments .attachment-item {
     padding-left: 20px;
     position: relative;
     margin-bottom: 10px;
}
 .attachments .attachment-item:last-child {
     margin-bottom: 0;
}
 .attachments .attachment-item::before {
     color: #333333;
     content: "\1F4CE";
     font-size: 15px;
     left: 0;
     position: absolute;
     top: 5px;
}
 [dir="rtl"] .attachments .attachment-item {
     padding-left: 0;
     padding-right: 20px;
}
 [dir="rtl"] .attachments .attachment-item::before {
     left: auto;
     right: 0;
}
 .upload-dropzone span {
     color: #666;
}
/***** Social share links *****/
 .share {
     padding: 0;
     white-space: nowrap;
}
 .share li, .share a {
     display: inline-block;
}
 .share a {
     border-radius: 50%;
     height: 25px;
     line-height: 25px;
     overflow: hidden;
     width: 25px;
}
 .share a::before {
     color: #666;
     display: block;
     font-size: 23px;
     text-align: center;
     width: 100%;
}
 .share a:hover {
     text-decoration: none;
}
 .share a:hover::before {
     color: rgba(0, 185, 100, 1);
}
 .share-twitter::before {
     content: "\e901";
}
 .share-facebook::before {
     content: "\e903";
}
 .share-linkedin::before {
     content: "\e900";
}
 .share-googleplus::before {
     content: "\e902";
}
/***** Comments *****/
/* Styles comments inside articles, posts and requests */
 .comment {
     border-bottom: 1px solid #ddd;
     padding: 20px 0;
}
 .comment-heading {
     margin-bottom: 5px;
     margin-top: 0;
}
 .comment-overview {
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     padding: 20px 0;
}
 .comment-overview p {
     margin-top: 0;
}
 .comment-callout {
     color: #666;
     display: inline-block;
     font-weight: 300;
     font-size: 13px;
     margin-bottom: 0;
}
 .comment-callout a {
     color: rgba(0, 185, 100, 1);
}
 .comment-sorter {
     display: inline-block;
     float: right;
}
 .comment-sorter a {
     color: #666;
     font-weight: 300;
     font-size: 13px;
     text-decoration: none;
}
 [dir="rtl"] .comment-sorter {
     float: left;
}
 .comment-wrapper {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
}
 .comment-wrapper.comment-official {
     border: 1px solid rgba(0, 185, 100, 1);
     padding: 40px 20px 20px;
}
 @media (min-width: 768px) {
     .comment-wrapper.comment-official {
         padding-top: 20px;
    }
}
 .comment-info {
     min-width: 0;
     padding-right: 20px;
     width: 100%;
}
 [dir="rtl"] .comment-info {
     padding-right: 0;
     padding-left: 20px;
}
 .comment-author {
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     margin-bottom: 20px;
}
 @media (min-width: 768px) {
     .comment-author {
         -webkit-box-pack: justify;
             -ms-flex-pack: justify;
                 justify-content: space-between;
    }
}
 .comment-avatar {
     margin-right: 10px;
}
 [dir="rtl"] .comment-avatar {
     margin-left: 10px;
     margin-right: 0;
}
 .comment-meta {
     -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
             flex: 1 0 auto;
}
 .comment-labels {
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
}
 @media (min-width: 768px) {
     .comment-labels {
         -ms-flex-preferred-size: auto;
             flex-basis: auto;
    }
}
 .comment .status-label:not(.status-label-official) {
     margin-top: 10px;
}
 @media (min-width: 768px) {
     .comment .status-label:not(.status-label-official) {
         margin-top: 0;
    }
}
 .comment-form {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-top: 30px;
     word-wrap: break-word;
}
 .comment-container {
     width: 100%;
}
 .comment-form-controls {
     display: none;
     margin-top: 10px;
     text-align: left;
}
 @media (min-width: 768px) {
     [dir="ltr"] .comment-form-controls {
         text-align: right;
    }
}
 .comment-form-controls input[type="submit"] {
     margin-top: 15px;
}
 @media (min-width: 1024px) {
     .comment-form-controls input[type="submit"] {
         margin-left: 15px;
    }
     [dir="rtl"] .comment-form-controls input[type="submit"] {
         margin-left: 0;
         margin-right: 15px;
    }
}
 .comment-form-controls input[type="checkbox"] {
     margin-right: 5px;
}
 .comment-form-controls input[type="checkbox"] [dir="rtl"] {
     margin-left: 5px;
}
 .comment-ccs {
     display: none;
}
 .comment-ccs + textarea {
     margin-top: 10px;
}
 .comment-attachments {
     margin-top: 10px;
}
 .comment-attachments a {
     color: rgba(0, 185, 100, 1);
}
 .comment-body {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
     line-height: 1.6;
}
 .comment-body img {
     height: auto;
     max-width: 100%;
}
 .comment-body ul, .comment-body ol {
     padding-left: 20px;
     list-style-position: outside;
     margin: 20px 0 20px 20px;
}
 [dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
     padding-right: 20px;
     padding-left: 0;
     margin-left: 0;
     margin-right: 20px;
}
 .comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol, .comment-body li > ul, .comment-body li > ol {
     margin: 0;
}
 .comment-body ul {
     list-style-type: disc;
}
 .comment-body a:visited {
}
 .comment-body code {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 0 5px;
     margin: 0 2px;
}
 .comment-body pre {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 10px 15px;
     overflow: auto;
     white-space: pre;
}
 .comment-body blockquote {
     border-left: 1px solid #ddd;
     color: #666;
     font-style: italic;
     padding: 0 15px;
}
 .comment-mark-as-solved {
     display: inline-block;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
 .actions {
     text-align: center;
     -ms-flex-negative: 0;
         flex-shrink: 0;
    /*Avoid collapsing elements in Safari*/
}
 .actions .dropdown-toggle {
     font-size: 0;
     margin: 15px 0;
}
 .actions .dropdown-toggle:hover::before, .actions .dropdown-toggle:focus::before, .actions .dropdown-toggle:active::before {
     background-color: #f7f7f7;
}
 .actions .dropdown-toggle::before {
     background-color: transparent;
     border-radius: 50%;
     color: #666;
     content: "\2699";
     display: block;
     font-size: 13px;
     margin: auto;
     padding: 5px;
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
 .status-label {
     background-color: #1eb848;
     border-radius: 4px;
     color: #fff;
     font-size: 12px;
     margin-right: 2px;
     padding: 3px 10px;
     vertical-align: middle;
     white-space: nowrap;
     display: inline-block;
}
 .status-label:hover, .status-label:active, .status-label:focus {
     text-decoration: none;
}
 .status-label-pinned, .status-label-featured, .status-label-official {
     background-color: rgba(0, 185, 100, 1);
}
 .status-label-official {
     border-radius: 0;
     margin-right: 0;
     position: absolute;
     right: 0;
     text-align: center;
     top: 0;
     width: 100%;
}
 @media (min-width: 768px) {
     .status-label-official {
         border-radius: 0 0 4px 4px;
         right: 30px;
         width: auto;
    }
}
 [dir="rtl"] .status-label-official {
     left: 30px;
     right: auto;
}
 .status-label-pending, .status-label-not-planned {
     background-color: #eee;
     color: #666;
}
 .status-label-pending {
     text-align: center;
}
 .status-label-open {
     background-color: #cc3340;
}
 .status-label-closed {
     background-color: #ddd;
}
 .status-label-solved {
     background-color: #999;
}
 .status-label-new {
     background-color: #ffd12a;
}
 .status-label-hold {
     background-color: #000;
}
 .status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered {
     text-transform: lowercase;
}
/***** Post *****/
/* * The post grid is defined this way: * Content | Sidebar * 70% | 30% */
 .post {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     margin-bottom: 10px;
}
 @media (min-width: 1024px) {
     .post {
         -webkit-box-flex: 1;
             -ms-flex: 1 0 70%;
                 flex: 1 0 70%;
         max-width: 70%;
    }
}
 .post-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
}
 @media (min-width: 1024px) {
     .post-container {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 .post-header {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     margin-bottom: 10px;
}
 @media (min-width: 768px) {
     .post-header {
         -webkit-box-align: baseline;
             -ms-flex-align: baseline;
                 align-items: baseline;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 .post-header .status-label {
     vertical-align: super;
}
 .post-title {
     margin-bottom: 20px;
     width: 100%;
}
 @media (min-width: 768px) {
     .post-title {
         margin-bottom: 0;
         padding-right: 10px;
    }
}
 .post-title h1 {
     display: inline;
     vertical-align: middle;
}
 @media (min-width: 768px) {
     .post-title h1 {
         margin-right: 5px;
    }
}
 .post-author {
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
}
 .post-avatar {
     margin-bottom: 30px;
}
 .post-content {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
     line-height: 1.6;
     word-break: break-word;
}
 .post-info-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 40px;
}
 .post-info {
     min-width: 0;
     padding-right: 20px;
     width: 100%;
}
 [dir="rtl"] .post-info {
     padding-right: 0;
     padding-left: 20px;
}
 .post-meta {
     display: inline-block;
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     margin-left: 10px;
     vertical-align: middle;
}
 [dir="rtl"] .post-meta {
     margin-left: 0;
     margin-right: 10px;
}
 .post-body img {
     height: auto;
     max-width: 100%;
}
 .post-body ul, .post-body ol {
     padding-left: 20px;
     list-style-position: outside;
     margin: 20px 0 20px 20px;
}
 [dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol {
     padding-right: 20px;
     padding-left: 0;
     margin-left: 0;
     margin-right: 20px;
}
 .post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol, .post-body li > ul, .post-body li > ol {
     margin: 0;
}
 .post-body ul {
     list-style-type: disc;
}
 .post-body a:visited {
}
 .post-body code {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 0 5px;
     margin: 0 2px;
}
 .post-body pre {
     background: #f7f7f7;
     border: 1px solid #ddd;
     border-radius: 3px;
     padding: 10px 15px;
     overflow: auto;
     white-space: pre;
}
 .post-body blockquote {
     border-left: 1px solid #ddd;
     color: #666;
     font-style: italic;
     padding: 0 15px;
}
 .post-footer {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     padding-bottom: 20px;
}
 .post-comment-count {
     color: #666;
     font-weight: 300;
}
 .post-comment-count:hover {
     text-decoration: none;
}
 .post-comment-count .icon-comments {
     color: rgba(0, 185, 100, 1);
     content: "\1F4AC";
     display: inline-block;
     font-size: 18px;
     padding: 5px;
}
 .post-sidebar {
     border-top: 1px solid #ddd;
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     padding: 30px 0;
     text-align: center;
}
 @media (min-width: 1024px) {
     .post-sidebar {
         border: 0;
         -webkit-box-flex: 1;
             -ms-flex: 1 0 30%;
                 flex: 1 0 30%;
         padding: 0 0 0 50px;
         text-align: initial;
    }
     [dir="rtl"] .post-sidebar {
         padding: 0 50px 0 0;
    }
}
 .post-sidebar h5 {
     font-weight: 600;
}
 @media (min-width: 1024px) {
     .post-sidebar h5 {
         border-bottom: 1px solid #ddd;
         padding-bottom: 20px;
    }
}
 .post-comments {
     margin-bottom: 20px;
}
 @media (min-width: 1024px) {
     .post-comments {
         margin-bottom: 0;
    }
}
/* Navigation element that collapses on mobile */
 .collapsible-nav {
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     max-height: 45px;
     overflow: hidden;
     font-size: 14px;
}
 @media (min-width: 768px) {
     .collapsible-nav {
         border: 0;
         height: auto;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
         max-height: none;
    }
}
 .collapsible-nav-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
}
 @media (min-width: 768px) {
     .collapsible-nav-list {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 .collapsible-nav-list li {
     color: #333333;
     line-height: 45px;
     -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
             order: 1;
}
 @media (min-width: 768px) {
     .collapsible-nav-list li {
         line-height: normal;
         margin-right: 30px;
    }
     [dir="rtl"] .collapsible-nav-list li {
         margin-left: 30px;
         margin-right: 0;
    }
     .collapsible-nav-list li a {
         text-decoration: none;
         padding: 15px 0;
    }
}
 .collapsible-nav-list li a {
     color: #333333;
     display: block;
}
 @media (min-width: 768px) {
     .collapsible-nav-list li:hover {
         border-bottom: 4px solid #ddd;
    }
     .collapsible-nav-list li:hover a {
         padding: 15px 0 11px 0;
         text-decoration: none;
    }
}
 .collapsible-nav-list li[aria-selected="true"] {
     -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
             order: 0;
     position: relative;
}
 @media (min-width: 768px) {
     .collapsible-nav-list li[aria-selected="true"] {
         border-bottom: 4px solid rgba(0, 185, 100, 1);
         -webkit-box-ordinal-group: 2;
             -ms-flex-order: 1;
                 order: 1;
         padding: 15px 0 11px 0;
    }
}
 .collapsible-nav-list li[aria-selected="true"] a {
     color: #333333;
}
 .collapsible-nav-list li[aria-selected="true"]::after {
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
             transform: translateY(-50%);
     content: "\25BE";
     position: absolute;
     right: 0;
}
 @media (min-width: 768px) {
     .collapsible-nav-list li[aria-selected="true"]::after {
         display: none;
    }
}
 [dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
     left: 0;
     right: auto;
}
 .collapsible-nav[aria-expanded="true"] {
     max-height: none;
}
 .collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
     content: "\2715";
}

/***** My activities *****/
 .my-activities-nav {
     background-color: #f2f2f2;
     border: 0;
     margin-bottom: 20px;
}
 .my-activities-sub-nav {
     background-color: transparent;
     border-bottom: 1px solid #ddd;
     margin-bottom: 30px;
}
 @media (min-width: 768px) {
     .my-activities-sub-nav li:hover {
         border-bottom: 4px solid #ddd;
    }
}
 .my-activities-sub-nav li[aria-selected="true"] {
     border-color: rgba(0, 185, 100, 1);
}
 .my-activities-table .striped-list-title {
    /* My activities tables */
     display: block;
     margin-bottom: 10px;
     max-width: 350px;
     white-space: normal;
}
 @media (min-width: 1024px) {
     .my-activities-table .striped-list-title {
         margin-bottom: 0;
         max-width: 500px;
         min-width: 350px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
    }
}
 .my-activities-table thead {
     display: none;
}
 @media (min-width: 768px) {
     .my-activities-table thead {
         display: table-header-group;
    }
}
 .my-activities-table th:first-child, .my-activities-table td:first-child {
     padding-left: 0;
}
 @media (min-width: 1024px) {
     .my-activities-table th:first-child, .my-activities-table td:first-child {
         width: 500px;
    }
}
 .my-activities-table th:last-child, .my-activities-table td:last-child {
     padding-right: 0;
}
 .my-activities-table td:not(:first-child) {
     display: none;
}
 @media (min-width: 768px) {
     .my-activities-table td:not(:first-child) {
         display: table-cell;
    }
}
/* Requests table */
 .requests-search {
     width: 100%;
}
 .requests-table-toolbar {
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
}
 @media (min-width: 768px) {
     .requests-table-toolbar {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 .requests-table-toolbar .search {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     width: 100%;
}
 .requests-table-toolbar .request-table-filter {
     width: 100%;
}
 @media (min-width: 768px) {
     .requests-table-toolbar .request-table-filter {
         width: auto;
    }
}
 .requests-table-toolbar .request-filter {
     display: block;
}
 @media (min-width: 768px) {
     .requests-table-toolbar .request-filter {
         margin: 0 0 0 30px;
    }
     [dir="rtl"] .requests-table-toolbar .request-filter {
         margin: 0 30px 0 0;
    }
}
 .requests-table-toolbar .request-filter-label {
     font-size: 13px;
     margin-top: 30px;
}
 @media (min-width: 768px) {
     .requests-table-toolbar .request-filter-label {
         margin-top: 0;
    }
}
 .requests-table-toolbar select {
     max-height: 40px;
     margin-bottom: 30px;
     width: 100%;
}
 @media (min-width: 768px) {
     .requests-table-toolbar select {
         margin-bottom: 0;
         max-width: 300px;
         width: auto;
    }
}
 .requests-table-toolbar .organization-subscribe, .requests-table-toolbar .organization-unsubscribe {
     line-height: 40px;
     max-height: 40px;
     padding: 0 20px;
}
 @media (min-width: 768px) {
     .requests-table-toolbar .organization-subscribe, .requests-table-toolbar .organization-unsubscribe {
         margin-left: 10px;
    }
     [dir="rtl"] .requests-table-toolbar .organization-subscribe, [dir="rtl"] .requests-table-toolbar .organization-unsubscribe {
         margin: 0 10px 0 0;
    }
}
 .requests-table-toolbar .organization-unsubscribe {
     background-color: rgba(0, 185, 100, 1);
     color: rgba(255, 255, 255, 1);
}
 .requests-table-toolbar + .requests-search-info {
     margin-top: 15px;
}
 .requests-table-toolbar + .requests-search-info.meta-data::after {
     content: "";
     margin: 0;
}
 .requests-table-toolbar + .requests-search-info + .requests {
     margin-top: 20px;
}
 .requests-table-toolbar + .requests {
     margin-top: 40px;
}
 .requests .requests-table-meta {
     display: block;
}
 @media (min-width: 768px) {
     .requests .requests-table-meta {
         display: none;
    }
}
 .requests .requests-table thead {
     display: none;
}
 @media (min-width: 768px) {
     .requests .requests-table thead {
         display: table-header-group;
    }
}
 .requests .requests-table-info {
     display: block;
}
 @media (min-width: 768px) {
     .requests .requests-table-info {
         display: table-cell;
         vertical-align: middle;
         width: auto;
    }
}
 .requests .requests-table .requests-link {
     position: relative;
}
 .requests .requests-table .requests-sort-symbol {
     position: absolute;
     left: calc(100% + 3px);
     bottom: 0;
     font-size: 10px;
}
/* Following table */
 .subscriptions-unsubscribe a {
     background: rgba(0, 185, 100, 1);
     border-radius: 4px;
     color: rgba(255, 255, 255, 1);
     display: inline-block;
     font-size: 12px;
     line-height: 2.34;
     padding: 0 20px;
     text-align: center;
     width: 100%;
}
 @media (min-width: 768px) {
     .subscriptions-unsubscribe a {
         width: auto;
    }
}
 .subscriptions-unsubscribe a:hover {
     background-color: #00532d;
     text-decoration: none;
}
 .subscriptions-table td:last-child {
     display: block;
}
 @media (min-width: 768px) {
     .subscriptions-table td:last-child {
         display: table-cell;
    }
}
 .subscriptions-table td:first-child {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 .subscriptions-table .user-avatar {
     margin-right: 10px;
}
 .subscriptions .striped-list-title {
     display: inline-block;
     vertical-align: middle;
}
/* Contributions table */
 .contributions-table td:last-child {
     color: #666;
     font-size: 13px;
     font-weight: 300;
}
 @media (min-width: 768px) {
     .contributions-table td:last-child {
         color: inherit;
         font-size: inherit;
         font-weight: inherit;
    }
}
 .no-activities {
     color: #666;
}
/***** Request *****/
 .request-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
}
 @media (min-width: 1024px) {
     .request-container {
         -webkit-box-align: start;
             -ms-flex-align: start;
                 align-items: flex-start;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 .request-container .comment-container {
     min-width: 0;
}
 .request-breadcrumbs {
     margin-bottom: 40px;
}
 @media (min-width: 1024px) {
     .request-breadcrumbs {
         margin-bottom: 60px;
    }
}
 .request-main {
     -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
             flex: 1 0 auto;
     -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
             order: 1;
}
 .request-main .comment-fields, .request-main .request-submit-comment {
     display: none;
}
 .request-main .comment-fields.shown {
     display: block;
}
 .request-main .request-submit-comment.shown {
     display: inline;
}
 @media (min-width: 1024px) {
     .request-main {
         -webkit-box-flex: 0;
             -ms-flex: 0 0 66%;
                 flex: 0 0 66%;
         -webkit-box-ordinal-group: 1;
             -ms-flex-order: 0;
                 order: 0;
         min-width: 0;
    }
}
 .request-main .comment-form-controls {
     display: block;
}
 .request-main .comment-ccs {
     display: block;
}
 .request-main .comment-show-container {
     border-radius: 2px;
     border: 1px solid #ddd;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 8px 15px;
     width: 100%;
}
 .request-main .comment-show-container.hidden {
     display: none;
}
 .request-main .comment-show-container-content {
     -ms-flex-item-align: center;
         -ms-grid-row-align: center;
         align-self: center;
     color: #666;
     margin-left: 10px;
}
 .request-main .form-field.comment-ccs > ul {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom: 0;
}
 .request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
     border: 1px solid rgba(0, 185, 100, 1);
}
 .request-main .form-field.comment-ccs > input[type="text"] {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom: 0;
}
 .request-main .comment-ccs + textarea {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     margin-top: 0;
}
 .request-main .comment-ccs + textarea:focus {
     border-top: 1px solid rgba(0, 185, 100, 1);
}
 .request-main input#mark_as_solved {
     display: none;
}
 .request-title {
     width: 100%;
}
 @media (min-width: 1024px) {
     .request-title {
         border-bottom: 1px solid #ddd;
         margin-bottom: 0;
         max-width: 66%;
         padding-bottom: 20px;
    }
}
 .request-sidebar {
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
             flex: 1 0 auto;
     -webkit-box-ordinal-group: 1;
         -ms-flex-order: 0;
             order: 0;
}
 @media (min-width: 1024px) {
     .request-sidebar {
         background-color: #f7f7f7;
         border: 0;
         font-size: 13px;
         -webkit-box-flex: 0;
             -ms-flex: 0 0 auto;
                 flex: 0 0 auto;
         padding: 0 20px;
         width: 30%;
    }
}
 .request-sidebar h5 {
     font-size: 15px;
     font-weight: 600;
     position: relative;
}
 @media (min-width: 1024px) {
     .request-sidebar h5 {
         display: none;
    }
}
 .request-details {
     border-bottom: 1px solid #ddd;
     font-size: 0;
     margin: 0;
     padding-bottom: 20px;
}
 .request-details:last-child {
     border: 0;
}
 .request-details dt, .request-details dd {
     display: inline-block;
     vertical-align: top;
     font-size: 13px;
     margin: 20px 0 0 0;
}
 .request-details dd {
     padding: 0 10px;
     width: 60%;
}
 .request-details dd::after {
     content: "\A";
     white-space: pre;
}
 .request-details dt {
     color: #666;
     font-weight: 300;
     width: 40%;
}
 .request-details .request-collaborators {
     display: inline-block;
}
 .request-attachments dt, .request-attachments dd {
     width: 100%;
}
 .request-attachments dd {
     margin: 10px 0 0 0;
}
 .request-form textarea {
     min-height: 120px;
}
 .request-follow-up {
     padding-top: 20px;
}
/***** Pagination *****/
 .pagination {
     margin: 0px auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-right: 20px;
}
 .pagination * {
     display: inline-block;
}
 .pagination > ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
}
 .pagination li {
     border-radius: 2px;
     height: 32px;
     float: left;
   margin-right: 8px;
     width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

 [dir="rtl"] .pagination li {
     float: right;
}
 .pagination li:hover:not(.pagination-current) {
     background-color: #f3f3f3;
}
 .pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a {
     color: #333333;
     text-decoration: none;
}
 .pagination a, .pagination span {
     font-size: 16px;
     font-weight: 600;
     color: #00B964;
}

 .pagination-current {
     background-color: rgba(0, 185, 100, 1);
}
 .pagination-current a, .pagination-current span {
     color: rgba(255, 255, 255, 1);
}
 .pagination-first {
     border-radius: 3px 0 0 3px;
     display: none;
}
 [dir="rtl"] .pagination-first {
     border-radius: 0 3px 3px 0;
}
 .pagination-last {
     border-radius: 0 3px 3px 0;
     display: none;
}
 [dir="rtl"] .pagination-last {
     border-radius: 3px 0 0 3px;
}
/***** Metadata *****/
 .meta-group {
     display: block;
}
 .meta-group * {
     display: inline;
}
 .meta-data {
     color: #666;
     font-size: 13px;
     font-weight: 300;
}
 .meta-data:not(:last-child)::after {
     content: "\00B7";
     margin: 0 5px;
}
/***** Icons *****/
 [class^="icon-"]::before, [class*=" icon-"]::before, .icon, .search::before, .recent-activity-item-comment span::before, .article-vote::before, .attachments .attachment-item::before, .share a::before, .vote-up::before, .vote-down::before, .actions .dropdown-toggle::before, .collapsible-nav-list li[aria-selected="true"]::after, .collapsible-sidebar-title::after, .search-result-votes::before, .search-result-meta-count::before {
     font-family: "copenhagen-icons";
     font-style: normal;
     font-weight: normal;
     speak: none;
     line-height: 1em;
     vertical-align: middle;
     -webkit-font-smoothing: antialiased;
}
 .icon-lock::before {
     content: "\1F512";
}
 .icon-star::before {
     content: "\2605";
}
 .icon-linkedin::before {
     content: "\e900";
}
 .icon-twitter::before {
     content: "\e901";
}
 .icon-googleplus-::before {
     content: "\e902";
}
 .icon-facebook::before {
     content: "\e903";
}
 .icon-agent::before {
     content: "\1F464";
}
 .icon-close::before {
     content: "\2715";
}
 .icon-arrow-up::before {
     content: "\2B06";
}
 .icon-arrow-down::before {
     content: "\2B07";
}
 .icon-attachments::before {
     content: "\1F4CE";
}
 .icon-comments::before {
     content: "\1F4AC";
}
 .icon-search::before {
     content: "\1F50D";
}
 .icon-vote::before {
     content: "\1F44D";
}
 .icon-handle::before {
     content: "\25BE";
}
 .icon-check::before {
     content: "\2713";
}
 .icon-gear::before {
     content: "\2699";
}
 .icon-menu::before {
     content: "\2630";
}
 .icon-article::before {
     content: "\1F4C4";
}
 .icon-post::before {
     content: "\1F4D4";
}
 .icon-notification-alert::before {
     content: "\26A0";
}
 .icon-notification-error::before {
     content: "\00D7";
}
 .icon-notification-info::before {
     content: "\2139";
}
 .icon-notification-success::before {
     content: "\2714";
}
/* User Profiles */
 .profile-header {
     padding: 30px 0;
     background-color: #f7f7f7;
}
 .profile-header .container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
}
 @media (min-width: 768px) {
     .profile-header .container {
         -ms-flex-wrap: nowrap;
             flex-wrap: nowrap;
    }
}
 .profile-header .profile-info {
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     min-width: 0;
}
 .profile-avatar {
     position: relative;
     line-height: 0;
     -ms-flex-item-align: center;
         -ms-grid-row-align: center;
         align-self: center;
     margin-right: 10px;
}
 [dir="rtl"] .profile-avatar {
     margin-left: 10px;
     margin-right: 0;
}
 .profile-avatar .user-avatar {
     width: 65px;
     height: 65px;
}
 .profile-avatar .icon-agent::before {
     bottom: 0;
     right: 0;
}
 .profile-header .basic-info {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
     -ms-flex-preferred-size: 0;
         flex-basis: 0;
     min-width: 0;
}
 .profile-header .basic-info .name {
     margin: 0;
}
 .profile-header .options {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
     margin-top: 12px;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
}
 @media (min-width: 768px) {
     .profile-header .options {
         -ms-flex-wrap: nowrap;
             flex-wrap: nowrap;
         -ms-flex-preferred-size: auto;
             flex-basis: auto;
         margin-top: 0;
         margin-left: 10px;
    }
     [dir="rtl"] .profile-header .options {
         margin-left: 0;
         margin-right: 10px;
    }
     .profile-header .options > :not(:last-child) {
         margin-bottom: 0;
         margin-right: 10px;
    }
     [dir="rtl"] .profile-header .options > :not(:last-child) {
         margin-left: 10px;
         margin-right: 0;
    }
}
 .profile-header .options [data-action="edit-profile"] {
     background-color: rgba(0, 185, 100, 1);
     border: 0;
     color: rgba(255, 255, 255, 1);
     line-height: normal;
     padding: 8px 20px;
     outline-color: rgba(0, 185, 100, 1);
}
 .profile-header .description {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     margin: 15px 0;
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
}
 .profile-stats {
     font-size: 13px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
}
 .profile-stats .stat {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 10px;
}
 .profile-stats .stat-label {
     color: #666;
     font-weight: 300;
     -webkit-box-flex: 0;
         -ms-flex: 0 0 100px;
             flex: 0 0 100px;
     margin-right: 10px;
}
 [dir="rtl"] .profile-stats .stat-label {
     margin-left: 10px;
     margin-right: 0;
}
 .profile-stats-activity {
     border-top: solid 1px #ddd;
     margin-top: 15px;
}
 @media (min-width: 768px) {
     .profile-stats-activity {
         border-top: 0;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 @media (min-width: 768px) {
     .profile-stats-activity .stat {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
    }
}
 .profile-stats-activity .stat:first-child {
     margin-top: 10px;
}
 @media (min-width: 768px) {
     .profile-stats-activity .stat:first-child {
         margin-top: 0;
    }
}
 @media (min-width: 768px) {
     .profile-stats-activity .stat:not(:last-child) {
         margin-right: 40px;
    }
     [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
         margin-left: 40px;
         margin-right: 0;
    }
}
 @media (min-width: 768px) {
     .profile-stats-activity .stat-label {
         -webkit-box-flex: 0;
             -ms-flex: 0 1 auto;
                 flex: 0 1 auto;
    }
}
 .profile-stats-counters {
     border-bottom: solid 1px #ddd;
}
 @media (min-width: 768px) {
     .profile-stats-counters {
         -webkit-box-flex: 0;
             -ms-flex: 0 0 200px;
                 flex: 0 0 200px;
         border-bottom: 0;
         margin-left: 40px;
    }
     [dir="rtl"] .profile-stats-counters {
         margin-left: 0;
         margin-right: 40px;
    }
}
 @media (min-width: 1024px) {
     .profile-stats-counters {
         -webkit-box-flex: 0;
             -ms-flex: 0 0 270px;
                 flex: 0 0 270px;
         margin-left: 60px;
    }
     [dir="rtl"] .profile-stats-counters {
         margin-right: 60px;
         margin-left: 0;
    }
}
 @media (min-width: 768px) {
     .profile-stats-counters .stat {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
             -ms-flex-direction: column;
                 flex-direction: column;
    }
}
 @media (min-width: 1024px) {
     .profile-stats-counters .stat {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
             -ms-flex-direction: row;
                 flex-direction: row;
    }
}
 @media (min-width: 768px) {
     .profile-stats-counters .stat:not(:last-child) {
         margin-bottom: 15px;
    }
}
 @media (min-width: 768px) {
     .profile-stats-counters .stat-label {
         -webkit-box-flex: 0;
             -ms-flex: 0 1 auto;
                 flex: 0 1 auto;
    }
}
 @media (min-width: 1024px) {
     .profile-stats-counters .stat-label {
         -webkit-box-flex: 0;
             -ms-flex: 0 0 100px;
                 flex: 0 0 100px;
    }
}
 .profile-private-badge {
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
     border: solid 1px rgba(0, 185, 100, 1);
     border-radius: 4px;
     color: rgba(0, 185, 100, 1);
     padding: 5px 20px;
     font-size: 12px;
     text-align: center;
}
 .profile-private-badge::after {
     content: "\1f512";
     margin-left: 5px;
     font-family: "copenhagen-icons";
     vertical-align: middle;
     line-height: 15px;
}
 @media (min-width: 768px) {
     .profile-private-badge {
         -ms-flex-preferred-size: auto;
             flex-basis: auto;
    }
}
 .profile-nav {
     background-color: #f2f2f2;
     border: 0;
     margin-bottom: 37px;
}
 .profile-section {
     width: 100%;
}
 @media (min-width: 1024px) {
     .profile-section {
         width: calc(100% - 330px);
    }
}
 .profile-section-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
}
 .profile-section-title {
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
     margin-bottom: 0;
}
 .profile-section-description {
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
     padding: 10px 0;
     color: #666;
     font-weight: 300;
     font-size: 13px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 @media (min-width: 768px) {
     .profile-section-description {
         -webkit-box-flex: 1;
             -ms-flex: 1 0 50%;
                 flex: 1 0 50%;
         padding-bottom: 0;
    }
}
 .profile-section-sorter {
     -ms-flex-preferred-size: 100%;
         flex-basis: 100%;
     border-top: solid 1px #eee;
     font-size: 13px;
}
 .profile-section-sorter .dropdown-toggle {
     padding: 10px 0;
     width: 100%;
}
 .profile-section-sorter .dropdown-toggle::after {
     position: absolute;
     right: 0;
}
 [dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
     left: 0;
     right: initial;
}
 @media (min-width: 768px) {
     .profile-section-sorter .dropdown-toggle::after {
         position: relative;
    }
}
 @media (min-width: 768px) {
     .profile-section-sorter {
         -webkit-box-flex: 0;
             -ms-flex: 0 1 auto;
                 flex: 0 1 auto;
         padding-top: 0;
         border-top: 0;
         margin-left: 20px;
    }
     [dir="rtl"] .profile-section-sorter {
         margin-left: 0;
         margin-right: 20px;
    }
}
 .profile-contribution {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     padding: 20px 0;
     position: relative;
}
 .profile-contribution-header {
     margin-bottom: 5px;
}
 .profile-contribution-title {
     margin: 0 0 5px 0;
     display: inline;
     line-height: 21px;
     font-size: 15px;
     vertical-align: middle;
}
 .profile-contribution-body {
     margin: 10px 0;
}
 .profile-contribution-list > .profile-contribution {
     border-top: 1px solid #eee;
}
 @media (min-width: 768px) {
     .profile-contribution-list > .profile-contribution {
         padding-left: 30px;
    }
     [dir="rtl"] .profile-contribution-list > .profile-contribution {
         padding-right: 30px;
         padding-left: 0;
    }
}
 .profile-contribution-list > .profile-contribution:last-child {
     border-bottom: 1px solid #eee;
}
 .profile-contribution-list > .profile-contribution::before {
     left: 0;
     position: absolute;
     font-size: 16px;
     color: #ccc;
     font-family: "copenhagen-icons";
     line-height: 25px;
}
 [dir="rtl"] .profile-contribution-list > .profile-contribution::before {
     right: 0;
}
 .profile-contribution-list .profile-contribution-header {
     margin-left: 30px;
}
 [dir="rtl"] .profile-contribution-list .profile-contribution-header {
     padding-right: 30px;
     padding-left: 0;
}
 @media (min-width: 768px) {
     .profile-contribution-list .profile-contribution-header {
         margin-left: 0;
    }
     [dir="rtl"] .profile-contribution-list .profile-contribution-header {
         padding-right: 0;
    }
}
 .profile-comments .profile-contribution-breadcrumbs {
     margin-left: 30px;
}
 [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
     padding-right: 30px;
     padding-left: 0;
}
 @media (min-width: 768px) {
     .profile-comments .profile-contribution-breadcrumbs {
         margin-left: 0;
    }
     [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
         padding-right: 0;
    }
}
 .profile-section .no-activity, .profile-section .private-activity {
     display: block;
     margin-top: 40px;
     color: #999;
}
 .profile-section .private-activity::before {
     content: "\1f512";
     font-family: "copenhagen-icons";
     font-style: normal;
     font-size: 12px;
     font-weight: normal;
     vertical-align: middle;
     margin-right: 10px;
}
 [dir="rtl"] .profile-section .private-activity::before {
     margin-right: 0;
     margin-left: 10px;
}
 .profile-activity-list {
     margin-top: 25px;
}
 .profile-activity {
     position: relative;
     padding-bottom: 30px;
}
 @media (min-width: 768px) {
     .profile-activity {
         padding-left: 20px;
    }
     [dir="rtl"] .profile-activity {
         padding-right: 20px;
         padding-left: 0;
    }
}
 @media (min-width: 768px) {
     .profile-activity:not(:last-child) {
         border-left: 1px solid #ddd;
    }
     [dir="rtl"] .profile-activity:not(:last-child) {
         border-left: 0;
         border-right: 1px solid #ddd;
    }
}
 .profile-activity-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     margin-left: 35px;
}
 [dir="rtl"] .profile-activity-header {
     margin-left: 0;
     margin-right: 35px;
}
 @media (min-width: 768px) {
     .profile-activity-header {
         margin-left: 0;
    }
     [dir="rtl"] .profile-activity-header {
         margin-right: 0;
    }
}
 .profile-activity-header .user-avatar {
     width: 40px;
     height: 40px;
     margin-right: 10px;
     min-width: 40px;
     -ms-flex-item-align: start;
         align-self: flex-start;
}
 [dir="rtl"] .profile-activity-header .user-avatar {
     margin-left: 10px;
     margin-right: 0;
}
 .profile-activity-description {
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -webkit-hyphens: auto;
     word-break: break-word;
     margin: 0;
     min-width: 0;
     width: 100%;
}
 .profile-activity-description span:first-child {
     font-weight: 600;
     display: inline;
}
 .profile-activity-contribution {
     padding: 20px;
     margin-top: 10px;
     border-radius: 8px;
     background-color: #f7f7f7;
}
 @media (min-width: 768px) {
     .profile-activity-contribution {
         margin-top: 0;
         margin-left: 50px;
    }
     [dir="rtl"] .profile-activity-contribution {
         margin-left: 0;
         margin-right: 50px;
    }
}
 .profile-activity::before {
     position: absolute;
     left: 0;
     width: 28px;
     border-radius: 50%;
     content: "";
     background-size: 14px 14px;
     background-repeat: no-repeat;
     background-color: #FFFFFF;
     background-position: 50% 50%;
     text-align: center;
     line-height: 40px;
     font-size: 16px;
     color: #ccc;
     font-family: "copenhagen-icons";
}
 [dir="rtl"] .profile-activity::before {
     right: 0;
}
 @media (min-width: 768px) {
     .profile-activity::before {
         left: -14px;
    }
     [dir="rtl"] .profile-activity::before {
         right: -14px;
    }
}
 .profile-articles > .profile-contribution::before, .profile-activity-list > li[class$="-article"]::before {
     content: "\1f4c4";
}
 .profile-posts > .profile-contribution::before, .profile-activity-list > li[class$="-post"]::before {
     content: "\1f4d4";
}
 .profile-comments > .profile-contribution::before, .profile-activity-list > li[class$="-comment"]::before {
     content: "\1f4ac";
     line-height: 35px;
}
/***** Search results *****/
 .search-results {
     margin-left: auto;
     margin-right: auto;
     display: block;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
}
 @media (min-width: 1024px) {
     .search-results {
    }
}
 .search-results-column {
}
 @media (min-width: 1024px) {
     .search-results-column {
    }
}
 .search-results-list {
     margin-bottom: 1.5625rem;
}

.search-results-list > :first-child {
  padding-top: 0;
}

 .search-results-list > li {
     padding: 1.25rem 0;
}
 .search-results-list > li:first-child {
}
 .search-result-description {
     color: #666;
     padding-bottom: 3px;
     font-size: 1rem;
}

 .search-result-description > a {
     color: #666;
}

 .search-result-votes, .search-result-meta-count {
     color: #666;
     display: inline-block;
     font-size: 13px;
     font-weight: 300;
     padding: 4px 5px;
     position: relative;
}
 .search-result-votes::before, .search-result-meta-count::before {
     color: rgba(0, 185, 100, 1);
}
 [dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
     margin-left: 5px;
}
 [dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
     margin-right: 3px;
}
 [dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
     margin-right: 5px;
}
 [dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
     margin-left: 3px;
}
 .search-result-votes::before {
     content: "\1F44D";
}
 .search-result-meta-count::before {
     content: "\1F4AC";
}
 .search-result .meta-group {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
 .search-result-breadcrumbs > li > a{
     margin: 0;
     font-weight: 700;
     color: #333;
}
.search-result-breadcrumbs > li:nth-child(1), .search-result-breadcrumbs > li:nth-child(3) {
     display: none;
}

 .search-result-breadcrumbs > li:before {
     display: none;
}
 .search-result-breadcrumbs {
     padding-bottom: .875rem;
     display: block;
   margin: 0;
}
 .search-result-link {
     color: #333;
     display: inline-block;
     padding-bottom: .5rem;
}
 .search-result-link:hover {
     color: #333;
}
 .search-result-link:focus {
     color: #333;
}
 .search-result {
     border-bottom: 1px solid #e3e3e3;
}

/* FOUNDATION */
 .grid-container {
     padding-right: 1rem;
     padding-left: 1rem;
     margin-left: auto;
     margin-right: auto;
}

 @media screen and (min-width:48em) and (max-width:59.9375em) {
     .grid-container {
       max-width: 48rem;
    }
}
 @media screen and (min-width:60em) and (max-width:71.9375em) {
     .grid-container {
       width: 60rem;
    }
}
 @media screen and (min-width:72em) and (max-width:74.9375em) {
     .grid-container {
       width: 72rem;
    }
}
 @media screen and (min-width:75em) {
     .grid-container {
       width: 75rem;
    }
}

 .grid-x {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap 
}
 
 .grid-x>.auto {
     width: auto 
}
 .grid-x>.shrink {
     width: auto 
}
 .grid-x>.small-1, .grid-x>.small-10, .grid-x>.small-11, .grid-x>.small-12, .grid-x>.small-2, .grid-x>.small-3, .grid-x>.small-4, .grid-x>.small-5, .grid-x>.small-6, .grid-x>.small-7, .grid-x>.small-8, .grid-x>.small-9, .grid-x>.small-full, .grid-x>.small-shrink {
     -ms-flex-preferred-size: auto;
     flex-basis: auto 
}
 @media print, screen and (min-width:48em) {
     .grid-x>.medium-1, .grid-x>.medium-10, .grid-x>.medium-11, .grid-x>.medium-12, .grid-x>.medium-2, .grid-x>.medium-3, .grid-x>.medium-4, .grid-x>.medium-5, .grid-x>.medium-6, .grid-x>.medium-7, .grid-x>.medium-8, .grid-x>.medium-9, .grid-x>.medium-full, .grid-x>.medium-shrink {
         -ms-flex-preferred-size: auto;
         flex-basis: auto 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-x>.large-1, .grid-x>.large-10, .grid-x>.large-11, .grid-x>.large-12, .grid-x>.large-2, .grid-x>.large-3, .grid-x>.large-4, .grid-x>.large-5, .grid-x>.large-6, .grid-x>.large-7, .grid-x>.large-8, .grid-x>.large-9, .grid-x>.large-full, .grid-x>.large-shrink {
         -ms-flex-preferred-size: auto;
         flex-basis: auto 
    }
}
 @media screen and (min-width:72em) {
     .grid-x>.xlarge-1, .grid-x>.xlarge-10, .grid-x>.xlarge-11, .grid-x>.xlarge-12, .grid-x>.xlarge-2, .grid-x>.xlarge-3, .grid-x>.xlarge-4, .grid-x>.xlarge-5, .grid-x>.xlarge-6, .grid-x>.xlarge-7, .grid-x>.xlarge-8, .grid-x>.xlarge-9, .grid-x>.xlarge-full, .grid-x>.xlarge-shrink {
         -ms-flex-preferred-size: auto;
         flex-basis: auto 
    }
}
 .grid-x>.small-1 {
     width: 8.33333% 
}
 .grid-x>.small-2 {
     width: 16.66667% 
}
 .grid-x>.small-3 {
     width: 25% 
}
 .grid-x>.small-4 {
     width: 33.33333% 
}
 .grid-x>.small-5 {
     width: 41.66667% 
}
 .grid-x>.small-6 {
     width: 50% 
}
 .grid-x>.small-7 {
     width: 58.33333% 
}
 .grid-x>.small-8 {
     width: 66.66667% 
}
 .grid-x>.small-9 {
     width: 75% 
}
 .grid-x>.small-10 {
     width: 83.33333% 
}
 .grid-x>.small-11 {
     width: 91.66667% 
}
 .grid-x>.small-12 {
     width: 100% 
}
 @media print, screen and (min-width:48em) {
     .grid-x>.medium-auto {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 0px;
         flex: 1 1 0px;
         width: auto 
    }
     .grid-x>.medium-shrink {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto 
    }
     .grid-x>.medium-1 {
         width: 8.33333% 
    }
     .grid-x>.medium-2 {
         width: 16.66667% 
    }
     .grid-x>.medium-3 {
         width: 25% 
    }
     .grid-x>.medium-4 {
         width: 33.33333% 
    }
     .grid-x>.medium-5 {
         width: 41.66667% 
    }
     .grid-x>.medium-6 {
         width: 50% 
    }
     .grid-x>.medium-7 {
         width: 58.33333% 
    }
     .grid-x>.medium-8 {
         width: 66.66667% 
    }
     .grid-x>.medium-9 {
         width: 75% 
    }
     .grid-x>.medium-10 {
         width: 83.33333% 
    }
     .grid-x>.medium-11 {
         width: 91.66667% 
    }
     .grid-x>.medium-12 {
         width: 100% 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-x>.large-auto {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 0px;
         flex: 1 1 0px;
         width: auto 
    }
     .grid-x>.large-shrink {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto 
    }
     .grid-x>.large-1 {
         width: 8.33333% 
    }
     .grid-x>.large-2 {
         width: 16.66667% 
    }
     .grid-x>.large-3 {
         width: 25% 
    }
     .grid-x>.large-4 {
         width: 33.33333% 
    }
     .grid-x>.large-5 {
         width: 41.66667% 
    }
     .grid-x>.large-6 {
         width: 50% 
    }
     .grid-x>.large-7 {
         width: 58.33333% 
    }
     .grid-x>.large-8 {
         width: 66.66667% 
    }
     .grid-x>.large-9 {
         width: 75% 
    }
     .grid-x>.large-10 {
         width: 83.33333% 
    }
     .grid-x>.large-11 {
         width: 91.66667% 
    }
     .grid-x>.large-12 {
         width: 100% 
    }
}
 @media screen and (min-width:72em) {
     .grid-x>.xlarge-auto {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 0px;
         flex: 1 1 0px;
         width: auto 
    }
     .grid-x>.xlarge-shrink {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 auto;
         width: auto 
    }
     .grid-x>.xlarge-1 {
         width: 8.33333% 
    }
     .grid-x>.xlarge-2 {
         width: 16.66667% 
    }
     .grid-x>.xlarge-3 {
         width: 25% 
    }
     .grid-x>.xlarge-4 {
         width: 33.33333% 
    }
     .grid-x>.xlarge-5 {
         width: 41.66667% 
    }
     .grid-x>.xlarge-6 {
         width: 50% 
    }
     .grid-x>.xlarge-7 {
         width: 58.33333% 
    }
     .grid-x>.xlarge-8 {
         width: 66.66667% 
    }
     .grid-x>.xlarge-9 {
         width: 75% 
    }
     .grid-x>.xlarge-10 {
         width: 83.33333% 
    }
     .grid-x>.xlarge-11 {
         width: 91.66667% 
    }
     .grid-x>.xlarge-12 {
         width: 100% 
    }
}
 .grid-margin-x:not(.grid-x)>.cell {
     width: auto 
}
 .grid-margin-y:not(.grid-y)>.cell {
     height: auto 
}
 .grid-margin-x {
     margin-left: -.625rem;
     margin-right: -.625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-x {
         margin-left: -.9375rem;
         margin-right: -.9375rem 
    }
}
 .grid-margin-x>.cell {
     width: calc(100% - 1.25rem);
     margin-left: .625rem;
     margin-right: .625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-x>.cell {
         width: calc(100% - 1.875rem);
         margin-left: .9375rem;
         margin-right: .9375rem 
    }
}
 .grid-margin-x>.auto {
     width: auto 
}
 .grid-margin-x>.shrink {
     width: auto 
}
 .grid-margin-x>.small-1 {
     width: calc(8.33333% - 1.25rem) 
}
 .grid-margin-x>.small-2 {
     width: calc(16.66667% - 1.25rem) 
}
 .grid-margin-x>.small-3 {
     width: calc(25% - 1.25rem) 
}
 .grid-margin-x>.small-4 {
     width: calc(33.33333% - 1.25rem) 
}
 .grid-margin-x>.small-5 {
     width: calc(41.66667% - 1.25rem) 
}
 .grid-margin-x>.small-6 {
     width: calc(50% - 1.25rem) 
}
 .grid-margin-x>.small-7 {
     width: calc(58.33333% - 1.25rem) 
}
 .grid-margin-x>.small-8 {
     width: calc(66.66667% - 1.25rem) 
}
 .grid-margin-x>.small-9 {
     width: calc(75% - 1.25rem) 
}
 .grid-margin-x>.small-10 {
     width: calc(83.33333% - 1.25rem) 
}
 .grid-margin-x>.small-11 {
     width: calc(91.66667% - 1.25rem) 
}
 .grid-margin-x>.small-12 {
     width: calc(100% - 1.25rem) 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-x>.auto {
         width: auto 
    }
     .grid-margin-x>.shrink {
         width: auto 
    }
     .grid-margin-x>.small-1 {
         width: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-x>.small-2 {
         width: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-x>.small-3 {
         width: calc(25% - 1.875rem) 
    }
     .grid-margin-x>.small-4 {
         width: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-x>.small-5 {
         width: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-x>.small-6 {
         width: calc(50% - 1.875rem) 
    }
     .grid-margin-x>.small-7 {
         width: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-x>.small-8 {
         width: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-x>.small-9 {
         width: calc(75% - 1.875rem) 
    }
     .grid-margin-x>.small-10 {
         width: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-x>.small-11 {
         width: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-x>.small-12 {
         width: calc(100% - 1.875rem) 
    }
     .grid-margin-x>.medium-auto {
         width: auto 
    }
     .grid-margin-x>.medium-shrink {
         width: auto 
    }
     .grid-margin-x>.medium-1 {
         width: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-x>.medium-2 {
         width: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-x>.medium-3 {
         width: calc(25% - 1.875rem) 
    }
     .grid-margin-x>.medium-4 {
         width: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-x>.medium-5 {
         width: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-x>.medium-6 {
         width: calc(50% - 1.875rem) 
    }
     .grid-margin-x>.medium-7 {
         width: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-x>.medium-8 {
         width: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-x>.medium-9 {
         width: calc(75% - 1.875rem) 
    }
     .grid-margin-x>.medium-10 {
         width: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-x>.medium-11 {
         width: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-x>.medium-12 {
         width: calc(100% - 1.875rem) 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-margin-x>.large-auto {
         width: auto 
    }
     .grid-margin-x>.large-shrink {
         width: auto 
    }
     .grid-margin-x>.large-1 {
         width: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-x>.large-2 {
         width: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-x>.large-3 {
         width: calc(25% - 1.875rem) 
    }
     .grid-margin-x>.large-4 {
         width: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-x>.large-5 {
         width: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-x>.large-6 {
         width: calc(50% - 1.875rem) 
    }
     .grid-margin-x>.large-7 {
         width: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-x>.large-8 {
         width: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-x>.large-9 {
         width: calc(75% - 1.875rem) 
    }
     .grid-margin-x>.large-10 {
         width: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-x>.large-11 {
         width: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-x>.large-12 {
         width: calc(100% - 1.875rem) 
    }
}
 @media screen and (min-width:72em) {
     .grid-margin-x>.xlarge-auto {
         width: auto 
    }
     .grid-margin-x>.xlarge-shrink {
         width: auto 
    }
     .grid-margin-x>.xlarge-1 {
         width: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-2 {
         width: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-3 {
         width: calc(25% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-4 {
         width: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-5 {
         width: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-6 {
         width: calc(50% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-7 {
         width: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-8 {
         width: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-9 {
         width: calc(75% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-10 {
         width: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-11 {
         width: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-x>.xlarge-12 {
         width: calc(100% - 1.875rem) 
    }
}
 .grid-padding-x .grid-padding-x {
     margin-right: -.625rem;
     margin-left: -.625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-padding-x .grid-padding-x {
         margin-right: -.9375rem;
         margin-left: -.9375rem 
    }
}
 .grid-padding-x>.cell {
     padding-right: .625rem;
     padding-left: .625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-padding-x>.cell {
         padding-right: .9375rem;
         padding-left: .9375rem 
    }
}
 .small-up-1>.cell {
     width: 100% 
}
 .small-up-2>.cell {
     width: 50% 
}
 .small-up-3>.cell {
     width: 33.33333% 
}
 .small-up-4>.cell {
     width: 25% 
}
 .small-up-5>.cell {
     width: 20% 
}
 .small-up-6>.cell {
     width: 16.66667% 
}
 .small-up-7>.cell {
     width: 14.28571% 
}
 .small-up-8>.cell {
     width: 12.5% 
}
 @media print, screen and (min-width:48em) {
     .medium-up-1>.cell {
         width: 100% 
    }
     .medium-up-2>.cell {
         width: 50% 
    }
     .medium-up-3>.cell {
         width: 33.33333% 
    }
     .medium-up-4>.cell {
         width: 25% 
    }
     .medium-up-5>.cell {
         width: 20% 
    }
     .medium-up-6>.cell {
         width: 16.66667% 
    }
     .medium-up-7>.cell {
         width: 14.28571% 
    }
     .medium-up-8>.cell {
         width: 12.5% 
    }
}
 @media print, screen and (min-width:60em) {
     .large-up-1>.cell {
         width: 100% 
    }
     .large-up-2>.cell {
         width: 50% 
    }
     .large-up-3>.cell {
         width: 33.33333% 
    }
     .large-up-4>.cell {
         width: 25% 
    }
     .large-up-5>.cell {
         width: 20% 
    }
     .large-up-6>.cell {
         width: 16.66667% 
    }
     .large-up-7>.cell {
         width: 14.28571% 
    }
     .large-up-8>.cell {
         width: 12.5% 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-up-1>.cell {
         width: 100% 
    }
     .xlarge-up-2>.cell {
         width: 50% 
    }
     .xlarge-up-3>.cell {
         width: 33.33333% 
    }
     .xlarge-up-4>.cell {
         width: 25% 
    }
     .xlarge-up-5>.cell {
         width: 20% 
    }
     .xlarge-up-6>.cell {
         width: 16.66667% 
    }
     .xlarge-up-7>.cell {
         width: 14.28571% 
    }
     .xlarge-up-8>.cell {
         width: 12.5% 
    }
}
 .grid-margin-x.small-up-1>.cell {
     width: calc(100% - 1.25rem) 
}
 .grid-margin-x.small-up-2>.cell {
     width: calc(50% - 1.25rem) 
}
 .grid-margin-x.small-up-3>.cell {
     width: calc(33.33333% - 1.25rem) 
}
 .grid-margin-x.small-up-4>.cell {
     width: calc(25% - 1.25rem) 
}
 .grid-margin-x.small-up-5>.cell {
     width: calc(20% - 1.25rem) 
}
 .grid-margin-x.small-up-6>.cell {
     width: calc(16.66667% - 1.25rem) 
}
 .grid-margin-x.small-up-7>.cell {
     width: calc(14.28571% - 1.25rem) 
}
 .grid-margin-x.small-up-8>.cell {
     width: calc(12.5% - 1.25rem) 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-x.small-up-1>.cell {
         width: calc(100% - 1.25rem) 
    }
     .grid-margin-x.small-up-2>.cell {
         width: calc(50% - 1.25rem) 
    }
     .grid-margin-x.small-up-3>.cell {
         width: calc(33.33333% - 1.25rem) 
    }
     .grid-margin-x.small-up-4>.cell {
         width: calc(25% - 1.25rem) 
    }
     .grid-margin-x.small-up-5>.cell {
         width: calc(20% - 1.25rem) 
    }
     .grid-margin-x.small-up-6>.cell {
         width: calc(16.66667% - 1.25rem) 
    }
     .grid-margin-x.small-up-7>.cell {
         width: calc(14.28571% - 1.25rem) 
    }
     .grid-margin-x.small-up-8>.cell {
         width: calc(12.5% - 1.25rem) 
    }
     .grid-margin-x.medium-up-1>.cell {
         width: calc(100% - 1.875rem) 
    }
     .grid-margin-x.medium-up-2>.cell {
         width: calc(50% - 1.875rem) 
    }
     .grid-margin-x.medium-up-3>.cell {
         width: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-x.medium-up-4>.cell {
         width: calc(25% - 1.875rem) 
    }
     .grid-margin-x.medium-up-5>.cell {
         width: calc(20% - 1.875rem) 
    }
     .grid-margin-x.medium-up-6>.cell {
         width: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-x.medium-up-7>.cell {
         width: calc(14.28571% - 1.875rem) 
    }
     .grid-margin-x.medium-up-8>.cell {
         width: calc(12.5% - 1.875rem) 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-margin-x.large-up-1>.cell {
         width: calc(100% - 1.875rem) 
    }
     .grid-margin-x.large-up-2>.cell {
         width: calc(50% - 1.875rem) 
    }
     .grid-margin-x.large-up-3>.cell {
         width: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-x.large-up-4>.cell {
         width: calc(25% - 1.875rem) 
    }
     .grid-margin-x.large-up-5>.cell {
         width: calc(20% - 1.875rem) 
    }
     .grid-margin-x.large-up-6>.cell {
         width: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-x.large-up-7>.cell {
         width: calc(14.28571% - 1.875rem) 
    }
     .grid-margin-x.large-up-8>.cell {
         width: calc(12.5% - 1.875rem) 
    }
}
 @media screen and (min-width:72em) {
     .grid-margin-x.xlarge-up-1>.cell {
         width: calc(100% - 1.875rem) 
    }
     .grid-margin-x.xlarge-up-2>.cell {
         width: calc(50% - 1.875rem) 
    }
     .grid-margin-x.xlarge-up-3>.cell {
         width: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-x.xlarge-up-4>.cell {
         width: calc(25% - 1.875rem) 
    }
     .grid-margin-x.xlarge-up-5>.cell {
         width: calc(20% - 1.875rem) 
    }
     .grid-margin-x.xlarge-up-6>.cell {
         width: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-x.xlarge-up-7>.cell {
         width: calc(14.28571% - 1.875rem) 
    }
     .grid-margin-x.xlarge-up-8>.cell {
         width: calc(12.5% - 1.875rem) 
    }
}
 .small-margin-collapse {
     margin-right: 0;
     margin-left: 0 
}
 .small-margin-collapse>.cell {
     margin-right: 0;
     margin-left: 0 
}
 .small-margin-collapse>.small-1 {
     width: 8.33333% 
}
 .small-margin-collapse>.small-2 {
     width: 16.66667% 
}
 .small-margin-collapse>.small-3 {
     width: 25% 
}
 .small-margin-collapse>.small-4 {
     width: 33.33333% 
}
 .small-margin-collapse>.small-5 {
     width: 41.66667% 
}
 .small-margin-collapse>.small-6 {
     width: 50% 
}
 .small-margin-collapse>.small-7 {
     width: 58.33333% 
}
 .small-margin-collapse>.small-8 {
     width: 66.66667% 
}
 .small-margin-collapse>.small-9 {
     width: 75% 
}
 .small-margin-collapse>.small-10 {
     width: 83.33333% 
}
 .small-margin-collapse>.small-11 {
     width: 91.66667% 
}
 .small-margin-collapse>.small-12 {
     width: 100% 
}
 @media print, screen and (min-width:48em) {
     .small-margin-collapse>.medium-1 {
         width: 8.33333% 
    }
     .small-margin-collapse>.medium-2 {
         width: 16.66667% 
    }
     .small-margin-collapse>.medium-3 {
         width: 25% 
    }
     .small-margin-collapse>.medium-4 {
         width: 33.33333% 
    }
     .small-margin-collapse>.medium-5 {
         width: 41.66667% 
    }
     .small-margin-collapse>.medium-6 {
         width: 50% 
    }
     .small-margin-collapse>.medium-7 {
         width: 58.33333% 
    }
     .small-margin-collapse>.medium-8 {
         width: 66.66667% 
    }
     .small-margin-collapse>.medium-9 {
         width: 75% 
    }
     .small-margin-collapse>.medium-10 {
         width: 83.33333% 
    }
     .small-margin-collapse>.medium-11 {
         width: 91.66667% 
    }
     .small-margin-collapse>.medium-12 {
         width: 100% 
    }
}
 @media print, screen and (min-width:60em) {
     .small-margin-collapse>.large-1 {
         width: 8.33333% 
    }
     .small-margin-collapse>.large-2 {
         width: 16.66667% 
    }
     .small-margin-collapse>.large-3 {
         width: 25% 
    }
     .small-margin-collapse>.large-4 {
         width: 33.33333% 
    }
     .small-margin-collapse>.large-5 {
         width: 41.66667% 
    }
     .small-margin-collapse>.large-6 {
         width: 50% 
    }
     .small-margin-collapse>.large-7 {
         width: 58.33333% 
    }
     .small-margin-collapse>.large-8 {
         width: 66.66667% 
    }
     .small-margin-collapse>.large-9 {
         width: 75% 
    }
     .small-margin-collapse>.large-10 {
         width: 83.33333% 
    }
     .small-margin-collapse>.large-11 {
         width: 91.66667% 
    }
     .small-margin-collapse>.large-12 {
         width: 100% 
    }
}
 @media screen and (min-width:72em) {
     .small-margin-collapse>.xlarge-1 {
         width: 8.33333% 
    }
     .small-margin-collapse>.xlarge-2 {
         width: 16.66667% 
    }
     .small-margin-collapse>.xlarge-3 {
         width: 25% 
    }
     .small-margin-collapse>.xlarge-4 {
         width: 33.33333% 
    }
     .small-margin-collapse>.xlarge-5 {
         width: 41.66667% 
    }
     .small-margin-collapse>.xlarge-6 {
         width: 50% 
    }
     .small-margin-collapse>.xlarge-7 {
         width: 58.33333% 
    }
     .small-margin-collapse>.xlarge-8 {
         width: 66.66667% 
    }
     .small-margin-collapse>.xlarge-9 {
         width: 75% 
    }
     .small-margin-collapse>.xlarge-10 {
         width: 83.33333% 
    }
     .small-margin-collapse>.xlarge-11 {
         width: 91.66667% 
    }
     .small-margin-collapse>.xlarge-12 {
         width: 100% 
    }
}
 .small-padding-collapse {
     margin-right: 0;
     margin-left: 0 
}
 .small-padding-collapse>.cell {
     padding-right: 0;
     padding-left: 0 
}
 @media print, screen and (min-width:48em) {
     .medium-margin-collapse {
         margin-right: 0;
         margin-left: 0 
    }
     .medium-margin-collapse>.cell {
         margin-right: 0;
         margin-left: 0 
    }
}
 @media print, screen and (min-width:48em) {
     .medium-margin-collapse>.small-1 {
         width: 8.33333% 
    }
     .medium-margin-collapse>.small-2 {
         width: 16.66667% 
    }
     .medium-margin-collapse>.small-3 {
         width: 25% 
    }
     .medium-margin-collapse>.small-4 {
         width: 33.33333% 
    }
     .medium-margin-collapse>.small-5 {
         width: 41.66667% 
    }
     .medium-margin-collapse>.small-6 {
         width: 50% 
    }
     .medium-margin-collapse>.small-7 {
         width: 58.33333% 
    }
     .medium-margin-collapse>.small-8 {
         width: 66.66667% 
    }
     .medium-margin-collapse>.small-9 {
         width: 75% 
    }
     .medium-margin-collapse>.small-10 {
         width: 83.33333% 
    }
     .medium-margin-collapse>.small-11 {
         width: 91.66667% 
    }
     .medium-margin-collapse>.small-12 {
         width: 100% 
    }
}
 @media print, screen and (min-width:48em) {
     .medium-margin-collapse>.medium-1 {
         width: 8.33333% 
    }
     .medium-margin-collapse>.medium-2 {
         width: 16.66667% 
    }
     .medium-margin-collapse>.medium-3 {
         width: 25% 
    }
     .medium-margin-collapse>.medium-4 {
         width: 33.33333% 
    }
     .medium-margin-collapse>.medium-5 {
         width: 41.66667% 
    }
     .medium-margin-collapse>.medium-6 {
         width: 50% 
    }
     .medium-margin-collapse>.medium-7 {
         width: 58.33333% 
    }
     .medium-margin-collapse>.medium-8 {
         width: 66.66667% 
    }
     .medium-margin-collapse>.medium-9 {
         width: 75% 
    }
     .medium-margin-collapse>.medium-10 {
         width: 83.33333% 
    }
     .medium-margin-collapse>.medium-11 {
         width: 91.66667% 
    }
     .medium-margin-collapse>.medium-12 {
         width: 100% 
    }
}
 @media print, screen and (min-width:60em) {
     .medium-margin-collapse>.large-1 {
         width: 8.33333% 
    }
     .medium-margin-collapse>.large-2 {
         width: 16.66667% 
    }
     .medium-margin-collapse>.large-3 {
         width: 25% 
    }
     .medium-margin-collapse>.large-4 {
         width: 33.33333% 
    }
     .medium-margin-collapse>.large-5 {
         width: 41.66667% 
    }
     .medium-margin-collapse>.large-6 {
         width: 50% 
    }
     .medium-margin-collapse>.large-7 {
         width: 58.33333% 
    }
     .medium-margin-collapse>.large-8 {
         width: 66.66667% 
    }
     .medium-margin-collapse>.large-9 {
         width: 75% 
    }
     .medium-margin-collapse>.large-10 {
         width: 83.33333% 
    }
     .medium-margin-collapse>.large-11 {
         width: 91.66667% 
    }
     .medium-margin-collapse>.large-12 {
         width: 100% 
    }
}
 @media screen and (min-width:72em) {
     .medium-margin-collapse>.xlarge-1 {
         width: 8.33333% 
    }
     .medium-margin-collapse>.xlarge-2 {
         width: 16.66667% 
    }
     .medium-margin-collapse>.xlarge-3 {
         width: 25% 
    }
     .medium-margin-collapse>.xlarge-4 {
         width: 33.33333% 
    }
     .medium-margin-collapse>.xlarge-5 {
         width: 41.66667% 
    }
     .medium-margin-collapse>.xlarge-6 {
         width: 50% 
    }
     .medium-margin-collapse>.xlarge-7 {
         width: 58.33333% 
    }
     .medium-margin-collapse>.xlarge-8 {
         width: 66.66667% 
    }
     .medium-margin-collapse>.xlarge-9 {
         width: 75% 
    }
     .medium-margin-collapse>.xlarge-10 {
         width: 83.33333% 
    }
     .medium-margin-collapse>.xlarge-11 {
         width: 91.66667% 
    }
     .medium-margin-collapse>.xlarge-12 {
         width: 100% 
    }
}
 @media print, screen and (min-width:48em) {
     .medium-padding-collapse {
         margin-right: 0;
         margin-left: 0 
    }
     .medium-padding-collapse>.cell {
         padding-right: 0;
         padding-left: 0 
    }
}
 @media print, screen and (min-width:60em) {
     .large-margin-collapse {
         margin-right: 0;
         margin-left: 0 
    }
     .large-margin-collapse>.cell {
         margin-right: 0;
         margin-left: 0 
    }
}
 @media print, screen and (min-width:60em) {
     .large-margin-collapse>.small-1 {
         width: 8.33333% 
    }
     .large-margin-collapse>.small-2 {
         width: 16.66667% 
    }
     .large-margin-collapse>.small-3 {
         width: 25% 
    }
     .large-margin-collapse>.small-4 {
         width: 33.33333% 
    }
     .large-margin-collapse>.small-5 {
         width: 41.66667% 
    }
     .large-margin-collapse>.small-6 {
         width: 50% 
    }
     .large-margin-collapse>.small-7 {
         width: 58.33333% 
    }
     .large-margin-collapse>.small-8 {
         width: 66.66667% 
    }
     .large-margin-collapse>.small-9 {
         width: 75% 
    }
     .large-margin-collapse>.small-10 {
         width: 83.33333% 
    }
     .large-margin-collapse>.small-11 {
         width: 91.66667% 
    }
     .large-margin-collapse>.small-12 {
         width: 100% 
    }
}
 @media print, screen and (min-width:60em) {
     .large-margin-collapse>.medium-1 {
         width: 8.33333% 
    }
     .large-margin-collapse>.medium-2 {
         width: 16.66667% 
    }
     .large-margin-collapse>.medium-3 {
         width: 25% 
    }
     .large-margin-collapse>.medium-4 {
         width: 33.33333% 
    }
     .large-margin-collapse>.medium-5 {
         width: 41.66667% 
    }
     .large-margin-collapse>.medium-6 {
         width: 50% 
    }
     .large-margin-collapse>.medium-7 {
         width: 58.33333% 
    }
     .large-margin-collapse>.medium-8 {
         width: 66.66667% 
    }
     .large-margin-collapse>.medium-9 {
         width: 75% 
    }
     .large-margin-collapse>.medium-10 {
         width: 83.33333% 
    }
     .large-margin-collapse>.medium-11 {
         width: 91.66667% 
    }
     .large-margin-collapse>.medium-12 {
         width: 100% 
    }
}
 @media print, screen and (min-width:60em) {
     .large-margin-collapse>.large-1 {
         width: 8.33333% 
    }
     .large-margin-collapse>.large-2 {
         width: 16.66667% 
    }
     .large-margin-collapse>.large-3 {
         width: 25% 
    }
     .large-margin-collapse>.large-4 {
         width: 33.33333% 
    }
     .large-margin-collapse>.large-5 {
         width: 41.66667% 
    }
     .large-margin-collapse>.large-6 {
         width: 50% 
    }
     .large-margin-collapse>.large-7 {
         width: 58.33333% 
    }
     .large-margin-collapse>.large-8 {
         width: 66.66667% 
    }
     .large-margin-collapse>.large-9 {
         width: 75% 
    }
     .large-margin-collapse>.large-10 {
         width: 83.33333% 
    }
     .large-margin-collapse>.large-11 {
         width: 91.66667% 
    }
     .large-margin-collapse>.large-12 {
         width: 100% 
    }
}
 @media screen and (min-width:72em) {
     .large-margin-collapse>.xlarge-1 {
         width: 8.33333% 
    }
     .large-margin-collapse>.xlarge-2 {
         width: 16.66667% 
    }
     .large-margin-collapse>.xlarge-3 {
         width: 25% 
    }
     .large-margin-collapse>.xlarge-4 {
         width: 33.33333% 
    }
     .large-margin-collapse>.xlarge-5 {
         width: 41.66667% 
    }
     .large-margin-collapse>.xlarge-6 {
         width: 50% 
    }
     .large-margin-collapse>.xlarge-7 {
         width: 58.33333% 
    }
     .large-margin-collapse>.xlarge-8 {
         width: 66.66667% 
    }
     .large-margin-collapse>.xlarge-9 {
         width: 75% 
    }
     .large-margin-collapse>.xlarge-10 {
         width: 83.33333% 
    }
     .large-margin-collapse>.xlarge-11 {
         width: 91.66667% 
    }
     .large-margin-collapse>.xlarge-12 {
         width: 100% 
    }
}
 @media print, screen and (min-width:60em) {
     .large-padding-collapse {
         margin-right: 0;
         margin-left: 0 
    }
     .large-padding-collapse>.cell {
         padding-right: 0;
         padding-left: 0 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-margin-collapse {
         margin-right: 0;
         margin-left: 0 
    }
     .xlarge-margin-collapse>.cell {
         margin-right: 0;
         margin-left: 0 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-margin-collapse>.small-1 {
         width: 8.33333% 
    }
     .xlarge-margin-collapse>.small-2 {
         width: 16.66667% 
    }
     .xlarge-margin-collapse>.small-3 {
         width: 25% 
    }
     .xlarge-margin-collapse>.small-4 {
         width: 33.33333% 
    }
     .xlarge-margin-collapse>.small-5 {
         width: 41.66667% 
    }
     .xlarge-margin-collapse>.small-6 {
         width: 50% 
    }
     .xlarge-margin-collapse>.small-7 {
         width: 58.33333% 
    }
     .xlarge-margin-collapse>.small-8 {
         width: 66.66667% 
    }
     .xlarge-margin-collapse>.small-9 {
         width: 75% 
    }
     .xlarge-margin-collapse>.small-10 {
         width: 83.33333% 
    }
     .xlarge-margin-collapse>.small-11 {
         width: 91.66667% 
    }
     .xlarge-margin-collapse>.small-12 {
         width: 100% 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-margin-collapse>.medium-1 {
         width: 8.33333% 
    }
     .xlarge-margin-collapse>.medium-2 {
         width: 16.66667% 
    }
     .xlarge-margin-collapse>.medium-3 {
         width: 25% 
    }
     .xlarge-margin-collapse>.medium-4 {
         width: 33.33333% 
    }
     .xlarge-margin-collapse>.medium-5 {
         width: 41.66667% 
    }
     .xlarge-margin-collapse>.medium-6 {
         width: 50% 
    }
     .xlarge-margin-collapse>.medium-7 {
         width: 58.33333% 
    }
     .xlarge-margin-collapse>.medium-8 {
         width: 66.66667% 
    }
     .xlarge-margin-collapse>.medium-9 {
         width: 75% 
    }
     .xlarge-margin-collapse>.medium-10 {
         width: 83.33333% 
    }
     .xlarge-margin-collapse>.medium-11 {
         width: 91.66667% 
    }
     .xlarge-margin-collapse>.medium-12 {
         width: 100% 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-margin-collapse>.large-1 {
         width: 8.33333% 
    }
     .xlarge-margin-collapse>.large-2 {
         width: 16.66667% 
    }
     .xlarge-margin-collapse>.large-3 {
         width: 25% 
    }
     .xlarge-margin-collapse>.large-4 {
         width: 33.33333% 
    }
     .xlarge-margin-collapse>.large-5 {
         width: 41.66667% 
    }
     .xlarge-margin-collapse>.large-6 {
         width: 50% 
    }
     .xlarge-margin-collapse>.large-7 {
         width: 58.33333% 
    }
     .xlarge-margin-collapse>.large-8 {
         width: 66.66667% 
    }
     .xlarge-margin-collapse>.large-9 {
         width: 75% 
    }
     .xlarge-margin-collapse>.large-10 {
         width: 83.33333% 
    }
     .xlarge-margin-collapse>.large-11 {
         width: 91.66667% 
    }
     .xlarge-margin-collapse>.large-12 {
         width: 100% 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-margin-collapse>.xlarge-1 {
         width: 8.33333% 
    }
     .xlarge-margin-collapse>.xlarge-2 {
         width: 16.66667% 
    }
     .xlarge-margin-collapse>.xlarge-3 {
         width: 25% 
    }
     .xlarge-margin-collapse>.xlarge-4 {
         width: 33.33333% 
    }
     .xlarge-margin-collapse>.xlarge-5 {
         width: 41.66667% 
    }
     .xlarge-margin-collapse>.xlarge-6 {
         width: 50% 
    }
     .xlarge-margin-collapse>.xlarge-7 {
         width: 58.33333% 
    }
     .xlarge-margin-collapse>.xlarge-8 {
         width: 66.66667% 
    }
     .xlarge-margin-collapse>.xlarge-9 {
         width: 75% 
    }
     .xlarge-margin-collapse>.xlarge-10 {
         width: 83.33333% 
    }
     .xlarge-margin-collapse>.xlarge-11 {
         width: 91.66667% 
    }
     .xlarge-margin-collapse>.xlarge-12 {
         width: 100% 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-padding-collapse {
         margin-right: 0;
         margin-left: 0 
    }
     .xlarge-padding-collapse>.cell {
         padding-right: 0;
         padding-left: 0 
    }
}
 .small-offset-0 {
     margin-left: 0 
}
 .grid-margin-x>.small-offset-0 {
     margin-left: calc(0% + .625rem) 
}
 .small-offset-1 {
     margin-left: 8.33333% 
}
 .grid-margin-x>.small-offset-1 {
     margin-left: calc(8.33333% + .625rem) 
}
 .small-offset-2 {
     margin-left: 16.66667% 
}
 .grid-margin-x>.small-offset-2 {
     margin-left: calc(16.66667% + .625rem) 
}
 .small-offset-3 {
     margin-left: 25% 
}
 .grid-margin-x>.small-offset-3 {
     margin-left: calc(25% + .625rem) 
}
 .small-offset-4 {
     margin-left: 33.33333% 
}
 .grid-margin-x>.small-offset-4 {
     margin-left: calc(33.33333% + .625rem) 
}
 .small-offset-5 {
     margin-left: 41.66667% 
}
 .grid-margin-x>.small-offset-5 {
     margin-left: calc(41.66667% + .625rem) 
}
 .small-offset-6 {
     margin-left: 50% 
}
 .grid-margin-x>.small-offset-6 {
     margin-left: calc(50% + .625rem) 
}
 .small-offset-7 {
     margin-left: 58.33333% 
}
 .grid-margin-x>.small-offset-7 {
     margin-left: calc(58.33333% + .625rem) 
}
 .small-offset-8 {
     margin-left: 66.66667% 
}
 .grid-margin-x>.small-offset-8 {
     margin-left: calc(66.66667% + .625rem) 
}
 .small-offset-9 {
     margin-left: 75% 
}
 .grid-margin-x>.small-offset-9 {
     margin-left: calc(75% + .625rem) 
}
 .small-offset-10 {
     margin-left: 83.33333% 
}
 .grid-margin-x>.small-offset-10 {
     margin-left: calc(83.33333% + .625rem) 
}
 .small-offset-11 {
     margin-left: 91.66667% 
}
 .grid-margin-x>.small-offset-11 {
     margin-left: calc(91.66667% + .625rem) 
}
 @media print, screen and (min-width:48em) {
     .medium-offset-0 {
         margin-left: 0 
    }
     .grid-margin-x>.medium-offset-0 {
         margin-left: calc(0% + .9375rem) 
    }
     .medium-offset-1 {
         margin-left: 8.33333% 
    }
     .grid-margin-x>.medium-offset-1 {
         margin-left: calc(8.33333% + .9375rem) 
    }
     .medium-offset-2 {
         margin-left: 16.66667% 
    }
     .grid-margin-x>.medium-offset-2 {
         margin-left: calc(16.66667% + .9375rem) 
    }
     .medium-offset-3 {
         margin-left: 25% 
    }
     .grid-margin-x>.medium-offset-3 {
         margin-left: calc(25% + .9375rem) 
    }
     .medium-offset-4 {
         margin-left: 33.33333% 
    }
     .grid-margin-x>.medium-offset-4 {
         margin-left: calc(33.33333% + .9375rem) 
    }
     .medium-offset-5 {
         margin-left: 41.66667% 
    }
     .grid-margin-x>.medium-offset-5 {
         margin-left: calc(41.66667% + .9375rem) 
    }
     .medium-offset-6 {
         margin-left: 50% 
    }
     .grid-margin-x>.medium-offset-6 {
         margin-left: calc(50% + .9375rem) 
    }
     .medium-offset-7 {
         margin-left: 58.33333% 
    }
     .grid-margin-x>.medium-offset-7 {
         margin-left: calc(58.33333% + .9375rem) 
    }
     .medium-offset-8 {
         margin-left: 66.66667% 
    }
     .grid-margin-x>.medium-offset-8 {
         margin-left: calc(66.66667% + .9375rem) 
    }
     .medium-offset-9 {
         margin-left: 75% 
    }
     .grid-margin-x>.medium-offset-9 {
         margin-left: calc(75% + .9375rem) 
    }
     .medium-offset-10 {
         margin-left: 83.33333% 
    }
     .grid-margin-x>.medium-offset-10 {
         margin-left: calc(83.33333% + .9375rem) 
    }
     .medium-offset-11 {
         margin-left: 91.66667% 
    }
     .grid-margin-x>.medium-offset-11 {
         margin-left: calc(91.66667% + .9375rem) 
    }
}
 @media print, screen and (min-width:60em) {
     .large-offset-0 {
         margin-left: 0 
    }
     .grid-margin-x>.large-offset-0 {
         margin-left: calc(0% + .9375rem) 
    }
     .large-offset-1 {
         margin-left: 8.33333% 
    }
     .grid-margin-x>.large-offset-1 {
         margin-left: calc(8.33333% + .9375rem) 
    }
     .large-offset-2 {
         margin-left: 16.66667% 
    }
     .grid-margin-x>.large-offset-2 {
         margin-left: calc(16.66667% + .9375rem) 
    }
     .large-offset-3 {
         margin-left: 25% 
    }
     .grid-margin-x>.large-offset-3 {
         margin-left: calc(25% + .9375rem) 
    }
     .large-offset-4 {
         margin-left: 33.33333% 
    }
     .grid-margin-x>.large-offset-4 {
         margin-left: calc(33.33333% + .9375rem) 
    }
     .large-offset-5 {
         margin-left: 41.66667% 
    }
     .grid-margin-x>.large-offset-5 {
         margin-left: calc(41.66667% + .9375rem) 
    }
     .large-offset-6 {
         margin-left: 50% 
    }
     .grid-margin-x>.large-offset-6 {
         margin-left: calc(50% + .9375rem) 
    }
     .large-offset-7 {
         margin-left: 58.33333% 
    }
     .grid-margin-x>.large-offset-7 {
         margin-left: calc(58.33333% + .9375rem) 
    }
     .large-offset-8 {
         margin-left: 66.66667% 
    }
     .grid-margin-x>.large-offset-8 {
         margin-left: calc(66.66667% + .9375rem) 
    }
     .large-offset-9 {
         margin-left: 75% 
    }
     .grid-margin-x>.large-offset-9 {
         margin-left: calc(75% + .9375rem) 
    }
     .large-offset-10 {
         margin-left: 83.33333% 
    }
     .grid-margin-x>.large-offset-10 {
         margin-left: calc(83.33333% + .9375rem) 
    }
     .large-offset-11 {
         margin-left: 91.66667% 
    }
     .grid-margin-x>.large-offset-11 {
         margin-left: calc(91.66667% + .9375rem) 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-offset-0 {
         margin-left: 0 
    }
     .grid-margin-x>.xlarge-offset-0 {
         margin-left: calc(0% + .9375rem) 
    }
     .xlarge-offset-1 {
         margin-left: 8.33333% 
    }
     .grid-margin-x>.xlarge-offset-1 {
         margin-left: calc(8.33333% + .9375rem) 
    }
     .xlarge-offset-2 {
         margin-left: 16.66667% 
    }
     .grid-margin-x>.xlarge-offset-2 {
         margin-left: calc(16.66667% + .9375rem) 
    }
     .xlarge-offset-3 {
         margin-left: 25% 
    }
     .grid-margin-x>.xlarge-offset-3 {
         margin-left: calc(25% + .9375rem) 
    }
     .xlarge-offset-4 {
         margin-left: 33.33333% 
    }
     .grid-margin-x>.xlarge-offset-4 {
         margin-left: calc(33.33333% + .9375rem) 
    }
     .xlarge-offset-5 {
         margin-left: 41.66667% 
    }
     .grid-margin-x>.xlarge-offset-5 {
         margin-left: calc(41.66667% + .9375rem) 
    }
     .xlarge-offset-6 {
         margin-left: 50% 
    }
     .grid-margin-x>.xlarge-offset-6 {
         margin-left: calc(50% + .9375rem) 
    }
     .xlarge-offset-7 {
         margin-left: 58.33333% 
    }
     .grid-margin-x>.xlarge-offset-7 {
         margin-left: calc(58.33333% + .9375rem) 
    }
     .xlarge-offset-8 {
         margin-left: 66.66667% 
    }
     .grid-margin-x>.xlarge-offset-8 {
         margin-left: calc(66.66667% + .9375rem) 
    }
     .xlarge-offset-9 {
         margin-left: 75% 
    }
     .grid-margin-x>.xlarge-offset-9 {
         margin-left: calc(75% + .9375rem) 
    }
     .xlarge-offset-10 {
         margin-left: 83.33333% 
    }
     .grid-margin-x>.xlarge-offset-10 {
         margin-left: calc(83.33333% + .9375rem) 
    }
     .xlarge-offset-11 {
         margin-left: 91.66667% 
    }
     .grid-margin-x>.xlarge-offset-11 {
         margin-left: calc(91.66667% + .9375rem) 
    }
}
 .grid-y {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-flow: column nowrap;
     flex-flow: column nowrap 
}
 .grid-y>.cell {
     width: auto 
}
 .grid-y>.auto {
     height: auto 
}
 .grid-y>.shrink {
     height: auto 
}
 .grid-y>.small-1, .grid-y>.small-10, .grid-y>.small-11, .grid-y>.small-12, .grid-y>.small-2, .grid-y>.small-3, .grid-y>.small-4, .grid-y>.small-5, .grid-y>.small-6, .grid-y>.small-7, .grid-y>.small-8, .grid-y>.small-9, .grid-y>.small-full, .grid-y>.small-shrink {
     -ms-flex-preferred-size: auto;
     flex-basis: auto 
}
 @media print, screen and (min-width:48em) {
     .grid-y>.medium-1, .grid-y>.medium-10, .grid-y>.medium-11, .grid-y>.medium-12, .grid-y>.medium-2, .grid-y>.medium-3, .grid-y>.medium-4, .grid-y>.medium-5, .grid-y>.medium-6, .grid-y>.medium-7, .grid-y>.medium-8, .grid-y>.medium-9, .grid-y>.medium-full, .grid-y>.medium-shrink {
         -ms-flex-preferred-size: auto;
         flex-basis: auto 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-y>.large-1, .grid-y>.large-10, .grid-y>.large-11, .grid-y>.large-12, .grid-y>.large-2, .grid-y>.large-3, .grid-y>.large-4, .grid-y>.large-5, .grid-y>.large-6, .grid-y>.large-7, .grid-y>.large-8, .grid-y>.large-9, .grid-y>.large-full, .grid-y>.large-shrink {
         -ms-flex-preferred-size: auto;
         flex-basis: auto 
    }
}
 @media screen and (min-width:72em) {
     .grid-y>.xlarge-1, .grid-y>.xlarge-10, .grid-y>.xlarge-11, .grid-y>.xlarge-12, .grid-y>.xlarge-2, .grid-y>.xlarge-3, .grid-y>.xlarge-4, .grid-y>.xlarge-5, .grid-y>.xlarge-6, .grid-y>.xlarge-7, .grid-y>.xlarge-8, .grid-y>.xlarge-9, .grid-y>.xlarge-full, .grid-y>.xlarge-shrink {
         -ms-flex-preferred-size: auto;
         flex-basis: auto 
    }
}
 .grid-y>.small-1 {
     height: 8.33333% 
}
 .grid-y>.small-2 {
     height: 16.66667% 
}
 .grid-y>.small-3 {
     height: 25% 
}
 .grid-y>.small-4 {
     height: 33.33333% 
}
 .grid-y>.small-5 {
     height: 41.66667% 
}
 .grid-y>.small-6 {
     height: 50% 
}
 .grid-y>.small-7 {
     height: 58.33333% 
}
 .grid-y>.small-8 {
     height: 66.66667% 
}
 .grid-y>.small-9 {
     height: 75% 
}
 .grid-y>.small-10 {
     height: 83.33333% 
}
 .grid-y>.small-11 {
     height: 91.66667% 
}
 .grid-y>.small-12 {
     height: 100% 
}
 @media print, screen and (min-width:48em) {
     .grid-y>.medium-auto {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 0px;
         flex: 1 1 0px;
         height: auto 
    }
     .grid-y>.medium-shrink {
         height: auto 
    }
     .grid-y>.medium-1 {
         height: 8.33333% 
    }
     .grid-y>.medium-2 {
         height: 16.66667% 
    }
     .grid-y>.medium-3 {
         height: 25% 
    }
     .grid-y>.medium-4 {
         height: 33.33333% 
    }
     .grid-y>.medium-5 {
         height: 41.66667% 
    }
     .grid-y>.medium-6 {
         height: 50% 
    }
     .grid-y>.medium-7 {
         height: 58.33333% 
    }
     .grid-y>.medium-8 {
         height: 66.66667% 
    }
     .grid-y>.medium-9 {
         height: 75% 
    }
     .grid-y>.medium-10 {
         height: 83.33333% 
    }
     .grid-y>.medium-11 {
         height: 91.66667% 
    }
     .grid-y>.medium-12 {
         height: 100% 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-y>.large-auto {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 0px;
         flex: 1 1 0px;
         height: auto 
    }
     .grid-y>.large-shrink {
         height: auto 
    }
     .grid-y>.large-1 {
         height: 8.33333% 
    }
     .grid-y>.large-2 {
         height: 16.66667% 
    }
     .grid-y>.large-3 {
         height: 25% 
    }
     .grid-y>.large-4 {
         height: 33.33333% 
    }
     .grid-y>.large-5 {
         height: 41.66667% 
    }
     .grid-y>.large-6 {
         height: 50% 
    }
     .grid-y>.large-7 {
         height: 58.33333% 
    }
     .grid-y>.large-8 {
         height: 66.66667% 
    }
     .grid-y>.large-9 {
         height: 75% 
    }
     .grid-y>.large-10 {
         height: 83.33333% 
    }
     .grid-y>.large-11 {
         height: 91.66667% 
    }
     .grid-y>.large-12 {
         height: 100% 
    }
}
 @media screen and (min-width:72em) {
     .grid-y>.xlarge-auto {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 0px;
         flex: 1 1 0px;
         height: auto 
    }
     .grid-y>.xlarge-shrink {
         height: auto 
    }
     .grid-y>.xlarge-1 {
         height: 8.33333% 
    }
     .grid-y>.xlarge-2 {
         height: 16.66667% 
    }
     .grid-y>.xlarge-3 {
         height: 25% 
    }
     .grid-y>.xlarge-4 {
         height: 33.33333% 
    }
     .grid-y>.xlarge-5 {
         height: 41.66667% 
    }
     .grid-y>.xlarge-6 {
         height: 50% 
    }
     .grid-y>.xlarge-7 {
         height: 58.33333% 
    }
     .grid-y>.xlarge-8 {
         height: 66.66667% 
    }
     .grid-y>.xlarge-9 {
         height: 75% 
    }
     .grid-y>.xlarge-10 {
         height: 83.33333% 
    }
     .grid-y>.xlarge-11 {
         height: 91.66667% 
    }
     .grid-y>.xlarge-12 {
         height: 100% 
    }
}
 .grid-padding-y .grid-padding-y {
     margin-top: -.625rem;
     margin-bottom: -.625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-padding-y .grid-padding-y {
         margin-top: -.9375rem;
         margin-bottom: -.9375rem 
    }
}
 .grid-padding-y>.cell {
     padding-top: .625rem;
     padding-bottom: .625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-padding-y>.cell {
         padding-top: .9375rem;
         padding-bottom: .9375rem 
    }
}
 .grid-margin-y {
     margin-top: -.625rem;
     margin-bottom: -.625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-y {
         margin-top: -.9375rem;
         margin-bottom: -.9375rem 
    }
}
 .grid-margin-y>.cell {
     height: calc(100% - 1.25rem);
     margin-top: .625rem;
     margin-bottom: .625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-y>.cell {
         height: calc(100% - 1.875rem);
         margin-top: .9375rem;
         margin-bottom: .9375rem 
    }
}
 .grid-margin-y>.auto {
     height: auto 
}
 .grid-margin-y>.shrink {
     height: auto 
}
 .grid-margin-y>.small-1 {
     height: calc(8.33333% - 1.25rem) 
}
 .grid-margin-y>.small-2 {
     height: calc(16.66667% - 1.25rem) 
}
 .grid-margin-y>.small-3 {
     height: calc(25% - 1.25rem) 
}
 .grid-margin-y>.small-4 {
     height: calc(33.33333% - 1.25rem) 
}
 .grid-margin-y>.small-5 {
     height: calc(41.66667% - 1.25rem) 
}
 .grid-margin-y>.small-6 {
     height: calc(50% - 1.25rem) 
}
 .grid-margin-y>.small-7 {
     height: calc(58.33333% - 1.25rem) 
}
 .grid-margin-y>.small-8 {
     height: calc(66.66667% - 1.25rem) 
}
 .grid-margin-y>.small-9 {
     height: calc(75% - 1.25rem) 
}
 .grid-margin-y>.small-10 {
     height: calc(83.33333% - 1.25rem) 
}
 .grid-margin-y>.small-11 {
     height: calc(91.66667% - 1.25rem) 
}
 .grid-margin-y>.small-12 {
     height: calc(100% - 1.25rem) 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-y>.auto {
         height: auto 
    }
     .grid-margin-y>.shrink {
         height: auto 
    }
     .grid-margin-y>.small-1 {
         height: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-y>.small-2 {
         height: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-y>.small-3 {
         height: calc(25% - 1.875rem) 
    }
     .grid-margin-y>.small-4 {
         height: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-y>.small-5 {
         height: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-y>.small-6 {
         height: calc(50% - 1.875rem) 
    }
     .grid-margin-y>.small-7 {
         height: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-y>.small-8 {
         height: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-y>.small-9 {
         height: calc(75% - 1.875rem) 
    }
     .grid-margin-y>.small-10 {
         height: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-y>.small-11 {
         height: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-y>.small-12 {
         height: calc(100% - 1.875rem) 
    }
     .grid-margin-y>.medium-auto {
         height: auto 
    }
     .grid-margin-y>.medium-shrink {
         height: auto 
    }
     .grid-margin-y>.medium-1 {
         height: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-y>.medium-2 {
         height: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-y>.medium-3 {
         height: calc(25% - 1.875rem) 
    }
     .grid-margin-y>.medium-4 {
         height: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-y>.medium-5 {
         height: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-y>.medium-6 {
         height: calc(50% - 1.875rem) 
    }
     .grid-margin-y>.medium-7 {
         height: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-y>.medium-8 {
         height: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-y>.medium-9 {
         height: calc(75% - 1.875rem) 
    }
     .grid-margin-y>.medium-10 {
         height: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-y>.medium-11 {
         height: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-y>.medium-12 {
         height: calc(100% - 1.875rem) 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-margin-y>.large-auto {
         height: auto 
    }
     .grid-margin-y>.large-shrink {
         height: auto 
    }
     .grid-margin-y>.large-1 {
         height: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-y>.large-2 {
         height: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-y>.large-3 {
         height: calc(25% - 1.875rem) 
    }
     .grid-margin-y>.large-4 {
         height: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-y>.large-5 {
         height: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-y>.large-6 {
         height: calc(50% - 1.875rem) 
    }
     .grid-margin-y>.large-7 {
         height: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-y>.large-8 {
         height: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-y>.large-9 {
         height: calc(75% - 1.875rem) 
    }
     .grid-margin-y>.large-10 {
         height: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-y>.large-11 {
         height: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-y>.large-12 {
         height: calc(100% - 1.875rem) 
    }
}
 @media screen and (min-width:72em) {
     .grid-margin-y>.xlarge-auto {
         height: auto 
    }
     .grid-margin-y>.xlarge-shrink {
         height: auto 
    }
     .grid-margin-y>.xlarge-1 {
         height: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-2 {
         height: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-3 {
         height: calc(25% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-4 {
         height: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-5 {
         height: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-6 {
         height: calc(50% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-7 {
         height: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-8 {
         height: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-9 {
         height: calc(75% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-10 {
         height: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-11 {
         height: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-12 {
         height: calc(100% - 1.875rem) 
    }
}
 .grid-frame {
     overflow: hidden;
     position: relative;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     width: 100vw 
}
 .cell .grid-frame {
     width: 100% 
}
 .cell-block {
     overflow-x: auto;
     max-width: 100%;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-stype: -ms-autohiding-scrollbar 
}
 .cell-block-y {
     overflow-y: auto;
     max-height: 100%;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-stype: -ms-autohiding-scrollbar 
}
 .cell-block-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     max-height: 100% 
}
 .cell-block-container>.grid-x {
     max-height: 100%;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap 
}
 @media print, screen and (min-width:48em) {
     .medium-grid-frame {
         overflow: hidden;
         position: relative;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         width: 100vw 
    }
     .cell .medium-grid-frame {
         width: 100% 
    }
     .medium-cell-block {
         overflow-x: auto;
         max-width: 100%;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-stype: -ms-autohiding-scrollbar 
    }
     .medium-cell-block-container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         max-height: 100% 
    }
     .medium-cell-block-container>.grid-x {
         max-height: 100%;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap 
    }
     .medium-cell-block-y {
         overflow-y: auto;
         max-height: 100%;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-stype: -ms-autohiding-scrollbar 
    }
}
 @media print, screen and (min-width:60em) {
     .large-grid-frame {
         overflow: hidden;
         position: relative;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         width: 100vw 
    }
     .cell .large-grid-frame {
         width: 100% 
    }
     .large-cell-block {
         overflow-x: auto;
         max-width: 100%;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-stype: -ms-autohiding-scrollbar 
    }
     .large-cell-block-container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         max-height: 100% 
    }
     .large-cell-block-container>.grid-x {
         max-height: 100%;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap 
    }
     .large-cell-block-y {
         overflow-y: auto;
         max-height: 100%;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-stype: -ms-autohiding-scrollbar 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-grid-frame {
         overflow: hidden;
         position: relative;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         width: 100vw 
    }
     .cell .xlarge-grid-frame {
         width: 100% 
    }
     .xlarge-cell-block {
         overflow-x: auto;
         max-width: 100%;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-stype: -ms-autohiding-scrollbar 
    }
     .xlarge-cell-block-container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column;
         max-height: 100% 
    }
     .xlarge-cell-block-container>.grid-x {
         max-height: 100%;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap 
    }
     .xlarge-cell-block-y {
         overflow-y: auto;
         max-height: 100%;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-stype: -ms-autohiding-scrollbar 
    }
}
 .grid-y.grid-frame {
     width: auto;
     overflow: hidden;
     position: relative;
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     height: 100vh 
}
 @media print, screen and (min-width:48em) {
     .grid-y.medium-grid-frame {
         width: auto;
         overflow: hidden;
         position: relative;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         height: 100vh 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-y.large-grid-frame {
         width: auto;
         overflow: hidden;
         position: relative;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         height: 100vh 
    }
}
 @media screen and (min-width:72em) {
     .grid-y.xlarge-grid-frame {
         width: auto;
         overflow: hidden;
         position: relative;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
         -webkit-box-align: stretch;
         -ms-flex-align: stretch;
         align-items: stretch;
         height: 100vh 
    }
}
 .cell .grid-y.grid-frame {
     height: 100% 
}
 @media print, screen and (min-width:48em) {
     .cell .grid-y.medium-grid-frame {
         height: 100% 
    }
}
 @media print, screen and (min-width:60em) {
     .cell .grid-y.large-grid-frame {
         height: 100% 
    }
}
 @media screen and (min-width:72em) {
     .cell .grid-y.xlarge-grid-frame {
         height: 100% 
    }
}
 .grid-margin-y {
     margin-top: -.625rem;
     margin-bottom: -.625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-y {
         margin-top: -.9375rem;
         margin-bottom: -.9375rem 
    }
}
 .grid-margin-y>.cell {
     height: calc(100% - 1.25rem);
     margin-top: .625rem;
     margin-bottom: .625rem 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-y>.cell {
         height: calc(100% - 1.875rem);
         margin-top: .9375rem;
         margin-bottom: .9375rem 
    }
}
 .grid-margin-y>.auto {
     height: auto 
}
 .grid-margin-y>.shrink {
     height: auto 
}
 .grid-margin-y>.small-1 {
     height: calc(8.33333% - 1.25rem) 
}
 .grid-margin-y>.small-2 {
     height: calc(16.66667% - 1.25rem) 
}
 .grid-margin-y>.small-3 {
     height: calc(25% - 1.25rem) 
}
 .grid-margin-y>.small-4 {
     height: calc(33.33333% - 1.25rem) 
}
 .grid-margin-y>.small-5 {
     height: calc(41.66667% - 1.25rem) 
}
 .grid-margin-y>.small-6 {
     height: calc(50% - 1.25rem) 
}
 .grid-margin-y>.small-7 {
     height: calc(58.33333% - 1.25rem) 
}
 .grid-margin-y>.small-8 {
     height: calc(66.66667% - 1.25rem) 
}
 .grid-margin-y>.small-9 {
     height: calc(75% - 1.25rem) 
}
 .grid-margin-y>.small-10 {
     height: calc(83.33333% - 1.25rem) 
}
 .grid-margin-y>.small-11 {
     height: calc(91.66667% - 1.25rem) 
}
 .grid-margin-y>.small-12 {
     height: calc(100% - 1.25rem) 
}
 @media print, screen and (min-width:48em) {
     .grid-margin-y>.auto {
         height: auto 
    }
     .grid-margin-y>.shrink {
         height: auto 
    }
     .grid-margin-y>.small-1 {
         height: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-y>.small-2 {
         height: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-y>.small-3 {
         height: calc(25% - 1.875rem) 
    }
     .grid-margin-y>.small-4 {
         height: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-y>.small-5 {
         height: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-y>.small-6 {
         height: calc(50% - 1.875rem) 
    }
     .grid-margin-y>.small-7 {
         height: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-y>.small-8 {
         height: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-y>.small-9 {
         height: calc(75% - 1.875rem) 
    }
     .grid-margin-y>.small-10 {
         height: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-y>.small-11 {
         height: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-y>.small-12 {
         height: calc(100% - 1.875rem) 
    }
     .grid-margin-y>.medium-auto {
         height: auto 
    }
     .grid-margin-y>.medium-shrink {
         height: auto 
    }
     .grid-margin-y>.medium-1 {
         height: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-y>.medium-2 {
         height: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-y>.medium-3 {
         height: calc(25% - 1.875rem) 
    }
     .grid-margin-y>.medium-4 {
         height: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-y>.medium-5 {
         height: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-y>.medium-6 {
         height: calc(50% - 1.875rem) 
    }
     .grid-margin-y>.medium-7 {
         height: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-y>.medium-8 {
         height: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-y>.medium-9 {
         height: calc(75% - 1.875rem) 
    }
     .grid-margin-y>.medium-10 {
         height: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-y>.medium-11 {
         height: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-y>.medium-12 {
         height: calc(100% - 1.875rem) 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-margin-y>.large-auto {
         height: auto 
    }
     .grid-margin-y>.large-shrink {
         height: auto 
    }
     .grid-margin-y>.large-1 {
         height: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-y>.large-2 {
         height: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-y>.large-3 {
         height: calc(25% - 1.875rem) 
    }
     .grid-margin-y>.large-4 {
         height: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-y>.large-5 {
         height: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-y>.large-6 {
         height: calc(50% - 1.875rem) 
    }
     .grid-margin-y>.large-7 {
         height: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-y>.large-8 {
         height: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-y>.large-9 {
         height: calc(75% - 1.875rem) 
    }
     .grid-margin-y>.large-10 {
         height: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-y>.large-11 {
         height: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-y>.large-12 {
         height: calc(100% - 1.875rem) 
    }
}
 @media screen and (min-width:72em) {
     .grid-margin-y>.xlarge-auto {
         height: auto 
    }
     .grid-margin-y>.xlarge-shrink {
         height: auto 
    }
     .grid-margin-y>.xlarge-1 {
         height: calc(8.33333% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-2 {
         height: calc(16.66667% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-3 {
         height: calc(25% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-4 {
         height: calc(33.33333% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-5 {
         height: calc(41.66667% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-6 {
         height: calc(50% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-7 {
         height: calc(58.33333% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-8 {
         height: calc(66.66667% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-9 {
         height: calc(75% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-10 {
         height: calc(83.33333% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-11 {
         height: calc(91.66667% - 1.875rem) 
    }
     .grid-margin-y>.xlarge-12 {
         height: calc(100% - 1.875rem) 
    }
}
 .grid-frame.grid-margin-y {
     height: calc(100vh + 1.25rem) 
}
 @media print, screen and (min-width:48em) {
     .grid-frame.grid-margin-y {
         height: calc(100vh + 1.875rem) 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-frame.grid-margin-y {
         height: calc(100vh + 1.875rem) 
    }
}
 @media screen and (min-width:72em) {
     .grid-frame.grid-margin-y {
         height: calc(100vh + 1.875rem) 
    }
}
 @media print, screen and (min-width:48em) {
     .grid-margin-y.medium-grid-frame {
         height: calc(100vh + 1.875rem) 
    }
}
 @media print, screen and (min-width:60em) {
     .grid-margin-y.large-grid-frame {
         height: calc(100vh + 1.875rem) 
    }
}
 @media screen and (min-width:72em) {
     .grid-margin-y.xlarge-grid-frame {
         height: calc(100vh + 1.875rem) 
    }
}
 .hide {
     display: none!important 
}
 .invisible {
     visibility: hidden 
}
 @media screen and (max-width:47.9375em) {
     .hide-for-small-only {
         display: none!important 
    }
}
 @media screen and (max-width:0em), screen and (min-width:48em) {
     .show-for-small-only {
         display: none!important 
    }
}
 @media print, screen and (min-width:48em) {
     .hide-for-medium {
         display: none!important 
    }
}
 @media screen and (max-width:47.9375em) {
     .show-for-medium {
         display: none!important 
    }
}
 @media screen and (min-width:48em) and (max-width:59.9375em) {
     .hide-for-medium-only {
         display: none!important 
    }
}
 @media screen and (max-width:47.9375em), screen and (min-width:60em) {
     .show-for-medium-only {
         display: none!important 
    }
}
 @media print, screen and (min-width:60em) {
     .hide-for-large {
         display: none!important 
    }
}

 @media screen and (max-width:59.9375em) {
     .show-for-large {
         display: none!important 
    }
}
 @media screen and (min-width:60em) and (max-width:71.9375em) {
     .hide-for-large-only {
         display: none!important 
    }
}
 @media screen and (max-width:59.9375em), screen and (min-width:72em) {
     .show-for-large-only {
         display: none!important 
    }
}
 @media screen and (min-width:72em) {
     .hide-for-xlarge {
         display: none!important 
    }
}
 @media screen and (max-width:71.9375em) {
     .show-for-xlarge {
         display: none!important 
    }
}
 @media screen and (min-width:72em) and (max-width:74.9375em) {
     .hide-for-xlarge-only {
         display: none!important 
    }
}
 @media screen and (max-width:71.9375em), screen and (min-width:75em) {
     .show-for-xlarge-only {
         display: none!important 
    }
}
 .show-for-sr, .show-on-focus {
     position: absolute!important;
     width: 1px;
     height: 1px;
     padding: 0;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     border: 0 
}
 .show-on-focus:active, .show-on-focus:focus {
     position: static!important;
     width: auto;
     height: auto;
     overflow: visible;
     clip: auto;
     white-space: normal;
     -webkit-clip-path: none;
     clip-path: none 
}
 .hide-for-portrait, .show-for-landscape {
     display: block!important 
}
 @media screen and (orientation:landscape) {
     .hide-for-portrait, .show-for-landscape {
         display: block!important 
    }
}
 @media screen and (orientation:portrait) {
     .hide-for-portrait, .show-for-landscape {
         display: none!important 
    }
}
 .hide-for-landscape, .show-for-portrait {
     display: none!important 
}
 @media screen and (orientation:landscape) {
     .hide-for-landscape, .show-for-portrait {
         display: none!important 
    }
}
 @media screen and (orientation:portrait) {
     .hide-for-landscape, .show-for-portrait {
         display: block!important 
    }
}
 .float-left {
     float: left!important 
}
 .float-right {
     float: right!important 
}
 .float-center {
     display: block;
     margin-right: auto;
     margin-left: auto 
}
 .clearfix::after, .clearfix::before {
     display: table;
     content: ' ' 
}
 .clearfix::after {
     clear: both 
}
 .align-right {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end 
}
 .align-center {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center 
}
 .align-justify {
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between 
}
 .align-spaced {
     -ms-flex-pack: distribute;
     justify-content: space-around 
}
 .align-right.vertical.menu>li>a {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end 
}
 .align-center.vertical.menu>li>a {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center 
}
 .align-top {
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start 
}
 .align-self-top {
     -webkit-align-self: flex-start;
     -ms-flex-item-align: start;
     align-self: flex-start 
}
 .align-bottom {
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end; 
}
 .align-self-bottom {
     -webkit-align-self: flex-end;
     -ms-flex-item-align: end;
     align-self: flex-end 
}
 .align-middle {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center 
}
 .align-self-middle {
     -webkit-align-self: center;
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
         align-self: center 
}
 .align-stretch {
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch 
}
 .align-self-stretch {
     -webkit-align-self: stretch;
     -ms-flex-item-align: stretch;
     -ms-grid-row-align: stretch;
         align-self: stretch 
}
 .align-center-middle {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-line-pack: center;
     align-content: center 
}
 .small-order-1 {
     -webkit-box-ordinal-group: 2;
     -ms-flex-order: 1;
     order: 1 
}
 .small-order-2 {
     -webkit-box-ordinal-group: 3;
     -ms-flex-order: 2;
     order: 2 
}
 .small-order-3 {
     -webkit-box-ordinal-group: 4;
     -ms-flex-order: 3;
     order: 3 
}
 .small-order-4 {
     -webkit-box-ordinal-group: 5;
     -ms-flex-order: 4;
     order: 4 
}
 .small-order-5 {
     -webkit-box-ordinal-group: 6;
     -ms-flex-order: 5;
     order: 5 
}
 .small-order-6 {
     -webkit-box-ordinal-group: 7;
     -ms-flex-order: 6;
     order: 6 
}
 @media print, screen and (min-width:48em) {
     .medium-order-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1 
    }
     .medium-order-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2 
    }
     .medium-order-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3 
    }
     .medium-order-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4 
    }
     .medium-order-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5 
    }
     .medium-order-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6 
    }
}
 @media print, screen and (min-width:60em) {
     .large-order-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1 
    }
     .large-order-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2 
    }
     .large-order-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3 
    }
     .large-order-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4 
    }
     .large-order-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5 
    }
     .large-order-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-order-1 {
         -webkit-box-ordinal-group: 2;
         -ms-flex-order: 1;
         order: 1 
    }
     .xlarge-order-2 {
         -webkit-box-ordinal-group: 3;
         -ms-flex-order: 2;
         order: 2 
    }
     .xlarge-order-3 {
         -webkit-box-ordinal-group: 4;
         -ms-flex-order: 3;
         order: 3 
    }
     .xlarge-order-4 {
         -webkit-box-ordinal-group: 5;
         -ms-flex-order: 4;
         order: 4 
    }
     .xlarge-order-5 {
         -webkit-box-ordinal-group: 6;
         -ms-flex-order: 5;
         order: 5 
    }
     .xlarge-order-6 {
         -webkit-box-ordinal-group: 7;
         -ms-flex-order: 6;
         order: 6 
    }
}
 .flex-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex 
}
 .flex-child-auto {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto 
}
 .flex-child-grow {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto 
}
 .flex-child-shrink {
     -webkit-box-flex: 0;
     -ms-flex: 0 1 auto;
     flex: 0 1 auto 
}
 .flex-dir-row {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row 
}
 .flex-dir-row-reverse {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse 
}
 .flex-dir-column {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column 
}
 .flex-dir-column-reverse {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse 
}
 @media print, screen and (min-width:48em) {
     .medium-flex-container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex 
    }
     .medium-flex-child-auto {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto 
    }
     .medium-flex-child-grow {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
         flex: 1 0 auto 
    }
     .medium-flex-child-shrink {
         -webkit-box-flex: 0;
         -ms-flex: 0 1 auto;
         flex: 0 1 auto 
    }
     .medium-flex-dir-row {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row 
    }
     .medium-flex-dir-row-reverse {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
         flex-direction: row-reverse 
    }
     .medium-flex-dir-column {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column 
    }
     .medium-flex-dir-column-reverse {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse 
    }
}
 @media print, screen and (min-width:60em) {
     .large-flex-container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex 
    }
     .large-flex-child-auto {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto 
    }
     .large-flex-child-grow {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
         flex: 1 0 auto 
    }
     .large-flex-child-shrink {
         -webkit-box-flex: 0;
         -ms-flex: 0 1 auto;
         flex: 0 1 auto 
    }
     .large-flex-dir-row {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row 
    }
     .large-flex-dir-row-reverse {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
         flex-direction: row-reverse 
    }
     .large-flex-dir-column {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column 
    }
     .large-flex-dir-column-reverse {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse 
    }
}
 @media screen and (min-width:72em) {
     .xlarge-flex-container {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex 
    }
     .xlarge-flex-child-auto {
         -webkit-box-flex: 1;
         -ms-flex: 1 1 auto;
         flex: 1 1 auto 
    }
     .xlarge-flex-child-grow {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 auto;
         flex: 1 0 auto 
    }
     .xlarge-flex-child-shrink {
         -webkit-box-flex: 0;
         -ms-flex: 0 1 auto;
         flex: 0 1 auto 
    }
     .xlarge-flex-dir-row {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         -ms-flex-direction: row;
         flex-direction: row 
    }
     .xlarge-flex-dir-row-reverse {
         -webkit-box-orient: horizontal;
         -webkit-box-direction: reverse;
         -ms-flex-direction: row-reverse;
         flex-direction: row-reverse 
    }
     .xlarge-flex-dir-column {
         -webkit-box-orient: vertical;
         -webkit-box-direction: normal;
         -ms-flex-direction: column;
         flex-direction: column 
    }
     .xlarge-flex-dir-column-reverse {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
         flex-direction: column-reverse 
    };
}

.pl0 {
    padding-left: 0!important
}

.pr150x,
.pr20 {
    padding-right: 1.5rem!important
}


.norma-icon {
    color: inherit;
    max-height: 1.1875em;
    max-width: 1.1875em;
    display: inline-block;
    vertical-align: text-top;
/*     color: #333!important;
	  fill: #333; */
}

.right-hamburger {
  font-size: 1rem;
}

.norma-icon--before-text {
    margin-right: .25rem;
}

.norma-icon--after-text {
    margin-left: .25rem;
}

.norma-icon--large {
    font-size: 2em;
}

.article-body ul {
  margin-bottom: 25px;
}

.article-body table.content {
  width: 100%;
}

.article-body table.content td {
  padding: 5px 10px;
}

.article-body table.content .wysiwyg-font-size-medium {
  font-size: default;
}

@media (max-width: 540px) {
  .article-body table.content td {
    font-size: .7em;
  }
}

.outage {
  font-weight: 900 !important;
}





/* Wall Code */
#wall-options {
  display: block;
  padding: 10px 0;
  position: relative;
  text-align: center;
}

#wall-options .opt-in,
#wall-options .opt-out {
  border: 1px solid transparent; 
  border-radius: 4px; 
  box-shadow: 0 0.5rem 1.5rem 0 rgba(0,0,0,.1);
  color: #fff; 
  display: block;
  font-size: 1rem; 
  font-weight: bold; 
  margin: 0 auto;
  padding: .825rem 2.25rem; 
  line-height: 1; 
  text-align: center; 
  transition: background-color .25s ease-out,color .25s ease-out;
  -webkit-box-shadow: 0 0.5rem 1.5rem 0 rgba(0,0,0,.1);
  -webkit-transition: background-color .25s ease-out,color .25s ease-out; 
  width: 50%;
}

#wall-options .opt-in {  
  background: #00b964;
  margin-bottom: 20px;
}

#wall-options .opt-out {
  background: #444;
}

#wall-options .opt-in:hover {
  background: #008648;
}

#wall-options .opt-out:hover {
  background: #111;
}

 @media screen and (max-width: 542px) {
    #wall-options .opt-in,
    #wall-options .opt-out {
        width: 100% !important;
    }
}

/* Updated Green Homepage banner */
.homepage-banner {
  background-color: #ccf1e0;
  border-radius: .25rem;
  padding: 1rem;
  margin: 1rem auto 0 auto;
}

@media print,
screen and (min-width:60em) {
   .homepage-banner {
      margin: 2rem auto 0 auto;
   }
}

.mb-half {
    margin-bottom: .5rem!important;
}

.homepage-banner-heading-text {
  font-size: 16px;
  font-weight: 900;
}

.homepage-banner a {
  text-decoration: underline;
  color: #333;
}

/* Article banner */
.article-banner {
  background-color: #ccf1e0;
  border-radius: .25rem;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* Responsive videos */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  margin-bottom: 1rem;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}