* {
scroll-behavior: smooth;
}
html,body{overflow-x:clip;scroll-behavior:smooth;}
body{position:relative;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
img{width:100%;height:auto;vertical-align:bottom;}
ul, ol {
padding-inline-start: 1.125rem;
margin-block-start: 0;
}nav a, li{text-decoration:none;font-optical-sizing:auto;}
nav ul, footer ul{padding-inline-start:0;list-style-type:none;float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
nav ul li{padding:0 1.5rem;}
nav #menu-main-menu-left li:first-child{padding-left:0;}
nav #menu-main-menu-right li:last-child{padding-right:0;padding-left:0;}
footer ul{padding-inline-start:0!important;}
footer ul li{padding-right:0;margin-block-start:0rem;}
#menu-footer-menu{margin-block-start:1.25rem;}
.global-nav .logo{width:12.9375rem;height:6.0625rem;background-size:contain;background-repeat:no-repeat;}
.global-nav .menu{display:flex;justify-content:space-between;}
.global-nav .current-menu-item a{color:var(--color-gold) !important;}
.global-nav {
background-color: var(--color-cream);
.navigation__links {
background-color: var(--color-cream);
} a{color:var(--color-purple);}
.navigation__logo .logo{background-image:url(//colonyparkatx.com/wp-content/themes/colony-park/assets/images/nav/header-logo.svg);}
.navigation__button span{background-color:var(--color-purple);}
}
.global-nav:has(+ .main .intro.background-blue) {
background-color: var(--color-blue);
.navigation__links{background-color:var(--color-blue);}
.current-menu-item a{color:var(--color-terracota) !important;}
}
.global-nav:has(+ .main .intro.background-green) {
background-color: var(--color-green);
.navigation__links {
background-color: var(--color-green);
} a{color:var(--color-cream);}
.navigation__logo .logo{background-image:url(//colonyparkatx.com/wp-content/themes/colony-park/assets/images/nav/header-logo-white.svg);}
.navigation__button span{background-color:var(--color-cream);}
.menu-item.search-icon > a:after{background-image:url(//colonyparkatx.com/wp-content/themes/colony-park/assets/images/search-yellow.svg);}
}
.global-nav:has(+ .main .intro.background-purple) {
background-color: var(--color-purple) !important;
.navigation__links {
background-color: var(--color-purple) !important;
} a{color:var(--color-cream) !important;}
.navigation__logo .logo{background-image:url(//colonyparkatx.com/wp-content/themes/colony-park/assets/images/nav/header-logo-white.svg) !important;}
.navigation__button span{background-color:var(--color-cream) !important;}
.current-menu-item a{color:var(--color-gold) !important;}
.menu-item.search-icon > a:after{background-image:url(//colonyparkatx.com/wp-content/themes/colony-park/assets/images/search-yellow.svg);}
}
@media screen and (min-width:48rem){
.global-nav.active {
background-color: var(--color-purple) !important;
.navigation__links {
background-color: var(--color-purple) !important;
} a{color:var(--color-cream) !important;}
.navigation__logo .logo{background-image:url(//colonyparkatx.com/wp-content/themes/colony-park/assets/images/nav/header-logo-white.svg) !important;}
.navigation__button span{background-color:var(--color-cream) !important;}
.current-menu-item a{color:var(--color-gold) !important;}
.menu-item.search-icon > a:after{background-image:url(//colonyparkatx.com/wp-content/themes/colony-park/assets/images/search-yellow.svg);}
}
}
@media screen and (max-width:47.935rem){
.global-nav {
.navigation__links {
background-color: var(--color-purple) !important;
}
a {
color: var(--color-cream) !important;
}
.current-menu-item a {
color: var(--color-gold) !important;
}
}
}@media(max-width:25rem){
@-ms-viewport{width:20rem;}
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.grid-container:before, .grid-container-full:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .tablet-grid-5:before, .tablet-grid-10:before, .tablet-grid-15:before, .tablet-grid-16:before, .tablet-grid-20:before, .tablet-grid-25:before, .tablet-grid-30:before, .tablet-grid-35:before, .tablet-grid-40:before, .tablet-grid-45:before, .tablet-grid-50:before, .tablet-grid-55:before, .tablet-grid-60:before, .tablet-grid-65:before, .tablet-grid-70:before, .tablet-grid-75:before, .tablet-grid-80:before, .tablet-grid-85:before, .tablet-grid-90:before, .tablet-grid-95:before, .tablet-grid-100:before, .tablet-grid-33:before, .tablet-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-16:before, .grid-20:before, .grid-25:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, .grid-50:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .grid-75:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .grid-33:before, .grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after, .grid-container-full:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .tablet-grid-5:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-16:after, .tablet-grid-20:after, .tablet-grid-25:after, .tablet-grid-30:after, .tablet-grid-35:after, .tablet-grid-40:after, .tablet-grid-45:after, .tablet-grid-50:after, .tablet-grid-55:after, .tablet-grid-60:after, .tablet-grid-65:after, .tablet-grid-70:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after, .tablet-grid-100:after, .tablet-grid-33:after, .tablet-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-16:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.grid-container:after, .grid-container-full:after,.mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .tablet-grid-5:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-16:after, .tablet-grid-20:after, .tablet-grid-25:after, .tablet-grid-30:after, .tablet-grid-35:after, .tablet-grid-40:after, .tablet-grid-45:after, .tablet-grid-50:after, .tablet-grid-55:after, .tablet-grid-60:after, .tablet-grid-65:after, .tablet-grid-70:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after, .tablet-grid-100:after, .tablet-grid-33:after, .tablet-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-16:after, .grid-20:after, .grid-25:after, .grid-30:after, .grid-35:after, .grid-40:after, .grid-45:after, .grid-50:after, .grid-55:after, .grid-60:after, .grid-65:after, .grid-70:after, .grid-75:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after, .grid-100:after, .grid-33:after, .grid-66:after, .grid-offset:after, .clearfix:after{clear:both;}
.grid-container, .grid-container-full, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-16, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-16, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66, .grid-offset, .clearfix{*zoom:1;}
.grid-container{margin-left:auto;margin-right:auto;width:100%;max-width:90rem;position:relative;z-index:2;}
.grid-container-full{margin-left:auto;margin-right:auto;width:100%;position:relative;z-index:2;}
.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-16, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-16, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.mobile-grid-5 > *, .mobile-grid-10 > *, .mobile-grid-15 > *, .mobile-grid-20 > *, .mobile-grid-25 > *, .mobile-grid-30 > *, .mobile-grid-35 > *, .mobile-grid-40 > *, .mobile-grid-45 > *, .mobile-grid-50 > *, .mobile-grid-55 > *, .mobile-grid-60 > *, .mobile-grid-65 > *, .mobile-grid-70 > *, .mobile-grid-75 > *, .mobile-grid-80 > *, .mobile-grid-85 > *, .mobile-grid-90 > *, .mobile-grid-95 > *, .mobile-grid-100 > *, .mobile-grid-33 > *, .mobile-grid-66 > *, .tablet-grid-5 > *, .tablet-grid-10 > *, .tablet-grid-15 > *, .tablet-grid-16 > *, .tablet-grid-20 > *, .tablet-grid-25 > *, .tablet-grid-30 > *, .tablet-grid-35 > *, .tablet-grid-40 > *, .tablet-grid-45 > *, .tablet-grid-50 > *, .tablet-grid-55 > *, .tablet-grid-60 > *, .tablet-grid-65 > *, .tablet-grid-70 > *, .tablet-grid-75 > *, .tablet-grid-80 > *, .tablet-grid-85 > *, .tablet-grid-90 > *, .tablet-grid-95 > *, .tablet-grid-100 > *, .tablet-grid-33 > *, .tablet-grid-66 > *, .grid-5 > *, .grid-10 > *, .grid-15 > *, .grid-16 > *, .grid-20 > *, .grid-25 > *, .grid-30 > *, .grid-35 > *, .grid-40 > *, .grid-45 > *, .grid-50 > *, .grid-55 > *, .grid-60 > *, .grid-65 > *, .grid-70 > *, .grid-75 > *, .grid-80 > *, .grid-85 > *, .grid-90 > *, .grid-95 > *, .grid-100 > *, .grid-33 > *, .grid-66 > *{*margin-left:expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');*margin-right:expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');}
.grid-offset{clear:both;margin-left:-.625rem;margin-right:-.625rem;}
@media(max-width:47.9375rem){
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66{position:relative;}
.hide-on-mobile{display:none !important;}
.mobile-grid-5{float:left;width:5%;*width:expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-5{margin-left:5%;}
.mobile-suffix-5{margin-right:5%;}
.mobile-push-5{left:5%;*left:expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-5{left:-5%;*left:expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-10{float:left;width:10%;*width:expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-10{margin-left:10%;}
.mobile-suffix-10{margin-right:10%;}
.mobile-push-10{left:10%;*left:expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-10{left:-10%;*left:expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-15{float:left;width:15%;*width:expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-15{margin-left:15%;}
.mobile-suffix-15{margin-right:15%;}
.mobile-push-15{left:15%;*left:expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-15{left:-15%;*left:expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-20{float:left;width:20%;*width:expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-20{margin-left:20%;}
.mobile-suffix-20{margin-right:20%;}
.mobile-push-20{left:20%;*left:expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-20{left:-20%;*left:expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-25{float:left;width:25%;*width:expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-25{margin-left:25%;}
.mobile-suffix-25{margin-right:25%;}
.mobile-push-25{left:25%;*left:expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-25{left:-25%;*left:expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-30{float:left;width:30%;*width:expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-30{margin-left:30%;}
.mobile-suffix-30{margin-right:30%;}
.mobile-push-30{left:30%;*left:expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-30{left:-30%;*left:expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-35{float:left;width:35%;*width:expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-35{margin-left:35%;}
.mobile-suffix-35{margin-right:35%;}
.mobile-push-35{left:35%;*left:expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-35{left:-35%;*left:expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-40{float:left;width:40%;*width:expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-40{margin-left:40%;}
.mobile-suffix-40{margin-right:40%;}
.mobile-push-40{left:40%;*left:expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-40{left:-40%;*left:expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-45{float:left;width:45%;*width:expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-45{margin-left:45%;}
.mobile-suffix-45{margin-right:45%;}
.mobile-push-45{left:45%;*left:expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-45{left:-45%;*left:expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-50{float:left;width:50%;*width:expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-50{margin-left:50%;}
.mobile-suffix-50{margin-right:50%;}
.mobile-push-50{left:50%;*left:expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-50{left:-50%;*left:expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-55{float:left;width:55%;*width:expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-55{margin-left:55%;}
.mobile-suffix-55{margin-right:55%;}
.mobile-push-55{left:55%;*left:expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-55{left:-55%;*left:expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-60{float:left;width:60%;*width:expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-60{margin-left:60%;}
.mobile-suffix-60{margin-right:60%;}
.mobile-push-60{left:60%;*left:expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-60{left:-60%;*left:expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-65{float:left;width:65%;*width:expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-65{margin-left:65%;}
.mobile-suffix-65{margin-right:65%;}
.mobile-push-65{left:65%;*left:expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-65{left:-65%;*left:expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-70{float:left;width:70%;*width:expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-70{margin-left:70%;}
.mobile-suffix-70{margin-right:70%;}
.mobile-push-70{left:70%;*left:expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-70{left:-70%;*left:expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-75{float:left;width:75%;*width:expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-75{margin-left:75%;}
.mobile-suffix-75{margin-right:75%;}
.mobile-push-75{left:75%;*left:expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-75{left:-75%;*left:expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-80{float:left;width:80%;*width:expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-80{margin-left:80%;}
.mobile-suffix-80{margin-right:80%;}
.mobile-push-80{left:80%;*left:expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-80{left:-80%;*left:expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-85{float:left;width:85%;*width:expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-85{margin-left:85%;}
.mobile-suffix-85{margin-right:85%;}
.mobile-push-85{left:85%;*left:expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-85{left:-85%;*left:expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-90{float:left;width:90%;*width:expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-90{margin-left:90%;}
.mobile-suffix-90{margin-right:90%;}
.mobile-push-90{left:90%;*left:expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-90{left:-90%;*left:expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-95{float:left;width:95%;*width:expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-95{margin-left:95%;}
.mobile-suffix-95{margin-right:95%;}
.mobile-push-95{left:95%;*left:expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-95{left:-95%;*left:expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-33{float:left;width:33.33333%;*width:expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-33{margin-left:33.33333%;}
.mobile-suffix-33{margin-right:33.33333%;}
.mobile-push-33{left:33.33333%;*left:expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-33{left:-33.33333%;*left:expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-66{float:left;width:66.66667%;*width:expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-prefix-66{margin-left:66.66667%;}
.mobile-suffix-66{margin-right:66.66667%;}
.mobile-push-66{left:66.66667%;*left:expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-pull-66{left:-66.66667%;*left:expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.mobile-grid-100{clear:both;width:100%;}
}
@media(min-width:48rem) and (max-width:64rem){
.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66{position:relative;}
.hide-on-tablet{display:none !important;}
.tablet-grid-5{float:left;width:5%;*width:expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-5{margin-left:5%;}
.tablet-suffix-5{margin-right:5%;}
.tablet-push-5{left:5%;*left:expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-5{left:-5%;*left:expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-10{float:left;width:10%;*width:expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-10{margin-left:10%;}
.tablet-suffix-10{margin-right:10%;}
.tablet-push-10{left:10%;*left:expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-10{left:-10%;*left:expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-15{float:left;width:15%;*width:expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-15{margin-left:15%;}
.tablet-suffix-15{margin-right:15%;}
.tablet-push-15{left:15%;*left:expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-15{left:-15%;*left:expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-16{float:left;width:16.66666%;*width:expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-20{float:left;width:20%;*width:expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-20{margin-left:20%;}
.tablet-suffix-20{margin-right:20%;}
.tablet-push-20{left:20%;*left:expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-20{left:-20%;*left:expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-25{float:left;width:25%;*width:expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-25{margin-left:25%;}
.tablet-suffix-25{margin-right:25%;}
.tablet-push-25{left:25%;*left:expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-25{left:-25%;*left:expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-30{float:left;width:30%;*width:expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-30{margin-left:30%;}
.tablet-suffix-30{margin-right:30%;}
.tablet-push-30{left:30%;*left:expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-30{left:-30%;*left:expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-35{float:left;width:35%;*width:expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-35{margin-left:35%;}
.tablet-suffix-35{margin-right:35%;}
.tablet-push-35{left:35%;*left:expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-35{left:-35%;*left:expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-40{float:left;width:40%;*width:expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-40{margin-left:40%;}
.tablet-suffix-40{margin-right:40%;}
.tablet-push-40{left:40%;*left:expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-40{left:-40%;*left:expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-45{float:left;width:45%;*width:expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-45{margin-left:45%;}
.tablet-suffix-45{margin-right:45%;}
.tablet-push-45{left:45%;*left:expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-45{left:-45%;*left:expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-50{float:left;width:50%;*width:expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-50{margin-left:50%;}
.tablet-suffix-50{margin-right:50%;}
.tablet-push-50{left:50%;*left:expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-50{left:-50%;*left:expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-55{float:left;width:55%;*width:expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-55{margin-left:55%;}
.tablet-suffix-55{margin-right:55%;}
.tablet-push-55{left:55%;*left:expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-55{left:-55%;*left:expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-60{float:left;width:60%;*width:expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-60{margin-left:60%;}
.tablet-suffix-60{margin-right:60%;}
.tablet-push-60{left:60%;*left:expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-60{left:-60%;*left:expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-65{float:left;width:65%;*width:expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-65{margin-left:65%;}
.tablet-suffix-65{margin-right:65%;}
.tablet-push-65{left:65%;*left:expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-65{left:-65%;*left:expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-70{float:left;width:70%;*width:expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-70{margin-left:70%;}
.tablet-suffix-70{margin-right:70%;}
.tablet-push-70{left:70%;*left:expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-70{left:-70%;*left:expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-75{float:left;width:75%;*width:expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-75{margin-left:75%;}
.tablet-suffix-75{margin-right:75%;}
.tablet-push-75{left:75%;*left:expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-75{left:-75%;*left:expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-80{float:left;width:80%;*width:expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-80{margin-left:80%;}
.tablet-suffix-80{margin-right:80%;}
.tablet-push-80{left:80%;*left:expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-80{left:-80%;*left:expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-85{float:left;width:85%;*width:expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-85{margin-left:85%;}
.tablet-suffix-85{margin-right:85%;}
.tablet-push-85{left:85%;*left:expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-85{left:-85%;*left:expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-90{float:left;width:90%;*width:expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-90{margin-left:90%;}
.tablet-suffix-90{margin-right:90%;}
.tablet-push-90{left:90%;*left:expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-90{left:-90%;*left:expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-95{float:left;width:95%;*width:expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-95{margin-left:95%;}
.tablet-suffix-95{margin-right:95%;}
.tablet-push-95{left:95%;*left:expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-95{left:-95%;*left:expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-33{float:left;width:33.33333%;*width:expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-33{margin-left:33.33333%;}
.tablet-suffix-33{margin-right:33.33333%;}
.tablet-push-33{left:33.33333%;*left:expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-33{left:-33.33333%;*left:expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-66{float:left;width:66.66667%;*width:expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-prefix-66{margin-left:66.66667%;}
.tablet-suffix-66{margin-right:66.66667%;}
.tablet-push-66{left:66.66667%;*left:expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-pull-66{left:-66.66667%;*left:expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.tablet-grid-100{clear:both;width:100%;}
}
@media(min-width:64.0625rem){
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66{position:relative;}
.hide-on-desktop{display:none !important;}
.grid-5{float:left;width:5%;*width:expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-5{margin-left:5%;}
.suffix-5{margin-right:5%;}
.push-5{left:5%;*left:expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-5{left:-5%;*left:expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-10{float:left;width:10%;*width:expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-10{margin-left:10%;}
.suffix-10{margin-right:10%;}
.push-10{left:10%;*left:expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-10{left:-10%;*left:expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-15{float:left;width:15%;*width:expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-15{margin-left:15%;}
.suffix-15{margin-right:15%;}
.push-15{left:15%;*left:expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-15{left:-15%;*left:expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-16{float:left;width:16.66666%;*width:expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-20{float:left;width:20%;*width:expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-20{margin-left:20%;}
.suffix-20{margin-right:20%;}
.push-20{left:20%;*left:expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-20{left:-20%;*left:expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-25{float:left;width:25%;*width:expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-25{margin-left:25%;}
.suffix-25{margin-right:25%;}
.push-25{left:25%;*left:expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-25{left:-25%;*left:expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-30{float:left;width:30%;*width:expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-30{margin-left:30%;}
.suffix-30{margin-right:30%;}
.push-30{left:30%;*left:expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-30{left:-30%;*left:expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-35{float:left;width:35%;*width:expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-35{margin-left:35%;}
.suffix-35{margin-right:35%;}
.push-35{left:35%;*left:expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-35{left:-35%;*left:expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-40{float:left;width:40%;*width:expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-40{margin-left:40%;}
.suffix-40{margin-right:40%;}
.push-40{left:40%;*left:expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-40{left:-40%;*left:expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-45{float:left;width:45%;*width:expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-45{margin-left:45%;}
.suffix-45{margin-right:45%;}
.push-45{left:45%;*left:expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-45{left:-45%;*left:expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-50{float:left;width:50%;*width:expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-50{margin-left:50%;}
.suffix-50{margin-right:50%;}
.push-50{left:50%;*left:expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-50{left:-50%;*left:expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-55{float:left;width:55%;*width:expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-55{margin-left:55%;}
.suffix-55{margin-right:55%;}
.push-55{left:55%;*left:expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-55{left:-55%;*left:expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-60{float:left;width:60%;*width:expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-60{margin-left:60%;}
.suffix-60{margin-right:60%;}
.push-60{left:60%;*left:expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-60{left:-60%;*left:expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-65{float:left;width:65%;*width:expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-65{margin-left:65%;}
.suffix-65{margin-right:65%;}
.push-65{left:65%;*left:expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-65{left:-65%;*left:expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-70{float:left;width:70%;*width:expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-70{margin-left:70%;}
.suffix-70{margin-right:70%;}
.push-70{left:70%;*left:expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-70{left:-70%;*left:expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-75{float:left;width:75%;*width:expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-75{margin-left:75%;}
.suffix-75{margin-right:75%;}
.push-75{left:75%;*left:expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-75{left:-75%;*left:expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-80{float:left;width:80%;*width:expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-80{margin-left:80%;}
.suffix-80{margin-right:80%;}
.push-80{left:80%;*left:expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-80{left:-80%;*left:expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-85{float:left;width:85%;*width:expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-85{margin-left:85%;}
.suffix-85{margin-right:85%;}
.push-85{left:85%;*left:expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-85{left:-85%;*left:expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-90{float:left;width:90%;*width:expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-90{margin-left:90%;}
.suffix-90{margin-right:90%;}
.push-90{left:90%;*left:expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-90{left:-90%;*left:expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-95{float:left;width:95%;*width:expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-95{margin-left:95%;}
.suffix-95{margin-right:95%;}
.push-95{left:95%;*left:expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-95{left:-95%;*left:expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-33{float:left;width:33.33333%;*width:expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-33{margin-left:33.33333%;}
.suffix-33{margin-right:33.33333%;}
.push-33{left:33.33333%;*left:expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-33{left:-33.33333%;*left:expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-66{float:left;width:66.66667%;*width:expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.prefix-66{margin-left:66.66667%;}
.suffix-66{margin-right:66.66667%;}
.push-66{left:66.66667%;*left:expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.pull-66{left:-66.66667%;*left:expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');}
.grid-100{clear:both;width:100%;}
} .text-align-center{text-align:center;}
.text-align-left{text-align:left;}
.text-align-right{text-align:right;}
.margin-0-auto{margin:0 auto;}
.float-left{float:left;}
.float-right{float:right;}
.position-relative{position:relative;}
.position-absolute{position:absolute;}
.position-fixed{position:fixed;}
.top-0{top:0;}
.right-0{right:0;}
.bottom-0{bottom:0;}
.left-0{left:0;}
.display-none{display:none;}
.z-index--1{z-index:-1;}
.z-index-0{z-index:0;}
.z-index-1{z-index:1;}
.z-index-2{z-index:2;}
.z-index-3{z-index:3;}
.z-index-4{z-index:4;}
.z-index-5{z-index:5;}
.z-index-6{z-index:6;}
.z-index-7{z-index:7;}
.z-index-8{z-index:8;}
.z-index-9{z-index:9;}
.z-index-10 {
z-index: 10;
}.display-flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
.flex-wrap-wrap{flex-wrap:wrap;}
.align-items-flex-start{align-items:flex-start;}
.align-items-flex-end{align-items:flex-end;}
.align-items-stretch{align-items:stretch;}
.justify-content-center{justify-content:center!important;}
.justify-content-flex-start{justify-content:flex-start;}
.justify-content-flex-end{justify-content:flex-end;}
.justify-content-space-between{justify-content:space-between;}
.flex-direction-column{flex-direction:column;}
.flex-direction-column-reverse{flex-direction:column-reverse;}
.flex-direction-row{flex-direction:row;}
.flex-direction-row-reverse{flex-direction:row-reverse;}
.flex-grow{flex-grow:1;}
@media screen and (max-width:47.9375rem){
.mobile-display-flex {
display: flex;
align-items: center;
justify-content: center;
}
.mobile-align-items-flex-start {
align-items: flex-start!important;
}
.mobile-align-items-flex-end {
align-items: flex-end!important;
}
.mobile-justify-content-flex-start {
justify-content: flex-start!important;
}
.mobile-justify-content-flex-end {
justify-content: flex-end!important;
}
.mobile-flex-wrap-wrap {
flex-wrap: wrap!important;
}
.mobile-flex-direction-column {
flex-direction: column!important;
}
.mobile-flex-direction-column-reverse {
flex-direction: column-reverse!important;
}
}.padding-equalize{padding-left:.75rem;padding-right:.75rem;}
.padding-equalize > *{padding-left:.75rem;padding-right:.75rem;}
.padding-global{padding-top:1.25rem;padding-bottom:1.25rem;}
.padding-top{padding-top:1.25rem;}
.padding-bottom{padding-bottom:1.25rem;}
.padding-global-2x{padding-top:4rem;padding-bottom:4rem;}
.padding-top-2x{padding-top:4rem;}
.padding-bottom-2x{padding-bottom:4rem;}
.padding-global-3x{padding-top:7rem;padding-bottom:7rem;}
.padding-top-3x{padding-top:7rem;}
.padding-bottom-3x{padding-bottom:7rem;}
.padding-global-half{padding-top:.75rem;padding-bottom:.75rem;}
.padding-top-half{padding-top:.75rem;}
.padding-bottom-half{padding-bottom:.75rem;}
.padding-top-0{padding-top:0;}
.padding-right-0{padding-right:0;}
.padding-bottom-0{padding-bottom:0;}
.padding-left-0{padding-left:0;}
@media screen and (min-width:48rem){
.padding-equalize{padding-left:1rem;padding-right:1rem;}
.padding-equalize > *{padding-left:1rem;padding-right:1rem;}
}
@media screen and (min-width:90rem){
.padding-equalize{padding-left:3rem;padding-right:3rem;}
.padding-equalize > *{padding-left:1rem;padding-right:1rem;}
}
@media(max-width:47.9375rem){
.padding-global-3x {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.padding-top-3x {
padding-top: 2.25rem;
}
.padding-bottom-3x {
padding-bottom: 2.25rem;
}
.padding-global-2x {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.padding-top-2x {
padding-top: 1.5rem;
}
.padding-bottom-2x {
padding-bottom: 1.5rem;
}
.mobile-padding-bottom {
padding-bottom: 1rem;
}
}:root, :host {
--color-purple: #433166;
--color-cream: #EAE7DF;
--color-plum: #2A223A;
--color-blue: #97C1B7;
--color-saffron: #DBCDAF;
--color-green: #145E50;
--color-olive: #808760;
--color-walnut: #4C251C;
--color-terracota: #935344;
--color-gold: #C1A04C;
--font-weight-thin: 100;
--font-weight-extralight: 200;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--tracking-tighter: -.05em;
--tracking-tight: -.025em;
--tracking-normal: 0em;
--tracking-wide: .025em;
--tracking-wider: .05em;
--tracking-widest: .1em;
--leading-tight: 1;
--leading-snug: 1.25;
--leading-base: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--leading-loose: 2;
--radius-xs: .125rem;
--radius-small: 0.4125rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-4xl: 2rem;
--shadow-2xs: 0 0.0625rem #0000000d;
--shadow-xs: 0 0.0625rem 0.125rem 0 #0000000d;
--shadow-sm: 0 0.0625rem 0.1875rem 0 #0000001a, 0 0.0625rem 0.125rem -0.0625rem #0000001a;
--shadow-md: 0 0.25rem 0.375rem -0.0625rem #0000001a, 0 0.125rem 0.25rem -0.125rem #0000001a;
--shadow-lg: 0 0.625rem 0.9375rem -0.1875rem #0000001a, 0 0.25rem 0.375rem -0.25rem #0000001a;
--shadow-xl: 0 1.25rem 1.5625rem -0.3125rem #0000001a, 0 0.5rem 0.625rem -0.375rem #0000001a;
--shadow-2xl: 0 1.5625rem 3.125rem -0.75rem #00000040;
--spacing: .25rem;
--text-xs: .75rem;
--text-sm: .875rem;
--text-base: 1rem;
--text-lg: 1.063rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2rem;
--text-5xl: 3rem;
--text-6xl: 3.5rem;
--text-7xl: 4.5rem;
--text-8xl: 6rem;
--text-9xl: 8rem;
--inset-shadow-2xs: inset 0 0.0625rem #0000000d;
--inset-shadow-xs: inset 0 0.0625rem 0.0625rem #0000000d;
--inset-shadow-sm: inset 0 0.125rem 0.25rem #0000000d;
--drop-shadow-xs: 0 0.0625rem 0.0625rem #0000000d;
--drop-shadow-sm: 0 0.0625rem 0.125rem #00000026;
--drop-shadow-md: 0 0.1875rem 0.1875rem #0000001f;
--drop-shadow-lg: 0 0.25rem 0.25rem #00000026;
--drop-shadow-xl: 0 0.5625rem 0.4375rem #0000001a;
--drop-shadow-2xl: 0 1.5625rem 1.5625rem #00000026;
--text-shadow-2xs: 0rem 0.0625rem 0rem #00000026;
--text-shadow-xs: 0rem 0.0625rem 0.0625rem #0003;
--text-shadow-sm: 0rem 0.0625rem 0rem #00000013, 0rem 0.0625rem 0.0625rem #00000013, 0rem 0.125rem 0.125rem #00000013;
--text-shadow-md: 0rem 0.0625rem 0.0625rem #0000001a, 0rem 0.0625rem 0.125rem #0000001a, 0rem 0.125rem 0.25rem #0000001a;
--text-shadow-lg: 0rem 0.0625rem 0.125rem #0000001a, 0rem 0.1875rem 0.125rem #0000001a, 0rem 0.25rem 0.5rem #0000001a;
--ease-in: cubic-bezier(.4, 0, 1, 1);
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--animate-bounce: bounce 1s infinite;
--blur-xs: 0.25rem;
--blur-sm: 0.5rem;
--blur-md: 0.75rem;
--blur-lg: 1rem;
--blur-xl: 1.5rem;
--blur-2xl: 2.5rem;
--blur-3xl: 4rem;
--perspective-dramatic: 6.25rem;
--perspective-near: 18.75rem;
--perspective-normal: 31.25rem;
--perspective-midrange: 50rem;
--perspective-distant: 75rem;
--aspect-video: 16/9;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}.background-purple{background-color:var(--color-purple);color:var(--color-cream);}
.background-blue{background-color:var(--color-blue);color:var(--color-purple);}
.background-blue p{color:var(--color-plum);}
.background-cream{background-color:var(--color-cream);color:var(--color-purple);}
.background-cream p{color:var(--color-plum);}
.background-green{background-color:var(--color-green);color:var(--color-cream);}
.background-gold{background-color:var(--color-gold);color:var(--color-plum);}
.background-saffron{background-color:var(--color-saffron);color:var(--color-plum);}
.background-olive{background-color:var(--color-olive);color:var(--color-cream);}
.background-purple a{color:var(--color-cream);}
.background-new-blue a{color:var(--color-purple);}
.background-cream a{color:var(--color-purple);}
.background-green a{color:var(--color-cream);}
a.button.primary, #menu-cta-menu li a{background-color:var(--color-white);color:var(--color-blue);border:solid .125rem var(--color-white);}
a.button.secondary{background-color:transparent;color:var(--color-white);}
.background-purple a.button.primary{background-color:var(--color-blue);color:var(--color-purple);border:solid .125rem var(--color-blue);}
.background-purple a.button.secondary{background-color:transparent;color:var(--color-blue);border:solid .125rem var(--color-blue);}
.background-blue a.button.primary{background-color:var(--color-green);color:var(--color-blue);border:solid .125rem var(--color-green);}
.background-blue a.button.secondary{background-color:transparent;color:var(--color-green);border:solid .125rem var(--color-green);}
.background-green a.button.primary{background-color:var(--color-blue);color:var(--color-green);border:solid .125rem var(--color-blue);}
.background-green a.button.secondary{background-color:transparent;color:var(--color-blue);border:solid .125rem var(--color-blue);}
.background-cream a.button.primary{background-color:var(--color-purple);color:var(--color-cream);border:solid .125rem var(--color-purple);}
.background-cream a.button.secondary{background-color:transparent;color:var(--color-purple);border:solid .125rem var(--color-purple);}
.background-cream a.button.tertiary{background-color:transparent;color:var(--color-green);}
.background-gold a.button.primary{background-color:var(--color-walnut);color:var(--color-gold);border:solid .125rem var(--color-walnut);}
.background-gold a.button.secondary{background-color:transparent;color:var(--color-walnut);border:solid .125rem var(--color-walnut);}
.background-gold a.button.tertiary{background-color:transparent;color:var(--color-walnut);}
.background-saffron a.button.primary{background-color:var(--color-green);color:var(--color-saffron);border:solid .125rem var(--color-green);}
.background-saffron a.button.secondary{background-color:transparent;color:var(--color-green);border:solid .125rem var(--color-green);}
.background-saffron a.button.tertiary{background-color:transparent;color:var(--color-green);}
.background-olive a.button.primary{background-color:var(--color-saffron);color:var(--color-olive);border:solid .125rem var(--color-saffron);}
.background-olive a.button.secondary{background-color:transparent;color:var(--color-saffron);border:solid .125rem var(--color-saffron);}
.background-olive a.button.tertiary{background-color:transparent;color:var(--color-saffron);}
.background-saffron h4{color:var(--color-purple);}
.background-gold h3, .background-gold h4{color:var(--color-walnut);}
.background-olive h3, .background-olive h4{color:var(--color-saffron);}
.color-green{color:var(--color-green);}
.color-saffron{color:var(--color-saffron);}
.background-cream .button.secondary.green{color:var(--color-green);border-color:var(--color-green);}
.background-cream .button.secondary.gold, .background-cream .categories a.button.secondary {
color: var(--color-gold);
border-color: var(--color-gold);
}body{font-family:"sofia-pro", sans-serif;font-size:var(--text-lg);font-weight:var(--font-weight-normal);line-height:var(--leading-normal);font-style:normal;padding:0;margin:0;position:relative;font-optical-sizing:auto;}
h1, h2, h3, h4, h5{font-family:"bree", sans-serif;font-weight:var(--font-weight-normal);line-height:var(--leading-tight);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
h1{font-size:var(--text-6xl);margin-block-start:1.5rem;margin-block-end:1.5rem;}
h2{font-size:var(--text-5xl);margin-block-start:1rem;margin-block-end:1rem;}
h3, .subhead{margin-block-start:.5rem;margin-block-end:.5rem;font-size:1.5rem;font-style:normal;font-weight:700;line-height:150%;letter-spacing:0.1925rem;text-transform:uppercase;}
h4{font-size:var(--text-4xl);margin-block-start:.5rem;margin-block-end:.5rem;}
h5{font-size:var(--text-2xl);margin-block-start:1rem;margin-block-end:1rem;}
h6{font-size:var(--text-xl);margin-block-start:.125rem;margin-block-end:.125rem;}
em{font-style:italic;}
p, blockquote, ul, li, .gform-theme--framework .gform-field-label, .gform_footer input.gform_button, #field_submit .gform-button.gform-button--white.button{margin-block-start:.75rem;margin-block-end:.5rem;}
p, ul, li{font-size:var(--text-lg);margin-block-start:1.5rem;margin-block-end:1rem;}
nav li{margin-block-start:0!important;margin-block-end:0!important;}
nav li a{padding:.625rem 0;}
.h1{font-size:var(--text-6xl);font-weight:var(--font-weight-extralight);line-height:var(--leading-snug);margin-block-start:.75rem;margin-block-end:.75rem;}
.h2{font-size:var(--text-4xl);font-weight:var(--font-weight-extralight);line-height:var(--leading-base);margin-block-start:.625rem;margin-block-end:.625rem;}
.h3{font-size:var(--text-4xl);font-weight:var(--font-weight-extralight);line-height:var(--leading-base);margin-block-start:.5rem;margin-block-end:.5rem;}
.h4{font-size:var(--text-3xl);font-weight:var(--font-weight-extralight);line-height:var(--leading-base);margin-block-start:.375rem;margin-block-end:.375rem;}
.h5{font-size:var(--text-2xl);margin-block-start:.25rem;margin-block-end:.25rem;}
.h6{font-size:var(--text-xl);margin-block-start:.125rem;margin-block-end:.125rem;}
.p{font-size:var(--text-lg);font-weight:var(--font-weight-light);line-height:var(--leading-normal);}
p.large{font-size:var(--text-2xl);}
a, .category, .search-submit{font-family:"bree", sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.125rem;}
legend.gform-field-label, label.gform-field-label, div.gfield_description{font-size:var(--text-lg);}
@media screen and (min-width: 64.0625rem) and (max-width: 100rem) {
h1{font-size:var(--text-6xl);}
h2{font-size:var(--text-5xl);}
h3{font-size:1.375rem;}
h4{font-size:var(--text-4xl);}
h5{font-size:var(--text-2xl);}
h6{font-size:var(--text-lg);}
.h1{font-size:var(--text-6xl);}
.h2{font-size:var(--text-5xl);}
.h3{font-size:var(--text-3xl);}
.h4{font-size:var(--text-2xl);}
.h5{font-size:var(--text-xl);}
.h6{font-size:var(--text-lg);}
}
@media screen and (max-width:47.9375rem){
h1 {
font-size: var(--text-3xl);
}
h2 {
font-size: var(--text-2xl);
}
h3 {
font-size: var(--text-xl);
}
h4 {
font-size: var(--text-lg);
}
h5 {
font-size: var(--text-base);
}
h6 {
font-size: var(--text-sm);
}
.h1 {
font-size: var(--text-3xl);
}
.h2 {
font-size: var(--text-2xl);
}
.h3 {
font-size: var(--text-xl);
}
.h4 {
font-size: var(--text-lg);
}
.h5 {
font-size: var(--text-base);
}
.h6 {
font-size: var(--text-sm);
}
}.button-container{padding:1.25rem 0 .875rem 0;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1.25rem;}
.button-container-small{padding:.75rem 0;width:100%;}
a, a.button, .background-black .gform_footer input.gform_button, .gform_footer input.gform_button, input[type=password], form.post-password-form input[type=submit]{cursor:pointer;-webkit-transition:all .2s ease-in-out, border .2s ease-in-out;-moz-transition:all .2s ease-in-out, border .2s ease-in-out;-o-transition:all .2s ease-in-out, border .2s ease-in-out;transition:all .2s ease-in-out, border .2s ease-in-out;}
a.button, #menu-cta-menu li a{border-radius:var(--radius-small);padding:1.25rem;text-decoration:none;}
a.tertiary{padding:0rem;}
.button-container:has(a:nth-of-type(2).tertiary){gap:1rem;}
.button-container:has(a:nth-of-type(2).tertiary) a.tertiary:nth-of-type(2){padding:1.25rem;}
a.text-link, p.text-link{text-decoration:none;}
a.button:hover, nav a:hover, input[type=password]:hover, form.post-password-form input[type=submit]:hover, .gform_footer input.gform_button:hover, form.post-password-form input[type=submit]:hover, body .gform_wrapper .gform_footer input[type=submit]:hover{opacity:.6!important;}
a.button.tertiary:after, a.text-link:after, p.text-link:after{content:'\203A';margin-left:.5rem;font-size:1.5rem;}
a.button.tertiary:hover::after{margin-left:.75rem;}
a.button.secondary {
border-width: .125rem;
}.ginput_container input[type=text], .ginput_container input[type=tel], .ginput_container input[type=email], .ginput_container textarea.textarea{padding:.625rem!important;font-size:var(--text-base)!important;min-height:3rem!important;background-color:transparent !important;border-radius:0.3125rem !important;border:.125rem solid var(--color-plum) !important;}
.gfield input:focus, .gfield textarea:focus, .gfield select:focus, .gform_button:focus{outline:none !important;box-shadow:none !important;}
.section-comments form textarea, .section-comments form input{padding:.625rem;!important;font-size:var(--text-base)!important;border:none;}
.gform_footer input.gform_button, input[type=password], form.post-password-form input[type=submit], .section-comments form input[type=submit]{font-size:var(--text-base)!important;border-radius:var(--radius-small)!important;}
.gform-theme--foundation .gfield textarea.medium, .section-comments form textarea{min-height:10rem!important;}
.section-comments form input:not(p.comment-form-cookies-consent input, .section-comments form input[type=submit]){width:100%;}
.section-comments form textarea, .section-comments form input:not(p.comment-form-cookies-consent input){max-width:calc(100% - 3rem);border-radius:var(--radius-small);}
.section-comments form label:not(p.comment-form-cookies-consent label, label.gform-field-label--type-inline){width:100%;float:left;}
.gform-footer{display:flex !important;justify-content:center !important;padding-top:2rem;}
.gform_button, .gform-button{background-color:var(--color-green) !important;color:var(--color-cream) !important;padding:1.25rem !important;font-family:"bree", sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.125rem !important;}
footer .gform-button{background-color:transparent !important;color:var(--color-cream) !important;border:solid .125rem var(--color-cream) !important;border-radius:0.3125rem !important;}
footer .ginput_container input[type=email], .call-to-action .ginput_container input[type=email]{border:2px solid var(--color-cream) !important;color:var(--color-cream) !important;padding-top:1.85rem !important;padding-bottom:1.85rem !important;margin-top:0.3rem;}
.call-to-action.background-blue .ginput_container input[type=email]{border:2px solid var(--color-green) !important;color:var(--color-green) !important;}
.call-to-action.background-blue .gform-button{color:var(--color-blue) !important;}
.call-to-action.background-green .ginput_container input[type=email]{border:2px solid var(--color-saffron) !important;color:var(--color-saffron) !important;}
.call-to-action.background-green .gform-button{color:var(--color-green) !important;background-color:var(--color-saffron) !important;}
#gform_fields_1{align-items:center !important;}
.gfield-choice-input[type="radio"]{background-color:var(--color-cream) !important;border-color:var(--color-plum) !important;}
.gfield-choice-input[type="radio"]::before{background-color:var(--color-plum) !important;}
.gfield_label{font-size:var(--text-lg) !important;}
#gform_submit_button_1 {
font-size: var(--text-lg)!important;
}.global-nav{width:100%;}
.navigation{display:inline-block;}
.nav-backdrop{position:absolute;inset:0;height:100%;backdrop-filter:blur(1rem);mask-image:linear-gradient( to bottom, black 0% 50%, transparent 50% 100% );}
.faq-drawer input[type="checkbox"]{display:none;}
.menu-item-has-children:after{content:"\25be";color:var(--blue);margin-left:.5rem;transition:transform 300ms;}
.menu-item-has-children:hover:after{transform:rotate(180deg);}
.menu-item.search-icon > a{display:block;width:1.875rem;height:1.875rem;text-indent:-9999px;overflow:hidden;position:relative;}
.menu-item.search-icon > a:after{content:'';position:absolute;inset:0;margin:auto;width:16px;height:16px;background-image:url(//colonyparkatx.com/wp-content/themes/colony-park/assets/images/search.svg);background-size:contain;background-repeat:no-repeat;}
.global-nav{position:relative;}
.nav-search-dropdown{position:absolute;top:100%;left:0;width:100%;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all 0.3s ease;z-index:10;border-radius:0 0 1.25rem 1.25rem;}
.nav-search-dropdown .padding-equalize{padding-top:1rem;padding-bottom:1rem;}
.search-form{display:flex;align-items:stretch;flex-wrap:wrap;}
.search-field{background:transparent;display:flex;padding:0.75rem;align-items:center;gap:0.5rem;flex:1 0 0;align-self:stretch;margin-right:1rem;border-radius:0.3125rem;border:2px solid var(--color-cream, #EAE7DF);outline:none;font-size:1rem;font-style:normal;font-weight:400;color:var(--color-cream);font-family:"sofia-pro", sans-serif;}
.search-field::placeholder{color:var(--color-cream);}
.search-submit{display:flex;padding:1.25rem 1.5rem;justify-content:center;align-items:center;gap:0.5rem;border-radius:0.3125rem;border:2px solid var(--color-cream, #EAE7DF);background:transparent;cursor:pointer;color:var(--color-cream);}
.search a{text-decoration:none;}
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
@media screen and (min-width:48rem){
.menu-item-has-children .sub-menu{display:none;position:absolute;background-color:var(--white);box-shadow:0rem .5rem 1rem 0rem rgba(0,0,0,0.2);padding:.75rem;z-index:5;}
.menu-item-has-children:hover .sub-menu{display:block;}
.global-nav.active .nav-search-dropdown{transform:translateY(0);opacity:1;pointer-events:auto;}
.search-icon::after{content:'';position:absolute;right:0;width:7rem;height:100px;}
}
@media screen and (max-width:47.9375rem){
.search-submit {
width: 100%;
margin-top: 1rem;
}
.search-field {
margin-right: 0!important;
}
.nav-search-dropdown {
transform: none;
opacity: 1;
}
.global-nav {
top: 0;
}
.navigation {
position: relative;
padding: .125rem 0 .125rem .125rem;
}
.navigation__logo {
width: 8rem;
}
.navigation__wrapper {
flex-grow: 1;
padding-right: .25rem!important;
top: 1rem;
}
.navigation__links {
position: fixed;
width: calc(100% - 5rem);
height: 100vh;
padding-top: 1.5rem;
left: -63rem;
top: -1.75rem;
transition: left .2s ease-in;
list-style: none;
box-shadow: .0625rem .0625rem .625rem 0rem rgba(0,0,0,0.75);
flex-direction: column;
justify-content: flex-start;
}
.navigation__links li {
padding: .5rem 1.5rem;
text-align: right;
width: 84%;
flex-basis: 0;
padding-left: 0;
padding-right: 0;
}
.navigation__links a {
text-decoration: none;
font-size: 1rem;
}
#hamburger {
visibility: hidden;
width: 0;
}
.navigation__button {
position: relative;
display: inline-block;
width: 2.25rem;
height: 2rem;
background: transparent;
cursor: pointer;
}
.navigation__button span {
position: absolute;
right: 0;
display: inline-block;
width: 1.5rem;
height: .125rem;
background-color: var(--color-white);
transform-origin: center;
transition: opacity 0.2s linear, all 0.3s linear;
}
.navigation__button span:nth-of-type(1) {
top: .5625rem;
}
.navigation__button span:nth-of-type(2) {
top: .9375rem;
}
.navigation__button span:nth-of-type(3) {
top: 1.3125rem;
} #hamburger:checked ~ .navigation__links { left: 0;
} #hamburger:checked ~ .navigation__button span:nth-of-type(1) {
transform: rotate(45deg);
top: 1rem;
}
#hamburger:checked ~ .navigation__button span:nth-of-type(2) {
opacity: 0;
}
#hamburger:checked ~ .navigation__button span:nth-of-type(3) {
transform: rotate(-45deg);
top: 1rem;
} .faq-drawer__content-wrapper {
line-height: 1.35;
max-height: 0rem;
overflow: hidden;
transition: 0.25s ease-in-out;
}
.faq-drawer__title {
display: block;
padding: 0;
position: relative;
margin-bottom: 0;
transition: all 0.2s ease-out;
}
.faq-drawer__title::after {
border-style: solid;
border-width: .0625rem .0625rem 0 0;
content: " ";
display: inline-block;
float: right;
height: .625rem;
left: -.125rem;
position: relative;
right: 1.5em;
top: .125rem;
transform: rotate(135deg);
transition: 0.3s ease-in-out;
vertical-align: top;
width: .625rem;
}
.faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper {
max-height: 100vh;
}
.faq-drawer__trigger:checked + .faq-drawer__title::after {
transform: rotate(-45deg);
transition: 0.2s ease-in-out;
} .navigation__links li a {
font-weight: 600;
}
.navigation__links .sub-menu li a {
font-weight: 400;
}
.navigation__links .menu-item-has-children .sub-menu {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
}
.navigation__links .menu-item-has-children {
border-bottom: solid .125rem var(--light-gray);
}
.navigation__links .menu-item-has-children ul li {
padding-right: 0;
}
.navigation__links .menu-item-has-children li:after {
content: '›';
margin-left: .5rem;
}
}.wpml-ls-statics-footer{display:none !important;}
.card-image{height:6rem;}
.categories{gap:2rem;}
.categories a{text-decoration:none;}
.share-text{font-weight:700;}
.blog-categories{gap:.5rem;}
.blog-title, .background-cream .blog-links{color:var(--color-green);}
.blog-links a{color:var(--color-green);text-decoration:none;font-family:"sofia-pro";text-transform:none;letter-spacing:0;font-weight:400;}
.pagination.pagination-ajax{width:100%;min-width:100%;}
.month-link.active, .archive .text-link{color:var(--color-green);}
@media screen and (min-width:48rem){
.blog-image img{height:20rem;width:25rem;object-fit:cover;}
} .call-to-action h3, .background-green.call-to-action .button{color:var(--color-saffron);}
.background-green.call-to-action a.button.secondary{color:var(--color-saffron);border-color:var(--color-saffron);}
.cta-background{max-width:70%;right:0;}
.columns.background-cream h3, .columns.background-cream .text-link{color:var(--color-green);}
.background-purple.intro-inner h3{color:var(--color-blue);}
.horizontal-scroll-wrapper{position:relative;width:100vw;padding-bottom:3rem;overflow:hidden;}
.horizontal-scroll-track{display:flex;height:100%;will-change:transform;position:sticky;top:0;gap:1.75rem;}
.scroll-image-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:100%;}
.scroll-image-item img{max-width:20rem;max-height:20rem;height:auto;width:auto;object-fit:cover;}
.horizontal-scroll-track::-webkit-scrollbar{display:none;}
.horizontal-scroll-track{scrollbar-width:none;-ms-overflow-style:none;height:20.1875rem;margin-left:-5rem;}
body, html{scroll-behavior:smooth;}
.intro-home h1{color:var(--color-green);}
.frame-arch{border-radius:100% 100% 0 0;}
.frame-circle{border-radius:100%;}
.featured-label{color:var(--color-green);}
.events .event-card{margin-right:2rem;}
.intro-featured img{max-height:40.875rem;object-fit:cover;}
.event-excerpt p{margin-block-start:0;}
.swiper{overflow:visible;}
.event-image img{height:16.875rem;object-fit:cover;}
.swiper-pagination{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;}
.swiper-pagination-bullet{width:10px;height:10px;background:#bfccc2;opacity:1;border-radius:50%;}
.swiper-pagination-bullet-active{background:var(--color-green)!important;}
.events-slider .grid-100.display-flex{display:flex;justify-content:space-between;align-items:center;}
.custom-prev, .custom-next{position:relative;display:flex;align-items:center;justify-content:center;z-index:999;}
.swiper-pagination-bullets.swiper-pagination-horizontal{left:auto;}
.arrows-container{gap:1rem;flex:1;}
.swiper-arrow{width:3rem;height:3rem;cursor:pointer;}
.event-date-bubble{top:0;right:1rem;border-radius:0 0 3.75rem 3.75rem;padding-left:1.5rem;padding-right:1.5rem;}
.event-day{font-size:2rem;font-weight:700;}
.event-location{font-weight:700;}
.category{border-radius:0.3125rem;padding:.5rem;width:fit-content;background-color:var(--color-blue);color:var(--color-plum);margin-block-start:.75rem;margin-block-end:.75rem;font-size:1rem;}
.truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:1rem;}
.community-living{background-color:var(--color-gold);color:var(--color-plum);}
.local-events{background-color:var(--color-blue);color:var(--color-plum);}
.austin-homes{background-color:var(--color-saffron);color:var(--color-plum);}
.outdoor-activities{background-color:var(--color-walnut);color:var(--color-cream) !important;}
.bench-image{margin-bottom:-7rem;}
@media screen and (max-width:47.9375rem){
.bench-image{margin-bottom:0rem;}
.events .event-card{margin-right:0!important;}
} .future-bike{width:15.25rem;height:15.25rem;bottom:10% !important;left:40% !important;}
.future-background{height:38rem;margin-top:-10rem;z-index:3;position:relative;}
@media screen and (max-width:91rem){
.future-background{height:29rem;}
}
.future-bike.mobile-bike{transition:transform .35s ease, top .35s ease;position:absolute;left:0;right:0;margin:0 auto;}
.future-clouds{z-index:3;margin-top:-14rem;}
.future-column{border-radius:1.25rem;z-index:2;}
@media screen and (min-width:80rem){
.future-columns{margin-bottom:-13rem;}
}
@media screen and (min-width:48rem){
.future-columns{position:relative;}
.future-columns .grid-33{position:relative;}
.future-column{min-height:30rem;padding-bottom:11rem;margin-bottom:-8rem;transition:transform 300ms ease;}
.future-columns .grid-33.active .future-column{transform:translateY(-5rem);z-index:5;}
}
@media screen and (max-width:47.9375rem){
.future-column{padding-bottom:1rem;}
.future-columns .grid-33:first-child .future-column{padding-bottom:1rem;}
.future-background{height:20rem;margin-top:0rem;}
.future-clouds{margin-top:0rem;}
.future-bike{width:7.25rem;height:7.25rem;}
} .image-full h2{color:var(--color-green);}
.image-full-parallax{top:0;left:auto !important;right:0 !important;width:7rem;}
.image-gallery .social-links img{width:2.25rem;height:2.2rem;padding-right:.5rem;}
.image-gallery .social-links a{text-decoration:none;color:var(--color-green);padding-right:1rem;}
.gallery-image{padding-right:1rem;}
@media screen and (max-width:47.9375rem){
.gallery-image{padding-right:0;padding-left:0;}
.gallery-grid:nth-child(2n+1) .gallery-image{padding-right:.5rem;}
.gallery-grid:nth-child(2n) .gallery-image{padding-left:.5rem;}
.social-links{flex-wrap:wrap;}
} .image-scroller{position:relative;z-index:-1;}
.image-full-wrapper{position:relative;overflow:hidden;}
.image-caption{bottom:-100%;left:0;color:#fff;padding:1.25rem 1.875rem;}
.caption-text p{color:#fff;}
.image-full-wrapper:hover .image-caption{bottom:0;}
.image-parallax-top-right{top:-11rem;right:0;width:30rem;z-index:3;transform-origin:center;pointer-events:none;}
@media(max-width:70rem){
.image-parallax-top-right{width:15rem;}
}
@media(max-width:47.9375rem){
.image-caption{bottom:0;}
.image-parallax-top-right{top:0;width:10rem;}
}
.transition-bottom{transition:bottom 0.3s ease;}
.image-scroller .swiper-pagination-bullet{background:#7dada2;}
.image-scroller .swiper-wrapper{align-items:stretch;}
.image-scroller .swiper-slide{height:auto;display:flex;}
.image-scroller .swiper img{object-fit:cover;height:100%;}
.four-team .team-name{font-family:"sofia-pro";font-size:1.25rem;font-style:normal;font-weight:700;}
.four-team .team-image img{max-height:18.5rem;max-width:18.5rem;}
.team-description p{font-size:1rem;}
.team-socials{display:flex;gap:.5rem;}
.text-stats h3{color:var(--color-green);}
.stat-number{color:var(--color-green);font-size:4.12719rem;font-weight:700;}
.background-cream .stat-text{color:var(--color-purple);font-size:1.23813rem;font-family:"bree", sans-serif;margin-block-start:.5rem;}
.text-stats.background-cream .button.secondary{color:var(--color-green);border:solid .125rem var(--color-green);}
.text-stats img{height:9.375rem;}
@media screen and (min-width:48rem){
.stat-item:nth-child(odd){margin-right:5%;}
.stat-item:nth-child(even){margin-left:5%;}
} .video-thumbnail-container{position:relative;cursor:pointer;}
.video-thumbnail-container .play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80px;height:auto;}
.video-container{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:0;margin-bottom:0;}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.text-video.background-purple .button.secondary{border-color:var(--color-saffron);color:var(--color-saffron);}
.text-video.background-purple .button.primary{background-color:var(--color-saffron);border-color:var(--color-saffron);}
.video-badge{width:25.25rem;height:25.25rem;z-index:-1;left:-5%;bottom:-10%;}
@media(max-width:47.9375rem){
.video-badge{width:20.25rem;height:20.25rem;}
} .icon-container img{width:3rem;}
.bottom-image{height:20rem;z-index:3;position:relative;}
.timeline-slider-wrapper{overflow:hidden;position:relative;width:100%;}
.timeline-slider-wrapper::before, .timeline-slider-wrapper::after{content:'';position:absolute;top:0;bottom:0;width:6rem;z-index:15;pointer-events:none;opacity:0;transition:opacity 0.4s ease;}
.timeline-slider-wrapper::before{left:0;background:linear-gradient(to right, var(--color-purple, #6B46C1), transparent);}
.timeline-slider-wrapper::after{right:0;background:linear-gradient(to left, var(--color-purple, #6B46C1), transparent);}
.timeline-slider-wrapper.fade-left::before{opacity:1;}
.timeline-slider-wrapper.fade-right::after{opacity:1;}
.timeline-slider{transition:transform 0.4s ease;will-change:transform;display:flex;}
.timeline-nav{margin-top:1.25rem;gap:0.9375rem;}
.timeline-nav-btn{background:none;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity 0.3s ease;}
.timeline-nav-btn:disabled{opacity:0.3;cursor:not-allowed;}
.timeline-line{position:relative;width:100%;}
.timeline-dots{position:relative;width:100%;min-width:100%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;min-height:8rem;}
.timeline-bar{position:absolute;top:50%;height:0.1875rem;background:var(--color-cream);transform:translateY(-50%);z-index:1;}
.timeline-progress{position:absolute;top:50%;height:0.1875rem;background:var(--color-gold);transform:translateY(-50%);z-index:2;transition:width 0.4s ease, left 0.4s ease;}
.timeline-dot{background:none;border:none;position:relative;cursor:pointer;flex:1;text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center;padding:2.5rem 0;outline:none;-webkit-tap-highlight-color:transparent;}
.timeline-dot::before{content:'';display:block;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-cream);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;transition:background 0.25s ease, transform 0.25s ease;}
.timeline-dot.past::before{background:var(--color-gold);}
.timeline-dot.active::before{background:var(--color-gold);transform:translate(-50%, -50%) scale(1.15);}
.timeline-year{margin-top:4rem;font-size:1.5rem;font-style:normal;font-family:"Bree";font-weight:400;line-height:140%;position:relative;z-index:5;color:var(--color-cream);transition:color 0.25s ease;pointer-events:none;}
.timeline-year.past, .timeline-year.active{color:var(--color-gold);}
.timeline-entry{display:none;}
.timeline-entry.active{display:flex;}
.timeline h2, .timeline .button{color:var(--color-gold);}
.timeline-image img{border-radius:18.75rem;object-fit:cover;height:37.5rem;width:37.5rem;max-height:40vw;max-width:40vw;}
@media screen and (max-width:47.9375rem){
.future-columns .grid-33.padding-equalize{padding-left:0!important;padding-right:0!important;}
.timeline-image img{height:100%;width:100%;max-width:100%;max-height:100%;}
.timeline-year{font-size:1.1rem;margin-top:3rem;}
} .timeline-dots:last-child::after{display:none !important;}
.footer-menu ul, .socials-menu ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;}
.footer-menu li, .socials-menu li{width:calc(50%);margin-bottom:.75rem;}
.footer-menu li a, .socials-menu a{text-decoration:none;}
.socials-menu img{width:1.5rem;height:1.5rem;padding-right:1rem;}
.socials-menu a{padding-bottom:1rem;}
.footer-logo img{max-width:12.9375rem;}
.socials-menu li{width:calc(100% - .75rem);margin-bottom:.75rem;}
.footer-watermark img {
opacity: .05;
margin-bottom: -7.5rem;
}.accordion .faq-drawer__content-wrapper{line-height:1.35;max-height:0rem;overflow:hidden;transition:0.25s ease-in-out;}
.accordion .faq-drawer{margin-bottom:1rem;border-radius:.5rem;}
.accordion .faq-drawer__title{display:block;padding-top:1.5rem;padding-bottom:1rem;position:relative;margin-bottom:0;transition:all 0.2s ease-out;cursor:pointer;font-size:1.125rem;font-weight:800;border-top:solid 0.063rem var(--color-blue);}
.accordion .faq-drawer__content{padding:0 2rem 0rem 0;}
.accordion .faq-drawer__title::after{border-style:solid;border-width:.125rem .125rem 0 0;content:" ";display:inline-block;float:right;height:.625rem;left:-.125rem;position:relative;right:1.5em;top:.125rem;transform:rotate(135deg);transition:0.3s ease-in-out;vertical-align:top;width:.625rem;}
.accordion .faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper{max-height:100vh;}
.accordion .faq-drawer__trigger:checked + .faq-drawer__title::after {
transform: rotate(-45deg);
transition: 0.2s ease-in-out;
}.js-scroll{opacity:0;transition:opacity 500ms;}
.logged-in .js-scroll, .paged .js-scroll, .page-template-proposal .js-scroll, .single-crb_proposal .js-scroll{opacity:1!important;}
.js-scroll.scrolled{opacity:1;}
.scrolled.fade-in, .fade-in{animation:fade-in 500ms ease-in-out both;}
.scrolled.fade-in-top, .fade-in-top{animation:fade-in-top 500ms ease-in-out both;}
.scrolled.fade-in-bottom, .fade-in-bottom{animation:fade-in-bottom 500ms ease-in-out both;}
.scrolled.slide-in-left, .slide-in-left{animation:slide-in-left 500ms ease-in-out both;}
.scrolled.slide-in-right, .slide-in-right{animation:slide-in-right 500ms ease-in-out both;}
@keyframes slide-in-left {
0%{-webkit-transform:translateX(-6.25rem);transform:translateX(-6.25rem);opacity:0;}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@keyframes slide-in-right {
0%{-webkit-transform:translateX(6.25rem);transform:translateX(6.25rem);opacity:0;}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@keyframes fade-in-top {
0%{-webkit-transform:translateY(-3.125rem);transform:translateY(-3.125rem);opacity:0;}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@keyframes fade-in-bottom {
0%{-webkit-transform:translateY(3.125rem);transform:translateY(3.125rem);opacity:0;}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@keyframes fade-in {
0%{opacity:0;}
100%{opacity:1;}
} @keyframes infinite-scroll {
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
.infinite-scroll-wrapper{width:100%;overflow-x:hidden;}
.infinite-scroll-container{display:flex;width:125rem;animation-name:infinite-scroll;animation-duration:20s;animation-iteration-count:infinite;animation-timing-function:linear;}
.infinite-scroll-item{white-space:nowrap;}
@media screen and (min-width:48rem){
:root{--space:2rem;--space-xs:calc(var(--space) / 3);--space-sm:calc(var(--space) / 2);--space-md:calc(var(--space) * 2);}
div.sticky-article{flex-basis:0;flex-grow:999;}
div.sticky-aside{--offset:var(--space);flex-grow:1;align-self:start;position:sticky;top:var(--offset);}
} :root{--wipe-in:inset(0 0 0 0);--wipe-bottom:inset(100% 0 0 0);--wipe-left:inset(0 100% 0 0);--wipe-top:inset(0 0 100% 0);--wipe-right:inset(0 0 0 100%);}
[transition-style]{animation-delay:var(--transition__delay, 0);animation-duration:var(--transition__duration, 2.5s);animation-timing-function:var(--transition__easing, cubic-bezier(.25, 1, .3, 1));animation-fill-mode:both;will-change:clip-path}
@media (prefers-reduced-motion: reduce), print {
[transition-style]{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}
}
@keyframes wipe-in-top {
0%{-webkit-clip-path:var(--wipe-top);clip-path:var(--wipe-top)}
to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}
}
[transition-style="in:wipe:down"], [transition-style="in:wipe:top"]{animation-name:wipe-in-top}
@keyframes wipe-in-right {
0%{-webkit-clip-path:var(--wipe-left);clip-path:var(--wipe-left)}
to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}
}
[transition-style="in:wipe:right"]{animation-name:wipe-in-right}
@keyframes wipe-in-bottom {
0%{-webkit-clip-path:var(--wipe-bottom);clip-path:var(--wipe-bottom)}
to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}
}
[transition-style="in:wipe:bottom"], [transition-style="in:wipe:up"]{animation-name:wipe-in-bottom}
@keyframes wipe-in-left {
0%{-webkit-clip-path:var(--wipe-right);clip-path:var(--wipe-right)}
to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}
}
[transition-style="in:wipe:left"]{animation-name:wipe-in-left}
.scrolled.wipe-top, .wipe-top{animation:wipe-in-top 1000ms ease-in-out both;}
.scrolled.wipe-bottom, .wipe-bottom{animation:wipe-in-bottom 1000ms ease-in-out both;}
.scrolled.wipe-right, .wipe-right{animation:wipe-in-right 1000ms ease-in-out both;}
.scrolled.wipe-left, .wipe-left{animation:wipe-in-left 1000ms ease-in-out both;}
.transition-delay-200{animation-delay:200ms;}
.transition-delay-400{animation-delay:400ms;}
.transition-delay-600{animation-delay:600ms;}
.transition-delay-800{animation-delay:800ms;}
.transition-delay-1000{animation-delay:1000ms;}
.transition-delay-1200 {
animation-delay: 1200ms;
}