/* Updated 23rd November after 2nd session with Eric consolidating CSS */
/* This version is to be published with release S201808 */
/* Future consildation will be puiblished with release S201809 */




/*new 1/15*/



/*DNA TEXT & LINK PATCH*/

.hero-sub {
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 40px;
    display: block;
}
.hero-sub2 {
    font-weight: 300;
    font-size: 2.2rem;
    line-height: initial;
    display: block;
    margin-top: 2rem;
}
.hero-link {
line-height:initial;
}

#rendering-dna-hero-image {
    width:100vw;
}



#NewlyCertified .homepage-hero {
    background-image: url('/-/media/Myers-Briggs/Images/Hero Images/splash_hero.png') !important;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: RIGHT;
    background-position-y: bottom !important;
    max-width: 1400px;
    margin-left: auto;
    overflow: visible;
    margin-right: auto;
}

@media (max-width: 992px) {

#NewlyCertified .homepage-hero {
    background-size: 75%;
    background-position: bottom center;
}
}


@media only screen and (min-width: 1400px){
#rendering-dna-hero-image .DNAwrap:after {
    width: calc((100vw - 1200px)/2);
}

}




.mktoFieldDescriptor.mktoFormCol:only-child {  /*add full width to last col if it is odd number*/
    width: 100%;
}






/*full width wrapper padding fix*/



@media only screen and (min-width:1200px) 
{

    .rendering-fullwidthtext > :first-child.lgQuarter,.rendering-fullwidthtext > :first-child.lgThird,.rendering-fullwidthtext > :first-child.lgHalf,.rendering-fullwidthtext > :first-child.lgTwoThirds,.rendering-fullwidthtext > :first-child.lgThreeQuarters
  {
        padding-right:1.5rem!important;
    }



    .rendering-fullwidthtext > :last-child.lgQuarter,.rendering-fullwidthtext > :last-child.lgThird,.rendering-fullwidthtext > :last-child.lgHalf,.rendering-fullwidthtext > :last-child.lgTwoThirds,.rendering-fullwidthtext > :last-child.lgThreeQuarters
    {
        padding-left:1.5rem!important;
    }


}

@media only screen and (min-width:991px) 
{

    .rendering-fullwidthtext > :first-child.mdQuarter,.rendering-fullwidthtext > :first-child.mdThird,.rendering-fullwidthtext > :first-child.mdHalf,.rendering-fullwidthtext > :first-child.mdTwoThirds,.rendering-fullwidthtext > :first-child.mdThreeQuarters
    {
        padding-right:1.5rem!important;
    }



    .rendering-fullwidthtext > :last-child.mdQuarter,.rendering-fullwidthtext > :last-child.mdThird,.rendering-fullwidthtext > :last-child.mdHalf,.rendering-fullwidthtext > :last-child.mdTwoThirds,.rendering-fullwidthtext > :last-child.mdThreeQuarters
    {
        padding-left:1.5rem!important;
    }



}

@media only screen and (min-width:768px) 
{

    .rendering-fullwidthtext > :first-child.smQuarter,.rendering-fullwidthtext > :first-child.smThird,.rendering-fullwidthtext > :first-child.smHalf,.rendering-fullwidthtext > :first-child.smTwoThirds,.rendering-fullwidthtext > :first-child.smThreeQuarters
    {
        padding-right:1.5rem!important;
    }



    .rendering-fullwidthtext > :last-child.smQuarter,.rendering-fullwidthtext > :last-child.smThird,.rendering-fullwidthtext > :last-child.smHalf,.rendering-fullwidthtext > :last-child.smTwoThirds,.rendering-fullwidthtext > :last-child.smThreeQuarters
    {
        padding-left:1.5rem!important;
    }

}

@media only screen and (max-width:768px) 
{

    .rendering-fullwidthtext > :first-child.xsQuarter,.rendering-fullwidthtext > :first-child.xsThird,.rendering-fullwidthtext > :first-child.xsHalf,.rendering-fullwidthtext > :first-child.xsTwoThirds,.rendering-fullwidthtext > :first-child.xsThreeQuarters
    {
        padding-right: 0rem;
    }



    .rendering-fullwidthtext > :last-child.xsQuarter,.rendering-fullwidthtext > :last-child.xsThird,.rendering-fullwidthtext > :last-child.xsHalf,.rendering-fullwidthtext > :last-child.xsTwoThirds,.rendering-fullwidthtext > :last-child.xsThreeQuarters
    {
        padding-left: 0rem;
    }


}






/*end new*/



/*paragraph spcing fix*/

p {
    margin: 0 0 20px;
}
.persona p {
    margin: 0 0 10px;
}

.row {
    clear:both;
    display:block;
}

.block-link {
    box-shadow: none;
}

a.white-link {
    color: #fff;
    box-shadow: inset 0 -0.3rem 0 #fff;
}

.block-link:hover, .block-link:focus {
    text-decoration: none;
}

/*GLOBAL SALES QUICKFIX IE OVERRIDE*/

.global-sales .gsmap {
    height: 750px !important;
}
#gsmap-btnwrap{
    display:inline-block;
    position:relative!important;
    margin-top:50px;
}



/*header nav*/
#headernav_0 {
    min-width: 150px;
}



/*Button*/

.btn a {
    text-decoration: none;
    box-shadow: none;
}

.btn-size-lrg {
    padding: 1.5rem 3rem;
    font-size: 2.4rem;
    line-height: inherit;
    border-radius: .5rem;
    font-weight: 700;
}

/*End Buttons*/



/* SVG   */


svg.svg-icon {
    stroke: none !important;
}

.rendering-search ul>li>div.search-image-description:hover svg path
{
    fill: #8cb80f;

}

.svg-icon {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.svg-icon .adl {
    fill: #212120;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.svg-icon .mark {
    fill: #212120;
    opacity: 1;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.svg-icon .color {
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.colored.svg-icon .color, .colored .svg-icon .color {
    opacity: 1;
}
.colored.svg-icon .mark, .colored .svg-icon .mark {
    opacity: 0;
}
.calendar-icon .color, .career-icon .color, .contact-icon .color1, .ebook-icon .color, .product-icon .color, .webpage-icon .color2 {
    fill: #dc500a;
}
.case-study-icon .color2, .chat-icon .color, .customer-service-icon .color, .government-icon .color, .sales-rep-icon .color, .user-icon .color, .webpage-icon .color1, .cart-icon .color {
    fill: #8cb80f;
}
.case-study-icon .color1, .companion-guide-icon .color, .education-icon .color, .global-icon .color, .phone-icon .color, .webinar-icon .color, .white-paper-icon .color {
    fill: #19aaba;
}
.webpage-icon .color3 {
    fill: #ebba17;
}
.contact-icon .color2 {
    fill: #212120;
}


.colored a{
    color:#19aaba;
}



/* End SVG */






/*Product Search Box*/
#PopularProducts .search-form {
    z-index: 1;
    position: relative;
}
#PopularProducts .search-form input#txtSearch:focus {
    border-color: inherit;
    outline: 0;
    -webkit-box-shadow:/*inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(84,207,214,.6)*/ none;
    box-shadow: /*inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(84,207,214,.6)*/ none;
}
#btnSearch {
    color: #fff;
    background-color: #dc500a;
    border-color: #dc500a;
    width: 33%;
    font-size: 2.2rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin: 0;
    position: relative;
    border-radius: 0;
    height: 50px;
}
.prodSearch {
    float: left;
    border-radius: 0;
    display: block;
    width: 100%;
    height: 50px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #54575b;
    background-color: #e1dfde;
    background-image: none;
    border: none;
    -webkit-box-shadow: /*inset 0 1px 1px rgba(0,0,0,.075)*/ none;
    box-shadow: /*inset 0 1px 1px rgba(0,0,0,.075)*/none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 .prodSearch::-webkit-input-placeholder, #resourceHubKeyword::-webkit-input-placeholder {
 color: #B9B4B1;
 font-weight:bold;
}
 .prodSearch::-moz-placeholder, #resourceHubKeyword::-moz-placeholder {
 color: #B9B4B1;
 font-weight:bold;
}
 .prodSearch:-ms-input-placeholder, #resourceHubKeyword:-ms-input-placeholder {
 color: #B9B4B1;
 font-weight:bold;
}
 .prodSearch:-moz-placeholder, #resourceHubKeyword:-moz-placeholder {
 color: #B9B4B1;
 font-weight:bold;
}
/*******************/




