﻿.profiles_sec {
    display: none !important;
}

.conversation_wrapper {
    display: none !important;
}

.footer_top {
    background: #0c4a68;
}

.mainCont {
    overflow: visible;
}

.cont {
    font-size: 1em;
}

.back {
    display: none;
}

.removable {
    display: none !important;
}

.qLink {
    text-decoration: underline !important;
}

.publicationsBackground, .faqBackground, .glossaryBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.publicationsBackground {
    background-image: url('../Images/SlideShow/Publications.jpg');
    display: inline;
}

.faqBackground {
    background-image: url('../Images/SlideShow/QuestionsDesk.jpg');
}

.glossaryBackground {
    background-image: url('../Images/SlideShow/GlossaryDesk.jpg');
}

.desktop {
    display: block;
}

.section {
    display: none;
}

    .section.selected {
        display: block;
    }


.background {
    position: relative;
    height: 27.8em;
    width: 100%;
    margin-bottom: 6.65em;
}

    .background.noMargin {
        margin-bottom: 0;
    }


.resourceMenuCont, .sort .container {
    max-width: 1150px !important;
}

.resourceMenu {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #FFFFFF;
    padding-right: 1.5em;
    padding-left: 1.5em;
    width: 9.18em;
    padding-top: .3em;
    padding-bottom: .3em;
}

.option {
    display: block;
    font-size: .8em;
    padding-top: 1.75em;
    box-sizing: border-box;
    padding-bottom: 1.75em;
    color: #ac9515;
}

    .option.selected, .option:hover {
        color: #0c4a68;
    }

    .option:not(:last-of-type) {
        border-bottom: 1px solid #ac9515;
    }

.resourceMenu selected {
}

.publications {
    max-width: 1150px !important;
    margin-top: 6.5em;
    margin-bottom: 7.1em;
}

