/*
    font-family: proxima-nova, sans-serif; //body
    font-family: proxima-nova, sans-serif;
    font-family: jubilat, serif; //titles
    font-family: jubilat-thin, serif; 

    teal:       #8ED1C0     rgba(142,209,192,1)
    light blue  #C5E7E7     rgba(197,231,231,1)
    red:        #EF3E39     rgba(239,62,57,1)
    yellow:     #FFD65C     rgba(255,214,92,1)    
    dark gray:  #3C3C3D     rgba(60,60,61,1)
    navy:       #05415d     rgba(5,65,93,1)
*/
/*#region keyframes*/
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in-move-down {
    0% {
        opacity: 0;
        transform: translateY(-3rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-in-move-up {
    0% {
        opacity: 0;
        transform: translateY(3rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes move-down {
    0% {
        transform: translateY(-3rem);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes move-up {
    0% {
        transform: translateY(3rem);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes fade-in-move-right {
    0% {
        opacity: 0;
        transform: translateX(-3rem);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fade-in-move-left {
    0% {
        opacity: 0;
        transform: translateX(3rem);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes zoom-in {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}


@keyframes fadeIn-zoom {
    0% {
        opacity: 0;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1.1);
    }
}

@-moz-keyframes fadeIn-zoom {
    0% {
        opacity: 0;
        -moz-transform: scale(1);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }
}

@-webkit-keyframes fadeIn-zoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
}

@-o-keyframes fadeIn-zoom {
    0% {
        opacity: 0;
        -o-transform: scale(1);
    }

    100% {
        opacity: 1;
        -o-transform: scale(1.1);
    }
}

@-ms-keyframes fadeIn-zoom {
    0% {
        opacity: 0;
        -ms-transform: scale(1);
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1.1);
    }
}
/*#endregion*/

/*#region general styles*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.innerPadding {
    padding:4rem 2rem;
}

.fade-in-text {
    animation: fadeIn linear .25s;
    -webkit-animation: fadeIn linear .25s;
    -moz-animation: fadeIn linear .25s;
    -o-animation: fadeIn linear .25s;
    -ms-animation: fadeIn linear .25s;
}

.blueText {
    color: #C5E7E7;
}

.tealText {
    color: #8ED1C0;
}

.redText {
    color: #EF3E39;
}

.yellowText {
    color: #FFD65C;
}

.grayText {
    color: #3C3C3D;
}

/* Track */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #FFD65C;
    border-radius: 5px;
}

.sectionDivider {
    height: 1rem;
    border-radius: 14px;
    max-width: 95rem;
    margin:0 auto 2rem auto;
    background: rgb(255,0,18);
    background: linear-gradient(90deg, rgba(255,0,18,1) 15%, rgba(255,171,0,1) 35%, rgba(100,191,0,1) 75%, rgba(0,154,156,1) 90%);
}

.revealCustom {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: all .75s ease-in-out
}

.revealCustom.active {
    transform: translateY(0);
    opacity: 1;
}

.revealNewsItem {
    position: relative;
    transform: translateX(3000px);
    transition: all .75s ease-in-out
}

.revealNewsItem.active {
    transform: translateX(0);
    -webkit-animation: fadeIn 2.5s ease-out;
    -moz-animation: fadeIn 2.5s ease-out;
    -o-animation: fadeIn 2.5s ease-out;
    animation: fadeIn 2.5s ease-out;
    transition: all .75s ease-in-out
}

.revealNewsItemAlt {
    position: relative;
    transform: translateX(-3000px);
    transition: all .75s ease-in-out
}

.revealNewsItemAlt.active {
    transform: translateX(0);
    -webkit-animation: fadeIn 2.5s ease-out;
    -moz-animation: fadeIn 2.5s ease-out;
    -o-animation: fadeIn 2.5s ease-out;
    animation: fadeIn 2.5s ease-out;
    transition: all .75s ease-in-out
}
.revealCustomZoom {
    transition: all .75s ease-in-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.revealCustomZoom.active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*#endregion*/

/*#region header*/
#sectionFeaturedImage {
    position: relative;
}

#featuredFrameContainer {
    position: relative;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
    border-radius: 0px;
}

#featuredFrameContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    max-height: 550px;
}

#sectionHeader {
    position: absolute;
    z-index: 50;
    top: 0;
    background: transparent;   
    width: 100%;
    height: 100%;
}

#headerContainer {
    width:100%;
    height:100%;
}

#headerContainerInner {
    position: relative;
    width: 100%;
    max-width: 50rem;
}

#headerContainerInner.headerCenter {
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 2rem;
    text-align: center;
}

#headerContainerInner.headerLeft {
    top: 80%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%);
    padding: 2rem 0;
    text-align: left;
}

#headerContainerInner.headerBorder {
    border: 4px solid #FFF;
    border-radius: 12px;
    padding: 2rem;
}

#headerContainerInner.headerBkgGray {
    padding:2rem;
    background: rgba(0,0,0,.35);
    border-radius: 12px;
}