/*Popular Products Page*/

.pop-prods {
    font-family: 'Open Sans', Sans-Serif;
}
.pop-prod-wrap {
    position: relative;
    margin-top: 25px;
}
.popprodcarousel-img {
    min-width: 264px;
    float: left;
    margin-right: 30px;
    text-align: center;
    height: 100%;
    display: table;
    margin-left: 10px;
}
.popprodcarousel-img-inner {
    display: table-cell;
    vertical-align: middle;
}
.popprodcarousel-img img {
    display: table-cell;
    vertical-align: middle;
    max-width: 250px;
    max-height: 250px;
}
.pop-prod-carousel {
    background: #f5f4f4;
    padding: 55px 0px 35px 0px;
    margin-bottom: 75px;
}
.pop-prods .carousel-control {
    float: left;
    clear: left;
    background: none;
    color: #54575b;
}
.pop-prods .carousel-indicators {
    bottom: 0px;
}
.pop-prods .carousel-indicators li {
    border: 1px solid #54575b;
}
.pop-prods .carousel-indicators .active {
    background-color: #54575b;
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
.popprodcarousel-info, .carousel-prodtitle, .carousel-prodsupport, .carousel-prodlink {
    display: inline-block;
}
.popprodcarousel-info {
    text-align: left;
}
#PopularProducts .carousel-inner {
    margin-bottom: 20px;
}
.popprodcarousel-info-inner {
    display: table-cell;
    vertical-align: middle;
}
.carousel-prodtitle {
    font-family: 'Open Sans', Sans-Serif;
    ;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px;
    color: #54575b;
    text-transform: uppercase;
}
.carousel-prodsupport {
    font-family: 'Open Sans', Sans-Serif;
    ;
    font-size: 2.4rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #54575b;
    margin-top: 10px;
}
.carouselheadline {
    position: absolute;
    z-index: 1;
    background: #8cb80f;
    height: 50px;
    line-height: 50px;
    top: -25px;
    display: table;
}
.carouselheadline:after {
    content: "";
    display: table-cell;
    width: 0;
    height: 0;
    /* line-height: 0px; */
    border-top: 25px solid white;
    border-bottom: 25px solid #f5f4f4;
    border-left: 20px solid #8cb80f;
}
.carouselheadline-text {
    display: table-cell;
    vertical-align: middle;
    font-family: 'Open Sans', Sans-Serif;
    font-size: 24px;
    letter-spacing: 1.2px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    padding-right: 30px;
    padding-left: 45px;
}
.pop-prods .carousel-prodlink {
    margin-top: 20px;
}
.pop-prods .item {
    width: 100%;
    padding: 0 100px;
    min-height: 250px;
}
.pop-prod-grid {
    position: relative;
    clear: both;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.pop-prod-card {
    width: calc(33% - .67rem);
    background: #f5f4f4;
    padding: 20px 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    min-height: 180px;
}
.pop-prod-card a, .pop-prod-card a:hover {
    text-decoration: none;
}
.pop-prod-card:nth-child(3n+3) {
    margin-right: 0;
}
.pop-prod-card-lft {
    display: table;
    padding-right: 15px;
    margin-bottom: 20px;
    text-align: left;
}
.pop-prod-card-rt {
    display: table;
    float: right;
    height: 100%;
}
.pop-prod-card-title, .pop-prod-card-title a, .pop-prod-card-title a:hover {
    font-size: 1.6rem;
    color: #244c5a;
    display: block;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 10px;
}
.pop-prod-card-number, .pop-prod-card-number a, .pop-prod-card-number a:hover {
    font-size: 1.2rem;
    color: #66828c;
    display:/*block*/none;
    margin-bottom: 30px;
}
.pop-prod-card-img {
    display: table-cell;
    vertical-align: middle;
}
.pop-prod-card-img img {
    max-width: 140px;
    max-height: 140px;
}
.pop-prod-btn {
    position: absolute;
    bottom: 15px;
    text-transform: uppercase;
}
.smplang-ttl {
    display: block;
}


@media (max-width: 1030px) { /*Products Cards go 2-up*/
.pop-prod-card {
    width: calc(50% - .75rem);
}
.pop-prod-card:nth-child(3n+3) {
    margin-right: 15px;
}
.pop-prod-card:nth-child(even) {
    margin-right: 0;
}

}



@media (max-width: 991px) { /*Carousel Styles */
.popprodcarousel-img img {
    max-width: 230px;
    max-width: 230px;
}
.pop-prods .item {
    min-height: 415px;
}
}

@media (max-width: 767px) { /*Products Cards go 1-up*/

.pop-prod-card {
    width: 100%;
    margin-right: 0;
}
.pop-prod-card:nth-child(3n+3) {
    margin-right: 0;
}
.pop-prod-card:nth-child(even) {
    margin-right: 0;
}
.popprodcarousel-img {
    margin-right: 0;
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
    min-width: 0;
    padding: 0
}
.popprodcarousel-img img {
    max-width: 250px;
    max-height: 250px;
}
.popprodcarousel-info {
    padding-right: 0;
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block;
}
}

@media (max-width: 480px) {

.popprodcarousel-img img { /*Products Cards go 1-up*/
    width: 70%;
    height: auto;
    max-width: none;
    max-height: none;
}
}







/*End Popular products*/



/*How we work page, numbered list*/

.nmbd-lst-wrp {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    justify-content: flex-start;
    min-height: 110px;
}
.nmbd-lst {
    background: #8cb80f;
    font-weight: bold;
    color: white;
    border-left: none;
    padding-left: 30px;
    font-size: 7.5rem;
    display: inline-block;
    margin-right: 20px;
    float: left;
    padding-right: 30px;
}
.nmbd-lst-intro {
    font-weight: bold;
    display: inline-block;
}
/*************************/











/*Get in touch rendering, contact & Certification Forms  */

.get-in-touch a {
    box-shadow: none;
}
.cntc-git-outer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;
}
#cntactfrmsection header {
    margin-top: 7.5rem;
}
.git-outer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 65px;
}
.git-inner {
    width: 33.3%;
    text-align: left;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.git-inner a {
    text-decoration: none;
    color: inherit;
}
.git-center {
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
}
.git-center:hover > .git-text .block-link {
    color: #19aaba;
}
.git-img {
    display: inline;
    height: 100%;
    width: 57px;
    float: left;
    text-align: center;
}
.git-text {
    float: left;
    display: inline;
    overflow: visible;
    padding-left: 15px;
}
.git-support {
    padding-left: 15px;
}
.cntc-center h4 {
    padding-top: 10px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 10px;
}
.cntc-support span {
    display: block;
}
.cntc-center {
    display: inline;
    margin: 0 auto;
    cursor: pointer;
}


.cntc-git-outer svg {
    height: 80px
}
#cntc-call .cntc-img:hover ~ .cntc-text, #cntc-call .cntc-img:hover ~ .cntc-text .block-link:before, #cntc-call .cntc-img:hover ~ h4 {
    color: #19aaba;
    width: 100%;
}
#cntc-gs .cntc-img:hover ~ .cntc-text, #cntc-gs .cntc-img:hover ~ .cntc-text .block-link:before, #cntc-gs .cntc-img:hover ~ h4 {
    color: #19aaba;
    width: 100%;
}
.cs_phone.hover, .cs_email.hover {
    color: #19aaba;
}
.cs_phone.hover.block-link:before, .cs_email.hover.block-link:before {
    width: 100%;
}
.git-center:hover > .git-text .block-link:before, .cntc-center a:hover .block-link:before {
    width: 100%;
}
.cntc-img {
    margin: 0 auto;
    display: block;
    text-align: center;
    height: 80px;
}
.cntc-text {
    margin: 0 auto;
    text-align: center;
    overflow: visible;
}
.cert-form-wrap-req {
    max-height: 0px;
    overflow: hidden;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
}
.cert-reg-form {
    min-height: 300px;
}
.mktoForm .mktoLabel {
    font-size: 1.4rem;
}
.cert-form-wrap-req.grown {
    max-height: 595px;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
    margin-bottom: 90px;
}
.mkto-form-wrap {
    max-height: 0;
    overflow: hidden;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
}
.mkto-form-wrap.grown {
    max-height: 500px;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
    margin-bottom: 90px;
}
#cnct-form-wrap {
    background: #f5f4f4;
    min-height: 520px;
    margin-top: 100px;
}
.cert-form-wrap {
    max-height: 0px;
    overflow: hidden;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
}
.cert-reg-form {
    min-height: 300px;
}
.cert-form-wrap.grown {
    max-height: 925px;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
    margin-bottom: 90px;
}
.mkto-thanks {
    text-align: center;
    max-height: 0;
    overflow: hidden;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
}
.mkto-thanks.grown {
    margin-top: 10%;
    max-height: 100px;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
    padding-bottom: 90px;
}
/***********/




