@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");


@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200;0,300;0,400;0,500;1,200&display=swap");

#header {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-transition: border-bottom-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    -webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    -ms-transition: border-bottom-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    transition: border-bottom-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    border-bottom: solid 1px #c5ced4;
    background: #ffffff;
    height: 4em;
    left: 0;
    line-height: 3.5em;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

#header a {
    color: inherit;
    font-size: 0.85em;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 0;
}

#header .logo {
    display: block;
    height: inherit;
    line-height: inherit;
}

#header .logo span {
    font-weight: 300;
}

#header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: flex;
    align-content: center;
    justify-content: center;
}

#header nav ul li {
    display: inline-block;
    padding: 0;

    -webkit-box-flex: .9;
    flex: .9;
    text-align: center;
/*
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 12%;
    */
}

#header nav ul li:nth-child(2) {
   -webkit-box-flex: 1.2;
    flex: 1.2; 
}

#header nav ul li:nth-child(3) {
   -webkit-box-flex: 1;
    flex: 1; 
}

#header nav ul li:nth-child(4) {
    -webkit-box-flex: .2;
    flex: .2; 
}

#header nav ul li:nth-child(5) {
   -webkit-box-flex: 1;
    flex: 1; 
}
#header nav ul li:nth-child(6) {
   -webkit-box-flex: 1.2;
    flex: 1.2; 
}




#header nav ul li a {
    display: inline-block;
    padding: 0;
    position: relative;
    color: #470a0a;
    text-decoration: none;
    width: 100%;
}
#header.alt nav ul li a {
    color: #fff;
}

#header nav ul li a[href="#menu"] {
    padding-right: 3em;
}

#header nav ul li a[href="#menu"]:before {
    content: '';
    background-image: url("images/menu.svg");
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    position: absolute;
    right: 1.5em;
    text-align: center;
    top: 0;
    width: 1em;
}

#header.alt {
    background-color: transparent;
    border-bottom-color: transparent;
    color: #ffffff;
}

#header.alt nav ul li a[href="#menu"]:before {
    background-image: url("images/menu-alt.svg");
}



@media screen and (max-width: 736px) {
    #header {
        height: 4em;
        line-height: 4em;
        padding: 0;
    }
    #header nav ul {
        display: block;
    }
    #header nav ul li a {
        padding: 0 0.75em 0 0.75em;
    }
    #header nav ul li a[href="#menu"] {
        padding-right: 2.5em;
    }
    #header nav ul li a[href="#menu"]:before {
        right: 1em;
    }
}

@media screen and (max-width: 480px) {
    #header .logo span {
        display: none;
    }
    #header nav ul li a[href="#menu"]:only-child {
        width: 6em;
        text-indent: 6em;
        white-space: nowrap;
    }
}


#menu {

    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);

    -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
    -webkit-overflow-scrolling: touch;
    
    background: #ffffff;
    color: #5d5d5d;
    height: 100%;
    max-width: 100%;
    overflow-y: auto;
    padding: 3em 2em;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 10002;
}

#menu > ul {
    margin: 0 0 1em 0;
}

#menu > ul.links {
    list-style: none;
    padding: 0;
}

#menu > ul.links > li {
    padding: 0;
}

#menu > ul.links > li > a:not(.button) {
    border: 0;
    border-top: solid 1px #eaeaea;
    color: inherit;
    display: block;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 0.25em;
    line-height: 4.5em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}

#menu > ul.links > li > .button {
    display: block;
    margin: 0.5em 0 0 0;
}

#menu > ul.links > li:first-child > a:not(.button) {
    border-top: 0 !important;
}

#menu .close {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-image: url("images/close.svg");
    background-position: 75% 50%;
    background-repeat: no-repeat;
    border: 0;
    color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: block;
    height: 3.25em;
    line-height: 3.25em;
    padding-right: 1.25em;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    vertical-align: middle;
    width: 7em;
}

#menu .close:before {
    font-size: 1.25em;
}

@media screen and (max-width: 736px) {
    #menu .close {
        height: 4em;
        line-height: 4em;
    }
}

@media screen and (max-width: 736px) {
    #menu {
        padding: 2.5em 1.75em;
    }
}


body.is-menu-visible #page-wrapper {
    pointer-events: none;
    opacity: 0.5;
}