#headerContainerInner.headerBkgWhite {
    padding: 2rem;
    background: rgba(255,255,255,.5);
    border-radius: 12px;
}

#pnlSubTitle {
    color: #FFD65C;
    font-size: 1.5rem;
    letter-spacing: 5px;
    font-family: proxima-nova, sans-serif;
    margin-bottom: 0;
}

.headerBkgGray #pnlSubTitle {
    color: #FFD65C;
}

.headerBkgWhite #pnlSubTitle {
    color: #EF3E39;
}

#pnlTitle h1 {
    font-size: 6.5rem;
    color: #00334A;
    font-family: jubilat, serif;
    font-weight: 600;
    -webkit-animation: fade-in-move-up .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-up .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-up .75s; /* Internet Explorer */
    -o-animation: fade-in-move-up .75s; /* Opera < 12.1 */
    animation: fade-in-move-up .75s;
    animation-fill-mode: both;
}

.headerBkgGray #pnlTitle h1 {
    color: #FFF;
}

.headerBkgWhite #pnlTitle h1 {
    color: #00334A;
}

#pnlBlurb {
    color: #00334A;
    font-size: 1.35rem;
    -webkit-animation: fade-in-move-down .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-down .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-down .75s; /* Internet Explorer */
    -o-animation: fade-in-move-down .75s; /* Opera < 12.1 */
    animation: fade-in-move-down .75s;
    animation-fill-mode: both;
}

#pnlBlurb p {
    font-family: jubilat, serif;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1.35;
}

.headerBkgGray #pnlBlurb, .headerBkgGray #pnlBlurb p {
    color: #f7f7f7;
}

.headerBkgWhite #pnlBlurb, .headerBkgWhite #pnlBlurb p {
    color: #00334A;
}


/* the default that the pages are using now */
#pnlNoImage {
    margin-top: 2rem;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 305px;
    overflow: hidden;
    background-color: #fafafa;
    background-position: center right;
    background-repeat: no-repeat;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    background-size: cover;
}

/* the random images */
.pnlNoImageOne {
    background-image: url("/img/header_image/00001.png");
}
.pnlNoImageTwo {
    background-image: url("/img/header_image/00002.png");
}
.pnlNoImageThree {
    background-image: url("/img/header_image/00003.png");
}
.pnlNoImageFour {
    background-image: url("/img/header_image/00004.png");
}
.pnlNoImageFive {
    background-image: url("/img/header_image/00005.png");
}
.pnlNoImageSix {
    background-image: url("/img/header_image/00006.png");
}
.pnlNoImageSeven {
    background-image: url("/img/header_image/00007.png");
}
.pnlNoImageEight {
    background-image: url("/img/header_image/00008.png");
}
.pnlNoImageNine {
    background-image: url("/img/header_image/00009.png");
}
.pnlNoImageTen {
    background-image: url("/img/header_image/00010.png");
}
.pnlNoImageEleven {
    background-image: url("/img/header_image/00011.png");
}
/* the random images end */

#noImageContainer {
    width: 100%;
    height: 100%;
}

#pnlNoImageContainerInner {
    position: relative;
    max-width: 50rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#pnlNoImageTitle {
    padding: 0 1rem;
}

#pnlNoImageTitle h1 {
    font-family: jubilat, serif;
    color: #05415d;
    font-size: 5.5rem;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 1;
    -webkit-animation: fade-in-move-down .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-down .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-down .75s; /* Internet Explorer */
    -o-animation: fade-in-move-down .75s; /* Opera < 12.1 */
    animation: fade-in-move-down .75s;
    animation-fill-mode: both;
}