/*cert reg forms*/


.cert-form-wrap.cpi .mktoFormRow:nth-last-of-type(6) .mktoFormCol {
    width: 100% !important;
}

label[for="multipleCertificationRegistration"]   ,label[for="CEUCredits"], label[for="nameDiffers"]  {
   width: calc(100% - 25px) !important;
    float: right !important;
    color: #54575B;
    font-weight: normal;
    MARGIN-top: 12px !important;
    margin-bottom: 0 !IMPORTANT;
}

textarea#How_May_We_Help_You__c {    
	width: 100% !important;
    padding:12px 12px !important;
    border-radius: 0;
    border: none;
    outline: none;
    box-shadow: none;
    color: #54575b;
    background: #fff;
    font-family: 'Open Sans',Sans-Serif;
    font-weight: bold;

}

.cert-reg-form span.modal__trigger {
    text-decoration: none;
    box-shadow: inset 0 -0.3rem 0 #19aaba;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    color: inherit;
}



.cert-reg-form span.modal__trigger:hover, .cert-reg-form span.modal__trigger:focus {
    text-decoration: none;
    color: #19aaba;
}


/****MARKETO STYLES*****/


.mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {
    MARGIN-TOP: 0 !IMPORTANT;
}



.mktoForm .mktoRadioList, .mktoForm .mktoCheckboxList {
    padding: 1.5em 1.5rem 0.3rem 0.3rem !important;
    float: left;
}

.mktoForm {
    width: 100% !important;
    max-width: 750px;
    margin: 0 auto;
    font-family: 'Open Sans', Sans-Serif;
}
.mktoForm * {
    font-family: 'Open Sans', sans-serif !important;
}
.mktoFieldWrap {
    width: 100% !important;
}
.mktoAsterix {
    display: none !important;
}
.btn {
    font-family: 'Open Sans', Sans-Serif;
}
.mktoButtonRow {
    margin-top: 20px !important;
    text-align: center !important;
    width: 100%;
}
.mktoButtonWrap {
    margin-left: 0 !important;
}
.mktoFormCol {
    width: 50%;
    padding: 5px 10px !important;
}
.mktoOffset, .mktoGutter {
    display: none;
}
.mktoForm input:not([type="checkbox"]):not([type="radio"]) {
    width: 100% !important;
    padding: 0px 12px !important;
    height: 40px !important;
    border-radius: 0 !important;
    border: none !important;
    outline: none;
    box-shadow: none !important;
    color: #54575b !important;
    background: #e1dfde !important;
    font-family: 'Open Sans', Sans-Serif !important;
}

.contrastedbg.mktoForm input:not([type="checkbox"]):not([type="radio"]), .contrastedbg.mktoForm textarea, .contrastedbg.mktoForm select.mktoField{
    background: #ffffff !important;
}
.mktoForm textarea {
    width: 100% !important;
    padding: 12px 12px !important;
    min-height: 40px !important;
    border-radius: 0 !important;
    border: none !important;
    outline: none;
    box-shadow: none !important;
    color: #54575b !important;
    background: #e1dfde !important;
    font-family: 'Open Sans', Sans-Serif !important;
    font-size: 1.4rem !important;
}
.mktoForm {
    color: #54575b !important;
}
.mktoForm select.mktoField, .mktoForm select.mktoField option:first-child {
    color: #b9b4b1 !important;
    width: 100% !important;
    padding: 0px 8px !important;
    height: 40px !important;
    border-radius: 0 !important;
    border: none !important;
    outline: none;
    box-shadow: none !important;
    background: #e1dfde !important;
    font-family: 'Open Sans', Sans-Serif !important;
    font-weight: bold;
}
.mktoForm select.mktoField option {
    color: #54575b !important;
    font-weight: normal;
}



.mktoField::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #b9b4b1 !important;
font-weight: bold !important;
}
.mktoField::-moz-placeholder { /* Firefox 19+ */
 color: #b9b4b1 !important;
 font-weight: bold !important;
}
.mktoField:-ms-input-placeholder { /* IE 10+ */
 color: #b9b4b1 !important;
 font-weight: bold !important;
}
.mktoField:-moz-placeholder { /* Firefox 18- */
 color: #b9b4b1 !important;
 font-weight: bold !important;
}



@media (max-width: 1100px) {
.git-inner {
    width: 100%;
    margin-bottom: 50px;
    display: inline-block;
}
.git-outer {
    width: 330px;
    margin: 0 auto;
    position: relative;
    margin-top: 50px;
}

}

@media (max-width: 767px) { 
.cert-form-wrap.grown, .mkto-form-wrap.grown  {
    max-height: 2000px;
}

.mktoFormCol {
    width: 100%;
}
}






@media (max-width: 480px) {
#How_May_We_Help_You__c {
    height: 130px;
}
.termswrap {
    bottom: 18rem;
}
    
}














/*Homepage contact form*/

#Home .mktoFormRow:nth-last-of-type(2) .mktoFormCol, #TrendReportThanks .mktoFormRow:nth-last-of-type(2) .mktoFormCol {
    width: 100%;
    float: right;
    clear: initial;
}
/**/


/*Global Sales Inquiry form*/

#GlobalSalesInquiry .mktoFormRow:nth-last-of-type(2) .mktoFormCol, #GlobalSalesInquiry .mktoFormRow:nth-last-of-type(3) .mktoFormCol {
    width: 100%;
    float: right;
    clear: initial;
}
#GlobalSalesInquiry .mktoCheckboxList > label {
    margin-right: 2.5em;
    margin-left: 1rem;
}
#GlobalSalesInquiry .mktoCheckboxList {
    display: flex;
}
#GlobalSalesInquiry .mktoField[type=checkbox] {
    margin-top: 3px;
}

