:root {
        --font: "aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
        --alt-font: "aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
        --accent-color: #00754a;
        --secondary-color: #53575a;
        --link-color: #24272a;
        --accent-highlight-color: #005b3a;
        --accent-highlight-background-color: #c2ffe8;
        --accent-tinted-color-70: #b3d6c9;
        --accent-tinted-color-80: #cce3db;
        --accent-tinted-color-90: #e6f1ed;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #00a86a;
        --secondary-hover-color: #6b7175;
        --secondary-contrast-color: #fff;
        --link-hover-color: #535a61;
      }
      

.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/83c543c7-2f2a-40a8-9782-6945866a3bff/tr86ltwipctl-Gallup_CORP_W_k_rgb.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* FRAME - Dashboard */
.container, .sidebar--closed--right {
  -webkit-box-shadow: none;
  box-shadow: none;}


/* FRAME - Learner */
@media only screen and (min-width: 64.063em) {
  .learner__content {border-left: 1px solid #ffffff;}}
@media only screen and (min-width: 48.063em) {
	.learner__content {border-left: 1px solid #ffffff;}}


/* MARGINS AND PADDING - Top */
.layout-panel {
	padding:0; 
	padding-top: .5rem;}
.directional__nav {margin-bottom:1rem;}
.topic__container__slideshow, .topic__container__presentation, .topic__container__workbook, .quiz__container--learner .question__container {padding-top:0;}


/* MARGINS AND PADDING - Side */
.topic__content.topic__content--pre-text-block, .topic__content.topic__content--post-text-block, .topic__text__body, .topic__contained__container, .quiz__container, .topic__video--without-body {
    padding-right: 0rem;
    padding-left: 0rem;}

.topic__container__video, .topic__container__slideshow, .topic__container__discussion-board, .topic__container__presentation, .topic__container__audio, .topic__container__image, .topic__container__highlight-zone-quiz {
    padding-right: 1rem;
    padding-left: 1rem;}


/* BACKGROUNDs */
body {background-color: #ffffff;}
.learner__content {background-color: #ffffff;}
.learner__container {background-color: #ffffff;}
.learner__sidebar {background: #f1f1f1;}


/* BUTTON - General over all button style */
.btn, button {
  border-radius: 2px;
  border-color: #009D4E;
  color: #000;
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
  font-weight: normal;
  padding-top: 6px;
  padding-bottom: 7px;}


/* BUTTON - Primary button style. General, Active, Focus and Hover */
.btn--primary,.btn-primary {
  padding-top: 9px;
  padding-bottom: 8px;
  border-radius: 2px;
  background-color: #009D4E;
  text-transform: uppercase;
  border-color: #009D4E;
  font-weight: normal;
  font-size: 11px;
  color: #000;
  letter-spacing: .1em;
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;}

.btn--primary.active,.btn--primary:active,.btn--primary:focus,.btn--primary:hover,.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
  color: #000;
  background-color: #fff;
  border-color: #009D4E;}


/* BUTTON - Success button style. General, Active, and Hover */
.btn--success {
  padding-top: 9px;
  padding-bottom: 8px;border-radius: 2px;
  background-color: #009D4E;
  text-transform: uppercase;
  border-color: #009D4E;
  font-weight: normal;
  font-size: 11px;
  color: #000;
  letter-spacing: .1em;
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;}

.btn--success.active {
  background-color: #009D4E;
  border-color: #009D4E;
  color: #000;}

.btn--success.hover {
  background-color: #ffffff;
  border-color: #009D4E;
  color: #000;}


/* BUTTON - Text only button.  Hover */
.btn--link.btn--primary:hover {
 	color: #000;
  border-bottom: 1px solid #00754a;}

.btn--link:hover {color: #00754A;}


/* BUTTON - Catalog Button.  General and Hover */
.btn.catalog-aggregation__value {color: #00754A;}

.btn.catalog-aggregation__value:hover {
    color: #00754A;
    font-weight: 700;}


/* BUTTON - Gallup button used in content.  Look and see if we can replace with primary */
.btn--gallup{
  padding:4px 12px;
  border-radius: 2px;
  background-color: #009D4E;
  text-transform: uppercase;
  border-color: #009D4E;
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
  color: #000;
  letter-spacing: .1em;
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;}

.btn--gallup:hover {
  color: inherit;
  background-color: #fff;
  border-color: #009D4E;}

.btn--gallup:focus {color: inherit;}

.btn--gallup2{
  padding:0 12px;
  border-radius: 2px;
  background-color: #fff;
  text-transform: uppercase;
  border-color: #009D4E;
  font-weight: normal;
  font-size: 11px;
  line-height: 28px;
  color: #000;
  letter-spacing: .1em;
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;}

.btn--gallup2:hover {
  color: inherit;
  background-color: #009D4E;
  border-color: #009D4E;}
  
.btn--gallup2:focus {color: inherit;}


/* BUTTON CONTAINER - these can be replace with alignment style */
.btn-containercenter {text-align:center;}
.btn-containerleft {text-align:left;}
.btn-containerright {text-align:right;}


/* BUTTON AND LINK - Blue focus color adjusted for contrast against gray and green */
.btn:focus:not(.tw-override),button:focus:not(.tw-override) {
    -webkit-box-shadow: 0 0 5px #2577FE;
    box-shadow: 0 0 5px #2577FE;
    outline: 1px solid #2577FE}
.btn--alt:focus {
    -webkit-box-shadow: 0 0 5px #2577FE;
    box-shadow: 0 0 5px #2577FE;
    outline: 1px solid #2577FE}
.btn--link:focus {
    -webkit-box-shadow: 0 0 5px #2577FE;
    box-shadow: 0 0 5px #2577FE;
    outline: 1px solid #2577FE}
.tabs.tabs--manager .tab-title a:focus {
    -webkit-box-shadow: 0 0 5px #2577FE;
    box-shadow: 0 0 5px #2577FE;
    outline: 1px solid #2577FE}
.tabs.tabs--accent .tab-title a:focus {
    -webkit-box-shadow: 0 0 5px #2577FE;
    box-shadow: 0 0 5px #2577FE;
    outline: 1px solid #2577FE}
a:focus {
    -webkit-box-shadow: 0 0 5px #2577FE;
    box-shadow: 0 0 5px #2577FE;
    outline: 1px solid #2577FE}
.learner__sidebar__expandables .expandable-sidebar__link:focus .expandable-sidebar__toggle {
    -webkit-box-shadow: 0 0 5px #2577FE;
    box-shadow: 0 0 5px #2577FE;
    outline: 1px solid #2577FE}
.checkbox-label input.checkbox:focus~.checkbox-indicator {
    -webkit-box-shadow: 0 0 5px #2577FE;
    box-shadow: 0 0 5px #2577FE;
    outline: 1px solid #2577FE}
.flip-card__container:focus {
    -webkit-box-shadow: 0 0 5px #2577FE;
    box-shadow: 0 0 5px #2577FE;
    outline: 1px solid #2577FE}

@media only screen and (min-width: 64.063em) {
    .directional__nav .directional__nav__label {
        display:inline-block;
        line-height: 2.2;
        visibility: hidden}

    .directional__nav a:hover .directional__nav__label {
        visibility: visible}

    .directional__nav a:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none}

    .directional__nav a:focus .directional__nav__button {
        -webkit-box-shadow: 0 0 5px #2577FE;
        box-shadow: 0 0 5px #2577FE;
        outline: 1px solid #2577FE}
}


/* HEADER AND FOOTER */
html .header .company__beta-logo .company-logo__container img {max-height:30px; margin-top:14px;}
html .course__container .header .company__beta-logo .company-logo__container img {margin-top: 10px; max-height: 30px;}
html .header--article {padding-left:0 !important;}
html .header--microsite {padding-left: 1em !important;}
html .header--dashboard {padding-left: 1.5em !important;}
.header--student .header__right {padding-right: 2rem;}
@media only screen and (min-width: 48.063em) {
    .header--student .header__right {padding-right: 2rem;}}

.footer__company__info {
    display: none;
}
footer__links {
    display: none;
}
@media only screen and (min-width: 48.063em) {
    .footer .footer__links {
        display: none;
    }
}


.footercontainer {
  width: 100%;
  margin: 0 auto;}
  @media (min-width: 640px) {.footercontainer {max-width:640px;}}
  @media (min-width: 769px) {.footercontainer {max-width:769px;}}
  @media (min-width: 1024px) {.footercontainer {max-width:1024px;}}
  @media (min-width: 1440px) {.footercontainer {max-width:1440px;}}
  @media (min-width: 1920px) {.footercontainer {max-width:1920px;}}
  @media (min-width: 2560px) {.container {max-width:2560px;}}

.footer__inner2 {
  font-size: 14px;
  margin:  0 auto 1rem auto;
  max-width: 100%;
  padding: 2rem 0 2rem 0;
  width: 100%;
  text-align: center;}


/* SIDEBAR - Background color and text color*/
html .expandable-sidebar__toggle {
  min-height: 40px;
  background-color: #24272A;
  padding-top: 10px;
  font-size: 14px;
	color:#fff;}
.expandable-sidebar__content {background-color: transparent;}
.layout-panel {background-color: transparent;}
#learner .syllabus__topic.syllabus__topic--active {
	border: 1px solid #878A8B; 
	background-color: transparent;}
.syllabus__section-title-index{display:none;}
.sidebar__resources>li {background-color: #CFD2D3;}
.completed__indicator i {color: #00754A;}
.expandable-sidebar__buttons {color: #24272A;}


/* SIDEBAR - Search Bar and Hide Button */
.learner__sidebar__search input {background: white !important;}
.learner__container__toggle {margin-left:1rem;}
.learner__container__toggle--small {margin-left:0;}
.hide-sidebar {padding-bottom: 0 !important; padding-top: 0 !important;}


/* SIDEBAR - Hide support and logout links */
.expandable-sidebar__buttons {display: none;}


/* SIDEBAR - Links */
a:focus, a:hover {color: #00754A;}
html .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title.active { color: #00754A; }
html .learner__sidebar-inner-list .syllabus__lesson .syllabus__lesson--title:hover { color: #00754A; }
.syllabus__topic.syllabus__topic--active a{ color: #00754A; }


/* SIDEBAR - progress bar, bookmark, progress circles and Completion */
html .section-progress-bar span {background-color: #53575A;}
.lesson-progress-page.lesson-progress-page--current .icon-circle.icon-circle {
  border-color: #000;
  background: #000;}
.icon-circle.icon-circle--full {border-color: #53575A;}
.icon-circle.icon-circle--full span {background: #009D4E;}
.icon-circle {border: 1px solid #53575A;}
.progress.colorized .meter {background:#009D4E;}
.course-progress__overall .highlight {color: #24272A;}


/* TITLES AND NAVIGATION - Above the content frame */
.learner-section__title {
    color: #00754A;
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.1em;}				
html .learner-lesson__title {color: #000000;}
.learner-section__title__slash {color:#ffffff;}
html .directional__nav__button{color: #000;}
html .directional__nav__button {
    border-radius: 50%;
    background-color: #E9E9E9;}
html .icon-navigateleft {padding-right:.25rem;}
html .icon-navigateright {padding-left:.25rem;}
html .bookmark-plus {color: #53575A;}


/* LEARNER BANNER */
html .header--student {
	background: #ffffff;
  box-shadow: 0 0 12px -2px rgba(0, 0, 0, .25);}
html .header--student .header__left__icon {background: #ffffff; color: #009D4E;}
html .header--student .header__left__icon {height: 4rem; padding: 1.3rem 1rem 1rem;}
.header--student .header__left__icon:hover {background: #009D4E; color: #ffffff;}
@media only screen and (min-width: 48.063em) {
	html .header--student .header__left__icon {height: 4.85rem; padding: 1.7rem 1rem 1rem;}}
html .course-title {color: #000000;}
.icon-home {font-size: 150%;}


/* DASHBOARD */
.dashboard-access {
    border: 1px solid #cbcbcb;
    box-shadow: 0 0 8px -2px rgba(0, 0, 0, .25);}

.dashboard-access-tabs {background:#e6e6e6;}

.dashboard-access-tab--active {
  border-color: #009D4E;
	border-bottom: 1px solid #cbcbcb;}

.dashboard-access__header--expanded {border-bottom: none;}

.hr__accent {border:none; margin:0;}

#learner .widget__alt-title__container h3 {
  font-size: 1.2rem;
  color: #00754A;
  margin-top: .5em;
  font-weight: 100;}

.dashboard-badges-container {
  border: 1px solid #cbcbcb;
  box-shadow: 0 0 8px -2px rgba(0, 0, 0, .25);}

#learner .dashboard-badges-container h3 {
    font-size: 1.2rem;
    color: #00754A;
    margin-top: .5em;
    font-weight: 100;}

.dashboard-access__header {
  font-size: 1.2rem;
  color: #00754A;
  margin-top: 0;
  font-weight: 100;
  background:none;}

li.dashboard-badge {border:none;}


/* CATALOG */
.catalog-grid-item__title {
	margin-bottom: .25em;
	position: absolute;
	width: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;}
.new-catalog__ribbon{
  color: black !important;
  background-color: #009D4E !important;}
.new-catalog__ribbon-corner{
  border-top-color: #009D4E !important;
  border-left-color: #009D4E !important;}
.catalog__ribbon{
	font-size:.7rem;
	letter-spacing:1px;
	line-height:1;
	padding:.5em .6em;
	text-transform:uppercase;}


/* COMMUNITY DISCUSSION BOARDS */
.widgetbottom {
    background: #e6e6e6;
    margin-top: 1rem;
    margin-bottom: 1rem;}
.widget--discussion-board {
    width: 97%;
    border: 1px solid #e1e1e1;
    margin-bottom: 1.5rem;
    padding-bottom:0;
    background: #e6e6e6;}
.discussion-card {background: #ffffff;}
.discussion-list-item {background: #ffffff;}


/* LEARNING PATH */
.learning-path-milestone__badge--elective {display: none;}
.learning-path-milestone__badge--required {display: none;}
.learning-path-milestone-item__info {display:none;}
.learning-path-criterion:nth-of-type(1n) {color: #878A8B;}
html .learning-path-milestone-item__body p {
  margin-left: .75em; 
  margin-right: .75rem; 
  font-size: 1rem;}
html .learning-path-milestone-item__alt-description {font-size: 1rem;}
html .learning-path-milestone-item__description {margin-left: .75em; margin-right: .75rem; font-size: 1rem;}
html .learning-path_custom-layout .widget--back-to-dashboard {padding: 2em 2em;}

/* MICROSITE */
html .header--microsite {
	padding-left: 2em;
	padding-right: 2em;}


/* ARTICLE - Hide the 5 star rating on the sidebar of the article */
.article-sidebar__rating {display:none;}


/* PAGE TYPE - Quiz Page */
.quiz__container--tally .choice__index {display: none;}
html .quiz__container--learner .question__container h2{color: inherit;}
.quiz-start__text .quiz-start__sub-text p {
    margin-left: 0em;
    text-align: center;}
.quiz-start__text .btn {
  background-color: #009D4E;
  text-transform: uppercase;
  border-color: #009D4E;
  font-weight: normal;
  color: #000;
  letter-spacing: .1em;
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;}
.quiz-start__text .btn:hover {
  color: inherit;
  background-color: #fff;
  border-color: #009D4E;}
.quiz-start__text .btn:focus {color: inherit;}
.choice--selected--true .choice__selected-answer {color: #00754A;}
.quiz__container--quiz .choices__list.choices__list--selected li.choice--selected.choice--selected--true:hover {border-color: #00754A;}
.quiz__container--learner .choices__list li .choice__icon .icon-check {color: #00754A;}
#i18n-25 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 11px;
  color: #000;
  letter-spacing: .1em;}


/* PAGE TYPE - Slideshow, Video with Sidebar, Presentation, Audio, Interactive with Sidebar */
.topic__contained__container .topic__contained__wrapper .topic__contained__sidebar {border:0;}
.topic__contained__container .topic__contained__wrapper--slideshow .topic__contained__content--no-sidebar {border: 0;}
.topic__contained__container .topic__contained__content {border: 0;}
.topic__contained__container .topic__contained__wrapper {border: 0;}
.audio-player__bar .btn.audio-player__play-button {background-color: #53575A;}
.audio-player__bar .btn.audio-player__play-button.hover_\!bg-accent-hover:hover {background-color: #00754A !important;}
.audio-player__bar .btn.audio-player__play-button.active_\!bg-accent-hover:active {background-color: #00754A !important;}
.audio-player__bar .btn.audio-player__play-button.focus_\!bg-accent-hover:focus {background-color: #00754A !important;}
.audio-player__bar .audio-player__controls .presentation__controls__loader {background-color: #24272A;}


/* PAGE TYPE - Slideshow and Presentation Page */
html .slide-show__top-bar {
  	background-color: #e6e6e6;
  	color: #000;}
html .slide-show__button {
	background-color: inherit;
	line-height: 29px;
	padding: 0 12px;
	color: #000;
	font-size: .9rem;}
html .slide-show__button:hover {
	background-color: #878A8B;
  	border-color: #fff;
  	color: #fff;}
html .slide-show__count {
  	padding-left: .75rem;
  	padding-right: .75em;}


/* PAGE TYPE - Learning Journal title and Print Icon */
.quiz__container--survey .heading--primary {display:none !important;}
.workbooks--section--action-buttons {
  margin-top:1.25rem;
  padding-bottom: .25rem;}
.btn--print-top.btn--bare-icon {top: -28px;}
.btn--email-top.btn--bare-icon {top: -28px;}
.btn--bare-icon+.popup--email-pdf {top: 10px;}


/* PAGE TYPE - Survey */
table:not(.tw-override) th:not(.tw-override) {text-align: center;}


/* ALT TAG - Extended image description */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;}


/* SOCIAL MEDIA - Turn off social media icons */
.share__container { display: none; }


/* 01 - DEFAULT STYLES (Body, HTags) */
body {
    font-family: "aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    color: #000000;}
.topic__text__body {color:#000;}

#learner .editor-content h1 {
    font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-size: 2.4rem;
    font-weight: 200;
    color: #24272A;}
#learner .editor-content h2 {
    font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-size: 2rem;
    font-weight: 200;
    color: #24272A;}
#learner .editor-content h3 {
    font-family: "aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-size: 1.35rem;
    font-weight: 600;
    color: #24272A;}
#learner .editor-content h4 {
    font-family: "aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-size: 1.125rem;
    color: #53575A;
    font-weight: 600;
    text-transform: uppercase;}


/* 01 - DEFAULT STYLES (Links) */
#learner .editor-content a:not(.btn) {
  padding: .125rem 0;
  color: inherit;
  font-weight:500;
  text-decoration: none;
  border-bottom: 1px solid #00754A;}
#learner .editor-content a:not(.btn):hover {
  padding: .125rem 0;
  color: inherit;
  background-color: #E4F2E1;  
  font-weight:500;
  text-decoration: none;
  border-bottom: 1px solid #00754A;}
#learner .editor-content a:not(.btn):active {
  padding: .125rem 0;
  color: inherit;
  font-weight:500;
  text-decoration: none;
  border-bottom: 1px solid #00754A;}


/* 01 - DEFAULT STYLES (List) */
#learner .editor-content ol{
    font-family: "aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    padding-left: 1rem;
    margin-bottom: 1rem;
    margin-left: 1.8rem;
    list-style-position: outside;
    display: block;
    color: inherit;}
#learner .editor-content ul{
    font-family: "aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    padding-left: 1rem;
    margin-bottom: 1rem;
    margin-left: 1.8rem;
    list-style-position: outside;
    display: block;
    color: inherit;}


/* 02A - INDENT */
p.indent{margin-left:2.4rem}
p.indent-2{margin-left:4.8rem}
p.indent-3{margin-left:7.2rem}
p.indent-h3icon{margin-left: 2.6rem;}
p.indent-hanging{
	margin-left: 1.2rem; 
	text-indent: -1.2rem;}


/* 02A - PAGINATION - Aligns to left and right of the page*/
.pagination .left {float: left;}
.pagination .right {float: right;}


/* 02A - ALIGNMENT changes with screen size change **/
.rightcenter, .leftcenter {text-align:center;}
@media only screen and (min-width: 64.063em) {
	.rightcenter{text-align:right;}
	.leftcenter{text-align:left;}}


/* 02B - FONT FAMILY AND WEIGHT */
.serif{font-family:"adobe-caslon-pro",serif;}
.light{font-weight:200;}
.medium{font-weight:500;}
.expandupercase {
	font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	letter-spacing: 5px;
	text-transform: uppercase;}
.hand{
	font-family: 'Nanum Pen Script', cursive;
	font-size: 1.5rem;
    line-height: 1.3;}
.superscript{
    font-size:.5em;
    position:relative;
    top:-1em;}
.lineheight0 {line-height:0;}


/* 02C - BLOCKQUOTE */
blockquote{
    font-family:"adobe-caslon-pro",serif;
    color: #000000;
    font-size: 2rem;
    margin:1.5rem 0rem;
    font-style:normal;
    border:none;
    padding:0;}
blockquote.green{color:#009D4E;}
blockquote.sideline-left, blockquote.larger-gray{
    font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-size:1.6rem;
    font-weight:200;
    color:#53575A;
    border-left: 1px solid #53575A;
    padding-left: 1.5rem;}
blockquote.topbottom-line, blockquote.bordered-and-green{
    font-family:"aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-size:1.25rem;
    font-weight:700;
    color:#00754A;
    text-align:center;
    border-top:1px solid #24272A;
    border-bottom:1px solid #24272A;
    padding:1.5rem;
    margin:-.125rem 2rem;}
blockquote.greenbackground{
    font-family:"aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-size:1.25rem;
    font-weight:200;
    color:#2b2b2b;
    background-color:#E4F2E1;
    border:none;
    box-shadow:0 0 7px 3px #E4F2E1;
    padding:1rem;
    margin:-.125rem 0;}
blockquote.serifsmall-italic,blockquote.serifsmall, blockquote.sanserifsmall-italic,blockquote.sanserifsmall, p.lead, p.lead-non-italic, p.lead-aktiv, p.lead-aktiv-non-italic{
    font-family:"adobe-caslon-pro",serif;
    font-size:1.4rem;
    font-weight:200;
    font-style:italic;
    color:#53575A;
    margin:1rem 0;}
blockquote.sanserifsmall-italic,blockquote.sanserifsmall, p.lead-aktiv,p.lead-aktiv-non-italic{font-family:"aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;}
blockquote.sanserifsmall,blockquote.serifsmall, p.lead-non-italic,p.lead-aktiv-non-italic{font-style:normal;}

blockquote.sanserifbox,blockquote.sanserif-xsmall,blockquote.sanserif-xsmall-box{
    font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-weight:200;
	color: #24272A;}
blockquote.sanserifbox{
	font-size:1.4rem;
	margin:0;}
blockquote.sanserif-xsmall{
	font-size:1.12rem;
    margin:1rem 0;}
blockquote.sanserif-xsmall-box{
	font-size:1.12rem;
    margin:0;}


/* 02C - CALLOUT Large and small text - Put on a span tag */
.callout-lgtext {
  font-size: 45px; 
  font-weight:200;
  line-height:1;}
.callout-smtext {
  font-size: 16px; 
  font-weight:200;}


/* 02C - SUBHEAD with p tags not h tags */
p.subhead1 {
    font-family: "aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-size: 1.35rem;
    font-weight: 600;
    color: #24272A;}
p.subhead2 {
    font-family: "aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
    font-size: 1.125rem;
    color: #53575A;
    font-weight: 600;
    text-transform: uppercase;}


/* 02D - TEXT COLORS */
.white{color:#fff}
.black{color:#000;}
.gray1{color:#CFD2D3;}
.gray2{color:#B0B3B2;}
.gray3{color:#878A8B;}
.gray4{color:#53575A;}
.gray5,.gray6{color:#24272A;}
.green1{color:#E4F2E1;}
.green2{color:#16C64F;}
.green3{color:#009D4E;}
.green4{color:#00754A;}


/* 02D - HIGHLIGHT COLORS */
.highlight-executing, .highlight-influencing, .highlight-thinking, .highlight-relationship, .highlight-black, .highlight-green2 {
	padding-left: .25rem;
	padding-right: .25rem;
	padding-bottom: .1rem;
	margin-left: .25rem;
	margin-right: .25rem;}
.highlight-executing {
  background-color: #ebdcec; 
 	border-bottom:1.5px solid #7B2481;
 	color: #000;}
.highlight-influencing {
 	background-color: #fcead9; 
 	border-bottom:1.5px solid #E97200;
	color: #000;}
.highlight-thinking {
 	background-color: #d8eee5; 
 	border-bottom:1.5px solid #00945D;
 	color: #000;}
.highlight-relationship {
	background-color: #e0e8f5; 
	border-bottom:1.5px solid #0070CD;
	color: #000;}
.highlight-black {
	background-color: #000;
  border-bottom: 1.5px solid #000;
  color: #fff;}
.highlight-green2 {
	background-color: #009D4E;
  border-bottom: 1.5px solid #009D4E;
  color: #000;}


/* 02E - LISTS DIV - indent list REPLACE WITH MARGINLEFT 2*/
.listbox {padding-left: 2rem;}


/* 02E - ORDERED LIST - Qitems */
.Qitem {
  padding-left: 2.5rem ;
  text-indent: -2.5rem ;}


/* 02E - ORDERED LIST - large numbers */
.largenumbers {
    list-style-type: none;
    counter-reset: li;
    box-sizing: border-box;
    display:block;
    margin-block-start: 1rem;
    margin-block-end: 1rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 1rem;}
.largenumbers li {
    counter-increment: step-counter;
    position:relative;
    min-height: 3rem;
    display:list-item;
    text-align: -webkit-match-parent;
    padding-bottom: 1rem;
    padding-left:.25rem;}
.largenumbers li::before {
    content: counter(step-counter);
    font-weight: 200;
    font-size: 3rem;
    color:#009D4E;
    padding-right:.5rem;
    position: absolute;
    right: 100%;
    top: -13px;
    letter-spacing: -3px;}


/* 02E - UNORDERED LIST - check mark */
ul.check-bullets{list-style-type: none !important;}
ul.check-bullets >li{
    margin-left: 0;
    padding-left:0;
    text-indent: -1rem;}
ul.check-bullets li:before{
    content: "\2714\20";
    list-style-position: outside;
    display: inline block;}


/* 02E - ORDERED LIST - numberitems - SEE IF I CAN REPLACE WITH SOMETHING MORE GENERIC WITH A HIGHING INDENT OR CREATE BETTER LIST */
.numberitem {
  padding-left: 2rem ;
  text-indent: -2rem ;}
.numberitem-table {
  padding-left: 1.5rem ;
  text-indent: -1.5rem ;}


/* 03A - TABLE - Basic */
.gs-basic-table {font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;}
.editor-content table.gs-basic-table td {
  border: 1px solid #B0B3B2;
  color: #2b2b2b;}
.editor-content table.gs-basic-table thead th {
  background-color: #009D4E;
  border: 1px solid #B0B3B2;
  border-bottom: 2px solid #B0B3B2;
  text-transform: none;
  color: #000;}
.gs-basic-table tbody tr:nth-child(even) {background-color: #e6e6e6;}
.editor-content table thead th {background-color: #009D4E; color:#000;}


/* 03B - TABLE - 1 header row and 1 header column */
.gs-basic-table.double-heading tbody tr:nth-child(even) {background-color: #fff;}
.editor-content table.gs-basic-table.double-heading tbody th {
  background-color: #e6e6e6;
  border: 1px solid #B0B3B2;
  text-transform: none;
  color: #000;}


/* 03C - TABLE - AGENDA */
.agenda-table {border: 1px solid #CFD2D3;}
.agenda-table-row {
  border-bottom: 1px solid #B0B3B2;
  position: relative;}
.agenda-table-row:last-of-type {border-bottom: none;}
.agenda-table-row:nth-child(odd) {background-color: #e6e6e6;}
.agenda-table-row .agenda-table-C1,
.agenda-table-row .agenda-table-C2 {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 0rem;}
.agenda-table-row .divider {display: none;}

@media (min-width: 768px) and (max-width: 991px) {
  body:not(.sidebar-open) .agenda-table-row {display: flex;}
  body:not(.sidebar-open) .agenda-table-row .agenda-table-C1 {
    width: 30%;
    border-right: 1px solid #B0B3B2;}
  body:not(.sidebar-open) .agenda-table-row .agenda-table-C2 {width: 70%;}}

@media (min-width: 992px) {
  .agenda-table-row {display: flex;}
  .agenda-table-row .agenda-table-C1 {width: 31%;}
  .agenda-table-row .agenda-table-C2 {
    border-left: 1px solid #B0B3B2;
    width: 69%;}}


/* 03D - TABLE - Hover */
.hovertable {font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;}
.editor-content table.hovertable thead th {
  background-color: #009D4E;
  border: 1.5px solid #ffffff;
  text-transform: none;
  color: #000;}
.hovertable tbody tr {
    border-bottom: 1px solid #ddd;
    vertical-align: top;}
.hovertable tr:hover {background-color: #e6e6e6;}


/* 03E - TABLE - Div */
.divTable{
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin-top: 1rem;
	margin-bottom: 1rem;}

.divTableRow {display: table-row;}
.divTableHeading {display: table-header-group;}
.divTableFoot {display: table-footer-group;}
.divTableBody {display: table-row-group;}

.divTableCell, .divTableHead {
	border: 1px solid #B0B3B2;
	display: table-cell;
	padding: .75rem .5rem .75rem .5rem;}
.divTableHead {vertical-align: bottom;}
.divTableHeadBlank {
	vertical-align: bottom;
	display: table-cell;}
.divTableHeadBlank p:last-of-type {margin-bottom: 0;}
.divTableCellBlank {display: table-cell;}
.divTableCellBlank p:last-of-type {margin-bottom: 0;}

.topborder {border-top: 1px solid #B0B3B2;}
.bottomborder {border-bottom: 1px solid #B0B3B2;}	


/* 03F - CSS TABLE */
.css-table {display: table;}
.css-table .col32 { 
  display: table-cell; 
  width: 32%;}
.css-table .col2 { 
  display: table-cell; 
  width: 2%;}


/* 03G - Table - Stacked Table - Check to see if this is the right style or if we should do something else */
.stackedtable {
  display: table;
  width: 100%;}
.stackedcol {
  display: table-cell;
  padding-bottom: .5rem;
  border-bottom: .5px solid #000;
  border-top: .5px solid #000;
  border-left: .5px solid #000;
  border-right: none;}
.stackedcol:last-of-type {border-right: .5px solid #000;}
.stackedheader {
  padding: .5rem;
  border-bottom: .5px solid #000;
  border-top: .5px solid #000;
  border-left: none;
  border-right: none;}
.stackedheader:first-of-type {
  border-left: .5px solid #000;
  border-right: none;}
.stackedheader:last-of-type {
  border-left: none;
  border-right: .5px solid #000;}
.stackedbody {
  padding-right: .5rem;
  padding-left: .5rem;
  padding-top: .5rem;}

/* If the browser window is smaller than 900px, make the columns stack on top of each other */
@media only screen and (max-width: 900px) {
  .stackedcol {
    display: block;
    width: 100%;
    border-bottom: none;
    border-top: none;
    border-left: .5px solid #000;
    border-right: .5px solid #000;}
  .stackedcol:last-of-type {border-bottom: .5px solid #000;}
  .stackedcol:first-of-type {border-top: .5px solid #000;}}


/* 04A - HORIZONTAL RULE */
hr.solid1px, .solid2px, .double4px, .dot1px, .dot2px, .dash1px, .dash2px, .solid, .double, .dotsm, .dotlg, .dashsm, .dashlg{
  	display: block;
  	margin-top: 1em;
  	margin-bottom: 1em;
  	margin-left: auto;
  	margin-right: auto;
  	border-top-color: #929292;}

hr.solid1px, .solid{border-top-width: 1px;}
hr.solid2px{border-top-width: 2px;}
hr.double4px, .double{border-top-style:double; border-top-width: 4px;}
hr.dot1px, .dotsm {border-top-style:dotted; border-top-width: 1px;}
hr.dot2px, .dotlg {border-top-style:dotted; border-top-width: 2px;}
hr.dash1px, .dashsm {border-top-style:dashed; border-top-width: 1px;}
hr.dash2px, .dashlg {border-top-style:dashed; border-top-width: 2px;}
hr.white{border-color:#fff}
hr.black{border-color:#000;}
hr.gray1{border-color:#CFD2D3;}
hr.gray2{border-color:#B0B3B2;}
hr.gray3{border-color:#878A8B;}
hr.gray4{border-color:#53575A;}
hr.gray5, hr.gray6{border-color:#24272A;}
hr.green1{border-color:#E4F2E1;}
hr.green2{border-color:#16C64F;}
hr.green3{border-color:#009D4E;}
hr.green4{border-color:#00754A;}
hr.executing{border-color:#7B2481;}
hr.thinking{border-color:#00945D;}
hr.influencing{border-color:#E97200;}
hr.relationship{border-color:#0070CD;}
.topline-gray2{padding-top:1.5rem; border-top:1px solid #bbbbbb;}


/* 04B - SPACE */
.mbottom0, p.mbottom0, hr.mbottom0{margin-bottom: 0;}
.mbottomquarter, p.mbottomquarter, hr.mbottomquarter{margin-bottom: .25rem;}
.mbottomhalf, p.mbottomhalf, hr.mbottomhalf{margin-bottom: .5rem;}
.mbottom3quarter, p.mbottom3quarter, hr.mbottom3quarter{margin-bottom: .75rem;}
.mbottom1, p.mbottom1, hr.mbottom1{margin-bottom: 1rem;}
.mbottom1half, p.mbottom1half, hr.mbottom1half{margin-bottom: 1.5rem;}
.mbottom2, p.mbottom2, hr.mbottom2{margin-bottom: 2rem;}
.mbottom2half, p.mbottom2half, hr.mbottom2half{margin-bottom: 2.5rem;}
.mbottom3, p.mbottom3, hr.mbottom3{margin-bottom: 3rem;}

.mtop0, hr.mtop0{margin-top: 0;}
.mtopquarter, hr.mtopquarter{margin-top: .25rem;}
.mtophalf, hr.mtophalf{margin-top: .5rem;}
.mtop3quarter, hr.mtop3quarter{margin-top: .75rem;}
.mtop1, hr.mtop1{margin-top: 1rem;}
.mtop1half, hr.mtop1half{margin-top: 1.5rem;}
.mtop2, hr.mtop2{margin-top: 2rem;}
.mtop2half, hr.mtop2half{margin-top: 2.5rem;}
.mtop3, hr.mtop3{margin-top: 3rem;}

.mright0{margin-right: 0;}
.mrightquarter{margin-right: .25rem;}
.mrighthalf{margin-right: .5rem;}
.mright3quarter{margin-right: .75rem;}
.mright1{margin-right: 1rem;}
.mright1half{margin-right: 1.5rem;}
.mright2{margin-right: 2rem;}
.mright2half{margin-right: 2.5rem;}
.mright3{margin-right: 3rem;}

.mleft0{margin-left: 0;}
.mleftquarter{margin-left: .25rem;}
.mlefthalf{margin-left: .5rem;}
.mleft3quarter{margin-left: .75rem;}
.mleft1{margin-left: 1rem;}
.mleft1half{margin-left: 1.5rem;}
.mleft2{margin-left: 2rem;}
.mleft2half{margin-left: 2.5rem;}
.mleft3{margin-left: 3rem;}

.pbottom0{padding-bottom: 0;}
.pbottomquarter{padding-bottom: .25rem;}
.pbottomhalf{padding-bottom: .5rem;}
.pbottom3quarter{padding-bottom: .75rem;}
.pbottom1{padding-bottom: 1rem;}
.pbottom1half{padding-bottom: 1.5rem;}
.pbottom2{padding-bottom: 2rem;}
.pbottom2half{padding-bottom: 2.5rem;}
.pbottom3{padding-bottom: 3rem;}

.ptop0, .padding0{padding-top: 0;}
.ptopquarter, .paddingquarter{padding-top: .25rem;}
.ptophalf, .paddinghalf{padding-top: .5rem;}
.ptop3quarter, .padding3quarter{padding-top: .75rem;}
.ptop1, .padding1{padding-top: 1rem;}
.ptop1half, .padding1half{padding-top: 1.5rem;}
.ptop2, .padding2{padding-top: 2rem;}
.ptop2half{padding-top: 2.5rem;}
.ptop3{padding-top: 3rem;}


/* 04B - CLEARFIX */
.clearfix {clear:both;}


/* 05A - CALLOUT BOX */
.calloutbox {margin-bottom: 1rem; margin-top: 1rem;}
.calloutbox p:last-of-type {margin-bottom: 0;}

.calloutbox-top {margin-bottom: 1rem;}
.calloutbox-top p:last-of-type {margin-bottom: 0;}


/* 05A - BOX PADDING - EQUAL All Sides of the box */
.boxpadding-0{padding:0;}
.boxpadding-0 p:last-of-type {margin-bottom: 0;}

.boxpadding-quarter{padding:.25rem;}
.boxpadding-quarter p:last-of-type {margin-bottom: 0;}

.boxpadding-half{padding:.5rem;}
.boxpadding-half p:last-of-type {margin-bottom: 0;}

.boxpadding-3quarter{padding:.75rem;}
.boxpadding-3quarter p:last-of-type {margin-bottom: 0;}

.boxpadding-1{padding:1rem;}
.boxpadding-1 p:last-of-type {margin-bottom: 0;}

.boxpadding-1half{padding:1.5rem;}
.boxpadding-1half p:last-of-type {margin-bottom: 0;}

.boxpadding-2{padding:2rem;}
.boxpadding-2 p:last-of-type {margin-bottom: 0;}

.boxpadding-2half{padding:2.5rem;}
.boxpadding-2half p:last-of-type {margin-bottom: 0;}

.boxpadding-3{padding:3rem;}
.boxpadding-3 p:last-of-type {margin-bottom: 0;}


/* 05A - BOX MARGIN - EQUAL All Sides of the box */
.boxmargin-0{margin:0;}
.boxmargin-quarter{margin:.25rem;}
.boxmargin-half{margin:.5rem;}
.boxmargin-3quarter{margin:.75rem;}
.boxmargin-1{margin:1rem;}
.boxmargin-1half{margin:1.5rem;}
.boxmargin-2{margin:2rem;}
.boxmargin-2half{margin:2.5rem;}
.boxmargin-3{margin:3rem;}


/* 05A - BACKGROUND COLORS */
.bg-white{background-color:#fff;}
.bg-white p:last-of-type {margin-bottom: 0;}

.bg-black{background-color:#000; color:#fff;}
.bg-black p:last-of-type {margin-bottom: 0;}

.bg-gray0 {background-color:#e6e6e6;}
.bg-gray0 p:last-of-type {margin-bottom: 0;}

.bg-gray1 {background-color:#CFD2D3;}
.bg-gray1 p:last-of-type {margin-bottom: 0;}

.bg-gray2 {background-color: #B0B3B2;}
.bg-gray2 p:last-of-type {margin-bottom: 0;}

.bg-gray3 {background-color: #878A8B; color:#000;}
.bg-gray3 p:last-of-type {margin-bottom: 0;}

.bg-gray4 {background-color:#53575A; color:#fff;}
.bg-gray4 p:last-of-type {margin-bottom: 0;}

.bg-gray5,.bg-gray6{background-color:#24272A; color:#fff;}
.bg-gray5 p:last-of-type {margin-bottom: 0;}
.bg-gray6 p:last-of-type {margin-bottom: 0;}

.bg-green1 {background-color:#E4F2E1;}
.bg-green1 p:last-of-type {margin-bottom: 0;}

.bg-green2 {background-color:#16C64F;}
.bg-green2 p:last-of-type {margin-bottom: 0;}

.bg-green3 {background-color:#009D4E; color:#000;}
.bg-green3 p:last-of-type {margin-bottom: 0;}

.bg-green4 {background-color:#00754A; color:#fff;}
.bg-green4 p:last-of-type {margin-bottom: 0;}

.bg-blue{background-color:#009add; color:#000;}
.bg-blue p:last-of-type {margin-bottom: 0;}

.bg-blue-medium{background-color:#d1e4f5;}
.bg-blue-medium p:last-of-type {margin-bottom: 0;}

.bg-blue-lightest{background-color:#e6f0f9;}
.bg-blue-lightest p:last-of-type {margin-bottom: 0;}

.bg-influencing{background-color:#E97200; color:#000;}
.bg-influencing p:last-of-type {margin-bottom: 0;}

.bg-relationship{background-color:#0070CD; color:#fff;}
.bg-relationship p:last-of-type {margin-bottom: 0; color:#fff;}

.bg-executing{background-color:#7B2481; color:#fff;}
.bg-executing p:last-of-type {margin-bottom: 0;}

.bg-thinking{background-color:#00945D; color:#000;}
.bg-thinking p:last-of-type {margin-bottom: 0;}

.bg-influencing-light{background-color:#fcead9; color:#000;}
.bg-influencing-light p:last-of-type {margin-bottom: 0;}

.bg-relationship-light{background-color:#e0e8f5; color:#000;}
.bg-relationship-light p:last-of-type {margin-bottom: 0;}

.bg-executing-light{background-color:#ebdcec; color:#000;}
.bg-executing-light p:last-of-type {margin-bottom: 0;}

.bg-thinking-light{background-color:#d8eee5; color:#000;}
.bg-thinking-light p:last-of-type {margin-bottom: 0;}


/* 05A - BOX BORDER COLORS - Replace gray 6 with gray5 */
.border-white{border: 1px solid #fff;}
.border-white p:last-of-type {margin-bottom: 0;}

.border-black{border: 1px solid #000;}
.border-black p:last-of-type {margin-bottom: 0;}

.border-gray0 {border: 1px solid #e6e6e6;}
.border-gray0 p:last-of-type {margin-bottom: 0;}

.border-gray1 {border: 1px solid #CFD2D3;}
.border-gray1 p:last-of-type {margin-bottom: 0;}

.border-gray2 {border: 1px solid #B0B3B2;}
.border-gray2 p:last-of-type {margin-bottom: 0;}

.border-gray3 {border: 1px solid #878A8B;}
.border-gray3 p:last-of-type {margin-bottom: 0;}

.border-gray4 {border: 1px solid #53575A;}
.border-gray4 p:last-of-type {margin-bottom: 0;}

.border-gray5,.border-gray6 {border: 1px solid #24272A;}
.border-gray5 p:last-of-type {margin-bottom: 0;}
.border-gray6 p:last-of-type {margin-bottom: 0;}

.border-green1 {border: 1px solid #E4F2E1;}
.border-green1 p:last-of-type {margin-bottom: 0;}

.border-green2 {border: 1px solid #16C64F;}
.border-green2 p:last-of-type {margin-bottom: 0;}

.border-green3 {border: 1px solid #009D4E;}
.border-green3 p:last-of-type {margin-bottom: 0;}

.border-green4 {border: 1px solid #00754A;}
.border-green4 p:last-of-type {margin-bottom: 0;}

.border-blue {border: 1px solid #009add;}
.border-blue p:last-of-type {margin-bottom: 0;}

.border-blue-medium {border: 1px solid #d1e4f5;}
.border-blue-medium p:last-of-type {margin-bottom: 0;}

.border-blue-lightest {border: 1px solid #e6f0f9;}
.border-blue-lightest p:last-of-type {margin-bottom: 0;}

.border-influencing{border: 1px solid #E97200;}
.border-influencing p:last-of-type {margin-bottom: 0;}

.border-relationship{border: 1px solid #0070CD;}
.border-relationship p:last-of-type {margin-bottom: 0;}

.border-executing{border: 1px solid #7B2481;}
.border-executing p:last-of-type {margin-bottom: 0;}

.border-thinking{border: 1px solid #00945D;}
.border-thinking p:last-of-type {margin-bottom: 0;}


/* 05A - SHADOW BOX */
.boxshadow {box-shadow: 10px 10px 8px #e6e6e6;}


/* 05A - GRADIENT BOX*/
.boxgradient {background: linear-gradient(340deg, #e0e0e0, #fff, #fff);}


/* 05A - SIDE GREEN LINE BOX*/
.boxsideline-green2 {border-left: solid 3px #009D4E;}


/* 05A - TOP BLACK LINE BOX*/
.topborder-2-black {border-top: 2px solid #000000; padding-top:0;}


/* 05A - ROUNDED Box */
.roundedbox {border-radius: 1rem;}
.roundedbox_wrap {border-radius: 1rem; display: -webkit-box;}


/* 05A - BOX WRAP */
.boxwrap{display: -webkit-box;}


/* 05B - CALLOUT BOX - Domain Highlight */
.calloutbox-influencing, .calloutbox-relationship, .calloutbox-executing, .calloutbox-thinking {
  padding:1.25rem;
  color:#000;}

.calloutbox-influencing{background-color:#fcead9; border-left: solid 4px #E97200;}
.calloutbox-influencing p:last-of-type {margin-bottom: 0;}

.calloutbox-relationship{background-color:#e0e8f5; border-left: solid 4px #0070CD;}
.calloutbox-relationship p:last-of-type {margin-bottom: 0;}

.calloutbox-executing{background-color:#ebdcec; border-left: solid 4px #7B2481;}
.calloutbox-executing p:last-of-type {margin-bottom: 0;}

.calloutbox-thinking {background-color:#d8eee5; border-left: solid 4px #00945D;}
.calloutbox-thinking p:last-of-type {margin-bottom: 0;}


/* 05B - CALLOUT BOX - Top and Bottom Stroke */
.calloutbox-2lines, .gs-box2lines{
  background-color: #f1f1f1;
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-right:2rem;
  padding-left:2rem;
  border-bottom: solid 3px #009D4E;
  border-top: solid 3px #009D4E;
  margin-bottom: 1rem;
  margin-top:1rem;}
.calloutbox-2lines p:last-of-type {margin-bottom: 0;}
.gs-box2lines p:last-of-type {margin-bottom: 0;}


/* 05B - CALLOUT BOX - Left Stroke */
.calloutbox-lineleft, .gs-callout-box-leftstroke {
  border-left: 1px solid #929292;
  padding-left:2rem;
  margin-bottom: 1rem;
  margin-top:1rem;}
.calloutbox-lineleft p:last-of-type {margin-bottom: 0;}
.gs-callout-box-leftstroke p:last-of-type {margin-bottom: 0;}


/* 05B - CALLOUT BOX - Dark Gray with Green border inside */
.calloutbox-inborder {
  padding: 2rem;
  background-color: #24272A;
  color: #fff;
  position: relative;
  margin-bottom: 1rem;
  margin-top:1rem;}
.calloutbox-inborder ul {margin-left: 0;}
.calloutbox-inborder:before {
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  content: '';
  border: 1px solid #16C64F;
  position: absolute;}
.calloutbox-inborder p:last-of-type {margin-bottom: 0;}


/* 05B - CALLOUT BOX - Definition */
.calloutbox-definition {
  background-color: #E4F2E1;
  padding: 2rem;
  margin-bottom: 1rem;
  margin-top:1rem;}
.calloutbox-definition dt {
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 1rem;
  letter-spacing: 0.06em;}
.calloutbox-definition dd {
  text-align: center;
  padding: 2rem;
  background-color: #fff;
  border: 1px solid #878A8B;}


/* 05B - CALLOUT BOX - with Text and Image */
.calloutbox-wimage {
  padding: 1rem;
  margin-bottom: 1rem;
  margin-top:1rem;}
.calloutbox-wimage__content p:last-of-type {margin-bottom: 0;}

.calloutbox-wimage__image {
  max-width: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.5rem;}

@media only screen and (min-width: 48.063em) {
  .calloutbox-wimage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;}
  .calloutbox-wimage.gs-flexible {justify-content: space-between;}
  .calloutbox-wimage.gs-reverse {flex-direction: row;}
  .calloutbox-wimage__image {
    max-width: 20%;
    padding-left: 2rem;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;}
  .calloutbox-wimage.gs-flexible .calloutbox-wimage__image{max-width: auto;}
  .calloutbox-wimage.gs-reverse .calloutbox-wimage__image {
    padding-left: 0;
    padding-right: 2rem;}}


/* 05C - BOXES WITH ICONS - Blue stroke - Left & Right */
.gs-callout-box-icon-light {
  position: relative;
  margin-left: 30px;
  padding: 2rem;
  border: 1px solid #009ade;
  margin-bottom: 1rem;
  margin-top:1rem;}
.gs-callout-box-icon-light.gs-reverse {margin-left: 0; margin-right: 30px;}
.gs-callout-box-icon-light p {position: relative; z-index: 4;}
.gs-callout-box-icon-light p:last-of-type {margin-bottom: 0;}
.gs-callout-box-icon-light__icon-holder {
  position: absolute;
  top: 12px;
  left: -30px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #fff;
  padding: 12px;
  z-index: 3;}
.gs-callout-box-icon-light.gs-reverse .gs-callout-box-icon-light__icon-holder {
  left: auto;
  right: -30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;}
.gs-callout-box-icon-light__icon-holder:before {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  border: 1px solid #009ade;
  position: absolute;
  z-index: 1;}
.gs-callout-box-icon-light__icon-holder:after {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  background-color: #fff;
  position: absolute;
  z-index: 2;}
.gs-callout-box-icon-light.gs-reverse .gs-callout-box-icon-light__icon-holder:after {right: 50%; left: 0;}
.gs-callout-box-icon-light__icon-holder img {position: relative; z-index: 4;}


/* 05C - BOXES WITH ICONS - Green stroke - Left & Right */
.gs-callout-box-icon-light_green {
  position: relative;
  margin-left: 30px;
  padding: 2rem;
  border: 1px solid #009D4E;
  margin-bottom: 1rem;
  margin-top:1rem;}
.gs-callout-box-icon-light_green.gs-reverse {margin-left: 0; margin-right: 30px;}
.gs-callout-box-icon-light_green p {position: relative; z-index: 4;}
.gs-callout-box-icon-light_green p:last-of-type {margin-bottom: 0;}
.gs-callout-box-icon-light_green__icon-holder {
  position: absolute;
  top: 12px;
  left: -30px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #fff;
  padding: 12px;
  z-index: 3;}
.gs-callout-box-icon-light_green.gs-reverse .gs-callout-box-icon-light_green__icon-holder {
  left: auto;
  right: -30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;}
.gs-callout-box-icon-light_green__icon-holder:before {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  position: absolute;
  z-index: 1;}
.gs-callout-box-icon-light_green__icon-holder:after {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  background-color: #fff;
  position: absolute;
  z-index: 2;}
.gs-callout-box-icon-light_green.gs-reverse .gs-callout-box-icon-light_green__icon-holder:after {right: 50%; left: 0;}
.gs-callout-box-icon-light_green__icon-holder img {position: relative; z-index: 4;}
.gs-callout-box-icon-light_green_topleft {
    position: relative;
    margin-left: 30px;
    padding: 1.5rem;
    border: 1px solid #009D4E;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2.5rem;}
.gs-callout-box-icon-light_green__icon-holder_topleft {
    position: absolute;
    top: -23px;
    left: -23px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    background-color: #fff;
    padding: 12px;
    z-index: 3;}
    

/* 05C - BOXES WITH ICONS - Blue fill - Left & Right */
.gs-callout-box-icon {
  position: relative;
  margin-left: 30px;
  background-color: #e6f0f9;
  padding: 2rem;
  margin-bottom: 1rem;
  margin-top:1rem;}
.gs-callout-box-icon.gs-reverse {margin-left: 0; margin-right: 30px;}
.gs-callout-box-icon p {position: relative; z-index: 4;}
.gs-callout-box-icon p:last-of-type {margin-bottom: 0;}
.gs-callout-box-icon__icon-holder {
  position: absolute;
  top: 12px;
  left: -30px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: inherit;
  padding: 12px;
  z-index: 3;}
.gs-callout-box-icon.gs-reverse .gs-callout-box-icon__icon-holder {
  left: auto;
  right: -30px;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;}


/* 05C - BOXES WITH ICONS - Gray fill and stroke - Left & Right */
.gs-callout-box-icon-light-gray {
  position: relative;
  margin-left: 30px;
  background-color: #f0f0f0;
  padding: 2rem;
  border: 1px solid #878A8B;
  margin-bottom: 1rem;
  margin-top:1rem;}
.gs-callout-box-icon-light-gray.gs-reverse {margin-left: 0; margin-right: 30px;}
.gs-callout-box-icon-light-gray p {position: relative; z-index: 4;}
.gs-callout-box-icon-light-gray p:last-of-type {margin-bottom: 0;}
.gs-callout-box-icon-light-gray__icon-holder {
  position: absolute;
  top: 12px;
  left: -30px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #f0f0f0;
  padding: 12px;
  z-index: 3;}
.gs-callout-box-icon-light-gray.gs-reverse .gs-callout-box-icon-light-gray__icon-holder {
  left: auto;
  right: -30px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;}
.gs-callout-box-icon-light-gray__icon-holder:before {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  border: 1px solid #878A8B;
  background-color: #f0f0f0;
  position: absolute;
  z-index: 1;}
.gs-callout-box-icon-light-gray__icon-holder:after {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  background-color: #f0f0f0;
  position: absolute;
  z-index: 2;}
.gs-callout-box-icon-light-gray.gs-reverse .gs-callout-box-icon-light-gray__icon-holder:after {right: 50%; left: 0;}
.gs-callout-box-icon-light-gray__icon-holder img {position: relative; z-index: 4;}


/* 05C - BOXES WITH ICONS */
.calloutbox-icon {
    position: relative;
    margin-left: 30px;
    padding: 1rem;
    padding-bottom:.25rem;
    padding-left: 2rem;
    margin-bottom: 1rem;
    border: 1px solid #009D4E;}
.calloutbox-icon-gray {
    position: relative;
    margin-left: 30px;
    padding: 1rem;
    padding-bottom:.25rem;
    padding-left: 2rem;
    margin-bottom: 1rem;
    border: 1px solid #B0B3B2;}
.calloutbox-icon-holder {
    position: absolute;
    top: 12px;
    left: -23px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    background-color: #fff;
    padding: 2px;
    z-index: 3;}
.calloutbox-icon-holder:before {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  position: absolute;
  z-index: 1;}
.calloutbox-icon-holder:after {
  content: '';
  display: block;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  background-color: #fff;
  position: absolute;
  z-index: 2;}
.calloutbox-icon-holder img {position: relative; z-index: 4;}
.calloutbox-icon .calloutbox-icon-gray p {position: relative; z-index: 4;}
.calloutbox-icon .calloutbox-icon-gray p:last-of-type {margin-bottom: 0;}


/* 05D - DOWNLOAD Box */
.gs-downloads {
  background-color: #e6e6e6;
  padding: 2rem;
  margin-bottom: 1rem;}
.gs-downloads__content h3 {font-size: 1.3rem; margin-bottom: .25em;}
.gs-downloads__item {
  width: 200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;}
.gs-downloads__image {
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  display: block;}
@media only screen and (min-width: 64.063em) {
  .gs-downloads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
  .gs-downloads__item {
    padding-left: 2rem;
    margin-left: 0;
    margin-right: 0;}}


/* 05D - DOWNLOAD Box - Sidebar */
.gs-downloads-sidebar {
  background-color: #e6e6e6;
  padding: 2rem;
  margin-bottom: 1rem;}
.gs-downloads-sidebar__content h3 {font-size: 1.3rem; margin-bottom: .25em;}
.gs-downloads-sidebar__item {
  width: 200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;}
@media only screen and (min-width: 100em) {
  .gs-downloads-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
  .gs-downloads-sidebar__item {
    padding-left: 2rem;
    margin-left: 0;
    margin-right: 0;}}


/* 05D - DOWNLOAD NO BOX - Sidebar */
.downloadv2 {
    display: -webkit-box; 
    display: flex; 
    text-align: center;
    align-items: center;}
.downloadv2-image {
    display: -webkit-box; 
    display: flex; 
    max-width: 190px;
    width: 100%;
    padding-right:10px;
    padding-left:10px;}
.downloadv2-buttoncontainer {
    display: -webkit-box; 
    display: flex; 
    position: relative; 
    width: calc(100% - 190px);
    text-align:left;}
@media only screen and (min-width: 64.063em) {
  .downloadv2 {
    display: inline-block;}
.downloadv2-image {
    display: inline-block;
    max-width: 70%;}
.downloadv2-buttoncontainer {
	  display: inline-block;
    margin-bottom: 0;
    width:100%;
    text-align:center;}}
    
    
/* 06A - ICON Headers - OVERALL */
.gs-heading-icon {
  width: 100%;
  margin: 0 auto;
  padding: 0 3rem 1rem 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: initial;}
.gs-heading-icon-nopad {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: initial;}
.gs-heading-icon__icon-holder {
  padding-right: 1rem;
  text-align: left;
  float: left;}
.gs-heading-icon__icon-holder img {
  max-width: 4rem;
  width: 100%;}
.gs-heading-background {
  background-color: #e6e6e6;
  padding: 1rem;
  margin-bottom: 1rem;}
  

/* 06A - ICON H1 Headers */
#learner .gs-heading-icon .gs-heading-icon-nopad h1 {
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
  font-weight: 200;
  color: #24272A;
  margin-bottom: 0;}
.gs-heading-icon .gs-heading-icon-nopad h1 {
  font-size: 2.2rem;
  float: left;
  width: 80%;
  margin-bottom: 0;}
@media only screen and (min-width: 72.063em){
  .gs-heading-icon .gs-heading-icon-nopad h1{font-size: 2.7rem;}}
  

/* 06A - ICON H2 Header */
.gs-heading-icon h2 {margin-bottom: 0;}
.gs-h2 .gs-heading-icon__icon-holder img {
  	max-width: 4rem;
  	width: auto;
  	max-height: 26px;
  	margin-top: .5rem;}
.gs-h2 .gs-heading-icon__icon-holder25px img {
    max-width: 5rem;
    width: auto;
    max-height: 25px;
    margin-top: .5rem;
    padding-top: 0;
    padding-right: 1rem;}
.gs-h2 .gs-heading-icon__icon-holder40px img {
    max-width: 5rem;
    width: auto;
    max-height: 40px;
    padding-right: 1rem;}
.gs-h2 .gs-heading-icon__icon-holder150px img {
    max-width: 5rem;
    width: auto;
    max-height: 150px;
    padding-right: 1rem;}
    

/* 06A - ICON H3 Header */
.gs-h3 .gs-heading-icon {padding: 1.5rem 2rem 0.75rem 0;}
.gs-h3 .gs-heading-icon h3 {margin-bottom: 0;}
.gs-h3 .gs-heading-icon__icon-holder img {
  max-width: 4rem;
  width: auto;
  max-height: 26px;}
  

/* 06A - ICON with body */
.gs-body-icon .gs-body-icon2 {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: initial;}
.gs-body-icon__icon-holder {
    padding-right: .5rem;
    text-align: left;
    float: left;}
.gs-body-icon__icon-holder img {
    max-width: 2rem;
    width: auto;
    max-height: 18px;}
.gs-body-icon p {padding-top: .1rem;}
.gs-body-icon2 p {padding-top: .1rem; margin-bottom:.25rem;}


/* 06B - ICON banner */
.gs-icon-banner {
  text-align: center;
  margin-bottom: 1rem;}
.gs-icon-banner__image-holder {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2rem;
  padding-top: 1rem;}
.gs-icon-banner__content {border: 0px;}
.gs-icon-banner__content p {font-size: 18px;}
.gs-icon-banner__content-noline p {font-size: 18px;}
.gs-icon-banner__content h1{
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
  font-weight: 200;
  color: #24272A;
  margin-bottom: 0.5rem;}
.gs-icon-banner__content-noline h1{
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
  font-weight: 200;
  color: #24272A;
  margin-bottom: 0.5rem;}
@media only screen and (min-width: 48.063em) {
  .gs-icon-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;}
  .gs-icon-banner__image-holder {
    max-width: 200px;
    width: 100%;
    padding-right: 2rem;
    text-align: left;
    padding-bottom: 0;
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;}
  .gs-icon-banner__content {
    text-align: left;
    position: relative;
    padding-left: 2rem;
    border-left: .5px solid #878A8B;}
  .gs-icon-banner__content-noline {
    text-align: left;
    position: relative;
    padding-left: .5rem;}}
    

/* 06B - Text banners */
.textbanner {
  border-bottom: solid 1px #000000;
  padding-bottom: 2rem;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 2rem;}
.textbanner h1 {
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
  font-weight: 200;
  font-size: 2.7rem;
  color: #24272A;
  margin-bottom: .5rem;}
.textbanner p {margin-bottom: 0;}
.textbanner-greenline {
  border-bottom: solid 5px #009D4E;
  padding-bottom: 2rem;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 2rem;}
.textbanner-greenline h1 {
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
  font-weight: 200;
  font-size: 2.7rem;
  color: #24272A;
  margin-bottom: .5rem;}
.textbanner-greenline p {margin-bottom: 0;}
.textbanner-greenline-bg {
  border-bottom: solid 5px #009D4E;
  padding-bottom: 2rem;
  padding-top: 2rem;
  padding-right: 2rem;
  padding-left: 2rem;
  margin-bottom: 2rem;}
.textbanner-greenline-bg h1 {
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
  font-weight: 200;
  font-size: 2.7rem;
  color: #24272A;
  margin-bottom: .5rem;}
.textbanner-greenline-bg p {margin-bottom: 0;}


/* 06B - Square Image banners */
.imagebanner-square {
  text-align: center;
  margin-bottom: 1rem;}
.imagebanner-square__image-holder {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1rem;
  padding-top: 1rem;}
.imagebanner-square__image-holder p {margin-bottom: 0;}
.imagebanner-square__content h1{
  font-family: "aktiv-light","aktiv-grotesk","aktiv-grotesk-std",Arial,Helvetica,sans-serif;
  font-weight: 200;
  color: #53575A;
  margin-top: 0;
  margin-bottom: 0.5rem;}
.imagebanner-square__content h1 sup {font-size: 45%;}
.imagebanner-square__content p {
  font-size: 18px;
  margin-bottom: 0;}
@media only screen and (min-width: 72.063em) {
  .imagebanner-square {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;}
  .imagebanner-square__content {
    text-align: left;
    position: relative;
    padding-left: .5rem;
    width: calc(100% - 200px);}
  .imagebanner-square__image-holder {
    max-width: 200px;
    width: 100%;
    padding-right: 2rem;
    text-align: left;
    padding-bottom: 0;
    padding-top: 0;
    margin-left: 0;
    margin-right: 0;}}
    

/* 06B - Image banner background color */
.imagebanner__background-executing {
	border-bottom: 3px solid #7B2481;
	background-color:#fff;
	color:#000;}
@media only screen and (min-width: 72.063em) {
  .imagebanner__background-executing {
	  border:0;
	  background-color:#ebdcec;
	  color:#000;}}

.imagebanner__background-influencing {
	border-bottom: 3px solid #E97200;
	background-color:#fff;
	color:#000;}
@media only screen and (min-width: 72.063em) {
  .imagebanner__background-influencing {
	  border:0;
	  background-color:#fcead9;
	  color:#000;}}

.imagebanner__background-relationship {
	border-bottom: 3px solid #0070CD;
	background-color:#fff;
	color:#000;}
@media only screen and (min-width: 72.063em) {
.imagebanner__background-relationship {
	border:0;
	background-color:#e0e8f5;
	color:#000;}}

.imagebanner__background-thinking {
	border-bottom: 3px solid #00945D;
	background-color:#fff;
	color:#000;}
@media only screen and (min-width: 72.063em) {
  .imagebanner__background-thinking {
	  border:0;
	  background-color:#d8eee5;
	  color:#000;}}
  
  
/* 06C - Full BANNER Image Position */
.imagebanner-full-rt, .imagebanner-full-rc, .imagebanner-full-rb, .imagebanner-full-lt, .imagebanner-full-lc, .imagebanner-full-lb, .imagebanner-full-ct, .imagebanner-full-cc, .imagebanner-full-cb {
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom:0;}
.imagebanner-full-rt {background-position: top right;}
.imagebanner-full-rc {background-position: center right;}
.imagebanner-full-rb {background-position: bottom right;}
.imagebanner-full-lt {background-position: top left;}
.imagebanner-full-lc {background-position: center left;}
.imagebanner-full-lb {background-position: bottom left;}
.imagebanner-full-ct {background-position: top center;}
.imagebanner-full-cc {background-position: center center;}
.imagebanner-full-cb {background-position: bottom center;}


/* 06C - Full BANNER Image Text Overlay */
.bannertext-whitebg {
    background: rgb(255, 255, 255); 
    background: rgba(255,255,255, .7); 
    width: 100%; 
    padding: 2rem;}
.bannertext-blackbg {
    background: rgb(0, 0, 0); 
    background: rgba(0,0,0, .7); 
    width: 100%; 
    padding: 2rem;}
.bannertext-nobg {
    width: 100%; 
    padding: 2rem;}

.bottom5rem {padding-bottom:5rem;}
.bottom7rem {padding-bottom:7rem;}
.bottom10rem {padding-bottom:10rem;}
.bottom20rem {padding-bottom:20rem;}
.bottom30rem {padding-bottom:30rem;}
.bottom40rem {padding-bottom:40rem;}

.alignleft {text-align: left;}
.alignright {text-align: right;}

@media only screen and (min-width: 72.063em){
	.right10pct{padding-right:10%; background: none;}
	.right20pct{padding-right:20%; background: none;}
	.right30pct{padding-right:30%; background: none;}
	.right40pct{padding-right:40%; background: none;}
	.right50pct{padding-right:50%; background: none;}
	.left10pct{padding-left:10%; background: none;}
	.left40pct{padding-left:40%; background: none;}
	.left50pct{padding-left:50%; background: none;}}


/* 07A - TWO COLUMN LAYOUT - BASE */
* {box-sizing: border-box;}
.rowtwocolumn {margin:0;}
.rowtwocolumn::after {
    content: "";
    clear: both;
    display: table;}


/* 07A - TWO COLUMN LAYOUT - no padding and no lines */
[class*="col-"] {float: left;}
[class*="col-"] {width: 100%;}

@media only screen and (min-width: 64.063em) {
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}}


/* 07A - TWO COLUMN LAYOUT - with padding */
.colpad-right-1,.colpad-right-2, .colpad-right-3, .colpad-right-4, .colpad-right-5, .colpad-right-6, .colpad-right-7, .colpad-right-8, .colpad-right-9, .colpad-right-10, .colpad-right-11, .colpad-right-12, .colpad-left-1, .colpad-left-2, .colpad-left-3, .colpad-left-4, .colpad-left-5, .colpad-left-6, .colpad-left-7, .colpad-left-8, .colpad-left-9, .colpad-left-10, .colpad-left-11, .colpad-left-12 
{padding-left:0; padding-right:0;}

.colpad-right-1,.colpad-right-2, .colpad-right-3, .colpad-right-4, .colpad-right-5, .colpad-right-6, .colpad-right-7, .colpad-right-8, .colpad-right-9, .colpad-right-10, .colpad-right-11, .colpad-right-12 
{padding-top:0; padding-bottom:.75rem;}

.colpad-left-1, .colpad-left-2, .colpad-left-3, .colpad-left-4, .colpad-left-5, .colpad-left-6, .colpad-left-7, .colpad-left-8, .colpad-left-9, .colpad-left-10, .colpad-left-11, .colpad-left-12 
{padding-top:.75rem; padding-bottom:0;}

[class*="colpad-right-"] {float: left;}
[class*="colpad-left-"] {float: left;}

[class*="colpad-right-"] {width: 100%;}
[class*="colpad-left-"] {width: 100%;}

@media only screen and (min-width: 64.063em) {
.colpad-right-1, .colpad-right-2, .colpad-right-3, .colpad-right-4, .colpad-right-5, .colpad-right-6, .colpad-right-7, .colpad-right-8, .colpad-right-9, .colpad-right-10, .colpad-right-11, .colpad-right-12
.colpad-left-1, .colpad-left-2, .colpad-left-3, .colpad-left-4, .colpad-left-5, .colpad-left-6, .colpad-left-7, .colpad-left-8, .colpad-left-9, .colpad-left-10, .colpad-left-11, .colpad-left-12
{padding-top:0; padding-bottom:0;}

.colpad-right-1, .colpad-right-2, .colpad-right-3, .colpad-right-4, .colpad-right-5, .colpad-right-6, .colpad-right-7, .colpad-right-8, .colpad-right-9, .colpad-right-10, .colpad-right-11, .colpad-right-12
{padding-left:0; padding-right:1rem;}

.colpad-left-1, .colpad-left-2, .colpad-left-3, .colpad-left-4, .colpad-left-5, .colpad-left-6, .colpad-left-7, .colpad-left-8, .colpad-left-9, .colpad-left-10, .colpad-left-11, .colpad-left-12
{padding-left:1rem; padding-right:0;}

.colpad-right-1, .colpad-left-1 {width: 8.33%;}
.colpad-right-2, .colpad-left-2 {width: 16.66%;}
.colpad-right-3, .colpad-left-3 {width: 25%;}
.colpad-right-4, .colpad-left-4 {width: 33.33%;}
.colpad-right-5, .colpad-left-5 {width: 41.66%;}
.colpad-right-6, .colpad-left-6 {width: 50%;}
.colpad-right-7, .colpad-left-7 {width: 58.33%;}
.colpad-right-8, .colpad-left-8 {width: 66.66%;}
.colpad-right-9, .colpad-left-9 {width: 75%;}
.colpad-right-10, .colpad-left-10 {width: 83.33%;}
.colpad-right-11, .colpad-left-11 {width: 91.66%;}
.colpad-right-12, .colpad-left-12 {width: 100%;}}


/* 07A - TWO COLUMN LAYOUT - with line */
.colline-right-1, .colline-right-2, .colline-right-3, .colline-right-4, .colline-right-5, .colline-right-6, .colline-right-7, .colline-right-8, .colline-right-9, .colline-right-10, .colline-right-11, .colline-right-12, .colline-left-1, .colline-left-2, .colline-left-3, .colline-left-4, .colline-left-5, .colline-left-6, .colline-left-7, .colline-left-8, .colline-left-9, .colline-left-10, .colline-left-11, .colline-left-12 
{border-right:none; padding-right:0; border-left:none; padding-left:0;}

.colline-right-1, .colline-right-2, .colline-right-3, .colline-right-4, .colline-right-5, .colline-right-6, .colline-right-7, .colline-right-8, .colline-right-9, .colline-right-10, .colline-right-11, .colline-right-12 
{border-top:none; padding-top:0; border-bottom:1px solid #BBBBBB; padding-bottom:.75rem; }

.colline-left-1, .colline-left-2, .colline-left-3, .colline-left-4, .colline-left-5, .colline-left-6, .colline-left-7, .colline-left-8, .colline-left-9, .colline-left-10, .colline-left-11, .colline-left-12 
 {border-top:1px solid #BBBBBB; padding-top:1.75rem; margin-top:-1px; border-bottom:none; padding-bottom:none;}

[class*="colline-right-"] {float: left;}
[class*="colline-left-"] {float: left;}

[class*="colline-right-"] {width: 100%;}
[class*="colline-left-"] { width: 100%;}

@media only screen and (min-width: 64.063em) {
.colline-right-1, .colline-right-2, .colline-right-3, .colline-right-4, .colline-right-5, .colline-right-6, .colline-right-7, .colline-right-8, .colline-right-9, .colline-right-10, .colline-right-11, .colline-right-12, .colline-left-1, .colline-left-2, .colline-left-3, .colline-left-4, .colline-left-5, .colline-left-6, .colline-left-7, .colline-left-8, .colline-left-9, .colline-left-10, .colline-left-11, .colline-left-12 
{border-top:none; padding-top:0; border-bottom:none; padding-bottom:0;}

.colline-right-1, .colline-right-2, .colline-right-3, .colline-right-4, .colline-right-5, .colline-right-6, .colline-right-7, .colline-right-8, .colline-right-9, .colline-right-10, .colline-right-11, .colline-right-12 
{padding-left:0; border-left:none; padding-right:1.5rem; border-right:1px solid #BBBBBB;}

.colline-left-1, .colline-left-2, .colline-left-3, .colline-left-4, .colline-left-5, .colline-left-6, .colline-left-7, .colline-left-8, .colline-left-9, .colline-left-10, .colline-left-11, .colline-left-12 
{padding-left:1.5rem; border-left:1px solid #BBBBBB;  margin-left:-1px; padding-right:0; border-right:none;}

.colline-right-1, .colline-left-1 {width: 8.33%;}
.colline-right-2, .colline-left-2 {width: 16.66%;}
.colline-right-3, .colline-left-3 {width: 25%;}
.colline-right-4, .colline-left-4 {width: 33.33%;}
.colline-right-5, .colline-left-5 {width: 41.66%;}
.colline-right-6, .colline-left-6 {width: 50%;}
.colline-right-7, .colline-left-7 {width: 58.33%;}
.colline-right-8, .colline-left-8 {width: 66.66%;}
.colline-right-9, .colline-left-9 {width: 75%;}
.colline-right-10, .colline-left-10 {width: 83.33%;}
.colline-right-11, .colline-left-11 {width: 91.66%;}
.colline-right-12, .colline-left-12 {width: 100%;}}


/* 07A - TWO COLUMN LAYOUT - with line - No line on top when mobile */
 .collinenotop-right-1, .collinenotop-right-2, .collinenotop-right-3, .collinenotop-right-4, .collinenotop-right-5, .collinenotop-right-6, .collinenotop-right-7, .collinenotop-right-8, .collinenotop-right-9, .collinenotop-right-10, .collinenotop-right-11, .collinenotop-right-12, .collinenotop-left-1, .collinenotop-left-2, .collinenotop-left-3, .collinenotop-left-4, .collinenotop-left-5, .collinenotop-left-6, .collinenotop-left-7, .collinenotop-left-8, .collinenotop-left-9, .collinenotop-left-10, .collinenotop-left-11, .collinenotop-left-12 
{border-right:none; padding-right:0; border-left:none; padding-left:0; border-top:none; border-bottom:none;  }

 .collinenotop-right-1, .collinenotop-right-2, .collinenotop-right-3, .collinenotop-right-4, .collinenotop-right-5, .collinenotop-right-6, .collinenotop-right-7, .collinenotop-right-8, .collinenotop-right-9, .collinenotop-right-10, .collinenotop-right-11, .collinenotop-right-12 
{padding-top:0; padding-bottom:.75rem;}

.collinenotop-left-1, .collinenotop-left-2, .collinenotop-left-3, .collinenotop-left-4, .collinenotop-left-5, .collinenotop-left-6, .collinenotop-left-7, .collinenotop-left-8, .collinenotop-left-9, .collinenotop-left-10, .collinenotop-left-11, .collinenotop-left-12 
{padding-top:0; padding-bottom:0;}

[class*="collinenotop-right-"] {float: left;}
[class*="collinenotop-left-"] {float: left;}

[class*="collinenotop-right-"] {width: 100%;}
[class*="collinenotop-left-"] {width: 100%;}

@media only screen and (min-width: 64.063em) {
 .collinenotop-right-1, .collinenotop-right-2, .collinenotop-right-3, .collinenotop-right-4, .collinenotop-right-5, .collinenotop-right-6, .collinenotop-right-7, .collinenotop-right-8, .collinenotop-right-9, .collinenotop-right-10, .collinenotop-right-11, .collinenotop-right-12, .collinenotop-left-1, .collinenotop-left-2, .collinenotop-left-3, .collinenotop-left-4, .collinenotop-left-5, .collinenotop-left-6, .collinenotop-left-7, .collinenotop-left-8, .collinenotop-left-9, .collinenotop-left-10, .collinenotop-left-11, .collinenotop-left-12 
{border-bottom:none; padding-bottom:0; border-top:none; padding-top:0;}

 .collinenotop-right-1, .collinenotop-right-2, .collinenotop-right-3, .collinenotop-right-4, .collinenotop-right-5, .collinenotop-right-6, .collinenotop-right-7, .collinenotop-right-8, .collinenotop-right-9, .collinenotop-right-10, .collinenotop-right-11, .collinenotop-right-12 
{padding-left:0; border-left:none; padding-right:1.5rem; border-right:1px solid #BBBBBB;}

.collinenotop-left-1, .collinenotop-left-2, .collinenotop-left-3, .collinenotop-left-4, .collinenotop-left-5, .collinenotop-left-6, .collinenotop-left-7, .collinenotop-left-8, .collinenotop-left-9, .collinenotop-left-10, .collinenotop-left-11, .collinenotop-left-12 
{padding-left:1.5rem; border-left:1px solid #BBBBBB; margin-left:-1px; padding-right:0; border-right:none;}

.collinenotop-right-1, .collinenotop-left-1 {width: 8.33%;}
.collinenotop-right-2, .collinenotop-left-2 {width: 16.66%;}
.collinenotop-right-3, .collinenotop-left-3 {width: 25%;}
.collinenotop-right-4, .collinenotop-left-4 {width: 33.33%;}
.collinenotop-right-5, .collinenotop-left-5 {width: 41.66%;}
.collinenotop-right-6, .collinenotop-left-6 {width: 50%;}
.collinenotop-right-7, .collinenotop-left-7 {width: 58.33%;}
.collinenotop-right-8, .collinenotop-left-8 {width: 66.66%;}
.collinenotop-right-9, .collinenotop-left-9 {width: 75%;}
.collinenotop-right-10, .collinenotop-left-10 {width: 83.33%;}
.collinenotop-right-11, .collinenotop-left-11 {width: 91.66%;}
.collinenotop-right-12, .collinenotop-left-12 {width: 100%;}}


/* 07B - Column layout that floats next to each other - no mobile response */
.columnfloat-pad {float: left; padding: 1rem;}
.nopad10 {width: 10%;}
.nopad20 {width: 20%;}
.nopad30 {width: 30%;}
.nopad40 {width: 40%;}
.nopad45 {width: 45%;}
.nopad50 {width: 50%;}
.nopad60 {width: 60%;}
.nopad70 {width: 70%;}
.nopad80 {width: 80%;}
.nopad90 {width: 90%;}

.columnfloat-nopad {float: left;}
.left10, .left20, .left30, .left40, .left45, .left50, .left60, .left70, .left80, .left90 {padding-right:1rem;}
.right10, .right20, .right30, .right40, .right45, .right50, .right60, .right70, .right80, .right90 {padding-left:1rem;}
.middle10, .middle20, .middle30, .middle40, .middle45, .middle50, .middle60, .middle70, .middle80, .middle90 {padding-right:1rem; padding-left:1rem;}
.left10, .right10, .middle10 {width: 10%;}
.left20, .right20, .middle20 {width: 20%;}
.left30, .right30, .middle30 {width: 30%;}
.left40, .right40, .middle40 {width: 40%;}
.left45, .right45, .middle45 {width: 45%;}
.left50, .right50, .middle50 {width: 50%;}
.left60, .right60, .middle60 {width: 60%;}
.left70, .right70, .middle70 {width: 70%;}
.left80, .right80, .middle80 {width: 80%;}
.left90, .right90, .middle90 {width: 90%;}


/* 07C - TWO ITEMS - Container regular and fixed - MOBILE **/
.fixtwoitem {display: -webkit-box; display: flex;}
.vtop{align-items: top;}
.vcenter{align-items: center;}
.vbottom{align-items: bottom;}


/* 07C - TWO ITEMS - Container regular and fixed - DESKTOP WHEN DIFFERENT THEN MOBILE **/
@media only screen and (min-width: 64.063em){
.twoitem {display: -webkit-box; display: -ms-flexbox; display: flex;}
.indent5{padding-left:5rem;}}


/* 07C - TWO ITEMS - Padding and special regular and fixed - MOBILE **/
.mobilecenter{text-align:center;}
.quotemark {position: relative; top: -.5rem;}
.quotemark2 {position: relative; top: 1.7rem;}
.fixpad5px {padding-right:5px;}
.fixpad10px {padding-right:10px;}
.fixpad15px {padding-right:15px;}
.fixpad20px {padding-right:20px;}


/* 07C - TWO ITEMS - Padding and special regular and fixed - DESKTOP WHEN DIFFERENT THEN MOBILE**/
@media only screen and (min-width: 64.063em){
.mobilecenter{text-align:left;}
.padlefthalf {padding-left:.5rem;}
.padrighthalf {padding-right:.5rem;}
.padleft1 {padding-left:1rem;}
.padright1 {padding-right:1rem;}
.padleft2 {padding-left:2rem;}
.padright2 {padding-right:2rem;}}


/* 07C - TWO ITEMS - Regular item and body**/
.item50ptc, .item50px, .item100px, .item150px, .item200px, .item300px {
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
  margin-bottom:1rem;}
.item50ptc {max-width: 50%;}
.item50px {max-width: 50px;}
.item100px {max-width: 100px;}
.item150px {max-width: 150px;}
.item200px {max-width: 200px;}
.item300px {max-width: 300px;}
.text50ptc, .text50px, .text100px, .text150px, .text200px, .text300px {width: 100%;}
@media only screen and (min-width: 64.063em){
.item50ptc, .item50px, .item100px, .item150px, .item200px, .item300px {margin-bottom:0;}	
.item50ptc, .text50ptc {max-width: 50%; width: 100%;}
.item50px, .text50px {max-width: 50px; width: 100%;}
.item100px, .text100px {max-width: 100px; width: 100%;}
.item150px, .text150px {max-width: 150px; width: 100%;}
.item200px, .text200px {max-width: 200px; width: 100%;}
.item300px, .text300px {max-width: 300px; width: 100%;}
.body50ptc {position: relative; width: calc(100% - 50%);}
.body50px {position: relative; width: calc(100% - 50px);}
.body100px {position: relative; width: calc(100% - 100px);}
.body150px {position: relative; width: calc(100% - 150px);}
.body200px {position: relative; width: calc(100% - 200px);}
.body300px {position: relative; width: calc(100% - 300px);}}


/* 07C - TWO ITEMS - Fixed item and body **/
.fixitem50ptc {max-width: 50%; width: 100%;}
.fixitem35px {max-width: 25px; width: 100%;}
.fixitem50px {max-width: 40px; width: 100%;}
.fixitem60px {max-width: 50px; width: 100%;}
.fixitem100px {max-width: 90px; width: 100%;}
.fixitem130px {max-width: 120px; width: 100%;}
.fixitem150px {max-width: 140px; width: 100%;}
.fixitem200px {max-width: 190px; width: 100%;}
.fixitem200px100px {max-width: 190px; width: 100%;}
.fixitem300px {max-width: 290px; width: 100%;}
.fixbody50ptc {position: relative; width: calc(100% - 50%);}
.fixbody35px {position: relative; width: calc(100% - 25px);}
.fixbody50px {position: relative; width: calc(100% - 40px);}
.fixbody60px {position: relative; width: calc(100% - 50px);}
.fixbody100px {position: relative; width: calc(100% - 90px);}
.fixbody130px {position: relative; width: calc(100% - 120px);}
.fixbody150px {position: relative; width: calc(100% - 140px);}
.fixbody200px {position: relative; width: calc(100% - 190px);}
.fixbody200px100px {position: relative; width: calc(100% - 190px);}
.fixbody300px {position: relative; width: calc(100% - 290px);}
@media only screen and (min-width: 24.063em) and (max-width: 40em) { 
.fixbody200px100px {position: relative; width: calc(100% - 190px);}
.fixitem200px100px {max-width: 190px; width: 100%;}} 
@media only screen and (max-width: 24em) {
	.fixitem200px100px {max-width: 90px; width: 100%;}
	.fixbody200px100px {position: relative; width: calc(100% - 90px);}}


/* 07D - Tiles with lines - Review where this is used */
.tiles {
  margin-bottom: 1rem;
  margin-top:1rem;
  overflow: hidden;}
.tiles__green, .tiles2__green {
  padding: 1rem 2rem;
  border-bottom: 1px solid #009D4E;
  margin-left: auto;
  margin-right: auto;
  float: left;
  width:100%;}
.tiles__green:first-of-type {border-top: 1px solid #009D4E;}
.tiles2__green:first-of-type {border-top: none;}
.tiles2__green:last-of-type {border-bottom: none;}
.tiles__black {
  padding: 1rem 2rem;
  border-bottom: 1px solid #000000;
  margin-left: auto;
  margin-right: auto;
  float: left;
  width:100%;}
.tiles__black:first-of-type {border-top: 1px solid #000000;}
.tiles__gray {
  padding: 1rem 2rem;
  border-bottom: 1px solid #BBBBBB;
  margin-left: auto;
  margin-right: auto;
  float: left;
  width:100%;}
.tiles__gray:first-of-type {border-top: 1px solid #BBBBBB;}
@media only screen and (min-width: 64.063em) {
  .tiles {
    display: flex;
    margin-bottom: 1rem;}
  .tiles__green, .tiles2__green {
    max-width: 33.33%;
    border-bottom: none;
    border-right: 1px solid #009D4E;
    margin-left: 0;
    margin-right: 0;
    float: none;}
  .tiles__green:first-of-type {
    border-top: none;
    border-left: 1px solid #009D4E;}
  .tiles2__green:first-of-type {
    border-top: none;
    border-left: none;
    padding-left:0;}
  .tiles2__green:last-of-type {
    border-top: none;
    border-right: none;
    padding-right:0;}
   .tiles__black {
    max-width: 33.33%;
    border-bottom: none;
    border-right: 1px solid #000000;
    margin-left: 0;
    margin-right: 0;
    float: none;}
  .tiles__black:first-of-type {
    border-top: none;
    border-left: 1px solid #000000;}
  .tiles__gray {
    max-width: 33.33%;
    border-bottom: none;
    border-right: 1px solid #BBBBBB;
    margin-left: 0;
    margin-right: 0;
    float: none;}
  .tiles__gray:first-of-type {
    border-top: none;
    border-left: 1px solid #BBBBBB;}}


/* 07E - COMPARISONS */
.gs-two-pane {
  display: block;
  position: relative;
  margin-bottom:1rem;}
.gs-two-pane__item {padding: 1rem;}
.gs-two-pane__item img {
  display: block;
  margin: auto;
  max-height: 250px;}
.gs-two-pane__item h3 {
  color: #00754A;
  font-size: 1.3rem;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1rem;
  margin-top: 1rem;}
.gs-two-pane__item ul {margin-left: 0;}
.gs-two-pane__connector {display: none;}
@media only screen and (min-width: 48.063em) {
  .gs-two-pane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;}
  .gs-two-pane__connector {
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    text-align: center;}
  .gs-two-pane__connector img {width: 65px;}}


/* 07F - Parent Child */
.parent {text-align: center; padding:1rem;}
.parentbanner {text-align: center; padding:1rem;}
.parentnopadding {text-align: center; padding:0;}
.childicon {
  width: 50px;
  margin:0 7.5px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;}
.childicon40 {
  width: 40px;
  margin:0 .5px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;}
.child {
  width: auto;
  margin:0 7.5px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;}
.child h1 {padding-bottom:0; margin-bottom:0;}
.childleft {
  width: auto;
  margin:0 7.5px;
  text-align: center;
  vertical-align: middle;}
.childleft h1 {padding-bottom:0; margin-bottom:0;}
.childfull{
  width: 100%;
  margin:0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;}
.child40{
  width: 40%;
  height:100%;
  margin: 1rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;}
.childbubble {
  width: 70%;
  margin:0 7.5px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-top:13px;}
.childbubble p {
  text-align: center;
  padding:1rem;
  font-size: 25px;
  font-weight:200;}

@media only screen and (min-width: 500px) {
.childbubble {width:175px; height:175px;}
.childbubble p {font-size: 16px;}}
@media only screen and (min-width: 60.063em){
.childleft {
  width: auto;
  margin:0 7.5px;
  display: inline-block;
  text-align: left;
  vertical-align: top;}}


/* 07G - Equal boxes */
.equalboxes-first, .equalboxes-middle, .equalboxes-last{padding-right:.0; padding-left:.0;}
@media only screen and (min-width: 1000px) {
    .equalboxes-first {padding-right:1rem; padding-left:0;}
	.equalboxes-middle {padding-right:.5rem; padding-left:.5rem;}
	.equalboxes-last {padding-right:0; padding-left:1rem;}}


/* 07H - Boxes side by side and then stack with mobile*/
.boxcontainer{
	display: block;
	width: 100%;
	border-collapse: collapse;
	margin-top: 1rem;
	margin-bottom: 1rem;}
.box, .box-vcenter {display: block;}
.boxwidth2, .boxwidth5, .boxwidth10, .boxwidth20, .boxwidth23half, .boxwidth30, .boxwidth32, .boxwidth40, .boxwidth50, .boxwidth60, .boxwidth70, .boxwidth80, .boxwidth90 {width:100%;}

@media only screen and (min-width: 64.063em){
.boxcontainer{
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin-top: 1rem;
	margin-bottom: 1rem;}
.box {display: table-cell;}
.box-vcenter {display: table-cell; vertical-align:middle;}
.boxwidth2 {width:2%;}
.boxwidth5 {width:5%;}
.boxwidth10 {width:10%;}
.boxwidth20 {width:20%;}
.boxwidth23half {width:23.5%;}
.boxwidth30 {width:30%;}
.boxwidth32 {width:32%;}
.boxwidth40 {width:40%;}
.boxwidth50 {width:50%;}
.boxwidth60 {width:60%;}
.boxwidth70 {width:70%;}
.boxwidth80 {width:80%;}
.boxwidth90 {width:90%;}}


/* 07I - LargeTable */
.containerflex {display: inline-flex; width: 100%;}
.tablecol-1 {width: 8.33%;}
.tablecol-2 {width: 16.66%;}
.tablecol-3 {width: 25%;}
.tablecol-4 {width: 33.33%;}
.tablecol-5 {width: 41.66%;}
.tablecol-6 {width: 50%;}
.tablecol-7 {width: 58.33%;}
.tablecol-8 {width: 66.66%;}
.tablecol-9 {width: 75%;}
.tablecol-10 {width: 83.33%;}
.tablecol-11 {width: 91.66%;}
.tablecol-12 {width: 100%;}


/* 07J - CARDS */
.header-top-bar-color-band {width: 100%; height: 3rem;}
.header-top-bar-color-band-content {
    width: 100%;
    height: 3rem;
    padding:.5rem;
    padding-left: 1.25rem;}
.header-top-bar-container {
    width: 100%;
    margin: auto;
    margin-top: -1.25rem;
    margin-left: 1rem;}
.header-top-bar-icon {
    width: 4rem;
    height: 4rem;
    margin-top: 1rem;
    border-radius: 50%;
    margin-bottom: -1rem;
    display: inline-block;}
.header-top-bar-text {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: lighter;
    display: inline-block;
    color: #2b2b2b;}
.icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1.25rem;}
.card {padding:0rem 1.25rem 1.25rem 1.25rem;}
.card-noicon {padding:1.25rem 1.25rem 1.25rem 1.25rem;}


/* 07K - ACCORDION */
details > summary:focus {outline: none;}
details > summary::-webkit-details-marker {display: none;}
details > summary {list-style: none; border-radius: 0.5rem;}
details[open] > summary {}
details[open] > :not(summary) {}
details[open] > :last-child {}
details > summary::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border: solid 2px #009D4E;
  border-left-color: transparent;
  border-bottom-color: transparent;
  margin-right: 0.6rem;
  transition: transform 0.2s;
  transform: rotate(45deg) translate(-20%, 20%);}
details[open] > summary::before {transform: rotate(135deg) translate(-20%, 20%);}

section.accordion {
  max-width: 100%;
  width: 100%;
  padding:0;}
details {padding-bottom: 0;}
details > * {
  width: 100%;
  padding: 3px 10px 3px 34px;
  margin: 0px;
  text-indent: -18px;
  cursor: pointer;}
  
  
/* 08A - IMAGE FLOAT with size set by percentage of screen */
.photocenter, .photocenter10, .photocenter20, .photocenter30, .photocenter40, .photocenter50, .photocenter60,  .photocenter70, .photocenter80, .photocenter90 {
    display: block;
    margin:auto;
    text-align: center;
    margin-bottom:1rem;
    margin-top:1rem;}
.floatright10, .floatright20, .floatright30, .floatright40, .floatright50, .floatright60, .floatright70, .floatright80, .floatright90, .textfloatright10, .textfloatright20, .textfloatright30, .textfloatright40, .textfloatright50, .textfloatright60, .textfloatright70, .textfloatright80, .textfloatright90, .slidefloatright40, .slidefloatright60 {float:right; margin:0rem 0rem 1rem 2rem;}
.floatleft10, .floatleft20, .floatleft30, .floatleft40, .floatleft50, .floatleft60, .floatleft70, .floatleft80, .floatleft90, .textfloatleft10, .textfloatleft20, .textfloatleft30, .textfloatleft40, .textfloatleft50, .textfloatleft60, .textfloatleft70, .textfloatleft80, .textfloatleft90 {float:left; margin:0rem 2rem 1rem 0rem;}
.photocenter10, .floatright10, .floatleft10, .textfloatright10, .textfloatleft10 {width: 10%;}
.photocenter20, .floatright20, .floatleft20, .textfloatright20, .textfloatleft20 {width: 20%;}
.photocenter30, .floatright30, .floatleft30, .textfloatright30, .textfloatleft30 {width: 30%;}
.photocenter40, .floatright40, .floatleft40, .textfloatright40, .textfloatleft40, .slidefloatright40{width: 40%;}
.photocenter50, .floatright50, .floatleft50, .textfloatright50, .textfloatleft50 {width: 50%;}
.photocenter60, .floatright60, .floatleft60, .textfloatright60, .textfloatleft60, .slidefloatright60 {width: 60%;}
.photocenter70, .floatright70, .floatleft70, .textfloatright70, .textfloatleft70 {width: 70%;}
.photocenter80, .floatright80, .floatleft80, .textfloatright80, .textfloatleft80 {width: 80%;}
.photocenter90, .floatright90, .floatleft90, .textfloatright90, .textfloatleft90 {width: 90%;}
@media screen and (max-width: 40.063em) {
  .floatright10  {width: 20%;}
  .floatleft10  {width: 20%;}
  .floatright20  {width: 30%;}
  .floatleft20  {width: 30%;}}
@media screen and (max-width: 40.063em) {  
  .floatright50, .floatleft50, .floatright60, .floatleft60, .floatright70, .floatleft70, .floatright80, .floatleft80, .floatright90, .floatleft90 {width: 100%;}}
@media screen and (max-width: 64.063em) {
	.textfloatright10, .textfloatleft10, .textfloatright20, .textfloatleft20, .textfloatright30, .textfloatleft30,.textfloatright40, .textfloatleft40,  .textfloatright50, .textfloatleft50, .textfloatright60, .textfloatleft60, .textfloatright70, .textfloatleft70, .textfloatright80, .textfloatleft80, .textfloatright90, .textfloatleft90 {width: 100%;}}
@media only screen and (max-width: 40em) {
	.slidefloatright40, .slidefloatright60 {width: 100%;}}


/* 08A - IMAGE FLOAT with a fixed size */
.floatright30px {
    width: 30px;
    float: right;
    margin: 0rem 0rem 1rem 1rem;}
.floatright40px {
	width: 40px;    
	float: right;
	margin: .25rem 0rem 1rem 1rem;}
.floatright70px {
  width:70px;
  float:right;
  margin:0rem 0rem 1rem 2rem;}


/* 08B - OBJECT SIZE */
.w100px{width:100px;}
.w50px{width:50px;}
.w45px{width:45px;}
.w35px{width:35px}


/* 09A - VIDEO FRAME */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	border: 1px solid #B0B3B2;}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
.videoembed {
  border: 1px solid #B0B3B2;
}


/* 09B - LIST ROLL */
.listrolldescription, .listrolldescription-wtitle {
    padding-top: .75rem;
    font-size: 1.3rem;
    font-weight: 100;
	line-height:1.7;
    border-top: 1px solid #E0E0E0;
    margin-top: 1rem;
    margin-bottom: 0;
	text-align:left;}
.listrolldescription-wtitle {margin-top: 2.5rem;}
@media only screen and (min-width: 48.063em){
.listrolldescription, .listrolldescription-wtitle {text-align:right; font-size: 1.15rem;}}

.listrollcontent {border-top: 1px dotted #878A8B; padding-top: 1rem;}


/** 09C - Flip Cards **/
.grad-top-black, .grad-top-white {
    position: absolute;
    width: 100%; 
    top: 0; 
    padding-bottom: 8rem;}
.grad-top-black {background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));}
.grad-top-white {background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,1));}

.grad-bottom-black, .grad-bottom-white {
    position: absolute;
    width: 100%; 
    bottom: 0; 
    padding-top: 8rem;}
.grad-bottom-black {background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));}
.grad-bottom-white {background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));}

.fliptext-sm, .fliptext-med, .fliptext-lg, .fliptext-xlg {line-height: 1.2;}
@media only screen and (min-width: 120.063em) {
  .fliptext-sm {font-size:50px;}
  .fliptext-med {font-size:40px;}
  .fliptext-lg {font-size:30px;}
  .fliptext-xlg {font-size:30px;}}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .fliptext-sm {font-size:40px;}
  .fliptext-med {font-size:30px;}
  .fliptext-lg {font-size:25px;}
  .fliptext-xlg {font-size:25px;}}
@media only screen and (min-width: 64.063em) and (max-width: 90em){
  .fliptext-sm {font-size:30px;}
  .fliptext-med {font-size:20px;}
  .fliptext-lg {font-size:18px;}
  .fliptext-xlg {font-size:17px;}}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .fliptext-sm {font-size:55px;}
  .fliptext-med {font-size:45px;}
  .fliptext-lg {font-size:35px;}
  .fliptext-xlg {font-size:35px;}}
@media only screen and (min-width: 30.063em) and (max-width: 40em) {
  .fliptext-sm {font-size:35px;}
  .fliptext-med {font-size:30px;}
  .fliptext-lg {font-size:25px;}
  .fliptext-xlg {font-size:25px;}}
@media only screen and (max-width: 30em) {
  .fliptext-sm {font-size:25px;}
  .fliptext-med {font-size:20px;}
  .fliptext-lg {font-size:18px;}
  .fliptext-xlg {font-size:17px;}}


/** 10A - Arrow **/
.arrow-gray0, .arrow-green2 {
    display: block;
    width: 30px;
    height: 30px;
    transform: rotate(313deg);
    margin: -10px;}
.arrow-gray0 {
    border-bottom: 4px solid #e6e6e6;
    border-right: 4px solid #e6e6e6;}
.arrow-green2 {
    border-bottom: 4px solid #009D4E;
    border-right: 4px solid #009D4E;}
.arrowcircle-left, .arrowcircle-right {
	color:#000;
	border-radius: 50%; 
	background-color: #cbcbcb; 
	padding:5px;}
.arrowcircle-left {
	margin-right:.5rem;
	padding-left: .25rem;}
.arrowcircle-right {
	margin-left:.5rem;}
.triangle-right {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 30px solid #009D4E;
	border-bottom: 25px solid transparent;}
.arrow-container {
  display: flex;
  align-items: center;}
.arrow {
  display: inline-block;
  margin-right: 0;
  margin-left: 0;
  width: 36px;
  height: 36px;
  border-top: 2px solid #009D4E;
  border-right: 2px solid #009D4E;}
.right-arrow {transform: rotate(45deg);}


/** 10A - Corner Flag**/
.ribbonbox, .ribbonbox-lt {
    overflow: hidden;
    width: 100%;
    height: auto;
    position: relative;}
.ribbonbox-lt {
    padding-left:5rem;
    padding-top:2.2rem;}
.ribbon-green2-rt, .ribbon-green2-lt {
  margin: 0;
  background: #009D4E;
  padding:.35rem 0;
  position: absolute;
  top:0;
  font-size:16px;
  color:#000;
  font-weight:500;}
.ribbon-green2-rt {
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;}
.ribbon-green2-lt {
  left:0;
  transform: translateX(0) translateY(160%) rotate(-45deg);
  transform-origin: top left;}
.ribbon-green2-rt:before, .ribbon-green2-rt:after, .ribbon-green2-lt:before, .ribbon-green2-lt:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: #009D4E;}
.ribbon-green2-rt:before, .ribbon-green2-lt:before {right:100%;}
.ribbon-green2-rt:after, .ribbon-green2-lt:after {left:100%;}


/** 10A - Circle with number in middle **/
.circlenumber {
  background: #009D4E;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #000;
  display: inline-block;
  font-weight: 100;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em;
  font-size: 25px;}


/** 10B - Text with line on right and left **/
.textline-center, .textline-center-green2 {
    overflow: hidden;
    text-align: center;}
.textline-center:before,
.textline-center:after {
    background-color: #878A8B;
    content: "";
    display: inline-block;
    height: .25px;
    position: relative;
    vertical-align: middle;
    width: 50%;}
.textline-center:before, .textline-center-green2:before {
    right: 0.5em;
    margin-left: -50%;}
.textline-center:after, .textline-center-green2:after {
    left: 0.5em;
    margin-right: -50%;}
.textline-center-green2:before,
.textline-center-green2:after {
    background-color: #009D4E;
    content: "";
    display: inline-block;
    height: .25px;
    position: relative;
    vertical-align: middle;
    width: 50%;}

.textline-right {
    overflow: hidden;
    text-align: left;}
.textline-right:after {
    background-color: #878A8B;
    content: "";
    display: inline-block;
    height: .25px;
    position: relative;
    vertical-align: middle;
    width: 100%;}
.textline-right:after {
    left: 0.5em;
    margin-right: -50%;}

.textline-left {
    overflow: hidden;
    text-align: right;}
.textline-left:before {
    background-color: #878A8B;
    content: "";
    display: inline-block;
    height: .25px;
    position: relative;
    vertical-align: middle;
    width: 100%;}
.textline-left:before {
    right: 0.5em;
    margin-left: -50%;}


/* 11A - TEXT OVERLAY */
/* Need to clean up and add Overlay CSS */
/* TEXT OVER AN IMAGE - Replace anywhere there is SIMPLE text over an image - Find all examples */
.overlay-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.overlay-image-flipcard {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.overlay-text-center {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.overlay-text-left {
  position: absolute;
  text-align: left;
}

.overlay-text-right {
  position: absolute;
  text-align: right;
}

.pos-bottomhalf {
	bottom: .5rem;
}
.pos-bottom1 {
	bottom: 1rem;
}
.pos-bottom1half {
	bottom: 1.5rem;
}
.pos-bottom2 {
	bottom: 2rem;
}

.pos-tophalf {
	top: .5rem;
}
.pos-top1 {
	top: 1rem;
}
.pos-top1half {
	top: 1.5rem;
}
.pos-top2 {
	top: 2rem;
}

.pos-lefthalf {
	left: .5rem;
}
.pos-left1 {
	left: 1rem;
}
.pos-left1half {
	left: 1.5rem;
}
.pos-left2 {
	left: 2rem;
}

.pos-righthalf {
	right: .5rem;
}
.pos-right1 {
	right: 1rem;
}
.pos-right1half {
	right: 1.5rem;
}
.pos-right2 {
	right: 2rem;
}

/* !!!!!!!TEXT OVER AND IMAGE - REVIEW AND SEE WHAT WE SHOULD KEEP AND SIMPLIFY  */
.overlay-top-center-white {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  background-color: #fff;
  background: rgba(255,255,255, 0.9);
  margin:0;
}
.overlay-top-center-white h3 {
  margin-bottom: .25rem;
}
.overlay-top-center-transparent {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  margin:0;
}
.overlay-top-center-transparent h3 {
  margin-bottom: .25rem;
}

.overlay-centeredleft {
  text-align: left;
  position: absolute;
  top: 50%;
  left: 45%;
  right: -15%;
  transform: translate(-60%, -50%);
}

/* !!!!!!!!TEXT IN A BOX OVER AN IMAGE - REVIEW AND SEE WHAT WE SHOULD KEEP AND SIMPLIFY */
.overlay-bottom-blackbox, .overlay-top-blackbox {
  position: absolute; 
  width: 100%; 
  padding: 20px; 
}
.overlay-bottom-blackbox {
  bottom: 0; 
}
.overlay-top-blackbox {
  top: 0; 
}
.overlay-center-blackbox, .overlay-center-transparentbox {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    padding: 10px;
    text-align: center;
}
.overlay-center-transparentbox {
    padding-bottom: 30px;
}
.overlay-centerleft-transparentbox {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    padding: 10px;
    padding-right: 30%;
    text-align: left;
    padding-bottom: 30px;
}
.overlay-right-whitebox-30 {
    text-align: right;
    position: absolute;
    top: 10px;
    right: 20px;
    padding:1rem;
    padding-top:.5rem;
    margin-left:65%;
    width:30%;
}
@media only screen and (max-width: 72.063em){
  .overlay-right-whitebox-30 {
    position: absolute;
    top: 0;
    width: 100%;
    right: 0;
    text-align: center; 
    background: rgba(255,255,255, .8);
    font-size: 14pt;
    padding-top:.25rem;
    margin-left:0;
  }
}
.overlay-right-whitebox-45 {
    text-align: right;
    position: absolute;
    top: 10px;
    right: 20px;
    padding:1rem;
    padding-top:.5rem;
    margin-left:55%;
    width:45%;
}
.overlay-left-whitebox-30 {
    text-align: left;
    position: absolute;
    top: 10px;
    left: 20px;
    padding:1rem;
    padding-top:.5rem;
    width:30%;
}
@media only screen and (max-width: 72.063em){
  .overlay-left-whitebox-30 {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    text-align: center; 
    background: rgba(255,255,255, .8);
    font-size: 14pt;
    padding-top:.25rem;
    margin-left:0;
  }
}
.overlay-left-blackbox-60 {
    text-align: left;
    position: absolute;
    top: 20px;
    left: 0;
    padding:1rem;
    padding-top:.5rem;
    padding-bottom: 2rem;
    margin-right: 40%;
    margin-top:1.5rem;
    width: 60%;
}
@media only screen and (max-width: 72.063em){
  .overlay-right-whitebox-45 {
    position: absolute;
    top: 0;
    width: 100%;
    right: 0;
    text-align: center; 
    background: rgba(255,255,255, .8);
    font-size: 14pt;
    padding-top:.25rem;
    margin-left:0;
  }
  .overlay-left-blackbox-60 {
    position: absolute;
    top: 0;
    width: 100%;
    right: 0;
    text-align: center; 
    background: rgba(0,0,0, .9);
    font-size: 14pt;
    padding-top:.25rem;
    margin-left:0;
  }
}

/* blackbox */
.overlay-bottom-blackbox, .overlay-top-blackbox, .overlay-center-blackbox, .overlay-left-blackbox-60 {
  background: rgb(0, 0, 0); 
  background: rgba(0, 0, 0, 0.6); 
  color: #ffffff; 
}
/* whitebox */
.overlay-right-whitebox-30, .overlay-right-whitebox-45 {
    background-color:#fff;
    background: rgba(255,255,255, 0.4);
    color:#000;
}
/* textstyles */
.overlay-center-blackbox p {
    margin: .25rem;
}
.overlay-top-blackbox p {
    margin: .25rem;
}
.overlay-right-whitebox-30 p {
    margin: .25rem;
}
.overlay-right-whitebox-45 p {
    margin: 0;
}
.overlay-centerleft {
  display: table;
  float: right;
  height: 200px;
  width: 400px;
  border: 1px solid red;
}
.overlay-centerleft p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center;
}

.overlayimage {
 position: relative;
 width: 100%;
}
.overlayimage-centerleft-transparentbox {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    padding: 20px;
    padding-right: 30%;
    text-align: left;
    padding-bottom: 30px;
}
.overlayimage {
 position: relative;
 width: 100%;
}

.overlayimage .image {
 display: block;
 width: 100%;
 height: auto;
}

.overlayimage .text {
 text-align: left;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 padding:2rem;
}

.overlayimage .text {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.5rem;
  padding-right: 25%;
}

.overlay-bottom-left {
  position: absolute;
  bottom: 10px;
  left: 20px;
}
.overlay-top-left {
  position: absolute;
  top: 10px;
  left: 20px;
}
.overlay-top-right {
  text-align: right;
  position: absolute;
  top: 10px;
  right: 20px;
}

.overlay-top-center-white {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background-color: #fff;
    background: rgba(255,255,255, 0.9);
    margin:0;
}
.overlay-top-center-white h3 {
    margin-bottom: .25rem;
}
.overlay-top-center-transparent {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    margin:0;
}
.overlay-top-center-transparent h3 {
    margin-bottom: .25rem;
}
.overlay-bottom-right {
  text-align: right;
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.overlay-centered {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.overlay-topleft20 {
    text-align: left;
    position: absolute;
    top: 20px;
    left: 20px;
}
.overlay-top {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    margin-left:0;
  }
.width10 {
    width:10%;
}
.width20 {
    width:20%;
}
.width30 {
    width:30%;
}
.width40 {
    width:40%;
}
.width50 {
    width:50%;
}
.width60 {
    width:60%;
}
.width70 {
    width:70%;
}
.width80 {
    width:80%;
}
.width90 {
    width:90%;
}
.bg-white2 {
    background: rgba(255,255,255, .2);
}
.bg-white4 {
    background: rgba(255,255,255, .4);
}
.bg-white5 {
    background: rgba(255,255,255, .5);
}
.bg-white6 {
    background: rgba(255,255,255, .6);
}
.bg-white7 {
    background: rgba(255,255,255, .7);
}
.bg-white8 {
    background: rgba(255,255,255, .8);
}
.bg-white9 {
    background: rgba(255,255,255, .9);
}

/* TEXT OVERLAY - CHECK IF IT IS USED AND THEN REMOVE */
.overlay-top-left25 {
  position: absolute;
  top: 10px;
  left: 20px;
  padding-right:25%;
}
.overlay-top-left25 p {
  font-size:18px;
}
@media only screen and (min-width: 48.063em) {
.overlay-top-left25 p {
  font-size:22px;
}
}
@media only screen and (min-width: 72.063em){
.overlay-top-left25 p {
  font-size:35px;}
}


@media only screen and (min-width: 24em){}
@media only screen and (min-width: 30.063em){}

/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em){} 
@media only screen and (min-width: 55em){}
@media only screen and (min-width: 60.063em){}

/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em){}
@media only screen and (min-width: 72.063em){}
@media only screen and (min-width: 80.063em){}


/* CHECK FOR THESE AND REPLACE */
/* ICON with body */
.gs-icon-body.gs-p {
  margin-bottom: 1rem;
  text-indent: -1.65rem;
  margin-left: 1.65rem;
}
.gs-icon-body.gs-p img {
  display: inline-block;
  padding-right: .5rem;
  max-width: 25px;
  margin-bottom: .25rem;
}
.gs-icon-body.gs-p img ~ p{
  display: inline-block;
}

.gs-heading3 {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0;
  margin-top: 2rem;}