#pnlNoImageSubTitle {
    color: #C5E7E7;
    font-size: 1.5rem;
    letter-spacing: 5px;
    font-family: proxima-nova, sans-serif;
    margin-bottom: 0;
    line-height:1;
    padding: 0 1rem;
}


#pnlNoImageBlurb {
    color: #05415d;
    font-size: 2rem;
    font-family: proxima-nova, sans-serif;
    margin-bottom: 0;
    margin-top: 1rem;
    line-height: 1.15;
    padding: 0 1rem;
    -webkit-animation: fade-in-move-up .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-up .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-up .75s; /* Internet Explorer */
    -o-animation: fade-in-move-up .75s; /* Opera < 12.1 */
    animation: fade-in-move-up .75s;
    animation-fill-mode: both;
}
/*#endregion*/

/*#region Our Team */
.person-image img {
    border-radius: 12px;
}

h5.name {
    font-family: jubilat, serif;
    padding: 1rem 0 0 0;
    margin-bottom:0;
    text-align: left;
    color: #EF3E39;
    font-size:1.5rem;
    font-weight:400
}

.team-member p {
    font-family:proxima-nova, sans-serif;
}
/*#endregion*/

/*#region content*/
#bodyInner {
    border-radius: 12px;
    /* top: -5.25rem; */
    background: #FFF;
    z-index: 10;
    position: relative;
    padding: 4rem 2rem;
}
.subPadRight {
    padding-right: 4rem;
}

#theContentHolder {
    -webkit-animation: fade-in-move-up .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-up .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-up .75s; /* Internet Explorer */
    -o-animation: fade-in-move-up .75s; /* Opera < 12.1 */
    animation: fade-in-move-up .75s;
    animation-fill-mode: both;
    animation-delay: .5s;
}

.wysiwyg {    
    font-size: 1.35rem;
    line-height: 1.85;
    color: #3C3C3D;
    margin-bottom:1rem;
}

.wysiwyg-title {
    font-family: Jubilat, serif;
    font-weight: 500;
    font-size: 2.5rem;
    padding-top:2rem;
    margin-bottom: 3rem;
    color: #05415d;
}
.headingRed {
    color: #EF3E39;
    line-height: 1;
    font-family: proxima-nova, sans-serif;
    font-size: 3rem;
    padding-top: 2rem;
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5 {
    margin-top: 1rem;
    margin-bottom:1rem;
}
.wysiwyg ul {
margin-left:3rem;
}

.wysiwyg .button a {
    color: #fefefe;
    text-decoration:none;
}
.wysiwyg .button:hover a {
    color: #fefefe;
}

.wysiwyg a {
    color: #8ED1C0;
    text-decoration: underline;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg a:focus {
    color: #EF3E39;
}

.wysiwyg .contentBlockImage
{
	border-radius: 12px;
    overflow: hidden;
    width: 40%;
    max-height: 500px;    
    float: left;
    margin: 2rem 2rem 2rem 0;
}
.wysiwyg .contentBlockImageRight
{
	float: right;
	margin-top:1rem;
	margin-left:1rem
}


#sectionResources {
    margin-bottom: 0;
    margin-top: 5rem;
}
/*#endregion*/

/*#region subNav*/
#subpageRightColumn {
    padding: 2rem 0 0 2rem;
}

#nav-wrap {
    background: rgba(0,48,131,.02);
    width: 100%;
    border-radius: 14px;
    border: 1px solid #e7e7e7;
    position: relative;
    height: 100%;
    padding: 1.5rem 2rem;
}
.showhide {
    display: none;
    padding: 1rem;
}
.showhide a {
    color: #07457F;
    text-decoration: none !important;
}
.showhide a:hover {
    color: #3F8531;
    text-decoration: none !important;
}
.subpage-nav {
    list-style: none;
    padding-left: 0;
}
#nav-wrap .subpage-nav:first-child {
    margin-left: 0 !important;
}
#nav-wrap .subpage-nav li .subpage-nav {
    margin-left: 1rem;
}
.subpage-nav li {
    font-size: 1rem;
    border-bottom: 1px solid #CCC;
}

.subpage-nav li a {
    font-family: 'Barlow Condensed', sans-serif;
    font-size:1.5rem;
    display: inline-block;
    color: rgba(0,154,156,1);
    width: 100%;
    padding: .5rem;
    text-decoration: none;
    text-transform: capitalize;
}