@media (max-width: 470px) {
#GlobalSalesInquiry .mktoCheckboxList {
    display: block;
    margin-left: 2.5rem;
}
#GlobalSalesInquiry .mktoCheckboxList > label {
    margin-left: 2.5rem;
}
}
/**/

/*Contact Us Forms*/

.f2940 .mktoButtonWrap {
    float: left;
}
/**/





/*Communicating for Results form*/

#CommunicatingforResults .mktoFormRow:nth-last-of-type(2) .mktoFormCol {
    /* background: pink; */
    width: 100%;
    float: right;
    clear: initial;
}
#CommunicatingforResults .mkto-form-wrap.grown {
    margin-bottom: 0;
}
#CommunicatingforResults .mkto-thanks.grown {
    margin-top: 5%;
    max-height: 100px;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease-out;
    padding-bottom: 185px;
}
/**/


/***************/







/****ELEVATE PROMO PAGE*******/

.elvTScrnSht {
    border: 1px solid rgba(0,0,0,.05);
}
.CTAbar {
    -webkit-padding-start: 0;
    list-style: none;
    font-weight: bold;
    font-size: 2rem;
}
.CTAbar li {
    float: left;
    width: 33%;
    height: 75px;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
    margin: 0;
}
.CTAbar li:before {
    display: none;
}
.CTAbar .stepped1 {
    background: #8cb80f;
    color: white;
    padding-left: 4rem;
}
.CTAbar li .block-link {
    text-indent: 0;
}
.CTAbar .stepped1 span {
    width: 100%;
}
.CTAbar .stepped1:after {
    content: "";
    float: right;
    width: 0;
    height: 0;
    /* line-height: 0px; */
    border-top: 3.75rem solid #f5f4f4;
    border-bottom: 3.75rem solid #f5f4f4;
    border-left: 3.75rem solid #8cb80f;
}
.CTAbar .stepped2 {
    border-right: 1px solid #5d5654;
    background: #f5f4f4;
}
.CTAbar .stepped3 {
    background: #f5f4f4;
}
.support-cpy {
    font-size: 2rem;
}
.flxvert {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: space-around;
}
#elevateQuotes {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

@media (max-width: 1100px) {
.CTAbar .stepped1 {
    padding-left: 2rem;
}
}

@media (max-width: 1030px) { /*Products Cards go 2-up*/
.CTAbar li {
    width: 100%;
    margin: 0 auto;
}
.CTAbar .stepped1 {
    width: auto;
    margin-bottom: -4rem;
    z-index: 11;
}
.CTAbar .stepped2 {
    border-right: none;
    height: 100px;
    padding-top: 65px;
}
.CTAbar .stepped1:after {
    border-top: 3.75rem solid white;
}
}



/******************************/




/*Modal Styles*/


.termswrap {
    position: absolute;
    bottom: 164px;
    font-size: 1.4rem;
    z-index: 100;
    width: calc(100% - 60px);
    MARGIN-left: 35px !important;
}
.termswrap .modal__trigger {
    color: #54575b;
}
.modal {
    will-change: visibility, opacity;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1100;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
 -webkit-transition-delay: $modal-delay;
 transition-delay: $modal-delay;
}
.modal--active {
    visibility: visible;
    opacity: 1;
}
.modal--align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.modal__bg {
    background: rgba(169,168,168, .6);
}
.modal__dialog {
    text-align: left;
    width: 75%;
    max-width: 800px;
    padding: 1.2rem;
    margin: 11rem auto;
}
.modal__content {
    will-change: transform, opacity;
    position: relative;
    padding: 2.4rem;
    background: #fff;
    background-clip: padding-box;
    -webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal__content--active {
    opacity: 1;
}
.modal__close {
    z-index: 1200;
    cursor: pointer;
}
.modal__trigger {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #54575b;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal__trigger:hover {
    text-decoration: underline;
}
.modal__trigger--active {
    z-index: 10;
}
#modal__temp {
    will-change: transform, opacity;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
/***********/
	
	
/**********************************BRAND MODELS*******************************************************/



.brandmodel {
    position: absolute;
    top: 0;
    width: 67%;
    max-height: 800px;
    max-width: 800px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.brandmodel-wrap {
    position: relative;
}
#strong-mdl-wrap {
    padding-bottom: 51%;
}
#cpi-mdl-wrap, #firo-mdl-wrap {
    padding-bottom: 31%;
}
#tki-mdl-wrap {
    padding-bottom: 41%;
}
/*********STRONG********/

.strong-model-cls-1 {
    fill: #3b6f90;
}
.strong-model-cls-2 {
    fill: #e37025;
}
.strong-model-cls-3 {
    fill: #a7a9ac;
}
.strong-model-cls-4 {
    fill: #abdee2;
}
.strong-model-cls-5 {
    font-size: 28.16px;
}
.strong-model-cls-11, .strong-model-cls-13, .strong-model-cls-14, .strong-model-cls-18, .strong-model-cls-22, .strong-model-cls-26, .strong-model-cls-5, .strong-model-cls-6, .strong-model-cls-7 {
    fill: #fff;
}
.strong-model-cls-13, .strong-model-cls-14, .strong-model-cls-18, .strong-model-cls-22, .strong-model-cls-26, .strong-model-cls-5, .strong-model-cls-6 {
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 700;
}
.strong-model-cls-6 {
    font-size: 36.21px;
}
.strong-model-cls-8 {
    fill: #00b2bf;
}
.strong-model-cls-16, .strong-model-cls-9 {
    font-size: 28.99px;
}
.strong-model-cls-16, .strong-model-cls-20, .strong-model-cls-24, .strong-model-cls-28, .strong-model-cls-31, .strong-model-cls-9 {
    fill: #58595b;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 500;
}
.strong-model-cls-9 {
    letter-spacing: 0.04em;
}
.strong-model-cls-10 {
    letter-spacing: 0.04em;
}
.strong-model-cls-11 {
    font-size: 23.19px;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 900;
    ;
}
.strong-model-cls-12 {
    fill: #f9bbb8;
}
.strong-model-cls-13 {
    font-size: 28.16px;
}
.strong-model-cls-14 {
    font-size: 36.21px;
}
.strong-model-cls-15 {
    fill: #fb5058;
}
.strong-model-cls-16 {
    letter-spacing: 0.04em;
}
.strong-model-cls-17 {
    fill: #ffdcac;
}
.strong-model-cls-18 {
    font-size: 36.21px;
}
.strong-model-cls-19 {
    fill: #ffb607;
}
.strong-model-cls-20, .strong-model-cls-31 {
    font-size: 28.99px;
}
.strong-model-cls-20 {
    letter-spacing: 0.04em;
}
.strong-model-cls-21 {
    fill: #fccab5;
}
.strong-model-cls-22 {
    font-size: 27.75px;
}
.strong-model-cls-23 {
    fill: #f47d4c;
}
.strong-model-cls-24 {
    font-size: 28.99px;
    letter-spacing: 0.04em;
}
.strong-model-cls-25 {
    fill: #cbbbdc;
}
.strong-model-cls-26 {
    font-size: 27.75px;
}
.strong-model-cls-27 {
    fill: #7f5dad;
}
.strong-model-cls-28 {
    font-size: 28.99px;
    letter-spacing: 0.04em;
}
.strong-model-cls-29 {
    fill: #c4d0af;
}
.strong-model-cls-30 {
    fill: #708e41;
}
.strong-model-cls-31 {
    letter-spacing: 0.04em;
}
#strong-mdl.brandmodel {
    max-width: 600px;
}
#mdl-logo {
    display: none;
}
#investigative-word, #realistic-word, #conventional-word, #enterprising-word, #social-word, #artistic-word, #investigative-hover, #realistic-hover, #conventional-hover, #enterprising-hover, #social-hover, #artistic-hover, #artistic-chevron-back, #social-chevron-back, #enterprising-chevron-back, #conventional-chevron-back, #realistic-chevron-back, #investigative-chevron-back, #investigative-pie, #realistic-pie, #conventional-pie, #enterprising-pie, #social-pie, #artistic-pie, #investigative-pie, #StrongModelLayer_1-2 {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#investigative-hover, #realistic-hover, #conventional-hover, #enterprising-hover, #social-hover, #artistic-hover {
    opacity: 0;
}
.mdl-hover #investigative-hover, .mdl-hover #realistic-hover, .mdl-hover #conventional-hover, .mdl-hover #enterprising-hover, .mdl-hover #social-hover, .mdl-hover #artistic-hover {
    opacity: 1;
}
.mdl-hover #investigative-word, .mdl-hover #realistic-word, .mdl-hover #conventional-word, .mdl-hover #enterprising-word, .mdl-hover #social-word, .mdl-hover #artistic-word {
    fill: #ffffff;
}
.mdl-hover #artistic-chevron-back {
    fill: #a9ba8a;
}
.mdl-hover #social-chevron-back {
    fill: #b19ac9;
}
.mdl-hover #enterprising-chevron-back {
    fill: #f9b091;
}
.mdl-hover #conventional-chevron-back {
    fill: #ffcd83;
}
.mdl-hover #realistic-chevron-back {
    fill: #f69996;
}
.mdl-hover #investigative-chevron-back {
    fill: #7bced6;
}
.mdl-hover #artistic-pie {
    fill: #708e40;
}
.mdl-hover #social-pie {
    fill: #805ea8;
}
.mdl-hover #enterprising-pie {
    fill: #f47d4b;
}
.mdl-hover #conventional-pie {
    fill: #fcb124;
}
.mdl-hover #realistic-pie {
    fill: #f0525a;
}
.mdl-hover #investigative-pie {
    fill: #00b1be;
}
/******* /STRONG*******/





