/*
	Theme Name: Buccinni Pollin Group
	Theme URI: www.bpgroup.net
	Description: WP Theme for Buccinni Pollin Group
	Version: 1
	Author: Squatch Creative
	Author URI: http://squatch.us

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic);


/* COLORS


red - ed1c24
gray - 505050


*/

:root {
	--red: #ed1c24;
	--gray: #505050;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

.fancybox-navigation button {
    position: fixed;
}









/* Starter CSS by RCNEIL */

a {	
	-webkit-transition: 300ms;
	-ms-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms; 
} /* REMOVE IF USING JQUERY ANIMATIONS */


body {
	margin:0px; padding:0px;
	font-family: 'Fira Sans', Arial, sans-serif;
	background:#fff;
	font-size:16px; 
	line-height:24px;  
	font-weight:300; 
	color:#505050;
} 
body.no-scroll {
    height: 100vh;
    overflow: hidden;
    margin-right: 17px;
}

div { 
	display:block; 
	position:relative; 
	margin:0px auto; 
	padding:0px; 
}
.container {
	float:none; clear:both; margin:0px auto; padding:0px;
	width:100%; height:auto; 	
}
.padded-container {
	padding-top:48px;
	padding-bottom:48px;
	-webkit-transition:180ms;
	transition:180ms;
}
.row {
	float:none; clear:both; margin:0px auto; padding:0px; 
	width:100%; height:auto; 
	max-width:1280px; 
}

.small-row {
	max-width:760px; 
}

/*UNIVERSAL SPAN SELECTOR */
div[class*='span'] {
	float:left; margin:0px auto; padding:18px 36px; height:auto;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
}
.span5 { width:5%; }
.span10 { width:10%; }
.span15 { width:15%; }
.span20 { width:20%; }
.span25 { width:25%; }
.span30 { width:30%; }
.span33 { width:33%; }
.span35 { width:35%; }
.span40 { width:40%; }
.span45 { width:45%; }
.span50 { width:50%; }
.span55 { width:55%; }
.span60 { width:60%; }
.span65 { width:65%; }
.span66 { width:66%; }
.span70 { width:70%; }
.span75 { width:75%; }
.span80 { width:80%; }
.span85 { width:85%; }
.span90 { width:90%; }
.span100 { width:100%; }

.table {
	display:table; position:absolute; height:100%; width:100%;
}
.table-cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width:auto;
	height:auto;
}
h1, h2, h3, h4, h5, h6 {

}
h1 {
	font-family: 'Fira Sans';
	font-size: 48px;
    line-height: 58px;
    font-weight: 700;
}

.left-side h1 {
	margin-top:0px; 
	color:#fff; 
}

.top-layout-container h1 {
	color:#fff; 
}

h2 {
	font-family: 'Fira Sans';
	font-size: 28px;
    line-height: 38px;
    font-weight: 300;
}

.top-layout-container h2 {
	color:#fff; 
}

h3 {
	font-size:24px;
	line-height:32px;
	margin:0px auto; 
	font-weight:700; 
}

.footer h3 {
	color:#fff; 
}

h4 {
	font-size:20px; line-height:28px;
	font-weight:700;
	color:#ed1c24;
	text-transform:uppercase;
	margin:0px auto;
	padding:0px; 
}

h5 {
	text-transform:uppercase;
	margin:4px auto;
	padding:0px;
	font-size:18px;
	line-height:24px;
	color:#a6a6a6;
}

p {
}

a {
	text-decoration:none;
	color:#ed1c24;
}

a:hover {
	color:#000;
}

img, a img {
	display:inline-block; 
	max-width:100%; 
	height:auto; 
	border:0px;
	padding:0px;
	margin:0px auto;
}
small {font-size:80%;}
.bold, strong {font-weight:bold;}
.italic, em { font-style:italic;}
.hidden { display:none; }
.clear {	clear:both; float:none; display:block; position:relative; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; } 
.no-gap { margin:0px auto !important; padding:0px !important; } 

.body-wrapper {
	max-width:100%;
	width:100%; 
	overflow:hidden; 
}
hr {
	display:block; position:relative;
	clear:both; float:none;
	width:60%;
	height:2px;
	margin:30px auto;
	padding:0px 0px;
	background:#fff; 
	border:0px;
}

input, textarea, select {
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
	
	width:100%; max-width:100%;
	height:auto;
	margin:0px auto;
	padding:7px 12px;
	
	font-weight:300; 
	
	border:1px #454545 solid;
	border-radius:3px; 
	
	text-align:left; 
}