body.is-menu-visible #menu {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}


#header.alt {
    background-color: rgba(23, 22, 24, .05);
    border-bottom-color: rgba(225, 225, 225, .25);
    color: #ffffff;
}
#header {
    height: 4em;
}
#header nav ul li a {
    color: rgb(23, 22, 24);
}
#header nav ul li a:hover {
    color: rgb(23, 23, 23);
}




#header.alt nav.dsc-nv ul li a {
    padding: 0;
    font-weight: 400;
    text-decoration: none;
}
#header.with-banner.alt nav.dsc-nv ul li a:hover {
    color: rgb(223, 223, 223) !important;
}
#header.with-banner nav.dsc-nv ul li a:hover {
    color: rgb(88, 86, 100) !important;
}
#header.with-banner.alt a.font-logo:hover {
    color: rgb(223, 223, 223) !important;
}
#header.with-banner a.font-logo:hover {
    color: rgb(88, 86, 100) !important;
}


.mob-nv {
    display: none;
}
.dsc-nv {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
}



@media screen and (max-width: 960px) and (min-width: 200px) {

    .mob-nv {
        display: block;
        float: right;
        width: 100%;
        text-align: right;
    }
    #header nav ul li a:hover {
        color: rgb(255, 255, 255);
    }
    #header nav ul li a:focus {
        outline: none;
    }
    .dsc-nv {
        display: none;
    }
    
    #header nav ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: block;
        place-content: center;
    }
    #header nav ul li {
        display: inline-block !important;
        padding: 0px;
        text-align: center;
    }
    
    
    
}



.index-banner {
    background-color: #1c2329;
    color: rgba(255, 255, 255, 0.95);
    -moz-align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    border-top: 0;
    position: relative;
    text-align: center;
    overflow: hidden;
}

.pad-10 {
    padding-bottom: 1.5em;
}

section header.major.pad-3 {
    padding-bottom: 3em;
}

.banner-video {
    background-image: url("");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 80vh;
    padding: 8em 0 6em 0;
}
.index-banner.banner-video video {
    position: fixed;
}




.index-banner strong,
.index-banner b {
    color: #ffffff;
}

.index-banner h1,
.index-banner h2,
.index-banner h3,
.index-banner h4,
.index-banner h5,
.index-banner h6 {
    color: #ffffff;
}

.index-banner blockquote {
    border-left-color: #ffffff;
}

.index-banner code {
    background: rgba(255, 255, 255, 0.075);
    border-color: #ffffff;
}

.index-banner hr {
    border-bottom-color: #ffffff;
}

.index-banner .inner {
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    -moz-transition: opacity 1s ease, -moz-transform 1s ease;
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -ms-transition: opacity 1s ease, -ms-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    opacity: 1;
    position: relative;
    z-index: 2;
}

.index-banner h1 {
    font-size: 2.75em;
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: .5em;
    margin-bottom: .8em;
}



@-moz-keyframes more {
    0% {
        bottom: -3em;
    }
    100% {
        bottom: 0;
    }
}

@-webkit-keyframes more {
    0% {
        bottom: -3em;
    }
    100% {
        bottom: 0;
    }
}

@-ms-keyframes more {
    .index-banner 0% {
        bottom: -3em;
    }
    .index-banner 100% {
        bottom: 0;
    }
}

@keyframes more {
    0% {
        bottom: -3em;
    }
    100% {
        bottom: 0;
    }
}

.index-banner .more {
    -moz-transition: height 0.2s ease;
    -webkit-transition: height 0.2s ease;
    -ms-transition: height 0.2s ease;
    transition: height 0.2s ease;
    -moz-animation: more 0.75s ease-out 3s forwards;
    -webkit-animation: more 0.75s ease-out 3s forwards;
    -ms-animation: more 0.75s ease-out 3s forwards;
    animation: more 0.75s ease-out 3s forwards;
    background-image: url("images/arrow.svg");
    background-position: 50% 0.875em;
    background-repeat: no-repeat;
    background-size: auto;
    border: 0;
    border-radius: 5px 5px 0 0;
    bottom: -3em;
    color: #3a3a3a;
    display: block;
    height: 3em;
    left: 50%;
    margin-left: -2.5em;
    overflow: hidden;
    position: absolute;
    text-indent: 5em;
    white-space: nowrap;
    width: 5em;
    z-index: 2;
}

