@font-face {
    font-family: "MacklinSansExtraLight"; font-display: block;
    src: url('/webFonts/MacklinSansExtraLight/font.woff2') format('woff2'), url('/webFonts/MacklinSansExtraLight/font.woff') format('woff');
    }
@font-face {
    font-family: "MacklinSansRegular"; font-display: block;
    src: url('/webFonts/MacklinSansRegular/font.woff2') format('woff2'), url('/webFonts/MacklinSansRegular/font.woff') format('woff');
    }
@font-face {
    font-family: "MacklinSansBold"; font-display: block;
    src: url('/webFonts/MacklinSansBold/font.woff2') format('woff2'), url('webFonts/MacklinSansBold/font.woff') format('woff');
    }
/* ---------- GENERAL ---------- */
input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
	}
.content{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1746px;
    margin: auto;
    padding:48px 21px 0px 21px;
    }
.content.top{
    padding-top: 168px;
    }
.content.bottom{
    padding-bottom:0px;
    }
.top-pad-24{
    padding-top: 24px;
    }
.bottom-pad-24{
    padding-bottom: 24px;
    }
.top-marg-24{
    margin-top: 24px;
    }
.bottom-marg-24{
    margin-bottom: 24px;
    }
.page-header{
    text-align: left;
    padding-top: 11px;
    }
.paragraph-drop{
    padding-top: 15px;
    }
.call-out-text{
    font-size: 21px;
    line-height: 28px;
    }
.medium-text{
    font-family: "MacklinSansMedium";
    }
.bold-text{
    font-family: "MacklinSansBold";
    }
.small-return{
    display: block;
    position: relative;
    }
.flex-end {
    justify-content: flex-end;
    }
.flex-column{
    flex-direction: column;
    }
.flex-end-bottom {
    align-items: flex-end;
    }
.full-sml {
    display: block;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
    width: 100%;
    cursor: pointer;
    }
/* ---------- /GENERAL ---------- */
/* ---------- HEADER ---------- */
header{
    transition: all ease-in-out 300ms;
    }
header.header-shrink{
    height: 76px;
    }
header .header .header-logo{
    transition: all ease-in-out 300ms;
    }
header.header-shrink .header .header-logo{
    width: 120px;
    height: 76.0436px;
    padding: 12px 0px;
    }
header .header .menu{
    transition: all ease-in-out 300ms;
    }
header.header-shrink .header .menu{
    padding-top: 36px;
    }
nav.menu-drop-down{
    position: fixed;
    display: block;
    top: -100%;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color:rgb(238, 236, 231);
    z-index: 1001;
    transition: all ease-in-out 300ms;
    }
nav.menu-drop-down.on{
    top: 0%;
    }
nav.menu-drop-down ul{
    position: relative;
    display: block;
    margin: 144px 0px 0px 21px;
    padding: 0px;
    }
nav.menu-drop-down ul li{
    position: relative;
    display: block;
    opacity: 0;
    padding: 0px 0px 14px 0px;
    margin-top: -12px;
    transition: all ease-in-out 200ms;
    }
nav.menu-drop-down ul li.on{
    margin-top: 0px;
    opacity: 1;
    }
nav.menu-drop-down ul li a{
    font-size:18px;
    line-height:24px;
    color:#222;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-family: "MacklinSansLight";
    }
nav.menu-drop-down ul li.selected a{
    font-family: "MacklinSansMedium";
    }
/* ---------- /HEADER ---------- */
@media only screen and (min-width:576px){
.flex-end-sml{
    justify-content: flex-end;
    }
}
@media only screen and (min-width:768px){
.col-md-0{
    display: none;
    }
.flex-end-md{
    justify-content: flex-end;
    }
.full-right{
    display: block;
    position: relative;
    float: right;
    padding-left: 12px;
    padding-right: 28px;
    margin-right: calc(-50vw + 50%);
    }
.full-right-nested{
    display: block;
    position: relative;
    float: right;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: calc(100% - 100vw);
    padding-bottom: 0px;
    }
.full-left {
    display: block;
    position: relative;
    float: left;
    padding-left: 28px;
    padding-right: 12px;
    margin-left: calc(-50vw + 50%);
    }
.full-left-nested{
    display: block;
    position: relative;
    float: left;
    padding-left: 12px;
    padding-right: 12px;
    margin-left: calc(100% - 100vw);
    padding-bottom: 0px;
    }
.full-right-md-7{
    width: calc(58.33333333% + (50vw - 50%)); 
    }
.full-right-md-8 {
    width: calc(66.66666667% + (50vw - 50%));
    }
.full-left-md-7 {
    width: calc(58.33333333% + (50vw - 50%));
    }
.full-left-md-8 {
    width: calc(66.66666667% + (50vw - 50%));
    }
.col-md-7-4{
    width: 57.15%;
    flex: 0 0 auto;
    }
.col-md-7-5{
    width: 71.45%;
    flex: 0 0 auto;
    }
.col-md-7-6{
    width: 85.8%;
    flex: 0 0 auto;
    }
}
@media only screen and (min-width:992px){
.small-return{
    display: none;
    }
.full-right{
    padding-right: 7px;
    }
.full-left {
    padding-left: 7px;
    }
.full-right-nested{
    padding-left: 12px;
    padding-right: 7px;
    }
.full-left-nested{
    padding-left: 7px;
    padding-right: 12px;
    }
.col-lg-0{
    display: none;
    }
.col-lg-5-4{
    width: 80%;
    flex: 0 0 auto;
    }
.col-lg-7-4{
    width: 57.15%;
    flex: 0 0 auto;
    }
.full-right-lg-6{
    width: calc(50% + (50vw - 50%)); 
    }
.full-right-lg-7{
    width: calc(58.33333333% + (50vw - 50%)); 
    }
.full-right-lg-8 {
    width: calc(66.66666667% + (50vw - 50%));
    }
.full-right-lg-9 {
    width: calc(75% + (50vw - 50%));
    }
.full-right-lg-10 {
    width: calc(83.33333333% + (50vw - 50%));
    }
.full-right-nested-lg-8{
    width: calc(100% + (50vw - 75%));
    max-width: inherit;
    }
.full-left-lg-6 {
    width: calc(50% + (50vw - 50%));
    }
.full-left-lg-8 {
    width: calc(66.66666667% + (50vw - 50%));
    }
.full-left-lg-12 {
    width: calc(100% + (50vw - 50%));
    max-width: inherit;
    }
.full-left-nested-lg-8{
    width: calc(100% + (50vw - 75%));
    max-width: inherit;
    }
.full-left-nested-lg-12 {
    width: calc(50% + (50vw - 50%));
    max-width: inherit;
    }
}
@media only screen and (min-width:1200px){
.content{
    padding-left: 32px;
    padding-right: 32px;
    }
.content.bottom{
    padding-bottom: 48px;
    }
.page-header{
    text-align: right;
    }
.col-xl-0{
    display: none;
    }
.col-xl-5-4{
    width: 80%;
    flex: 0 0 auto;
    }
.full-right-xl-6{
    width: calc(50% + (50vw - 50%)); 
    }
}
@media only screen and (min-width:1400px){
.col-xxl-0{
    display: none;
    }
}
@media only screen and (min-width:1600px){
.content{
    padding-left: 73px;
    padding-right: 73px;
    }
.full-left-xxl-9 {
    width: calc(75% + (50vw - 50%));
    }
}