input[type="submit"] {
	display:inline-block; position:relative;
	margin:10px auto; padding:10px 34px 7px 34px;
	width:auto; height:auto;
	
	font-size:18px; line-height:15px;
	font-weight:400; 
	text-transform:uppercase;
	background:#696969 !important;
	border:3px #696969 solid !important;
	color:#fff !important; 
	
	-webkit-transition:180ms;
	transition:180ms;
}

input[type="submit"]:hover {
	border:3px #ed1c24 solid !important;
	background:#ed1c24 !important;
	color:#fff !important; 
}

a.button {
	display:inline-block; position:relative;
	margin:10px auto; padding:10px 34px 7px 34px;
	width:auto; height:auto;
	
	font-size:14px; line-height:15px;
	font-weight:400; 
	text-transform:uppercase;
	background:#ed1c24 !important;
	border:3px #ed1c24 solid !important;
	color:#fff !important; 
	
	border-radius:3px; 
	
	-webkit-transition:180ms;
	transition:180ms;
}

a.button:hover {
	border:3px #696969 solid !important;
	background:#696969 !important;
	color:#fff !important; 
}
















/* HEADER
================================*/

.header {
	border-bottom:4px #ed1c24 solid; 
	position:fixed; display:block;
	background:#fff; 
	z-index:999; 
}

#stick-this {
	background:#fff;
	z-index:998; 
}

span.mobile-nav-button {
	display:none; 
}

.logo {
	display:block; float:left;
	margin:0px auto;
	padding:0px;
	width:100%;
	height:auto;
	max-width:120px; 
}

.logo.logo-25 {
    max-width: 160px;
}

ul.menu {
	list-style:none; margin:10px auto 0px auto; padding:0px;
	display:inline-block;
}

ul.menu li {
	list-style:none; margin:0px; padding:0px;
	display:inline-block;
}

ul.menu li a {
	display:block;
	height:auto; width:auto;
	
	margin:0px; padding:18px 24px 18px 24px;
	/*border-bottom:3px #fff solid;*/
	
	font-size:20px; line-height:28px;
	font-weight:400;
	color:#505050;
	text-decoration:none;
}

ul.menu li:after {
	content:"";
	display:block;
	position:relative;
	height:4px;
	width:100%;
	bottom:0px;
	background:#fff;
	
	-webkit-transition:400ms;
	transition:400ms;
}

ul.menu li:hover::after {
	bottom:8px;
	background:#aaa;
}

ul.menu li a:hover {
	/*border-color:#ed1c24;*/
}

ul.sub-menu {
	display:none;
	position:absolute;
	z-index:9999 !important;
	background: #232323;	
	padding:10px 0px; 
	margin:0px;
	list-style:none;
	text-align:left; 
	box-shadow:none;
}

ul.sub-menu li {
	display:block; 
	float:none; 
	clear:both;
}

ul.menu li:hover > ul.sub-menu {
	display:block; 
}

ul.sub-menu li:after {
	content:"";
	display:block;
	position:relative;
	height:4px;
	width:100%;
	bottom:0px;
	background:#272727;
	
	-webkit-transition:400ms;
	transition:400ms;
}

ul.sub-menu li:hover::after {
	background:#383838;
	bottom:0px;
}


ul.sub-menu li a:link, ul.sub-menu li a:visited {
	font-size:16px;
	line-height:18px; 
	font-weight:300; 
	color:#fff; 
	padding:10px 20px; 
	border-bottom:0px; 
	width:200px;
}

ul.sub-menu li a:hover {
	color:#ed1c24; 
	border-bottom:0px; 
}

ul.menu li:hover > ul:after {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 198, 0, 0);
	border-bottom-color: #232323;
	border-width: 8px;
	margin-left: -8px;
}




/* WHEN STUCK */

.header div[class*='span'] {
	padding:8px 36px;
	-webkit-transition:100ms;
	transition:100ms;
}

.header-stuck {
	position:fixed; top:0; 
}

.header-stuck  div[class*='span'] {
	padding-top:0px !important;
	padding-bottom:6px !important; 
}

.stuck {
	position: fixed;
	padding-top:8px;
	padding-bottom:0px;
	box-shadow:0px 0px 10px 0px #aaa;
	top:64px;
}













/* HERO VIDEO
========================= */