.index-banner .more:hover {
    height: 3.5em;
}

.index-banner .more {
    background-color: rgba(23, 22, 24);
    
    background-color: rgba(23, 22, 24, .25);
    
    border: 1px solid rgba(225, 225, 225, .25);

    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    
    border-bottom: none;
}


.index-banner video {
    -moz-transform: translateX(50%) translateY(50%);
    -webkit-transform: translateX(50%) translateY(50%);
    -ms-transform: translateX(50%) translateY(50%);
    transform: translateX(50%) translateY(50%);
    position: absolute;
    bottom: 50%;
    right: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
}

.index-banner:before {
    -moz-transition: opacity 3s ease;
    -webkit-transition: opacity 3s ease;
    -ms-transition: opacity 3s ease;
    transition: opacity 3s ease;
    -moz-transition-delay: 1.25s;
    -webkit-transition-delay: 1.25s;
    -ms-transition-delay: 1.25s;
    transition-delay: 1.25s;
    content: '';
    display: block;
    background-color: #1c2329;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}


.inner-banner:before {
    opacity: 0.2 !important;
}



.index-banner.video-banner video {

    -moz-transform: translateX(0) translateY(0);
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    overflow: hidden;
}

.index-banner.video-banner:before {
    -moz-transition: opacity 3s ease;
    -webkit-transition: opacity 3s ease;
    -ms-transition: opacity 3s ease;
    transition: opacity 3s ease;
    -moz-transition-delay: 1.25s;
    -webkit-transition-delay: 1.25s;
    -ms-transition-delay: 1.25s;
    transition-delay: 1.25s;
    content: '';
    display: block;
    background-color: #272020;
    height: 100%;
    left: 0;
    opacity: 0.30;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}






#page-wrapper {
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    background-color: #ffffff;
    min-height: 100vh;
    opacity: 1;
}

.index-banner .inner header p {
    width: 70%;
    margin: auto;
    font-size: 1.5rem;
}



#header a.font-logo {
    display: inline-block;
    color: rgba(23, 22, 24, 1);
    color: #504150;
    position: relative;
    top: 5px;
}
#header a.font-logo i {
    font-family: 'Zilla Slab Highlight';
    font-size: 4.5em;
    margin: 0;
    padding: 0;
    transform: scale(0.85, 1);
    font-style: normal;
    font-weight: 500;
}
#header a.font-logo span {
    position: absolute;
    top: -32px;
    left: 70px;
    font-size: 1.75em;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    letter-spacing: .07em;
}
#header.alt a.font-logo {
    color: #fff;
}


h1.font-logo {
    overflow: hidden;
    height: 50px;
    position: relative;
    z-index: 2;
    border-bottom: none !important;
    display: block !important;
    margin-bottom: .5em !important;
}
h1.font-logo span {
    font-family: 'Zilla Slab Highlight';
    font-size: 3em;
    color: #fff;
    margin: 0;
    padding: 0;
    transform: scale(.95, 1.15);
    position: relative;
    top: -76px;
    z-index: 3;
}

.inner-banner {
    padding: 0;
    margin: 2.5em 0;
}





body.is-preload .index-banner .inner {
    -moz-transform: scale(0.99);
    -webkit-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
    opacity: 0;
}

body.is-preload .index-banner:before {
    opacity: 1;
}

body.is-preload .index-banner .more {
    bottom: -5em;
}

body.is-preload .prlx {
    opacity: 0;
}

body.is-preload .center-content {
    opacity: 0;
}


body.is-preload .slideanim {
    opacity: 0;
}

body.is-preload .fade-in {
    opacity: 0;
}


/* ipad pro */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    .index-banner h1 {
        font-size: 4em;
    }
    h1.font-logo span {
        top: -100px;
    }
    h1.font-logo {
        height: 100px;
    }
    .index-banner .inner header p {
        width: 80%;
    }

}

/* ipad mini */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { 

}