.subpage-nav li a:hover {
    color: rgba(100,191,0,1);
}

.subpage-nav-active {
    color: rgba(100,191,0,1) !important;
}

#nav-wrap ul ul > li:last-child {
    border-bottom: none;
}
/*#endregion*/

/*#region news*/
#sectionNews {
    border-radius: 12px;
    width: 100%;
    text-align: center;    
}
.newsItem {
    height: auto !important;
    text-align: left;
    padding:1rem .5rem .5rem .5rem;;
}
.newsItemIn {
    position:relative;
    border-radius: 12px;
    overflow: hidden;
    background: #F7F7F7;
    height: 100%;
}
.newsItem a {
    text-decoration: none;
    transition: all .75s ease-in-out;
}
.newsImage {
    width: 100%;
    height: 325px;
    overflow: hidden;
    position: relative;
}
.newsImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .75s ease-in-out;
    animation-fill-mode: both;
}

.newsImage:hover img, .newsItemIn:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);       
}

.newsTitle, .newsBlurb, .newsDate {
    position: relative;
    padding: .5rem 1rem;
}
.newsTitle {
    font-family: jubilat, serif;
    color: #05415d;
    font-size: 1.65rem;
    font-weight: 500;
    line-height:1.25
}
.newsBlurb {
    color: #05415d !important;
    font-size: 1.15rem;
    font-family: proxima-nova, sans-serif;
    margin-bottom: 0;
    line-height: 1.5;
    padding-bottom: 5rem;
}

.newsDate {
    font-family: jubilat, serif;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    position: absolute;
    bottom: .75rem;
}

.newsPageTitle {
    font-family: jubilat, serif;
    color: #05415d;
    font-size: 3.625rem;
    line-height: 1.15;
    font-weight: 600;
    padding-bottom: 1.5rem;
    -webkit-animation: fade-in-move-up .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-up .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-up .75s; /* Internet Explorer */
    -o-animation: fade-in-move-up .75s; /* Opera < 12.1 */
    animation: fade-in-move-up .75s;
    animation-fill-mode: both;
    animation-delay: .5s;
}
.newsPageDate {
    font-size: 1.5rem;
    color: #EF3E39;
    -webkit-animation: fade-in-move-down .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-down .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-down .75s; /* Internet Explorer */
    -o-animation: fade-in-move-down .75s; /* Opera < 12.1 */
    animation: fade-in-move-down .75s;
    animation-fill-mode: both;
    animation-delay: .5s;
}
#pnlNewsPageImage {
    border-radius: 12px;
    overflow: hidden;
    width: 40%; 
    max-height:500px;
    -webkit-animation: fade-in-move-up .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-up .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-up .75s; /* Internet Explorer */
    -o-animation: fade-in-move-up .75s; /* Opera < 12.1 */
    animation: fade-in-move-up .75s;
    animation-fill-mode: both;
    animation-delay: .5s;
    float: left;
    margin: 0 2rem 2rem 0;
}

#pnlNewsPageImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;    
}

/*#endregion*/

/* #region accordion*/
.accordion {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    background: #FFF;
}
.accordion a {
    text-decoration: none !important;
}
.accordion-section-title {
    width: 100%;
    margin: 0 0 .1em 0;
    padding: .25em .5em;
    display: inline-block;
    background: rgba(0,154,156,1) !important;
    transition: all linear 0.75s;
    font-size: 1.62em;
    color: #FFF !important;
    font-family: 'Barlow Condensed', sans-serif;
    line-height: 1.5;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 1.200em;
    font-weight: 300;
    text-decoration: none;
}

.accordion-section-title.active,
.accordion-section-title:hover,
.accordion-section-title:focus {
    background: #64BF00 !important;
    color: #FFF !important;
    border-bottom: none !important;
}

.accordion-section-content {
    padding: 15px;
    display: none;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}

.accordion ul, .accordion ol {
    margin-left: 2rem;
}
/*#endregion*/