.hero-slider-post-container a.button {
    position: absolute;
    bottom: 48px;
    left: 50%;
    z-index: 990;
    background: transparent !important;
    border-color: #fff !important;
    font-weight: bold;
    font-size: 18px;
    padding: 12px 38px;
    transform: translateX(-50%);
}

.hero-slider-post-container a.button:hover {
    border-color: #ed1c24 !important;
    color: #ed1c24 !important;
}
















/* BODY
==============================*/

.gray-back {
	background:#f3f3f3; 
}

.news-section img {
	display:block; width:100%; height:auto;
	max-width:100%; 
}

.news-section .span33 {
	border-top:5px #fff solid;
	border-bottom:5px #fff solid;
	-webkit-transition:180ms;
	transition:180ms;
}

.news-section .span33:hover {
	border-color:#ed1c24;
}

.pagination a {
	display:inline-block;
	position:relative;
	width:auto; height:auto;
	margin:0px 2px;
	padding:8px 12px;
	background:#eee;
	border:1px #dedede solid;
}

.side-layout-container {
	padding:0px; 
}

.left-side {
	padding-top:102px !important;
	padding-bottom:102px !important;
	background-size:cover; 
	
	min-height:1280px; 
}

.left-side a {
	color: #efefef;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px; 
}

.left-side a:hover {
	color:#ed1c24; 
}

.left-side ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.left-side ul li {
	list-style:none;
	margin:0px;
	padding:8px 0px; 
}

.right-side {
	padding-top:60px !important; 
}

img.brand-image {
    max-width: 100%;
    margin-bottom: 32px;
}

.overlay {
	display:block;
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	margin:0px; padding:0px;
	background: rgba(0,0,0,0.78); 
	
	-webkit-transition:400ms;
	transition:400ms;
}

.legend-links {
	margin:0px; padding:0px; 
}

.news-category-links ul, .news-category-links ul li {
	margin:0px; padding:0px; 
	list-style:none;
}

.news-category-links ul li {
	display:inline-block; margin:0px; padding:0px; 
}

.legend-links a, .news-category-links a {
	display:inline-block; 
	margin:0px auto;
	padding:10px 8px;
	border-bottom:3px #fff solid;
	
	text-transform:uppercase;
	color:#383838;
	font-weight:300;
}

.legend-links a:hover, .news-category-links a:hover {
	border-color:#ed1c24;
}

#back-to-top {
	display:block; 
	opacity:0.0; 
	top:30px; 
	right:80px;
	position:absolute;
	z-index:100; 
	-webkit-transition:100ms;
	transition:100ms;
}

.stuck #back-to-top {
	opacity:1.0; 
}


.contact-row div[class*='span'] {
	padding:8px 10px; 
}

div[class*='span'].dark-block-listing {
	padding:0px !important;
	width: calc(33% - 20px);
	margin:10px 10px; 
	float:none;
	display:inline-block; 	
}

div[class*='span'].dark-block-listing-property {
	padding:0px !important;
	width: 33% !important;
	margin:0px !important;
	float:left;
	display:block; 	
	overflow:hidden;
	height:420px;
}



.dark-block-listing-property .overlay {
	width:110%; 
	background: rgba(0,0,0,0.58); 
}

.dark-block-listing-property:hover .overlay {
	background: rgba(0,0,0,0.9); 
}

.dark-block-listing-property hr {
	width:20%;
	-webkit-transition:320ms;
	transition:320ms;
}

.dark-block-listing-property:hover hr {
	width:75%; 
}

.dark-block-listing .table {
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
	padding:60px 30px;
}

.dark-block-listing-property .table {
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
	padding:5px 30px;
}

.dark-block-listing h3, .dark-block-listing h3 a {
	color:#fff;
	font-weight:300;
	text-transform:uppercase;
}

.dark-block-listing-property h2, .dark-block-listing-property h2 a {
	color:#fff;
	text-transform:uppercase;
	font-weight:100;
	font-size:22px; line-height:30px; 
	margin:8px auto; 
	text-align:center; 
}

.dark-block-listing-property h3, .dark-block-listing-property h3 a,
.more-information h3, .more-information h3 a {
	color:#fff;
	text-transform:uppercase;
	font-weight:100;
	font-size:32px; line-height:40px; 
	text-align:center; 
}

.dark-block-listing p {
	color:#fff;
}

.dark-block-listing-property p, .dark-block-listing-property ul, .dark-block-listing-property li {
	color:#fff;
	font-size:12px; line-height:18px; 
}