.index-banner {
    background-image: url("images/index-banner2.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding: 8em 0 6em 0;
}


@media screen and (max-width: 480px) {
    .index-banner {
        padding: 8em 2em 4em 2em;
    }
}

@media screen and (max-width: 360px) {
   .index-banner {
        padding: 6em 2em 2em 2em;
    }
}



.index-banner h2 {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 1s ease, opacity 1s ease;
    -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
    -ms-transition: -ms-transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    display: inline-block;
    font-size: 2.5em;
    opacity: 1;
    padding: 0 1.8em .3em;
    position: relative;
    z-index: 1;
    margin-bottom: .3em;
    font-family: 'Heebo', sans-serif;
    letter-spacing: .01em;
    font-weight: 300;
}
/*
			.index-banner h2:before {
				top: 0;
				left: 0;
			}
*/
			.index-banner h2:after {
				bottom: 0;
				right: 0;
			}


.index-banner h2:after {
    -moz-transition: width 1s ease;
    -webkit-transition: width 1s ease;
    -ms-transition: width 1s ease;
    transition: width 1s ease;
    -moz-transition-delay: 0.55s;
    -webkit-transition-delay: 0.55s;
    -ms-transition-delay: 0.55s;
    transition-delay: 0.55s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
    opacity: 0.7;
}



    body.is-preload .index-banner h2 {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}

		body.is-preload .index-banner h2:after {
			width: 0;
		}



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

				.index-banner h2 {
					font-size: 1.25em;
				}

		}



.pennant {
    font-size: 5em;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    color: #504150;
}



#content.scroll {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    z-index: 999;
    padding: 1.5em 0;
    margin: 1.5em 0;
}
#content > .main {
    padding: 3em 0;
    border-bottom: solid 1px #eaeaea;
    overflow: hidden;
}
#content > * > .inner {
    margin: 0 auto;
    max-width: calc(100% - 4em);
    width: 60em;
}
#content section header.major, #content article header.major {
    margin: 0 0 3em 0;
    text-align: center;
}
#content .icon {
    top: -18px;
}
#content .icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}
















/*
@media screen and (max-width: 1557px) {
    #header nav ul li {
        flex: 13%;
    }
}

@media screen and (max-width: 1030px) {
    #header nav ul li {
        flex: 14%;
    }
}


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

    #header nav ul li:nth-child(6) {
        flex-basis: 14%; 
    }
}

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

    #header nav ul li:nth-child(6) {
        flex-basis: 15%; 
    }
}


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

    #header nav ul li:nth-child(6) {
        flex-basis: 15%; 
    }
}


*/



#wrapper > .main > .inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 58rem;
}
#wrapper > .main > .inner.top05 {
    padding: 10vh 0 0;
}

#wrapper > .main > .inner.top10 {
    padding: 10vh 0;
}


section header.major {
    margin: 1em 0;
    padding: 1em 0;
}
section header.major.center {
    text-align: center;
}
section header.major.left {
    text-align: left;
}
section header.major.center h1 {
    font-size: 2.5em;
    padding: 1em 0 .25em;
    margin: .25em 0 0;
}

section header.major p {
    margin: 0;
    padding: 1em 0 1em;
}


section header >:first-child, article header >:first-child {
    display: inline-block;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}
section header.major.center h2 {
    text-transform: none;
    font-weight: 100;
}
section header >:last-child, article header >:last-child {
    margin-bottom: 0;
}
.image.main {
    display: block;
    margin: 0;
    width: 100%;
}
.image {
    border-radius: 4px;
    border: 0;
    display: inline-block;
    position: relative;
}


#content.main {
    margin: 0;
    padding: 0;
}

/*

#content.aquisitions {
    margin: 0;
    padding: 0;
}
*/

#wrapper > .main > .inner dd h4 {
    padding: 1em 0 .5em;
}








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




#wrapper.scroll {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    z-index: 999;
}
#footer.scroll {
    position: relative;
    z-index: 999;
    padding: 2em 0 1.5em;
    background-color: rgba(39, 32, 32, .4) !important;
}
#footer.scroll p {
    margin: 0;
    color: #fff;
}
#footer.scroll ul {
    margin: 0 0 1em;
}


.prlx {
    min-height: 80vh;
    height: calc(100vh - 0em);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0;
    
    animation: fade-in-scale-down 1.5s ease-out 1;
    -webkit-animation: fade-in-scale-down 1.5s ease-in-out 1;
    -moz-animation:    fade-in-scale-down 5s ease-in-out 1;
    -o-animation:      fade-in-scale-down 5s ease-in-out 1;
}