/*#region services overview*/
.serviceItem {
    padding: 2rem 0 4rem 0;
    width: 100%;
    overflow: hidden;
    border-radius: 0;
    border-bottom: solid #eee 1px;
    background: #FFF;
    /* background: linear-gradient(0deg, rgba(197,231,231,1) 0%, rgba(255,255,255,0) 25%); */
}

    .serviceItem:last-of-type {
        background: #FFF;
        border-bottom: none;
    }

    .serviceItem h3 {
        font-family: Jubilat, serif;
        font-weight: 500;
        font-size: 2.5rem;
        /*        margin-bottom:3rem; */
        color: #05415d;
    }

    .serviceItem a {
        text-decoration: none;
    }

.serviceImgContainer {
    padding-top: 1.9rem;
}

.serviceItem img {
    border-radius: 12px;
}

.altPadding {
    padding-left: 3rem;
}

.serviceSummary {
    padding-left: 3rem;
}

.serviceSummaryAlt {
    padding-right: 3rem;
}



.serviceItem ul {
    /*display:none; /*it's pual's fault :-) */
    list-style: square;    
    margin-top: 1.5rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-size: 1.2rem;
    color: #FFD65C;
}

.serviceItem ul li {
    font-family: Proxima-nova, sans-serif;
    color: #3C3C3D;
        padding-bottom:.25rem;
    }

.serviceItem ul li::marker {
    color: #FFD65C;
}


.revealNewsItem {
    padding-left: 2rem;
    transition: .75s all ease !important;
}

.revealNewsItemAlt {
    padding-right: 2rem;
    transition: .75s all ease !important;
}

.outerBtn {
    position: relative;
    background: rgba(60,60,61,1);
    width: 250px;
    margin: 5rem 0 0 1rem;
    padding: .5rem 1rem;
    overflow: hidden;
    border-radius: 12px;
    transition: background .75s ease-in-out;
    text-align: center;
}

.innerBtn {
    position: absolute;
    top: -9px;
    width: 70px;
    height: 70px;
    border: 10px solid #EF3E39;
    border-radius: 50%;
    z-index: 0;
    transform: translateX(-3rem);
    transition: all .75s ease-in-out;
}

.btnWords {
    position: relative;
    z-index: 5;
    color: #FFF;
    transition: all .75s ease-in-out;
    font-family: proxima-nova, sans-serif;
    font-size: 1.2rem;
}

.outerBtn:hover {
    background: #EF3E39;
}

.outerBtn:hover .btnWords {
    color: #FFF;
}

.outerBtn:hover .innerBtn {
    transform: translateX(200px);
}
/*#endregion*/

/*#region incontent about page*/
.aboutContentRight .outerBtn {
    margin: 5rem 0 0 0rem;
}

.innerPadding {
    padding: 0rem 2rem 4rem 2rem;
}
#pnlAboutInContent {    
    background:#FFF;
}

#sectionWhoWeAre {
    background: #EF3E39;
    border-radius: 12px;
}

#whoWeAreInner h2 {
    font-size: 2rem;
    letter-spacing: 10px;
    font-family: proxima-nova, sans-serif;
    color: #3C3C3D;
    margin-bottom: 0;
    text-decoration: none;
}
#whoWeAreInner h3 {
    color: #FFF;
    margin: 0;
    font-size: 4rem;
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
}
#whoWeAreMessage {
    color: #FFF;
    font-size: 4rem;
    line-height: 1.15;
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    padding-bottom: 1rem;
}

#whoWeAreInner video {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

#sectionAboutPeople, #sectionAboutPhilo {
    overflow: hidden;
}

.aboutImageContainer {
    position: relative;
    height: 500px;
    overflow: hidden;
    border-radius: 12px;
    -webkit-animation: fadeIn 2.5s ease-out;
    -moz-animation: fadeIn 2.5s ease-out;
    -o-animation: fadeIn 2.5s ease-out;
    animation: fadeIn 2.5s ease-out;
}

.aboutImageContainer img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    position: relative;
}

.aboutContentRight {
    padding-left: 2rem;
    display: table;
    height: 100%;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.85;
    color: #3C3C3D;
}

.aboutContentLeft {
    padding-right: 2rem;
    display: table;
    height: 100%;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.85;
    color: #3C3C3D;
}

.aboutContentInner {
    position: relative;
    font-family: proxima-nova, sans-serif;
}

.aboutContentInner h3 {
    font-family: Jubilat, serif;
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1;
    color: #05415d;
}

.aboutContentRight a, .aboutContentLeft a {
    color: #3C3C3D;
    text-decoration: none !important;
}

