﻿/*-- Layout Styles --*/
.footer_top {
    background: #0c4a68!important;
}
.conversation_wrapper {
    display: none;
}
.model_wrapper {
    display: inline-block!important;
}

/*-- Hidden content on mobile view --*/
.profiles_sec,
.about_top_ipad,
.about_top_desk,
.about_desk_img {
    display: none;
}

/*---Clear fix --*/
.profiles_wrapper:after,
.about_ourStory_wrapper:after,
.about_profile:after {
    content:"";
    display: table;
    clear: both;
}

/*-- Page Styles --*/
body {
    color: #0C4A68;
}
.about_top {
    font-size: .85em;
}
.about_top_iphone {
    width: 100%;
}
.about_nav_wrapper {
    position: relative;
    font-size: .98em;
}
.about_nav {
    color: #BAA83D;
    position: absolute;
    top: 49%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: white;
    padding: .6em 2em;
    font-size: 1.03em;
    width: 49%;
}
.about_nav li {
    padding: 1.55em 0;
}
.about_nav li:hover {
    color: #0C4A68;
}
.about_nav li:first-of-type {
    border-bottom: solid 1px #BAA83D;
}
.about_ourStory_wrapper {
    padding: 2.5em;
}
.our_story_title {
    font-size: 2.25em;
}
.about_ourStory_wrapper p {
    font-size: 1.05em;
    line-height: 1.5em;
    margin-top: 1.5em;
}
.about_ourStory_wrapper p:first-of-type {
    margin-top: .8em;
}
.about_profile_sec {
    font-size: .85em;
}
.about_profilesHeader_sec {
    width: 100%;
    background: #0C4A68;
    padding: 2.5em;
    box-sizing: border-box;
}
.about_profilesHeader_wrapper {
    font-size: 2.45em;
}
.about_lprd {
    color: #81C3E7;
    font-family: Spread-Light;
}
.about_leadership {
    color: white;
    font-family: Spread-Italic-Light;
}
.profiles_wrapper {
    font-size: .9em;
    padding: 2.5em 2.5em 0 2.5em;
}
.profiles_wrapper:last-of-type {
    padding-bottom: 3em;
}
.about_profile {
    position: relative;
    margin-bottom: 1.5em;
}
.about_profile img {
    height: 4em;
    border-radius: 50%;
    float: left;
}
.about_rep_wrapper {
    width: auto;
    float: left;
    margin-left: .9em;
    margin-top: 1em
}
.about_profile span {
    display: none;
}
.about_rep_name {
    font-size: 2.08em;
    font-family: Spread-Light;
}
.about_rep_title {
    font-size: .775em;
    color: #BAA83D;
    margin-top: -5px;
    max-width: 15em;
}
.profile_text {
    line-height: 1.6em;
    font-size: 1.05em;
    max-height: 9em;
    overflow: hidden;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.profile_text.expand {
    max-height: 60em;
}
.about_read_more {
    position: relative;
    font-size: 1em;
    line-height: 2.25em;
    width: 6.5em;
}
.about_read_more span {
    font: inherit;
}
.about_less {
    display: none;
}
.about_arrow {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-130deg);
            transform: translateY(-50%) rotate(-130deg);
    width: .45em;
    height: .45em;
    border-bottom: solid 1px #0C4A68;
    border-left: solid 1px #0C4A68;
}
@media only screen and (min-width: 355px) {
    .about_nav_wrapper {
        font-size: 1em;
    }
    .about_profile_sec {
        font-size: .9em;
    }
}
.about_top {
    font-size: .9em;
}
@media only screen and (min-width: 370px) {
    .about_profile_sec {
        font-size: 1em;
    }
.about_top {
    font-size: 1em;
}
}
@media only screen and (min-width: 480px) {
    .about_top_iphone {
        display: none;
    }
    .about_top_ipad {
        display: block;
        width: 100%;
    }
    .about_nav {
        top: 10.5em;
        left: 13em;
        width: 11.5em;
        font-size: .85em;
    }
    .about_ourStory_wrapper {
        padding: 5.5em 0;
        width: 80%;
        max-width: 1150px;
        margin: 0 auto;
        font-size: .9em;
    }
    .about_ourStory_wrapper p{
        font-size: .97em;
        line-height: 1.75em;
    }
    .about_ourStory_wrapper p:first-of-type {
        margin-top: 2em;
    }
    .about_profile_sec {
        font-size: .9em;
    }
    .about_profilesHeader_wrapper {
        width: 9.25em;
        margin: 0 auto;
        font-size: 2.7em;
    }
    .about_lprd,
    .about_leadership {
        display: inline-block;
    }
    .about_profile img {
        height: 5em;
    }
    .about_rep_wrapper {
        margin-top: 1.25em;
    }
    .profiles_wrapper {
        font-size: 1em;
        padding: 4.75em 0 0 0;
        width: 80%;
        max-width: 1150px;
        margin: 0 auto;
    }
    .profiles_wrapper:last-of-type {
        padding-bottom: 5.5em;
    }
    .profile_text {
        max-height: none;
    }
    .about_rep_wrapper {
        font-size: 1.08em;
        margin-left: 1.5em;
    }
    .about_rep_title {
        max-width: none!important;
    }
    .about_read_more {
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    .about_ourStory_wrapper {
        font-size: 1em;
    }
    .about_profile_sec {
        font-size: 1em;
    }
    .about_rep_wrapper {
        width: 28em;
    }
    .about_profile span {
        display: inline-block;
    }
}
@media only screen and (min-width: 960px) {
    .about_top_ipad {
        display: none;
    }
    .about_top_desk {
        display: block;
        width: 100%;
    }
    .about_ul_wrapper {
        width: 85%;
        max-width: 1150px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .about_nav {
        left: 0;
        position: static;
        -webkit-transform: none;
                transform: none;
    }
    .about_ourStory_wrapper {
        padding: 5.5em 0px;
        width: 85%;
        max-width: 1150px;
        margin: 0 auto;
        font-size: .81em;
    }
    .our_story_column1 {
        width: 46.5%;
        float: left;
    }
    .our_story_title {
        font-size: 1.75em;
    }
    .our_story_column2 {
        width: 46.5%;
        float: right;
    }
    .about_ourStory_wrapper p {
        line-height: 1.75em;
    }
    .our_story_p1 {
        margin-top: 1.5em!important;
    }
    .our_story_p2 {
        margin-top: 0!important;
    }
    .about_profilesHeader_sec {
        padding: 1.75em;
    }
    .about_profilesHeader_wrapper {
        font-size: 2em;
    }
    .profiles_wrapper {
        font-size: .8em;
        padding: 0;
        width: 85%;
        max-width: 1150px;
        margin: 6.9em auto;
        position: relative;
    }
    .profiles_wrapper:first-of-type {
        margin-bottom: 8em;
    }
    .profiles_wrapper:last-of-type {
        padding: 0;
        margin-bottom: 8em;
    }
    .about_profile img {
        display: none;
    }
    .about_rep_wrapper {
        margin-left: 0;
    }
    .about_rep_name {
        font-size: 2.3em;
    }
    .about_rep_title {
        margin-top: -2px;
    }
    .about_desk_img {
        display: inline-block;
        width: 35%;
        max-width: 240px;
        float: left;
    }
    .desk_profle_text {
        float: left;
        margin-left: 25px;
        width: 67%;
       /* float: right;
        width: 67%;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        */
    }

    .desk_profle_text-freddy {
        float: right;
        width: 67%;
    }
    .profile_text {
        font-size: .9em;
    }
    .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;
    }
    .footer_top {
        display: none;
    }
}
@media only screen and (min-width: 1050px) {
    .about_ourStory_wrapper {
        font-size: 1.05em;
    }
    .about_profile_sec {
        margin: 0 auto;
        font-size: 1em;
    }
    .desk_profle_text-freddy,
    .desk_profle_text {
        width: 66%;
    }
}
@media only screen and (min-width: 1150px) {
    
    .about_profile_sec {
        font-size: 1.1em;
    }
    
    .desk_profle_text-freddy,
    .desk_profle_text {
        width: 69%;
    }
}
@media only screen and (min-width: 1250px) {
    .about_profile_sec {
        font-size: 1.12em;
    }
    
    .desk_profle_text-freddy,
    .desk_profle_text {
        width: 72%;
    }
}
@media only screen and (min-width: 1350px) {
    .about_profile_sec {
        font-size: 1.2em;
    }
    
    .desk_profle_text-freddy,
    .desk_profle_text {
        width: 72%;
    }
}
@media only screen and (min-width: 1500px) {
    .about_profile_sec {
        font-size: 1.23em;
    }
    
    .desk_profle_text-freddy,
    .desk_profle_text {
        width: 72%;
    }
}
@media only screen and (min-width: 2000px) {
    .about_top_desk {
        max-height: 25em;
    }
    .about_top {
        font-size: 1.35em;
    }
    .about_ul_wrapper,
    .profiles_wrapper,
    .about_ourStory_wrapper {
        max-width: 1587px;
    }
    .about_profile_sec {
        font-size: 1.8em;
    }
    .about_desk_img {
        max-width: 400px;
    }

    .desk_profle_text-freddy,
    .desk_profle_text {
        width: 70%;
    }
}