.pubSect {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.publications h2, .publications h1 {
    font-size: 2.31em;
    font-family: Spread-Light;
    margin-bottom: 1.08em;
}

.publications a {
    display: block;
    text-decoration: underline;
    line-height: 1.45em;
    transition: color .1s ease-out;
}

    .publications a:hover {
        color: #baa83d;
    }

    .publications a br {
        line-height: 2.7em;
    }

.publications .pubSect a:not(:last-of-type) {
    margin-bottom: 1.2em;
}

.information {
    padding-right: 1.5em;
}

.articles {
    padding-left: 3.5em;
}

.haveAQuestion {
    text-align: center;
    background-color: #baa83d;
    padding-top: 2.4em;
    padding-bottom: 2.4em;
}

.formCont {
    display: inline-block;
    height: 2.35em;
    box-sizing: border-box;
    padding: 0;
}

    .formCont input {
        width: calc(28.8em - 2.35em);
        box-sizing: border-box;
        float: left;
        font-size: 1em;
        background-color: #FFFFFF;
        height: 100%;
        padding-left: 1em;
        padding-right: 1em;
    }

.haveAQuestion label {
    font-size: 2.6em;
    font-family: Spread-Light;
    margin-right: 1em;
    position: relative;
    top: -.15em;
    line-height: .5em;
}

.haveAQuestion span {
    color: #FFFFFF;
    font-family: Spread-Italic-Light;
}

.formCont button {
    width: 2.35em;
    box-sizing: border-box;
    background-color: #0c4a68;
    height: 100%;
    color: #FFFFFF;
    font-size: 1em;
    float: left;
    cursor: pointer;
}

    .formCont button:hover span {
        color: #baa83d;
    }

    .formCont button span {
        font-size: 1.9em;
        font-family: AzoSans-Regular;
        line-height: .6em;
        transition: color .2s ease-out;
    }

.noMatches {
    display: none;
    font-family: Spread-Italic-Light;
    font-size: 1.8em;
    text-align: center;
    margin-top: 2em;
}

.questions {
    max-width: 1150px !important;
    margin-top: 6.8em;
    margin-bottom: 4em;
}

.question {
    padding-top: 2em;
    height: 22.9em;
    position: relative;
    width: 33.333%;
    max-width: 33.333%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 3.8em;
}

.questions table {
}

.question:nth-child(3n+2) {
    padding-left: 4em;
    padding-right: 4em;
}

.question:nth-child(1n) {
    padding-right: 4em;
    border-right: 1px solid #baa83d;
}

.question:nth-child(3n) {
    padding-left: 4em;
    padding-right: 0;
    border: none;
}

.question:nth-child(odd) .q {
    text-transform: uppercase;
}

.question:nth-child(even) .q {
    font-family: Spread-Light;
}


.q {
    font-size: 2.2em;
    margin-bottom: 1em;
    line-height: .91em;
}

    .q div {
        font-size: inherit;
        line-height: inherit;
        text-transform: inherit;
    }

    .q::first-letter {
        text-transform: uppercase;
    }

    .q div::first-letter {
        text-transform: uppercase;
    }

.a {
    display: inline-block;
    cursor: pointer;
    transition: opacity .2s ease-out;
}

    .a:hover {
        opacity: .65;
    }

    .a label {
        cursor: pointer;
    }

.falsePadding {
    height: 1.8em;
    width: 6000px;
    position: absolute;
    background-color: #FFFFFF;
}

td .falsePadding:first-of-type {
    top: 0;
}

td .falsePadding:last-of-type {
    bottom: 0;
}

.questions div:nth-of-type(2n) .q {
    font-family: Spread-Light;
    font-size: 2.5em;
    line-height: .84em;
}

.a a {
    background-image: url('../Images/Icons/plusB.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.15em;
    height: 1.15em;
    position: relative;
    top: .12em;
    display: inline-block;
    margin-right: .3em;
}

.answerModal {
    background-color: #edecea;
    display: none;
    position: absolute;
    z-index: 1;
}

.answerModalCont {
    box-sizing: border-box;
    padding-left: 4.5em;
    padding-right: 4.5em;
    padding-top: 4.5em;
    padding-bottom: 4.5em;
    min-height: 20.5em;
    box-shadow: 1px black;
    box-shadow: 25px 25px 88px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 25px 25px 88px 0px rgba(0,0,0,0.25);
    transition: -webkit-box-shadow .2s;
}

.answerModal .q {
    width: 30%;
    float: left;
    font-size: 2.2em !important;
    margin-bottom: 0;
    display: table;
    font-family: AzoSans-Regular !important;
    text-transform: uppercase;
}

    .answerModal .q.spread {
        font-family: Spread-Light !important;
        font-size: 2.5em !important;
        line-height: .84em;
        text-transform: lowercase;
    }

        .answerModal .q.spread::first-letter {
            text-transform: uppercase !important;
        }

.answerModal .answer, .answerPart2, .answerPart3 {
    float: right;
    width: 68%;
    padding-left: 2.5em;
    box-sizing: border-box;
    line-height: 1.4em;
}


.answerPart3, .answerPart2 {
    margin-top: 1em;
}

.exit {
    position: absolute;
    top: 2em;
    right: 2em;
    padding: .3em;
}

    .exit img {
        width: 1em;
    }

.sort {
    background-color: #0c4a68;
    padding-top: 1.4em;
    padding-bottom: 1.4em;
}

    .sort .container {
    }

.selectedSortCont {
    width: 620em;
    display: block;
    float: left;
    font-size: .01em;
}

.sortCont {
    width: calc(100%);
    /* float: left; */
    text-align: justify;
    font-size: .01em; /* IE 9/10 don't like font-size: 0; */
    position: relative;
    height: 100%;
}

    .sortCont:after {
        content: '';
        width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
        display: inline-block;
    }

.sortAlpha {
    background-color: #81c3e7;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    width: 200em;
    height: 200em;
    transition: all .2s ease-out !important;
}

.sortCont .sortAlpha {
    top: 100em;
}

    .sortCont .sortAlpha:hover {
        opacity: .65;
    }

    .sortCont .sortAlpha.selected {
        opacity: .5;
    }

.sortAlpha img {
    width: 200em;
}

.noMatch {
    font-size: 2em !important;
    text-align: center;
}

.selectedSortCont .sortAlpha {
    background-image: url('../Images/Glossary/a.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 420em;
    height: 420em;
    background-color: #baa83d;
    box-shadow: 1px rgba(11, 51, 70, 0.8);
    box-shadow: 7px 7px 20px 0px rgba(11, 51, 70, 0.8);
    -webkit-box-shadow: 7px 7px 20px 0px rgba(11, 51, 70, 0.8);
    -webkit-transition: box-shadow 0.3s ease-out;
    -moz-transition: box-shadow 0.3s ease-out;
    -o-transition: box-shadow 0.3s ease-out;
    -ms-transition: box-shadow 0.3s ease-out;
    transition: box-shadow 0.3s ease-out;
}

    .selectedSortCont .sortAlpha.active {
        box-shadow: 1px rgba(11, 51, 70, 0.8);
        box-shadow: 7px 7px 20px 0px rgba(11, 51, 70, 0.8);
        -webkit-box-shadow: 7px 7px 20px 0px rgba(11, 51, 70, 0.8);
    }

.glossaryResults {
    max-width: 1150px !important;
    margin-top: 8.5em;
    margin-bottom: 9.8em;
}

.empty {
    /* opacity: .5; */
}

.resultSection {
    padding-left: 12.2em;
    display: none;
}

    .resultSection.fineTune {
        padding-left: 0;
    }

    .resultSection:first-of-type {
        display: block;
    }

.result {
}

    .result:not(:last-of-type) {
        margin-bottom: 3.1em;
    }

    .result h3 {
        font-family: Spread-Light;
        font-size: 2.45em;
        line-height: .9em;
    }

    .result p {
        font-size: .93em;
        line-height: 1.3;
    }

.requestEstimate {
    text-align: center;
    background-color: #81c3e7;
    padding-top: 2.4em;
    padding-bottom: 2.25em;
    margin-bottom: -1px;
}

    .requestEstimate a {
        margin-top: .5em;
        display: inline-block;
        transition: opacity .1s ease-out;
        cursor: pointer;
        cursor: pointer;
    }

        .requestEstimate a:hover {
            opacity: .65;
        }

    .requestEstimate label {
        font-size: 2.4em;
        font-family: Spread-Light;
        cursor: pointer;
    }

        .requestEstimate label .white {
            color: #FFFFFF;
            font-size: 1.1em;
            cursor: pointer;
        }

    .requestEstimate img {
        height: .55em;
        margin-left: .1em;
    }

.mobileAlpha {
    display: none;
    position: relative;
    cursor: pointer;
}

    .mobileAlpha select {
        float: left;
        width: 100%;
        padding-top: .8em;
        padding-left: .6em;
        padding-bottom: .6em;
        padding-right: 2em;
        font-size: 1.35em;
        height: 2.8em;
        box-sizing: border-box;
        outline: none;
        cursor: pointer;
        border: none;
        border-radius: 0;
        background-color: #FFFFFF;
        -webkit-appearance: none;
    }

    .mobileAlpha a {
        display: block;
        float: left;
        height: 2.8em;
        width: 2.8em;
        font-size: 1.35em;
        box-sizing: border-box;
        background-color: #baa83d;
        position: absolute;
        right: 0;
        pointer-events: none;
    }

        .mobileAlpha a img {
            transform: rotate(90deg);
            height: .9em;
            margin-top: .95em;
            /* margin-left: 50%; */
            margin-left: 1.1em;
            /* transform: translateX(-50%); */
            /* margin: auto; */
        }

@media only screen and (min-width: 2000px) {
    .publications, .questions {
        max-width: 1587px !important;
    }

    .resourceMenuCont, .sort .container {
    max-width: 1400px !important;
}
}

@media only screen and (max-width: 1256px) {
    .glossary {
        font-size: .95em;
    }
}

@media only screen and (max-width: 1200px) {
    .glossary {
        font-size: .9em;
    }
}

@media only screen and (max-width: 1126px) {
    .glossary {
        font-size: .85em;
    }
}

@media only screen and (max-width: 1082px) {
    .glossary {
        font-size: .8em;
    }
}

@media only screen and (max-width: 982px) {
    .glossary {
        font-size: .75em;
    }
}


@media only screen and (max-width: 959px) {
    .answerModal .q {
        width: 100%;
        float: left;
        margin-bottom: .7em;
    }

    .answerModalCont {
        box-shadow: 0px 15px 58px 0px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0px 15px 58px 0px rgba(0,0,0,0.25);
    }

    .answerModal .answer, .answerPart2, .answerPart3 {
        float: left;
        width: 100%;
        padding-left: 0;
    }

    .pubSect {
        float: none;
        width: 100%;
    }

        .pubSect:first-of-type {
            border-bottom: 1px solid #baa83d;
            padding-bottom: 6.2em;
        }

        .pubSect:not(:first-of-type) {
            padding-top: 6.34em;
        }

    .articles {
        padding-left: 0;
    }

    .background {
        height: 23.2em;
        margin-bottom: 5.1em;
    }

    .publications {
        width: 79%;
        margin-top: 5.5em;
    }

    .desktop {
        display: none;
    }

    .tablet {
        display: block;
    }

    .sort .container {
        width: 90%;
    }

    .selectedSortCont {
        width: 600em;
        top: 85em;
        position: relative;
    }

    .resultSection {
        padding-left: 1em;
        font-size: 1.35em;
    }

    .sortAlpha img {
        width: 300em;
    }

    .sortAlpha {
        width: 300em;
        height: 300em;
    }

    .sort {
        padding-top: 3.4em;
        padding-bottom: 3.4em;
    }

    .requestEstimate label {
        font-size: 3.16em;
    }
}

@media only screen and (max-width: 479px) {
    .answerModalCont {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }

    .answerModalCont {
        box-shadow: 0px 0px 58px 2px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0px 0px 58px 2px rgba(0,0,0,0.3);
    }

    .cont {
        margin-bottom: 4.8em;
    }

    .publications {
        margin-top: 3em;
    }

    .resourceMenu {
        top: 50%;
        left: 50%;
        width: 10.2em;
        transform: translate(-50%, -50%);
        font-size: 1.23em;
    }

    .publications h2 {
        margin-bottom: .7em;
    }

    .publications .pubSect a:not(:last-of-type) {
        margin-bottom: 2em;
    }

    .pubSect:first-of-type {
        padding-bottom: 3.42em;
    }

    .pubSect:not(:first-of-type) {
        padding-top: 3.42em;
    }

    .background {
        height: 20.7em;
        margin-bottom: 3em;
    }

    .publications {
        width: 76.9%;
    }
}

/************************ MEDIA QUERIES ************************/
@media only screen and (max-width: 1328px) {
    .faqs {
        font-size: .9em;
    }
}

@media only screen and (max-width: 1212px) {
    .faqs {
        font-size: .85em;
    }
}

@media only screen and (max-width: 1126px) {
    .faqs {
        font-size: .8em;
    }
}

@media only screen and (max-width: 1062px) {
    .faqs {
        font-size: .75em;
    }
}

@media only screen and (max-width: 998px) {
    .faqs {
        font-size: .7em;
    }
}

@media only screen and (max-width: 959px) {
    .faqs {
        font-size: .9em;
    }

    .question:nth-child(even) {
        border-right: none;
        padding-right: 0;
        padding-left: 4em;
    }

    .question {
        width: 50%;
        max-width: 50%;
    }

        .question:nth-child(odd) {
            padding-right: 4em;
            border-right: 1px solid #baa83d;
            padding-left: 0;
        }

    .container {
        width: 80%;
    }

    .publicationsBackground {
        background-image: url('../Images/SlideShow/PublicationsTablet.jpg');
    }

    .footer_top {
        display: block;
    }

    .questions {
        margin-bottom: 1em;
    }
}

@media only screen and (max-width: 959px) and (min-width: 480px) {
    .question:nth-child(4n+1) .q, .question:nth-child(4n+4) .q {
        text-transform: uppercase;
        font-size: 2.2em !important;
        margin-bottom: 1em;
        line-height: .91em !important;
        font-family: AzoSans-Regular !important;
    }

    .question:nth-child(4n+2) .q, .question:nth-child(4n+3) .q {
        text-transform: lowercase;
        font-family: Spread-Light;
        font-size: 2.5em;
        line-height: .84em;
    }
}

@media only screen and (max-width: 880px) {
    .faqs {
        font-size: .85em;
    }
}

@media only screen and (max-width: 810px) {
    .faqs {
        font-size: .8em;
    }
}

@media only screen and (max-width: 760px) {
    .faqs {
        font-size: .75em;
    }
}

@media only screen and (max-width: 749px) {
    .glossary {
        font-size: .7em;
    }
}

@media only screen and (max-width: 716px) {
    .faqs {
        font-size: .7em;
    }
}

@media only screen and (max-width: 705px) {
    .glossary {
        font-size: .65em;
    }
}

@media only screen and (max-width: 649px) {
    .glossary {
        font-size: .6em;
    }
}

@media only screen and (max-width: 609px) {
    .regularAlpha {
        display: none;
    }

    .mobileAlpha {
        display: block;
    }

    .sort {
        padding-top: 3em;
        padding-bottom: 3em;
    }

    .resultSection {
        padding-left: 0;
    }

    .sort .container {
        width: 80%;
    }

    .block {
        display: block;
        font-size: 1.1em;
    }

    .requestEstimate label {
        line-height: .9em;
    }

        .requestEstimate label .white {
            font-size: inherit;
            margin-left: -.3em;
        }
}

@media only screen and (max-width: 672px) {
    .faqs {
        font-size: .65em;
    }
}

@media only screen and (max-width: 614px) {
    .faqs {
        font-size: .6em;
    }
}

@media only screen and (max-width: 574px) {
    .faqs {
        font-size: .55em;
    }
}

@media only screen and (max-width: 526px) {
    .faqs {
        font-size: .5em;
    }
}

@media only screen and (max-width: 479px) {
    .faqs {
        font-size: 1em;
    }

    .exit {
        top: 1em;
        right: 1em;
    }

    .questions {
        width: 77%;
        margin-top: 1em;
    }

    .tablet {
        display: none;
    }

    .publications {
        margin-bottom: 0;
    }

    .publicationsBackground {
        background-image: url('../Images/SlideShow/PublicationsMobile.jpg');
    }

    .mobile {
        display: block !important;
    }

    .question {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #baa83d !important;
        padding-bottom: 3.2em;
        padding-top: 3.2em;
        height: auto;
        margin-bottom: 0;
        border-right: none !important;
        padding-left: 0 !important;
    }

    .haveAQuestion {
        margin-bottom: 0em;
    }

        .haveAQuestion label {
            font-size: 2.3em;
            display: block;
        }

    .formCont {
        width: 77%;
        display: block;
        margin: auto;
        height: 2.9em;
    }

    .haveAQuestion label {
        display: block;
        width: 77%;
        margin-right: auto;
        margin-left: auto;
        top: .2em;
        margin-bottom: .55em;
        text-align: left;
    }

    .formCont input {
        width: calc(100% - 2.9em);
    }

    .formCont button {
        width: 2.9em;
    }

        .formCont button span {
            font-size: 2.25em;
            line-height: .5em;
        }

    .glossary {
        font-size: .73em;
    }

    .result h3 {
        line-height: .75em;
        margin-bottom: .05em;
    }

    .result p {
        font-size: 1em;
        line-height: 1.8em;
    }

    .glossaryResults {
        margin-top: 7.2em;
        margin-bottom: 7.2em;
    }

    .requestEstimate {
        padding-top: 3.9em;
        padding-bottom: 3.9em;
    }

        .requestEstimate a {
            width: 80%;
            text-align: left;
        }

        .requestEstimate label .white {
            margin-left: 0;
        }

    .contact_question.cssAdjustment {
        padding-top: 0;
    }
}

@media only screen and (max-width: 479px) {
    .faqs {
        font-size: .92em;
    }
}

@media only screen and (max-width: 374px) {
    .faqs {
        font-size: .8em;
    }
}

}

@media only screen and (min-width: 320px) {
    .footer_top {
        background: #0c4a68;
    }
}

@media only screen and (min-width: 960px) {
    .sec_wrapper {
        margin-top: 0 !important;
    }

    .contact_question {
        width: 100% !important;
        border-top: solid 1px #baa83d !important;
        border-left: none !important;
        padding-top: 6em !important;
    }

    .contact_sec {
        width: 54% !important;
        float: left !important;
    }

    .c_content_wrapper {
        width: 68% !important;
        float: left !important;
        clear: left !important;
        letter-spacing: normal;
    }

    .question_sec {
        width: 40% !important;
        float: left !important;
    }

    .footer_top {
        display: none !important;
    }

    .footer_middle .sec_wrapper {
        margin: 0 auto 4em auto;
    }
}