p.address {
	text-transform:uppercase;
	font-size:18px; line-height:14px;
	text-align:center; 
}

p.address span {
	font-size:12px;
}

.more-information {
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   	box-sizing: border-box;
	
	
	display:block; position:fixed;
	z-index:1001; 
	top:0px; right:-640px;	
	width:100%;
	max-width:600px; 
	height:100%;
	background:#191919;
	margin:0px auto;
	padding:90px 32px; 
	
	
	box-shadow:0px 0px 10px 0px #121212; 
	
	-webkit-transition:200ms;
	transition:200ms;
	
	overflow-y:scroll; 
}

.more-information p, .more-information ul li, .more-information {
	color:#fff !important; 
}

.more-information img {
	display:block; float:none; clear:both;
	width:100%; height:auto; max-width:100%;
	margin:0px auto 32px auto; 
}



.opened-info {
	right:0px !important;
}

.more-information hr { 
}

.dark-block-listing-property .the-content ul,
.dark-block-listing-property .the-content li {
	text-align:left; 
}

.close-button, 
.left-toggle-button, 
.left-person-toggle-button, 
.right-toggle-button,
.right-person-toggle-button {
	position:absolute;
	top:20px;
	display:block;
	z-index:50;
	
	width:40px; height:40px;
	text-align:center; 
	
	font-size:22px; line-height:22px; 
	margin-left:-20px;
	color:#eee; 
	
	opacity:0.6; 
}

.close-button {
	left:50%;
}

.left-toggle-button,
.left-person-toggle-button {
	left:6%;
}

.right-toggle-button,
.right-person-toggle-button {
	right:4%;
}

.close-button:hover, 
.left-toggle-button:hover, 
.left-person-toggle-button:hover, 
.right-toggle-button:hover,
.right-person-toggle-button:hover {
	color:#eee;
	opacity:0.9; 
}

.news-listing h2, .news-listing h2 a {
	margin:8px auto 2px auto;
	padding:0px;
	text-transform:uppercase;
	color:#454545; 
	font-weight:400; 
	
	font-size:24px; line-height:32px; 
}

p.date {
	margin:0px;
	text-transform:uppercase;
	
	font-size:14px; line-height:18px;
}

.shares {
    padding: 48px 0px;
}

.shares p a {
    display: inline-block;
    font-size: 28px;
    line-height: 30px;
    padding: 8px;
}

.shares h4 {
    color: #989898;
    letter-spacing: 2px;
}

.sidebar-widget ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.sidebar-widget ul li {
	list-style:none;
	margin:0px;
	padding:10px 0px; 
}

.sidebar-widget h3 {
	margin-top:24px; 
	margin-bottom:4px;
	border-bottom:2px #696969 solid;
}

span.post-date {
	display:block;
	clear:both;
	position:relative;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase; 
	color:#aaa;
}

.banner-shot {
	min-height:540px; 
}

.bio-list {
	padding-top:0px !important;
}

.bio-list p {
	font-size:13px;
	line-height:19px; 
}

.bio-description {
	display:none;
}

.bio-description h2 {
	color:#ed1c24; 
}

.bio-description img {
	max-width:320px !important;
}

#team-shot {
	display:block;
}

#team-shot img {
	max-width:100% !important; 
}

.small-property-listing {
	padding:0px 15px 0px 0px !important;
}


.our-intro-text p:first-child {
	/*margin-top:0px; */
}

.gallery-item a img {
    display: block;
    border: 0 !important;
}
.gallery-item a {
    display: block;
}

dl.gallery-item {
    margin: 0 !important;
    border: 0;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}














/*2021
===================== */

.span100.our-people-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
}

.our-person {
    width: calc(25% - 2rem);
    margin: 1rem;
    background: var(--gray);
    overflow: hidden;
}

.our-person a.more-info-person {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.our-person img {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    aspect-ratio: 3/4;
    min-height: 240px;
}

.our-person info {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
    transition: 240ms ease all;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    box-sizing: border-box;
    background: var(--red);
    width: 100%;
    padding: 6px 24px 12px 24px;
   
}

@media not all and (hover: none) {
	.our-person info {
		transform: translate(0,95%);
		opacity: 0.0;
	}
	
	.our-person:hover info {
		transform: translate(0,0);
		opacity: 1.0;
	}
}

.our-person info:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0px 24px calc(25vw - 2rem);
    border-color: transparent transparent var(--red) transparent;
    content: '';
    position: absolute;
    top: -22px;
    right: 0;
}