.aboutContentRight a:hover, .aboutContentRight a:focus, .aboutContentRight a:active, .aboutContentLeft a:hover, .aboutContentLeft a:focus, .aboutContentLeft a:active {
    color: #3C3C3D;
    text-decoration: none !important;
}

#whyImage, #careersImage {
    padding-right: 0 !important;
}
#aboutImage {
    padding-left:0 !important;
}

.aboutImageContainer {
    position: relative;
    height: auto;
    overflow: hidden;
    border-radius: 12px;
    -webkit-animation: fadeIn 2.5s ease-out;
    -moz-animation: fadeIn 2.5s ease-out;
    -o-animation: fadeIn 2.5s ease-out;
    animation: fadeIn 2.5s ease-out;
}
/*#endregion*/

/*#region incontent careers page*/
.careersContentRight {
    padding-left: 2rem;
    display: table;
    height: 100%;
    width: 100%;
    font-size: 1.35rem;
    line-height: 1.85;
    color: #3C3C3D;
}
.careersContentInner {
    position: relative;
    font-family: proxima-nova, sans-serif;
}
#sectionGoodPeople {
    background: #05415d;
    color: #C5E7E7;
    border-radius: 12px;
    margin:4rem auto;
}
    #goodPeopleInner {
        padding: 2rem;
    }
    #goodPeopleInner h2 {
        text-align: center;
        font-size: 2.75rem;
        font-family: Jubilat, serif;
        font-weight: 600;
        color: #C5E7E7;
        margin-bottom: 1rem;
        padding-left: 1rem;
    }
    #goodPeopleInner ul {
        list-style: square;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        margin-left: 2rem;
    }
    #goodPeopleInner ul li {
        font-family: Proxima-nova, sans-serif;
        color: #FFF;
        font-size: 1.6rem;
        padding-bottom: 0.5rem;
    }
    #sectionOpp {
        margin-top:2rem;
    }
/*#endregion*/
/*#region incontent work page*/
#pnlWorkInContent {
    /*background:#EF3E39;*/
}
#sectionFeaturedWork {
    z-index: 10;
    background: #fafafa;
    margin-top: 100px;
    padding-top:150px;
    padding-bottom: 100px;
}
#featuredWorkInner {
    max-width: 75rem;
    margin: 0 auto;
    position:relative;
    z-index:15;
}
.featuredItemCard {
    padding: 0 4rem 0 4rem;
    position: relative;
    margin-top:-100px;
}
.featuredItemCardAlt {
    padding: 0 4rem 0 4rem;
    position: relative;
    margin-top: 150px;
}
.featuredItemImage {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    position:relative;
    z-index:0
}
.featuredItemText {
    background: rgba(60,60,61,.9);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
    padding: 1rem;
    transition: height .75s ease-in-out;
}
.featuredItemImage:hover .featuredItemText {
    height:100%;
}
.featuredItemText, .featuredItemText p {
    color: #FFF;
    font-family: jubilat, serif;
    font-size: 1.25rem;
    line-height: 1.4 !important
}

#sectionWorkFilter {
    color: #FFF;
    /*padding-bottom: 2rem;*/
}
#workFilterInner {
    padding: 1rem;
}

#workFilterInner label {
    font-family: proxima-nova, sans-serif;
    color: #0a0a0a;
    font-size: 1.2rem;
    letter-spacing: 1px;
}
#sectionWorkCaseStudies {
    /*background:#EF3E39;*/
    position:relative;
    padding-bottom:6rem;

}
#workCaseStudiesInner {
    max-width:96rem;
    margin:0 auto;
    background:#FFF;
    border-radius:12px;
    position:relative;
    top:2rem;
    overflow:hidden;
}
.workCaseStudiesImageContainer {
    height: 500px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    position: relative;
    border-radius: 12px;
}