.prlx:before {
    -moz-transition: opacity 2s ease;
    -webkit-transition: opacity 2s ease;
    -ms-transition: opacity 2s ease;
    transition: opacity 2s ease;
    -moz-transition-delay: 2s;
    -webkit-transition-delay: 2s;
    -ms-transition-delay: 2s;
    transition-delay: 2s;
    content: '';
    display: block;
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}




.prlx .more {
    -moz-transition: height 0.2s ease;
    -webkit-transition: height 0.2s ease;
    -ms-transition: height 0.2s ease;
    transition: height 0.2s ease;
    
    -moz-animation: more 0.75s ease-out 1.5s forwards;
    -webkit-animation: more 0.75s ease-out 1.5s forwards;
    -ms-animation: more 0.75s ease-out 1.5s forwards;
    animation: more 0.75s ease-out 1.5s forwards;
    
    background-image: url("images/arrow.svg");
    background-position: 50% 0.875em;
    background-repeat: no-repeat;
    background-size: auto;
    border: 0;
    border-radius: 5px 5px 0 0;
    bottom: -3em;
    color: #3a3a3a;
    display: block;
    height: 3em;
    left: 50%;
    margin-left: -2.5em;
    overflow: hidden;
    position: absolute;
    text-indent: 5em;
    white-space: nowrap;
    width: 5em;
    z-index: 2;
}

.prlx .more:hover {
    height: 3.5em;
}

.prlx .more {
    background-color: rgba(23, 22, 24);
    
    background-color: rgba(23, 22, 24, .25);
    
    border: 1px solid rgba(225, 225, 225, .25);

    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    
    border-bottom: none;
}



/*
.prlx.design-build {
    background-image: url(images/design-build.jpg);
}
*/


.prlx.design-build {
  background-image: url(images/design-build.jpg); 
}

.prlx.acquisitions {
  background-image: url('images/acquisitions-banner.jpg'); 
}


.prlx.managed-sales {
  background-image: url(images/managed-sales-banner.jpg); 
}


.prlx.relocation {
  background-image: url(images/relocation-banner.jpg); 
}





/*

.prlx.aquisitions {
    min-height: 70vh;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    background-image: url(images/aquisitions-banner.jpg);
}
*/

/*
.prlx.vh100 {
    position: relative;
    min-height: calc(100vh - 69px);
}
*/

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

    .prlx {
        background-attachment: inherit;
    }

    .image.main img {
        height: 340px;
        width: auto;
        margin-left: -55%;
    }
}


/* anim */
.slideanim {
    visibility: hidden;
    visibility: visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 2.5s;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(35%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}


@keyframes fade-in-scale-down {
  0%{
    opacity:0;
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
  }
  
  100%{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
  }
}




.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 3s;
}
.fade-in-2 {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 4s;
}

.fade-in::after, .fade-in-2::after {
    content: "";
    display: table;
    clear: both;
}


@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}













.caption {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 35%;
    width: 100%;
    text-align: center;
}

.caption p {
    width: 75%;
    margin: 0 auto;
}

.prlx .caption h1, .caption h3 {
    width: 100%;
    margin: auto;
    color: #fff;
    font-family: "Heebo", sans-serif;
}
.caption h3 {
    font-family: "Oswald", sans-serif;
    padding-top: 2%;
}


/*
.prlx.aquisitions .caption h3 {
    width: 100%;
    color: #fff;
    margin: auto;
}

.major.aquisitions {
    width: 100%;
    max-width: 58rem;
    margin: 3em auto 0 !important;
}
.aquisitions h1 {
    display: block !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: .5em;
}

.aquisitions h2 {
    display: block !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: .5em;
    font-size: 2.5em;
}

.aquisitions p {
    text-align: center;
}
*/


.inner dd h4 {
    padding: .5em 0 1em;
}









.inner-calc {
    margin: 0 auto;
    max-width: calc(100% - 4em);
    width: 60em;
}
.inner-calc dl {
    margin: 3em 0 0;
    padding: 1em 0 2em;
}


.row-modal {
    padding: 0;
    margin: 2.5em 0 0;
}


.post {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0 0 1px;
}

.post:last-child {

}
.post.alt {
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}


.post > .content {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 2;
    flex: 1;
}