info h3 {
    margin: 0;
    color: white;
	text-align:right;
}

info position {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 8px 0;
    font-size: 16px;
    line-height: 120%;
    color: white;
	text-align:right;
}

.our-person .more-information img {
    width: 320px;
    height: auto;
    max-width: 100%;
}

.more-information position {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
    text-align: center;
}














/* FOOTER
==========================*/

.footer {
	border-top:4px #ed1c24 solid; 
	background:#505050;
	color:#fff;
	
	margin:0px auto;
	padding:90px 0px 90px 0px;
}

.footer p {
	display:inline-block;
	font-size:14px; 
	line-height:19px; 
	color:#a6a6a6;
}

.social-footer a {
	display: inline-block;
    margin: 0px 4px;
    padding: 11px;
    border-radius: 50%;
    background: #a6a6a6;
    color: #505050;
    width: 48px;
    height: 48px;
	
	font-size:22px;
	line-height:30px; 
}

.social-footer a:hover {
	background:#505050;
	color:#a6a6a6;
}

.bottom-footer {
	background:#383838; 
}

p.copyright {
	color:#aaa;
	font-size:14px; 
	line-height:19px; 
}

.builtby {
	max-width:90px; padding:20px 0px; 
	margin:0px auto; 
	display:inline-block; float:none; clear:both; 
	z-index:100; 
	
	opacity:0.45; 
}

.builtby:hover {
	-webkit-animation:shake .2s 1;
	animation: shake .2s 1;
	opacity:1.0; 
}


@-webkit-keyframes shake {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

@keyframes shake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}
















/* ANIMATIONS
=================================*/

.slide-up {
	-webkit-animation:slideUp ease .9s forwards;
	-moz-animation:slideUp ease .9s forwards;
	-ms-animation:slideUp ease .9s forwards;
	animation:slideUp ease .9s forwards;
}

@-webkit-keyframes slideUp {
from 	{ opacity:0.0; -webkit-transform: translate(0px,80px); }
to		{ opacity:1.0; -webkit-transform: translate(0,0); }
}

@-moz-keyframes slideUp {
from 	{ opacity:0.0; -moz-transform: translate(0px,80px); }
to		{ opacity:1.0; -moz-transform: translate(0,0); }
}

@-ms-keyframes slideUp {
from 	{ opacity:0.0; -ms-transform: translate(0px,80px); }
to		{ opacity:1.0; -ms-transform: translate(0,0); }
}

@-keyframes slideUp {
from 	{ opacity:0.0; transform: translate(0px,80px); }
to		{ opacity:1.0; transform: translate(0,0); }
}

.slide-left {
	-webkit-animation:slideLeft ease .9s forwards;
	-moz-animation:slideLeft ease .9s forwards;
	-ms-animation:slideLeft ease .9s forwards;
	animation:slideLeft ease .9s forwards;
}

@-webkit-keyframes slideLeft {
from 	{ opacity:0.0; -webkit-transform: translate(80px,0px); }
to		{ opacity:1.0; -webkit-transform: translate(0,0); }
}

@-moz-keyframes slideLeft {
from 	{ opacity:0.0; -moz-transform: translate(80px,0px); }
to		{ opacity:1.0; -moz-transform: translate(0,0); }
}

@-ms-keyframes slideLeft {
from 	{ opacity:0.0; -ms-transform: translate(80px,0px); }
to		{ opacity:1.0; -ms-transform: translate(0,0); }
}

@-keyframes slideLeft {
from 	{ opacity:0.0; transform: translate(80px,0px); }
to		{ opacity:1.0; transform: translate(0,0); }
}

