/*********TKI********/

.tki-mdl-cls-1 {
    fill: #d257b1;
}
.tki-mdl-cls-2 {
    font-size: 42.07px;
    fill: #58595b;
    letter-spacing: 0.04em;
}
.tki-mdl-cls-2, .tki-mdl-cls-60 {
    font-family: 'Open Sans', Sans-Serif;
}
.tki-mdl-cls-3 {
    fill: #e79dd0;
}
.tki-mdl-cls-4 {
    fill: #c95ba2;
}
.tki-mdl-cls-16, .tki-mdl-cls-5 {
    font-size: 32.97px;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 700;
}
.tki-mdl-cls-16, .tki-mdl-cls-5, .tki-mdl-cls-6 {
    fill: #fff;
}
.tki-mdl-cls-16, .tki-mdl-cls-5, .tki-mdl-cls-59 {
    font-weight: 700;
}
.tki-mdl-cls-5 {
    letter-spacing: 0.04em;
}
.tki-mdl-cls-6 {
    font-size: 22px;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 100;
}
.tki-mdl-cls-7 {
    letter-spacing: 0.41em;
}
.tki-mdl-cls-8 {
    letter-spacing: 0.41em;
}
.tki-mdl-cls-9 {
    letter-spacing: 0.19em;
}
.tki-mdl-cls-10 {
    letter-spacing: 0.19em;
}
.tki-mdl-cls-11 {
    letter-spacing: -0.03em;
}
.tki-mdl-cls-12 {
    letter-spacing: -0.03em;
}
.tki-mdl-cls-13 {
    fill: #7f5dad;
}
.tki-mdl-cls-14 {
    fill: #b29bcd;
}
.tki-mdl-cls-15 {
    fill: #805ea8;
}
.tki-mdl-cls-16 {
    letter-spacing: 0.04em;
}
.tki-mdl-cls-17 {
    letter-spacing: 0.8em;
}
.tki-mdl-cls-18 {
    letter-spacing: 0.8em;
}
.tki-mdl-cls-19 {
    letter-spacing: 0.44em;
}
.tki-mdl-cls-20 {
    letter-spacing: 0.44em;
}
.tki-mdl-cls-21 {
    letter-spacing: 0.19em;
}
.tki-mdl-cls-22 {
    letter-spacing: 0.19em;
}
.tki-mdl-cls-23 {
    fill: #ffb607;
}
.tki-mdl-cls-24 {
    fill: #ffe098;
}
.tki-mdl-cls-25 {
    fill: #ffcc50;
}
.tki-mdl-cls-26 {
    letter-spacing: 0.84em;
}
.tki-mdl-cls-27 {
    letter-spacing: 0.26em;
}
.tki-mdl-cls-28 {
    letter-spacing: 0.26em;
}
.tki-mdl-cls-29 {
    letter-spacing: 0.06em;
}
.tki-mdl-cls-30 {
    letter-spacing: 0.06em;
}
.tki-mdl-cls-31 {
    fill: #f47d4c;
}
.tki-mdl-cls-32 {
    fill: #ffb98a;
}
.tki-mdl-cls-33 {
    fill: #f68942;
}
.tki-mdl-cls-34 {
    letter-spacing: 0.15em;
}
.tki-mdl-cls-35 {
    letter-spacing: 0.05em;
}
.tki-mdl-cls-36 {
    letter-spacing: 0.05em;
}
.tki-mdl-cls-37 {
    letter-spacing: -0.02em;
}
.tki-mdl-cls-38 {
    letter-spacing: -0.02em;
}
.tki-mdl-cls-39 {
    fill: #fb5058;
}
.tki-mdl-cls-40 {
    fill: #ff9c96;
}
.tki-mdl-cls-41 {
    fill: #f0525a;
}
.tki-mdl-cls-42 {
    letter-spacing: 0.06em;
}
.tki-mdl-cls-43 {
    letter-spacing: 1.62em;
}
.tki-mdl-cls-44 {
    letter-spacing: 1.62em;
}
.tki-mdl-cls-45 {
    letter-spacing: 0.06em;
}
.tki-mdl-cls-46 {
    letter-spacing: 1.62em;
}
.tki-mdl-cls-47 {
    letter-spacing: 0.21em;
}
.tki-mdl-cls-48 {
    letter-spacing: 0.6em;
}
.tki-mdl-cls-49 {
    letter-spacing: 0.6em;
}
.tki-mdl-cls-50 {
    letter-spacing: 0.6em;
}
.tki-mdl-cls-51 {
    fill: none;
    stroke: #808184;
    stroke-miterlimit: 10;
    stroke-width: 1.4px;
}
.tki-mdl-cls-52 {
    fill: #808184;
}
.tki-mdl-cls-53, .tki-mdl-cls-57, .tki-mdl-cls-60 {
    font-size: 33.65px;
}
.tki-mdl-cls-53, .tki-mdl-cls-57, .tki-mdl-cls-59, .tki-mdl-cls-60 {
    fill: #808285;
}
.tki-mdl-cls-53, .tki-mdl-cls-57 {
    font-family: 'Open Sans', Sans-Serif;
}
.tki-mdl-cls-53 {
    letter-spacing: 0.04em;
}
.tki-mdl-cls-54 {
    letter-spacing: 0.04em;
}
.tki-mdl-cls-55 {
    letter-spacing: 0.04em;
}
.tki-mdl-cls-56, .tki-mdl-cls-57, .tki-mdl-cls-60 {
    letter-spacing: 0.04em;
}
.tki-mdl-cls-58 {
    letter-spacing: 0.04em;
}
.tki-mdl-cls-59 {
    font-size: 39.26px;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 500;
    letter-spacing: 0.04em;
}
#competing-word, #collaborating-word, #compromising-word, #avoiding-word, #accomodating-word {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1;
}
#competing-hover, #collaborating-hover, #compromising-hover, #avoiding-hover, #accomodating-hover {
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mdl-hover #competing-word, .mdl-hover #collaborating-word, .mdl-hover #compromising-word, .mdl-hover #avoiding-word, .mdl-hover #accomodating-word {
    opacity: 0;
}
.mdl-hover #competing-hover, .mdl-hover #collaborating-hover, .mdl-hover #compromising-hover, .mdl-hover #avoiding-hover, .mdl-hover #accomodating-hover {
    opacity: 1;
}
/******* /TKI*******/