.post > .content header.category {
    display: block;
    margin: 0;
    width: 110%;
    padding: 3rem 1.5rem 1.5rem;
    position: absolute;
    z-index: 2;
    background-color: rgba(66, 67, 66, 1);
    background-color: #1c2227;
    top: -9rem;
    left: 5%;
}

.post.alt > .content header.category {
    top: -8rem;
    left: -12%;
}




.post > .content header.category p {
    padding: .5em;
    color: #fff;
}

.post > .content header.category.center {
    text-align: center;
}

article.post {
    margin: 0 0 1px;
    padding: 0 2em;
    background-color: #e8e8e8;
    /*
    background: linear-gradient(160deg, #292929 60%, #424342 60%);
    */
}

    /*
article.post.alt {    
    background: linear-gradient(-150deg, #292929 40%, #424342 40%);
}
*/



section header >:first-child, article header >:first-child {
    /*
    border-bottom: solid 1px;
    border-bottom-color: #eaeaea;
    */
}

.post > .image {
    -moz-align-self: -moz-stretch;
    -webkit-align-self: -webkit-stretch;
    -ms-align-self: -ms-stretch;
    align-self: stretch;
    min-height: inherit;
    border-radius: 0;
    min-height: 30rem;
    flex: 2;
}




/*
.post > .image[data-position="left"]:before {
    content: '';
    position: absolute;

    bottom: 0;
    left: 90%;

    border-bottom: 30rem solid #dadada;
    border-left: 0 solid transparent;
    border-right: 80vh solid transparent;
    height: 0;
    width: 100%;
}
*/



.image[data-position] img {
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.image[data-position="left"] img {
    object-position: left center;

}

.image[data-position="right"] img {
    object-position: right center;

}



.font-logo-footer {
    font-family: 'Zilla Slab Highlight';
    font-size: 2em;
    margin: 0;
    padding: 0;
    transform: scale(0.85, 1);
    font-style: normal;
    font-weight: 300;
}



@media screen and (max-width: 980px) {
    
    .post.alt > .content {
        padding: 4rem 0px 4rem 3rem;
    }

}





@media screen and (max-width: 736px) {
    
    .post {
        padding-top: 1rem;
        margin: 2rem 0px;
        flex-direction: column-reverse !important;
    }
    
    .post > .content {
        padding: 2rem;
        width: 100%;
    }
    
    .post.alt > .content {
        padding: 2rem;
        width: 100%;
    }
    
    .post header {
        margin: 0px;
    }
    
    .post header h2 {
        margin: 0px !important;
    }
    
    .post > .image {
        width: 100%;
    }

    
}


@media screen and (max-width: 480px) {
    
    
    .row-modal {
        margin: 1.5em 0 0;
    }
    /*
    .prlx {
        min-height: 100vh;
        height: 100vh;
    }
    */

    .inner-calc {
        max-width: calc(100% - 2em);
        width: 100%;
    }
    
    #content.main {
        margin: 0;
        padding: 0;
    }
    
    #wrapper > .main > .inner {
        max-width: 100%;
    }

    section header.major {
        margin: 1em 0;
        padding: 1em 2em;
    }
    
    
    .post {
        padding-top: .5rem;
        margin: 1rem 0px;
        flex-direction: column-reverse !important;
    }
    
    section header.major.left {
        text-align: center;
        padding: 0 1.5em;
    }
    
    dl {
        margin: 0;
    }
    
    dl dd {
        margin-left: 0;
    }
    
    
    article.post {
        margin: 0;
        padding: 0;
    }
    
    .post.alt > .content {
        padding: 0;
        width: 100%;
    }
    
    .post > .content {
        padding: 0;
        width: 100%;
    }
    
    
    .post > .content header.category p {
        padding: .5em 1em;
        color: #000;
    }
    
    .post > .image {
        height: 15rem;
        margin: 0;
        width: 100% !important;
        border-radius: 0 !important;
        flex: 1;
    }

    
    .image[data-position="left"] img, .image[data-position="right"] img {
        object-position: center;
    }
    
    .post > .content {
        padding: 0;
        margin: 0;
        position: none;
        flex: 1;
    }
    
    .post > .content header.category {
        display: block;
        margin: 0;
        width: 100%;
        background-color: transparent;
        padding: 1rem .5rem;
        position: inherit;
        top: 0;
        left: 0;
    }
    
    .post.alt > .content header.category {
        top: 0;
        left: 0;
    }
    
    
}