.workCaseStudiesImageContainer .mainImage {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    position: relative;
}
.workCaseStudiesImageOverlay {
    position: absolute;
    z-index: 10;
    height: 100%;
    width: 100%;
    background: rgba(60,60,61,.45);
    text-align: center;
}
.workCaseStudiesImageContainer .clientLogo {
    position: absolute;
    z-index: 15;
    bottom:3rem;
    left:2rem;
}
.workCaseStudiesContentContainer, .workCaseStudiesContentContainerAlt {
    padding: 7rem 3rem 3rem 3rem;
    position: relative;
}
.workCaseStudiesContentContainerAlt {
    text-align:right;
}
.workCaseStudiesContentContainer h3, .workCaseStudiesContentContainerAlt h3 {
    font-size: 1.2rem;
    letter-spacing: 0px;
    font-family: proxima-nova, sans-serif;
    color: #0a0a0a;
}
.workCaseStudiesContentContainer h4, .workCaseStudiesContentContainerAlt h4 {
    font-family: Jubilat, serif;
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 1;
    color: #05415d;
}

.workCaseStudiesContentContainer h5, .workCaseStudiesContentContainerAlt h5 {
    font-family: proxima-nova, sans-serif;
}

.workCaseStudiesContentContainer .outerBtn, .workCaseStudiesContentContainerAlt .outerBtn {
    margin: 3rem 0 0 0;
}
.workCaseStudiesContentContainer .btnWords, .workCaseStudiesContentContainerAlt .btnWords {
    padding: .25rem !important;
}
.workCaseStudiesContentContainer .altButton, .workCaseStudiesContentContainerAlt .altButton {
    position: absolute;
    right: 3rem;
}
/*#endregion*/


/*#region media breaks*/
@media(max-width:1600px) {
    #pnlNoImage {       
        height: 260px;
    }
    #pnlNoImageTitle {
        padding: 0 2rem;
    }
    #pnlNoImageTitle h1 {        
        font-size: 4.675rem;
    }
    #pnlNoImageSubTitle {
        font-size: 1.275rem;
        padding: 0 2rem;
    }
    #pnlNoImageBlurb {
        font-size: 1.7rem;
        padding: 0 2rem;
    }
    #bodyInner {
        padding: 3.5rem 3rem;
    }
    .wysiwyg, .aboutContentInner {
        font-size: 1.25rem;
    }
    .innerPadding {
        padding: 0rem 2.5rem 4rem 3rem;
    }
    .aboutContentInner h3, .workCaseStudiesContentContainer h4, .workCaseStudiesContentContainerAlt h4 {
        font-size: 2.98rem;
    }
    h5.name {        
        font-size: 1.35rem;        
    }
    .serviceItem h3 {
        font-size: 2.25rem;
    }
    #goodPeopleInner ul li {        
        font-size: 1.45rem;
    }
    .caseStudyImageDiv {
        padding: 0 0 0 3rem;
    }
    .caseStudyImageDivAlt {
        padding: 0 3rem 0 0;
    }
}

@media(max-width:1430px) {
    .serviceItem ul {      
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .careersContentInner .wysiwyg-title {
        padding-top: 0;
        margin-top: 0;
    }
    #goodPeopleInner ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        margin-left: 4rem;
    }
}

@media(max-width:1125px) {
    #pnlNoImage {
        height: 221px;
    }

    #pnlNoImageTitle h1 {
        font-size: 4rem;
    }

    #pnlNoImageSubTitle {
        font-size: 1.15rem;
    }

    #pnlNoImageBlurb {
        font-size: 1.45rem;
    }

    .aboutContentInner h3, #goodPeopleInner h2, .workCaseStudiesContentContainer h4, .workCaseStudiesContentContainerAlt h4 {
        font-size: 2.53rem;
    }

    .aboutImageContainer {
        height: 400px;
    }   

    .aboutContentRight .outerBtn, .serviceItem .outerBtn {
        margin: 3rem 0 0 0rem;
    }

    h5.name {
        font-size: 1.22rem;
    }
    .serviceItem h3 {
        font-size: 2.025rem;
    }
    .wysiwyg-title {
        font-size:2.25rem;
    }    
}