/*********CPI********/

.cpi-mdl-cls-1 {
    fill: #f9ad88;
    stroke: #f47d4a;
    stroke-width: 3px;
}
.cpi-mdl-cls-1, .cpi-mdl-cls-10, .cpi-mdl-cls-15, .cpi-mdl-cls-16 {
    stroke-miterlimit: 10;
}
.cpi-mdl-cls-2, .cpi-mdl-cls-6 {
    font-size: 16.25px;
}
.cpi-mdl-cls-2, .cpi-mdl-cls-6, .cpi-mdl-cls-7 {
    fill: #fff;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 700;
}
.cpi-mdl-cls-3 {
    font-weight: 700;
}
.cpi-mdl-cls-12, .cpi-mdl-cls-13, .cpi-mdl-cls-17, .cpi-mdl-cls-18, .cpi-mdl-cls-19, .cpi-mdl-cls-4 {
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 300;
    font-style: normal;
}
.cpi-mdl-cls-5, .cpi-mdl-cls-8 {
    font-family: 'Open Sans', Sans-Serif;
    font-style: italic;
}
.cpi-mdl-cls-5, .cpi-mdl-cls-9 {
    font-style: italic;
    font-weight: 300;
}
.cpi-mdl-cls-6 {
    letter-spacing: -0.01em;
}
.cpi-mdl-cls-7 {
    font-size: 16px;
}
.cpi-mdl-cls-10, .cpi-mdl-cls-15, .cpi-mdl-cls-16 {
    fill: transparent;
}
.cpi-mdl-cls-10, .cpi-mdl-cls-15 {
    stroke: #808184;
}
.cpi-mdl-cls-10 {
    stroke-width: 0.88px;
}
.cpi-mdl-cls-11 {
    fill: #808184;
}
.cpi-mdl-cls-12, .cpi-mdl-cls-13 {
    font-size: 24.08px;
    fill: #808285;
}
.cpi-mdl-cls-12, .cpi-mdl-cls-14 {
    letter-spacing: 0.04em;
}
.cpi-mdl-cls-13 {
    letter-spacing: 0.04em;
}
.cpi-mdl-cls-15 {
    stroke-width: 0.91px;
}
.cpi-mdl-cls-16 {
    stroke: #f47d4c;
    stroke-width: 1.72px;
}
.cpi-mdl-cls-17, .cpi-mdl-cls-18, .cpi-mdl-cls-19 {
    font-size: 25.8px;
    fill: #58595b;
}
.cpi-mdl-cls-17 {
    letter-spacing: 0.04em;
}
.cpi-mdl-cls-18 {
    letter-spacing: 0.04em;
}
.cpi-mdl-cls-19 {
    letter-spacing: 0.04em;
}
#cpi-mdl.brandmodel {
    max-width: 900px;
}
.cpi-hover {
    opacity: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mdl-hover.cpi-hover {
    opacity: 1;
}
.cpi-mdl-main {
    cursor: pointer;
    opacity: 1;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mdl-hover.cpi-mdl-main {
    opacity: 0;
}
/******* /CPI*******/





/*********MBTI********/


#mbti-mdl.brandmodel {
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    position: relative;
    margin: 0 auto;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mbti-mdl-intro {
    font-family: 'Open Sans', Sans-Serif;
    text-align: center;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 700;
    color: #808285;
}
.mbti-mdl-row:first-of-type:before {
    z-index: 10;
    position: absolute;
    content: '';
    top: 0;
    height: 2px;
    width: calc(100% + 30px);
    left: -15px;
    background: #58595b;
}
.mbti-mdl-row:after {
    z-index: 10;
    position: absolute;
    content: '';
    bottom: 0;
    height: 2px;
    width: calc(100% + 30px);
    left: -15px;
    background: #58595b;
}
.mbti-mdl-row {
    position: relative;
    width: 100%;
}
.mbti-mbl-row-flex {
    height: 110px;
    display: flex;
    flex-direction: row;
    position: relative;
}
.mbti-mdl-facet {
    width: 50%;
    display: inline-block;
    position: relative;
    float: left;
    margin: 0;
    overflow: hidden;
}
.mbti-mdl-facet-inner {
    padding: 1rem;
}
#mbti-fct-1 .mbti-blu .mbti-mdl-facet-name {
    color: #f07d00;
}
#mbti-fct-1 .mbti-org .mbti-mdl-facet-name {
    color: #009dc4;
}
#mbti-fct-2 .mbti-blu .mbti-mdl-facet-name {
    color: #ffd600;
}
#mbti-fct-2 .mbti-org .mbti-mdl-facet-name {
    color: #009d3d;
}
#mbti-fct-3 .mbti-blu .mbti-mdl-facet-name {
    color: #00499a;
}
#mbti-fct-3 .mbti-org .mbti-mdl-facet-name {
    color: #e42313;
}
#mbti-fct-4 .mbti-blu .mbti-mdl-facet-name {
    color: #c1c600;
}
#mbti-fct-4 .mbti-org .mbti-mdl-facet-name {
    color: #772584;
}
.mbti-mdl-facet-name {
    position: absolute;
    font-size: 34px;
    top: 30px;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 300;
    margin: 0 auto;
    width: auto;
}
.mbti-lft .mbti-mdl-facet-name {
    left: 100%;
    transform: translateX(-100%);
    padding-right: 135px;
}
.mbti-rgt .mbti-mdl-facet-name {
    right: 100%;
    transform: translateX(100%);
    padding-left: 135px;
}
.mbti-mdl-facet-char {
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 300;
    visibility: hidden;
    opacity: 0;
    font-size: 16px;
    color: #fff;
    margin-top: -4px;
}
.mbti-mdl-letter-wrap {
    position: absolute;
    top: 25px;
    height: 60px;
    width: 60px;
    -moz-transform: rotate(45deg);  /* FF3.5/3.6 */
    -o-transform: rotate(45deg);  /* Opera 10.5 */
    -webkit-transform: rotate(45deg);  /* Saf3.1+ */
    transform: rotate(45deg);  /* Newer browsers (incl IE9) */
}
#mbti-fct-1 .mbti-blu .mbti-mdl-letter-wrap {
    background: #f07d00;
}
#mbti-fct-1 .mbti-org .mbti-mdl-letter-wrap {
    background: #009dc4;
}
#mbti-fct-2 .mbti-blu .mbti-mdl-letter-wrap {
    background: #ffd600;
}
#mbti-fct-2 .mbti-org .mbti-mdl-letter-wrap {
    background: #009d3d;
}
#mbti-fct-3 .mbti-blu .mbti-mdl-letter-wrap {
    background: #00499a;
}
#mbti-fct-3 .mbti-org .mbti-mdl-letter-wrap {
    background: #e42313;
}
#mbti-fct-4 .mbti-blu .mbti-mdl-letter-wrap {
    background: #c1c600;
}
#mbti-fct-4 .mbti-org .mbti-mdl-letter-wrap {
    background: #722584;
}
.mbti-mdl-letter {
    display: inline-block;
    color: #fff;
    text-align: center;
    height: 60px;
    width: 60PX;
    font-size: 40PX;
    line-height: 1.4;
    text-transform: lowercase;
    -moz-transform: rotate(-45deg);  /* FF3.5/3.6 */
    -o-transform: rotate(-45deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-45deg);  /* Saf3.1+ */
    transform: rotate(-45deg);  /* Newer browsers (incl IE9) */
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 700;
}
.mbti-rgt .mbti-mdl-letter-wrap {
    left: 45px;
}
.mbti-lft .mbti-mdl-letter-wrap {
    right: 45px;
}
.mbti-facet-desc {
    text-align: center;
    height: 30px;
    padding-top: 5px;
    clear: both;
    font-size: 1.5rem;
    color: #58595b;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 300;
}
.mbto-facet-decs-inner {
    top: -.75rem;
    position: relative;
}
.mbti-mdl-or {
    left: calc(50% - 10px);
    position: absolute;
    color: #58595b;
    top: 40px;
    z-index: 10;
    font-size: 20px;
    pointer-events: none;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 300;
}
/******Hovers Below*****/