/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
@media all and (min-width:1281px) {
	
	.header-stuck .logo {
		max-width:80px;
		padding-top:6px;
	}

	.header-stuck .logo.logo-25 {
		max-width:110px;
	}

	.header-stuck ul.menu {
		margin-top:0px; 
	}


	.header-stuck ul.menu li a {
		padding:18px 24px 3px 24px;
		font-size:16px; 
	}

	.header-spacer {
		height:90px; 
	}

	div[class*='span'].dark-block-listing-property:nth-child(3n+1) {
		width:34% !important;
	}
	
	
	
}
@media all and (max-width:1280px) {
	

	.header-spacer {
		height:75px; 
	}	
		

		
	.logo {
		max-width:90px;  
	}

	.logo.logo-25 {
		max-width:110px;
	}

	ul.menu li a {
		display:block;
		height:auto; width:auto;
		
		margin:0px; padding:12px 16px 12px 16px;	
		font-size:16px; line-height:20px;
	}

	.header-stuck ul.menu {
		margin-top:10px; 
	}

	.header-stuck ul.menu li a {
		padding:12px 16px 12px 16px;	
		font-size:16px; 
	}

	.left-side h1 {
		font-size:36px; line-height:42px; 
	}	
		
	.left-side a {
		font-size:14px; line-height:20px;
	}	

	div[class*='span'].dark-block-listing-property {
		width: 50% !important;
	}


	
	
}
@media all and (max-width:1080px) {
	.our-person {
		width: calc(33.333333% - 2rem);
	}
	.our-person info:after {
		border-left-width: calc(50vw - 2rem);
	}
}
@media all and (max-width:991px) { 
	
	div[class*='span'].dark-block-listing {
		width:100%;
		margin:0px; 
	}

	span.mobile-nav-button {
		display:block; 
		position:absolute;
		top:20px; right:30px; 
		cursor:pointer;
		z-index:9999; 
	}

	.header ul.menu {
		display:none; 
		position:fixed;
		top:0; left:0;
		z-index:1001; 
		margin:0px auto;
		padding:0px;
		width:100%; height:auto;
		background:#383838;
	}

	ul.menu li {
		display:block; clear:both; float:none; 
	}

	ul.menu li a {
		display:block;	
		padding:13px 10px 13px 10px;
		font-size:14px; line-height:24px;
		font-weight:700;
		color:#fff;
		border-bottom:2px #454545 solid; 
		text-align:center; 
	}

	ul.menu li:after {
		display:none; 
	}

	.header-spacer {
		height:70px; 
	}

	ul.menu li:hover > ul.sub-menu {
		display:none; 
	}

	ul.sub-menu li:after {
		display:none;
	}






	
	
	
}
@media all and (max-width:767px) {


	div[class*='span'] {
		float:none; clear:both; width:100%; padding:20px 10px; margin:0px auto;
	}

	div[class*='span'].dark-block-listing-property {
		width: 100% !important;
	}


	h1 {
		font-size: 32px;
		line-height: 38px;	
		text-align:center;
	}


	h2 {
		font-size: 22px;
		line-height: 28px;
		text-align:center;
	}

	h4, h5 {
		text-align:center; 
	}

	.news-listing h2, .news-listing h2 a {
		font-size:20px; line-height:26px; 
	}

	.news-section .span33:hover {
		border-color: #fff;
	}


	.header div[class*='span'] {
		padding-top:6px;
		padding-bottom:0px;
		padding-left:12px; 
	}

	.outreach-news-listing {
		text-align:center; 
	}

	.news-listing-small {
		text-align:center; 
	}

	.banner-shot {
		min-height:240px;
	}

	.alignleft, .alignright {
		display:block; clear:both; float:none;
		margin:10px auto; 
		padding:0px; 
	}

	.bio-description img {
		max-width: 100% !important; 
	}

	.header ul.social { display:none; } 

	.text-right, .logo-holder { text-align:center; } 

	.news-category-links ul li {
		display:inline-block; margin:0px; padding:0px; 
	}

	.legend-links a, .news-category-links a {
		padding:0px 4px;
		border-bottom:1px #ed1c24 solid;
		font-size:12px; line-height:18px;
	}
	
	.legend-links a {
		display: block;
		margin: 0;
		padding: 1rem 0;
	}

	.left-side {	
		min-height:100px; 
		padding-top: 24px !important;
		padding-bottom: 2px !important;
	}

	.right-side {
		padding-top: 20px !important;
	}

	.footer h3 {
		font-size:18px;
		line-height:20px; 
	}

	p.copyright {
		text-align:center; 
	}

	.bio-description img {
		display:block;
		float:none;
		clear:both;
		margin:0px auto;
	}

	.hero-slider-post-container a.button {
		bottom: 12px;
		left: 50%;
		z-index: 990;
		font-weight: 400;
		font-size: 14px;
		padding: 8px 14px;
		transform: translateX(-50%);
	}

	.our-person {
		width: calc(50% - 2rem);
	}








}
@media all and (max-width:475px) {
	.our-person {
		width: 100%;
	}
	.our-person info:after {
		border-left-width: 100vw;
	}
}
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
/**** MEDIA QUERIES *****/
.grecaptcha-badge {
    visibility: hidden;
}