@media(max-width:1023px) {
    #pnlNoImage {
        height: 188px;
    }

    #pnlNoImageTitle h1 {
        font-size: 3.4rem;
    }

    #pnlNoImageSubTitle {
        font-size: 1rem;
    }

    #pnlNoImageBlurb {
        font-size: 1.25rem;
    }

    .aboutContentInner h3, #goodPeopleInner h2, .workCaseStudiesContentContainer h4, .workCaseStudiesContentContainerAlt h4 {
        font-size: 2.15rem;
    }

    .aboutImageContainer {
        height: auto;
    }

    .innerPadding {
        padding: 0rem 3rem 4rem 3rem;
    }

    .aboutContentRight {
        padding-left: 0;
        padding-top: 4rem;
    }

    .aboutContentInner .outerBtn, .serviceItem .outerBtn {
        margin: 2rem 0 0 0 !important;
        width: 200px;
    }

    .aboutContentInner .btnWords {
        font-size: 1rem;
    }

    h5.name {
        font-size: 1.15rem;
    }

    .serviceItem h3 {
        font-size: 1.83rem;
    }

    .serviceSummary {
        padding-left: 0;
    }

    .serviceItem {
        border-bottom: none;
    }
    .serviceItem ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .newsItem {
        width: 50% !important;
    }
    .careersContentRight {
        padding: 4rem 0;
    }
    #careersImage img {
        width:100%;
    }
    #sectionGoodPeople {       
        margin: 0 .5rem;
    }
    .wysiwyg-title {
        font-size: 2.025rem;
    }
    #goodPeopleInner ul li {
        font-size: 1.30rem;
    }
    #sectionOpp {
        margin: 2rem .5rem;
    }
    .caseStudyImageDiv, .caseStudyImageDivAlt {
        padding: 0 3rem;
    }
    .workCaseStudiesContentContainer, .workCaseStudiesContentContainerAlt {
        padding: 2rem 3rem 8rem 3rem;
    }
    .workCaseStudiesContentContainerAlt{
        text-align:left !important;
    }
        .workCaseStudiesContentContainer .altButton, .workCaseStudiesContentContainerAlt .altButton {
            position: relative;
            right: inherit;
        }
}

@media(max-width:830px) {
    #pnlNoImage {
        height: 160px;
        background-size: 400px;
        background-position: bottom right;
        padding-right: 6rem;
    }

    #pnlNoImageTitle h1 {
        font-size: 2.89rem;
    }

    #pnlNoImageBlurb {
        font-size: 1.15rem;
    }

    #bodyInner {
        padding: 3rem 2.5rem;
    }

    .wysiwyg, .aboutContentInner {
        font-size: 1.15rem;
    }

        .aboutContentInner h3, .workCaseStudiesContentContainer h4, .workCaseStudiesContentContainerAlt h4 {
            font-size: 1.83rem;
        }

    #sectionAboutPeople .innerPadding {
        padding: 0rem 2.5rem 4rem 2.5rem;
    }

    .serviceItem h3 {
        font-size: 1.65rem;
    }
    #goodPeopleInner ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        margin-left: 2.5rem;
    }
}
@media(max-width:680px) {
    .newsItem {
        width: 100% !important;
        padding: 1rem;
    }
}
@media(max-width:639px) {
    #pnlNoImage {
        margin-top: 1rem;
    }

    #pnlNoImageTitle, #pnlNoImageSubTitle, #pnlNoImageBlurb {
        padding: 0 1rem;
    }

    #bodyInner {
        padding: 3rem 1.5rem;
    }

    #sectionAboutPeople .innerPadding {
        padding: 0rem 1.5rem 4rem 1.5rem;
    }
    .team-member {
        width: 50% !important;
    }
    .serviceItem ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .wysiwyg-title {
        font-size: 1.85rem;
    }
    #goodPeopleInner h2 {
        font-size:1.95rem
    }
    .careersContentRight {
        padding: 2rem 0;
    }
    .caseStudyImageDiv, .caseStudyImageDivAlt {
        padding: 0 1.5rem;
    }
    .workCaseStudiesImageContainer {
        height: 300px;
    }

}

@media(max-width:500px) {
    #pnlNoImageTitle h1 {
        font-size: 2.45rem;
    }

    #pnlNoImage {
        height: 130px;
        background-size: 300px;
        padding-right: 4rem;
    }

    .aboutContentInner h3, .serviceItem h3, .wysiwyg-title, .workCaseStudiesContentContainer h4, .workCaseStudiesContentContainerAlt h4 {
        font-size: 1.56rem;
    }
    .team-member {
        width: 100% !important;
    }
    #goodPeopleInner h2 {
        font-size: 1.75rem
    }
}

@media(max-width:400px) {
    #pnlNoImage {
        height: 150px;
        background-size: 200px;
        padding-right: 2rem;
    }
}

    /*#endregion*/