.center-content {
    text-align: center;
    padding: 6vh 0 0;
}

#wrapper > .main > .inner.center-content {
    max-width: none;
}

#wrapper > .main > .inner.center-content .inner-banner {
    height: 67vh;
    overflow: hidden;
    margin: 0;
    background-color: #e8e8e8;
}

#wrapper > .main > .inner.center-content .inner-banner .items {
    position: relative;
}

#wrapper > .main > .inner.center-content .inner-banner .image.fit {
    margin: 0;
    width: 100%;
}

#wrapper > .main > .inner.center-content .inner-banner .items .image.fit {
    position: absolute;
    z-index: 1;
}
#wrapper > .main > .inner.center-content .inner-banner .items .image.fit::before {  
    content: '';
    background: rgba(18, 18, 18, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

#wrapper > .main > .inner.center-content .inner-banner .items .image-content {
    position: absolute;
    z-index: 2;
    width: 70%;
    left: 15%;
    top: 28vh;
    margin-left: auto;
    margin-right: auto;
}
.image-content h1, .image-content h2, .image-content h4 {
    color: #fff;
    font-family: "Heebo", sans-serif;
}
.image-content h2 {
    font-family: "Oswald", sans-serif;
    margin: .25em 0;
}

.image-content h1 {
    font-size: 3rem;
    display: inline-block;
    margin: 0;
}


#header.alt.contact {
    background-color: rgba(28, 35, 41, 1);
    border-bottom-color: rgba(225, 225, 225, .5);
    color: #ffffff;
}


@media screen and (max-width: 736px) {
    
    #header.alt.transparent {
        background-color: transparent;
        border-bottom-color: rgba(225, 225, 225, .5);
    }
    
    
    .index-banner .inner {
        width: 100%;
    }
    .index-banner h1 {
        font-size: 1.75em;
        margin-bottom: 0.75em;
        padding-bottom: 0.75em;
    }
    .index-banner br {
        display: none;
    }
    .index-banner .more, .prlx .more {
        display: none;
    }
    
    #header a.font-logo span {
        top: -21px;
    }
    #header a.font-logo i {
        top: -10px;
    }
    h1.font-logo {
        height: 38px;
    }
    h1.font-logo span {
        top: -42px;
    }
    .index-banner .inner header p {
        width: 100%;
    }
    
    .index-banner {
        padding: 6em 2em 2em 2em;
        min-height: 99vh;
    }
    .inner-banner {
        min-height: auto;
        padding: 0;
        margin: 2.5em 0 0;
    }
    
    .center-content h2, .center-content h4 {
        padding: 0 2em;
    }
    .center-content h2 {
        padding-top: 1em;
    }
    .center-content h4 {
        padding-bottom: 1em;
    }
}


@media screen and (max-width: 480px) {
    
    #header.alt.transparent {
        background-color: transparent;
        border-bottom-color: rgba(225, 225, 225, .5);
    }
    
    .index-banner {
        padding: 8em 2em 4em 2em;
    }
    .index-banner {
        align-items: center;
    }
    
    .index-banner .more, .prlx .more {
        display: none;
    }
    
    .image.fit img {
        width: 100%;
        object-fit: cover;
        height: fit-content;
    }
    
    .contact-pad-img {
        display: none;
    }
    
    
}

@media screen and (max-width: 360px) {
   .index-banner {
        padding: 6em 2em 2em 2em;
    }
    
    .index-banner .more, .prlx .more {
        display: none;
    }
    
    .contact-pad-img {
        display: none;
    }
    
}



section header.major.inner-bg-dark {
    background-color: #1c2329;
    margin: 0;
    padding: 5em 0;
}
section header.major.inner-bg-dark h4 {
    color: #fff;
    font-family: "Oswald", sans-serif;
    margin: 0;
    padding: 0;
    font-size: 1.25em;
}


section header.major.inner-bg-light {
    background-color: #e8e8e8;
    margin: 0;
    padding: 5em 0 3.5em;
}
section header.major.inner-bg-light h4 {
    color: #1c2329;
    padding: .25em 0;
}


.inner-half-hv {
    height: 70vh;
}