.mdl-hover, .mbti-mdl-facet, .mdl-hover-hide, .mbti-facet-desc, .mbti-mdl-letter-wrap, .mbti-mdl-letter, .mbti-mdl-facet-name, .mbti-mdl-or, .mbto-facet-decs-inner {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.mdl-hover .mbti-mdl-facet-char {
    visibility: visible;
    opacity: 1;
    position: absolute;
    text-align: justify;
    width: calc(100% - 172px);
    top: 55px;
    color: #fff;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
#mbti-fct-2 .mbti-blu .mbti-mdl-facet-char, #mbti-fct-4 .mbti-blu .mbti-mdl-facet-char {
    color: #808285;
}
.mdl-hover .mbti-mdl-letter-wrap {
    margin-top: -4px;
}
.mdl-hover.mbti-lft .mbti-mdl-facet-char {
    right: 140px;
}
.mdl-hover.mbti-rgt .mbti-mdl-facet-char {
    left: 140px;
}
#mbti-fct-1 .mdl-hover .mbti-mdl-facet-name, #mbti-fct-1 .mdl-hover-hide .mbti-mdl-facet-name, #mbti-fct-2 .mdl-hover .mbti-mdl-facet-name, #mbti-fct-2 .mdl-hover-hide .mbti-mdl-facet-name, #mbti-fct-3 .mdl-hover .mbti-mdl-facet-name, #mbti-fct-3 .mdl-hover-hide .mbti-mdl-facet-name, #mbti-fct-4 .mdl-hover .mbti-mdl-facet-name, #mbti-fct-4 .mdl-hover-hide .mbti-mdl-facet-name {
    color: #fff;
}
.mdl-hover.mbti-mdl-facet {
    width: calc(100% - 140px);
}
.mdl-hover-hide.mbti-mdl-facet {
    width: 140px;
}
.mdl-hover.mbti-lft .mbti-mdl-facet-name {
    left: 32px;
}
.mdl-hover.mbti-rgt .mbti-mdl-facet-name {
    right: 32px;
}
.mdl-hover .mbti-mdl-facet-name {
    transform: translateX(0%);
    top: -4px;
    font-weight: 500;
    opacity: 1;
}
.mdl-hover-hide .mbti-mdl-facet-name {
    display: none;
    opacity: 0;
}
#mbti-fct-1 .mdl-hover.mbti-blu .mbti-mdl-letter-wrap, #mbti-fct-1 .mdl-hover-hide.mbti-blu .mbti-mdl-letter-wrap, #mbti-fct-1 .mdl-hover.mbti-org .mbti-mdl-letter-wrap, #mbti-fct-1 .mdl-hover-hide.mbti-org .mbti-mdl-letter-wrap, #mbti-fct-2 .mdl-hover.mbti-blu .mbti-mdl-letter-wrap, #mbti-fct-2 .mdl-hover-hide.mbti-blu .mbti-mdl-letter-wrap, #mbti-fct-2 .mdl-hover.mbti-org .mbti-mdl-letter-wrap, #mbti-fct-2 .mdl-hover-hide.mbti-org .mbti-mdl-letter-wrap, #mbti-fct-3 .mdl-hover.mbti-blu .mbti-mdl-letter-wrap, #mbti-fct-3 .mdl-hover-hide.mbti-blu .mbti-mdl-letter-wrap, #mbti-fct-3 .mdl-hover.mbti-org .mbti-mdl-letter-wrap, #mbti-fct-3 .mdl-hover-hide.mbti-org .mbti-mdl-letter-wrap, #mbti-fct-4 .mdl-hover.mbti-blu .mbti-mdl-letter-wrap, #mbti-fct-4 .mdl-hover-hide.mbti-blu .mbti-mdl-letter-wrap, #mbti-fct-4 .mdl-hover.mbti-org .mbti-mdl-letter-wrap, #mbti-fct-4 .mdl-hover-hide.mbti-org .mbti-mdl-letter-wrap {
    background: #fff;
}
#mbti-fct-1 .mdl-hover.mbti-mdl-facet.mbti-blu {
    background: #f7b985;
    border: 4px solid #F07D00;
}
#mbti-fct-1 .mdl-hover.mbti-mdl-facet.mbti-org {
    border: 4px solid #009DC4;
    background: #98c5dc;
}
#mbti-fct-1 .mdl-hover-hide.mbti-mdl-facet.mbti-blu {
    background: #F07D00;
}
#mbti-fct-1 .mdl-hover-hide.mbti-mdl-facet.mbti-org {
    background: #009DC4
}
#mbti-fct-2 .mdl-hover.mbti-mdl-facet.mbti-blu {
    border: 4px solid #FFD600;
    background: #ffe794;
}
#mbti-fct-2 .mdl-hover.mbti-mdl-facet.mbti-org {
    background: #97c496;
    border: 4px solid #009D3D;
}
#mbti-fct-2 .mdl-hover-hide.mbti-mdl-facet.mbti-blu {
    background: #FFD600;
}
#mbti-fct-2 .mdl-hover-hide.mbti-mdl-facet.mbti-org {
    background: #009D3D
}
#mbti-fct-3 .mdl-hover.mbti-mdl-facet.mbti-blu {
    border: 4px solid #00499A;
    background: #858ec0;
}
#mbti-fct-3 .mdl-hover.mbti-mdl-facet.mbti-org {
    background: #ef9679;
    border: 4px solid #E42313;
}
#mbti-fct-3 .mdl-hover-hide.mbti-mdl-facet.mbti-blu {
    background: #00499A;
}
#mbti-fct-3 .mdl-hover-hide.mbti-mdl-facet.mbti-org {
    background: #E42313
}
#mbti-fct-4 .mdl-hover.mbti-mdl-facet.mbti-blu {
    border: 4px solid #C1C600;
    background: #dddd96;
}
#mbti-fct-4 .mdl-hover.mbti-mdl-facet.mbti-org {
    background: #a886b4;
    border: 4px solid #722584;
}
#mbti-fct-4 .mdl-hover-hide.mbti-mdl-facet.mbti-blu {
    background: #C1C600;
}
#mbti-fct-4 .mdl-hover-hide.mbti-mdl-facet.mbti-org {
    background: #722584
}
#mbti-fct-1 .mdl-hover.mbti-blu .mbti-mdl-letter, #mbti-fct-1 .mdl-hover-hide.mbti-blu .mbti-mdl-letter {
    color: #F07D00;
}
#mbti-fct-1 .mdl-hover.mbti-org .mbti-mdl-letter, #mbti-fct-1 .mdl-hover-hide.mbti-org .mbti-mdl-letter {
    color: #009DC4;
}
#mbti-fct-2 .mdl-hover.mbti-blu .mbti-mdl-letter, #mbti-fct-2 .mdl-hover-hide.mbti-blu .mbti-mdl-letter {
    color: #FFD600;
}
#mbti-fct-2 .mdl-hover.mbti-org .mbti-mdl-letter, #mbti-fct-2 .mdl-hover-hide.mbti-org .mbti-mdl-letter {
    color: #009D3D;
}
#mbti-fct-3 .mdl-hover.mbti-blu .mbti-mdl-letter, #mbti-fct-3 .mdl-hover-hide.mbti-blu .mbti-mdl-letter {
    color: #00499A;
}
#mbti-fct-3 .mdl-hover.mbti-org .mbti-mdl-letter, #mbti-fct-3 .mdl-hover-hide.mbti-org .mbti-mdl-letter {
    color: #E42313;
}
#mbti-fct-4 .mdl-hover.mbti-blu .mbti-mdl-letter, #mbti-fct-4 .mdl-hover-hide.mbti-blu .mbti-mdl-letter {
    color: #C1C600;
}
#mbti-fct-4 .mdl-hover.mbti-org .mbti-mdl-letter, #mbti-fct-4 .mdl-hover-hide.mbti-org .mbti-mdl-letter {
    color: #722584;
}
.mbti-mdl-or.mdl-sqsh-lft {
    left: calc(100% - 151px);
    color: #fff;
}
.mbti-mdl-or.mdl-sqsh-rgt {
    left: 128px;
    color: #fff;
}
.mbti-facet-desc.mdl-hover {
    background: #58595b;
    color: #fff;
}
.mdl-hover .mbto-facet-decs-inner {
    top: 0;
}

@media screen and (max-width: 1200px) {
.mbti-mdl-facet-char {
    font-size: 14px;
    margin-top: -10px;
    line-height: 16px;
}
}
/******* /MBTI*******/





/*********FIRO********/


.firo-mdl-cls-1 {
    fill: #ffce80;
}
.firo-mdl-cls-2 {
    fill: #fcb121;
}
.firo-mdl-cls-3 {
    fill: #97999c;
}
.firo-mdl-cls-11, .firo-mdl-cls-17, .firo-mdl-cls-4 {
    fill: #58595b;
}
.firo-mdl-cls-5 {
    fill: #a1b07f;
}
.firo-mdl-cls-6 {
    fill: #708e3f;
}
.firo-mdl-cls-7 {
    fill: #f9ad88;
}
.firo-mdl-cls-8 {
    fill: #f47d4a;
}
.firo-mdl-cls-9 {
    fill: #859fb5;
}
.firo-mdl-cls-10 {
    fill: #3c7694;
}
.firo-mdl-cls-11, .firo-mdl-cls-17 {
    font-size: 23.96px;
}
.firo-mdl-cls-11, .firo-mdl-cls-16, .firo-mdl-cls-17, .firo-mdl-cls-19 {
    font-family: 'Open Sans', Sans-Serif;
}
.firo-mdl-cls-11, .firo-mdl-cls-18 {
    letter-spacing: 0.04em;
}
.firo-mdl-cls-12, .firo-mdl-cls-17 {
    letter-spacing: 0.04em;
}
.firo-mdl-cls-13 {
    font-size: 24px;
    letter-spacing: 0.04em;
}
.firo-mdl-cls-13, .firo-mdl-cls-14, .firo-mdl-cls-19, .firo-mdl-cls-28 {
    fill: #fff;
}
.firo-mdl-cls-13, .firo-mdl-cls-14, .firo-mdl-cls-20, .firo-mdl-cls-28 {
    font-family: 'Open Sans', Sans-Serif;
}
.firo-mdl-cls-13, .firo-mdl-cls-15, .firo-mdl-cls-20 {
    font-weight: 700;
}
.firo-mdl-cls-14, .firo-mdl-cls-19, .firo-mdl-cls-28 {
    font-size: 20px;
}
.firo-mdl-cls-14, .firo-mdl-cls-19 {
    letter-spacing: 0.04em;
}
.firo-mdl-cls-21 {
    fill: none;
    stroke: #fcb121;
    stroke-miterlimit: 10;
    stroke-width: 2px;
}
.firo-mdl-cls-22 {
    fill: #ff893e;
}
.firo-mdl-cls-23 {
    fill: #f47d49;
}
.firo-mdl-cls-24 {
    fill: #d0d7e0;
}
.firo-mdl-cls-25 {
    fill: #dadbdc;
}
.firo-mdl-cls-26 {
    letter-spacing: 3.3em;
}
.firo-mdl-cls-27 {
    fill: #fee1d0;
}
.firo-mdl-cls-29 {
    fill: #dadecb;
}
.firo-hover, .rolcol-hide.rolcol, .rolcol-trig-col.inclusion-rolcol-trig-hide, .rolcol-trig-col.control-rolcol-trig-hide, .rolcol-trig-col.affection-rolcol-trig-hide, .rolcol-trig-row.expressed-rolcol-trig-hide, .rolcol-trig-row.wanted-rolcol-trig-hide {
    opacity: 0;
}
.firo-hover.mdl-hover, .rolcol-vis.rolcol, .rolcol-trig-col.inclusion-rolcol-trig-vis, .rolcol-trig-col.control-rolcol-trig-vis, .rolcol-trig-col.affection-rolcol-trig-vis, .rolcol-trig-row.expressed-rolcol-trig-vis, .rolcol-trig-row.wanted-rolcol-trig-vis {
    opacity: 1;
}
.mdl-hover, .rolcol-hide, .rolcol-vis {
    moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
/******* /FIRO*******/









/********************************* /BRAND MODELS*******************************************************/



/***RESPONSIVE YOUTUBE***/


.video-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.responsive-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/***********************/









/*SVG*/
	  
.custserv-cls-1 {
    fill: none;
    stroke: #552062;
    stroke-miterlimit: 1;
}
.gs-cls-1 {
    fill: none;
    stroke: #552062;
    stroke-miterlimit: 10;
}
.chat-cls-1 {
    fill: none;
    stroke: #552062;
    stroke-miterlimit: 1;
}
.phone-cls-1 {
    fill: none;
    stroke: #552062;
    stroke-miterlimit: 1;
}
.contact-cls-1 {
    fill: none;
    stroke: #552062;
    stroke-miterlimit: 1;
}
#cntc-call .cntc-img svg {
    padding-top: 5px;
    width: 75px;
}
#cntc-gs .cntc-img svg {
    width: 61px;
}
#cntc-chat .cntc-img svg {
    width: 67px;
    padding-top: 8px;
}
/*end SVG*/
	






/*Other Styles*/



.hidden {
    display: none;
}
.bltmrgn {
    text-align: left;
}


/***********/
















<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600italic,700italic,300,600,700,800" rel="stylesheet" /> <link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" /> <link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />