/*** General ***/ body {font-family: myriad-pro, sans-serif; font-weight: 400; font-style: normal; font-size: 130%; overflow-x: hidden;} h1{color: #FFF; font-size: 2.8em; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0 0 5px #191919; font-family: myriad-pro-condensed,sans-serif; font-weight: 700;} h2{color: #00477f; font-size: 2.2em; border-bottom: 1px solid #CCCCCC; margin-bottom: 30px; font-family: myriad-pro-condensed,sans-serif; font-weight: 700;} h3{color: #a80000; font-size: 2em; border-bottom: 1px solid #CCCCCC; font-family: myriad-pro-condensed,sans-serif; font-weight: 700;} h4{color: #00477f; font-size: 1.8em; font-family: myriad-pro-condensed,sans-serif; font-weight: 700;} h5{color: #a80000; font-size: 1.6em; font-family: myriad-pro-condensed,sans-serif; font-weight: 700;} a{transition: all 0.5s ease; color: #00477f;} a:hover{color: #a80000;} .red-arrow{color: #a80000;} .none{display:none;} strong{font-weight: 700;} .img-responsive-right{width: 40%; float: right; margin: 10px 0 15px 15px;} img {-ms-interpolation-mode: bicubic;} .red{color: #a80000} .fancybox-image, .fancybox-spaceball {height:auto!important;} .fancybox-slide--video .fancybox-content {background:transparent!important;} .back-to-hunt{background: #313131; padding: 10px 0; font-family: "myriad-pro-semi-condensed",sans-serif; display: block; transition: all 0.5s ease;} .back-to-hunt:hover{background: #000;} .back-to-hunt p{color: #FFF; padding: 0;font-size: .8em; text-decoration: none !important; margin: 0;} .back-to-hunt p:hover{text-decoration: none !important;} .back-to-hunt p a{text-decoration: none !important;} .back-to-hunt p a:hover{text-decoration: none !important;} .back-to-hunt-arrow{font-size: .9em;} /*** Header Area ***/ .homepage-banner-area-new{background:url('/images/homepage-background.jpg') center center no-repeat; background-size: cover; margin: 0 auto;} /*.banner-area{background:url('/images/homepage-banner.jpg') center center no-repeat; background-size: cover;}*/ .banner-back{background: #989898} .banner-area{background:transparent center center no-repeat; background-size: cover; position: relative; } .homepage-banner{position:absolute; top:0px; width:100%; } .multifamily-banner{top:45px;} .carousel-item{background-size: cover!important; padding: 30px 0!important; } .carousel-inner{position: relative; margin: 0 auto; max-width: 1600px;} .homepage-banner-container{} .homepage-banner-container img{width: 100%; max-width: 1300px;} .carousel-control-prev, .carousel-control-next{opacity: 0!important;} .carousel-control-prev:hover, .carousel-control-next:hover{opacity: 1!important;} .banner-gradient{background: url("../images/bg-header-gradient.png") top left repeat-x; padding: 30px 0;} .nav-search-container{padding-top:30px;} .banner-gradient-multifamily{background: url("../images/bg-header-gradient.png") top left repeat-x; padding: 30px 0; } .nav-item a{color: #FFF !important; font-size: 1.1em; text-transform: uppercase; letter-spacing: 1px; margin-right: 10px; padding-top: 20px; padding-bottom: 20px;font-family: myriad-pro-condensed,sans-serif; font-weight: 700;} .nav-item a:hover{background-color: rgba(0, 71, 127, .8);} .banner-content{background-color: rgba(0, 70, 127, .8); padding: 10px 20px; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; } .banner-content-multifamily{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+19,1e5799+19,00467f+74&0+0,1+55 */ background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(30,87,153,0.35) 19%, rgba(10,76,136,1) 55%, rgba(0,70,127,1) 74%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(30,87,153,0.35) 19%,rgba(10,76,136,1) 55%,rgba(0,70,127,1) 74%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(30,87,153,0.35) 19%,rgba(10,76,136,1) 55%,rgba(0,70,127,1) 74%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#00467f',GradientType=0 ); /* IE6-9 */ padding: 10px 20px; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;} .banner-content-title{color: #7fb3fd; font-size: 1.2em; padding: 0; margin: 0; border-bottom: 1px solid #fff;} .banner-content-title span{font-weight: 900; color: #FFF;} .banner-content-title-multifamily{color: #7fb3fd; font-size: 1.6em; padding: 0; margin: 0;} .banner-content-title-multifamily span{font-weight: 900; color: #FFF;} .banner-content-info{padding: 0; margin: 0; color: #FFF;} .banner-content-staff{background-color: rgba(0, 0, 0, .6); padding: 10px 20px; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; } .banner-content-title-staff{color: #7fb3fd; font-size: 1em; padding: 0; margin: 0;} .banner-content-title-staff span{font-weight: 400; color: #FFF;} .banner-content-info-staff{padding: 0; margin: 0; color: #FFF; margin-bottom: 30px;} .subpage-title-area{margin-top: 50px; margin-bottom: 50px;} .subpage-title-background{background-color: rgba(0, 71, 127, .8);} .logo{max-width: 100%;} /*** Content Area ***/ .content-area{padding: 50px 0 80px 0; color: #3c3c3c; position: relative; } .content-area p{color: #3c3c3c;} .homepage-values-area{margin-bottom: 100px;} .values-background{background: #f1f1f1;} .values-image{width: 100%; max-width: 720px;} .content-button{width: 100%; padding: 10px 0; text-align: center; color: #FFF; font-size: 1.2em; background: #00477f;display: block; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; margin: 40px 0;} .content-button:hover{background: #a80000; text-decoration: none; -webkit-box-shadow: 0 0 8px 0 #DBDBDB; box-shadow: 0 0 8px 0 #DBDBDB; color: #FFF; -webkit-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px;} .homepage-corporate-profile-area{padding: 20px 0; background: #242424;} .homepage-corporate-profile-link{color: #FFF; font-size: 1.2em; text-transform: uppercase; text-decoration: none;} .homepage-corporate-profile-link:hover{text-decoration: none; color: #7fb3fd; } .homepage-corporate-profile-link span{color: #a80000; text-decoration: none;} .main-subpage-title{clear: both; color: #00477f; font-size: 2.2em; border-bottom: 1px solid #CCCCCC; margin-bottom: 30px; font-family: myriad-pro-condensed,sans-serif; font-weight: 700; text-shadow: none; text-transform: none; letter-spacing: inherit;} .esg-button{transition: all 0.5s ease; width: 100%;} .esg-button:hover{filter: grayscale(100%); -webkit-filter: grayscale(100%); -webkit-transition: all 1s ease;} /*** Homepage News **/ .homepage-news-header{background: #00477f;} .homepage-news-header-title{font-size: 1.2em; color: #FFF; text-transform: uppercase; padding: 15px 0 10px 0; margin: 0; border: none;} .homepage-news-header-link{color: #FFF; text-transform: uppercase; padding: 13px 0; display: block;} .homepage-news-header-link span{color: #b31f17;} .homepage-news-header-link:hover{text-decoration: none; color: #7fb3fd;} .homepage-news-area{padding: 0px 0 20px 0; background: #eeeeee;} .homepage-news-item{border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; display: block; width: 100%; padding: 0 0 5px 10px; margin-top: 20px;} .homepage-news-item p{padding: 0; margin: 0; font-style: italic; color: #747474; font-size: .8em;} .homepage-news-link{color: #004681; font-style: normal; font-size: 1.2em;} .homepage-news-link:hover{text-decoration: none; color: #b31f17;} .homepage-news-item p span{color: #b31f17; } .news .date{font-style: italic; color: #747474; font-weight: 400; margin-bottom: 10px;} /** News **/ .news {padding-top:25px; padding-bottom:25px;} .news .name{font-size: 1.3em;line-height:1;margin-bottom:15px;} .news .name a{text-decoration: none; color: #00477f;} .news .name a:hover{color: #a80000;} .news .lead{font-size: 1em;margin-bottom:15px;} .news .full{margin-bottom:30px;} .news-row{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #D7D7D7} .news h4{margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #D7D7D7} /*** At a Glace ***/ .glance-logo{max-width: 180px; width: 100%} .glance-icon{color: #b31f17; font-size: 3.5em; margin-bottom: 20px;} .glance-number{color: #004681 !important; font-weight: 700; font-size: 2em;} .glance-title{} .glance-credit{font-size: .8em; font-style: italic; color: #828282 !important; margin-bottom: 40px;} .glance-inside{height: 100%; display: block; padding: 40px 0 30px 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.58) 58%, rgba(151,167,193,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.58) 58%,rgba(151,167,193,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.58) 58%,rgba(151,167,193,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#97a7c1',GradientType=0 ); /* IE6-9 */ } .at-a-glance-image-link img{width: 100%;} .at-a-glance-image-link{} .at-a-glance-image-link:hover{} /*** Giving Back ***/ .giving-back-box{padding: 20px;} .giving-back-logo{margin: 20px auto 40px auto; max-width: 100%;} .report-button{width: 80%; margin: 0 auto; transition: all 0.5s ease;} .report-button:hover{-webkit-box-shadow: 0 0 8px 0 #9C9C9C; box-shadow: 0 0 8px 0 #9C9C9C;} /*** Offices ***/ .office-title{font-size: 1.4em;} .offices em{color: #a80000;} .offices-top {width: 100%; padding: 30px 20px; color: #FFF; text-align: center; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; margin-bottom: 30px; background: #00477f; /**background: url("/images/box1.jpg") center center no-repeat; background-size: cover;**/} .offices-main-title{color: #FFF; border: none; font-size: 1.6em; width: 100%;} .offices-top p{color: #FFF;} .offices-contact-button{padding: 10px 70px; text-align: center; color: #FFF; font-size: 1.2em; display: inline-block; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; margin: 40px 0; background: #a80000; width: auto; } .offices-contact-button:hover{background: #00477f; color: #FFF; text-decoration: none; -webkit-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px;} .office_container{margin-bottom: 30px;} .fancybox-contact{ padding: 10px 10px; border: 1px solid #BABABA!important; width: 100%; display: block;} .fancybox-contact:hover{background: #00477f; color: #FFF !important; text-decoration: none !important;} .contact-box em{color:#B31F17;} .contact-box{margin-bottom: 20px;} .contact-sep{margin: 20px 0; height: 1px; border: none; background: #E3E3E3; width: 100%; float: left; clear: both;} /*** Staff ***/ .leadership-link{width: 100%; padding: 10px 0; text-align: center; color: #FFF; background: #00477f;display: block; -webkit-border-radius: 20px 0 0 0; border-radius: 20px 0 0 0; margin: 40px 0;} .leadership-link:hover{-webkit-border-radius: 0 0 0 20px; border-radius: 0 0 0 20px;} .leadership-link:hover{background: #a80000; text-decoration: none; -webkit-box-shadow: 0 0 8px 0 #DBDBDB; box-shadow: 0 0 8px 0 #DBDBDB; color: #FFF;} .leadership-link-right{-webkit-border-radius: 0 0 20px 0; border-radius: 0 0 20px 0; border-left: 1px solid #FFF;} .leadership-link-right:hover{-webkit-border-radius: 0 20px 0 0; border-radius: 0 20px 0 0;} .staff-thumbnail{width: 100%; margin-bottom: 30px; -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: all 0.5s ease} .staff-thumbnail:hover{-webkit-filter: grayscale(90%); filter: grayscale(90%);} .staff-team a{color: #a80000; font-weight: 700;} .staff-team a:hover{color: #00477f; text-decoration: none;} .bio-image{margin-left:20px; margin-bottom:20px; width: 40%; float: right;} .card-header button{display: block; width: 100%; color: #FFF; background: #004681; text-align: left; font-size: 1em;} .card-header button:hover {background: #b31f17; color: #FFF; text-decoration: none;} .card-header {padding: 0;} /*** Businesses ***/ .businesses-inside-box {width: 100%; padding: 0 20px; background: #00477f; height: 260px; display: flex; text-align: center; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; transition: all 0.5s ease; margin-bottom: 30px !important;} .businesses-inside-box:hover{cursor:pointer; background: #262626; -webkit-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px;} .businesses-inside-box-info {display: block; margin: 0 auto; color: #FFF !important; font-weight: 700;} .businesses-inside-box-info em{color: #a80000} .no-line-hover:hover{text-decoration:none;} .business-box-top,.business-box-bottom {width: 100%; height: 350px; text-align: center; overflow: hidden; max-height: 350px; opacity: 1; transition: all ease-in-out 0.4s; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; vertical-align: middle; display: flex;} .business-box-top{background: #00477f} .business-box-bottom{background: #262626;} .business-box-top {display: flex;} .business-box-bottom {max-height: 0px; opacity: 0;} .business-box-wrapper{display:inline-block; width: 100%;} .business-box-wrapper:hover .business-box-top{max-height: 0px; opacity: 0;} .business-box-wrapper:hover .business-box-bottom{max-height: 350px; opacity: 1;} p.business-box-content{margin: auto; color: #FFF; vertical-align: middle; padding: 20px;} p.business-box-content em{color: #a80000;} .business-box-bottom p.business-box-content{font-size: .8em;} .business-box-bottom p.business-box-content em{font-size: 1.2em;} .box-1{background: url("/images/box1.jpg") center center no-repeat; background-size: cover;} .box-2{background: url("/images/box2.jpg") center center no-repeat; background-size: cover;} .box-3{background: url("/images/box3.jpg") center center no-repeat; background-size: cover;} .box-4{background: url("/images/box4.jpg") center center no-repeat; background-size: cover;} .new-businesses-image{width: 100%;} .new-businesses-inside-box{background: #00477f; transition: all 0.5s ease; margin-bottom: 30px; position: relative} .new-businesses-inside-box:hover{cursor:pointer; background: #262626; -webkit-border-radius: 0 20px 0 20px; border-radius: 0 20px 0 20px; } .new-businesses-inside-box:hover .business-hover-description{display:block} .new-businesses-inside-box:hover .business-non-hover-description{visibility: hidden} .new-businesses-inside-box p{color: #FFF; font-size: .9em; padding: 10px 20px; margin: 0;} .business-hover-description{display: none; position: absolute; color: #fff; padding: 0 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%} .businesss-title{background: #00477f; color: #FFF; width: 100%; display: block; font-size: 1.6em; padding: 5px 15px; margin-top: 40px;} .businesses-modal-title{color: #00477f !important; font-weight: 700; margin: 0; padding: 0; text-transform: uppercase} .businesses-modal-logo{margin-bottom: 40px;} .company-listing-row{margin-top: 50px; padding-top: 50px; border-top: 1px solid #E9E9E9} .company-listing-title{} .company-listing-logo{width: 80%;} .company-listing-link{color: #b31f17;} /*** MultiFamily ***/ .multifamily-index-locations{background: url("/images/bg-multifamily-index.jpg") center center no-repeat; background-attachment: fixed; background-size: cover; padding: 60px 0;} .multifamily-index-locations-intro{text-align: center; color: #FFFFFF; font-weight: 700; font-size: 1.2em; padding: 0; margin: 0;} .multifamily-index-locations-row{margin-top: 60px;} .multifamily-index-locations-link{text-decoration: none; display: block; padding: 20px; background: #004681; border-radius: 20px 0 20px 0; margin-top: 30px;} .multifamily-index-locations-link:hover{text-decoration: none; background: #000; border-radius: 0 20px 0 20px;} .multifamily-index-locations-link p{text-decoration: none; color: #FFF; font-size: .9em; line-height: 1.2em;} .multifamily-index-locations-link p span{color: #7fb3fd;} .multifamily-index-locations-link p:hover{text-decoration: none;} .multifamily-index-locations-link img{width: 100%; margin-bottom: 20px;} p.leadership-link-multifamily a:hover{text-decoration: none;} .leadership-container h3{font-size: 1.4em; margin-bottom: 20px;} .leadership-container h3 span{font-size: .8em; color: #3D3D3D;} .leadership-image {width: 100%; margin-top: 40px;} .career-positon{font-size: .8em; background: #EDEDED; padding: 30px 30px 1px 30px; margin-bottom: 30px; -webkit-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px;} /*** Vendor Portal ***/ .vendor-portal-left{width: 100%; -webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; background: #06437d; padding: 20px 40px;; height: 100%; display: block; margin-bottom: 20px;} .vendor-portal-right{-webkit-border-radius: 20px 0 20px 0; border-radius: 20px 0 20px 0; background: #b31e21; padding: 20px 40px; height: 100%; display: block;} .vendor-portal-left p,.vendor-portal-right p{color: #FFF;} .vendor-portal-left a,.vendor-portal-right a{color: #FFF;} /*** Footer Area **/ .footer{background: url("../images/bg-footer.jpg") center center no-repeat; background-size: cover; padding-top: 80px;} .footer-links{width: 100%; justify-content: space-between; list-style: none; display: flex; padding: 0; margin: 0;} .footer-links li{display: inline-block; list-style: none;} .footer-links li a{color: #FFF; padding: 10px 20px; display: block;} .footer-links li a:hover{color: #7fb3fd; text-decoration: none;} .sitemap{background: #242424;} .footer-logo{max-width: 100%;} .bottom-footer{background: #242424; padding: 30px 0; display:none;} .footer-credit{background: #0c0c0c;} .credit{padding: 10px 0; color: #FFF; font-size: .8em; margin:0;} .credit img{width: 180px; transition: all 0.5s ease; filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .5s ease-in-out; } .credit img:hover{filter: none; -webkit-filter: grayscale(0);} /*** Site Map ***/ .site-map-title{color: #FFF; padding-bottom: 10px; margin-bottom: 20px; width: 100%; border-bottom: 1px solid #464646; margin-top: 20px; font-size: 1.4em;} .site-map-title a{color: #FFF;} .site-mao-title a:hover{text-decoration: none;} .site-map-main-link{text-transform: uppercase; color: #FFF; border-bottom: 1px solid #a80000;} .site-map-main-link span{color: #7fb3fd;} .site-map-main-link:hover{text-decoration: none; } .site-map-list{padding: 0; margin: 0; list-style: none; float: left; clear: both;} .site-map-list li{padding: 0; margin: 0;} .site-map-list-link{color: #FFF; font-size: .9em;} .site-map-list-link:hover{text-decoration: none;} /*** Infrastructure Page ***/ .infrastructure-header {background: url("/images/infrastructure-images/Aerial-View-Full-Render.jpg") center center no-repeat;} .infrastructure-intro{color: #FFF; padding: 175px 100px;;} .infrastructure-intro h2, .infrastructure-intro p{color: #FFF;} .infrastructure-logo{padding: 40px 0; width: 350px;} .infrastructure-secondary-intro{background: rgba(0, 38, 70, 1); padding: 100px 100px;} .infrastructure-secondary-intro h3, .infrastructure-secondary-intro p{color: #FFF;} .infrastructure-numbers-area{padding: 100px 0;} .infrastructure-big-red{color: #d2232a !important; font-size: 1.6em;} .infrastructure-markets-area{background: rgba(0, 38, 70, 1); padding: 100px 100px;} .infrastructure-market{margin-top: 30px; color: #FFF;} .infrastructure-market h3{color: #d2232a} .infrastructure-market p{color: #FFF !important;} .infrastructure-market img{height: 70px; margin-bottom: 30px;} .infrastructure-podcast{background: #d9d9d9; padding-top: 20px;} .infrastructure-podcast img{width: 80%;} .infrastructure-progressive{background: rgba(238, 238, 238, 1); padding: 100px;} .infrastructure-progressive h2{color: #d2232a} .infrastructure-utilizing{background: rgba(248, 248, 248, 1); padding: 100px;} .infrastructure-utilizing h3{color: #d2232a} .infrastructure-utilizing-item{} .infrastructure-utilizing-item img{height: 175px; margin: 30px 0;} .infrastructure-team{padding: 100px 0;} .infrastructure-team h3{color: #d2232a !important} .infrastructure-team-member{padding: 50px 30px;} .infrastructure-team-member h5{color: #d2232a} .infrastructure-team-member p{text-align: left;} .infrastructure-team-member img{max-width: 90%; margin-bottom: 30px;} .infrastructure-action{background: rgba(210, 217, 222, 1); padding: 100px 0;} .infrastructure-action h3{color: #d2232a !important} .infrastructure-action-item img{width: 100%; margin: 20px 0;} .infrastructure-action-item p {paddign: 0 75px} .infrastructure-insights{margin: 100px 0;} .infrastructure-insights h3{color: #d2232a !important} .infrastructure-insight{} .infrastructure-insight img{width: 100%; margin: 30px 0 10px 0;} .infrastructure-insight-subtext{text-transform: uppercase; font-size: .8em;} .infrastructure-insight-title{color: #d2232a !important; font-size: 1.2em;} /** Extra small devices (portrait phones, less than 576px) **/ .homepage-banner-area-new{height: 400px; max-width: 1600px;} .content-offset-landscape{margin-top: 380px;} .content-offset-staff-left{margin-top: 180px;} .content-offset-staff-right{margin-top: 180px;} .carousel-item{height:650px;} .navbar-dark{background: #00477f !important; margin-top: 20px;} .site-map-main-link{margin-top: 20px; float: left; clear: both;} .footer-links li a{font-size: .7em;} .banner-content-info-staff{font-size: 1em;} .navbar{z-index:1;} .holdings-dropdown{margin-left: 0;} .holdings-logo{max-width: 90%;} @media (min-width: 0px) { .footer-links li a { padding: 10px 10px; } .image-cont{width:138px!important; height:207px!important; margin:auto!important; padding:0!important; overflow: hidden!important;} .staff-team{text-align: center!important;} } /** Small devices (landscape phones, 576px and up)) **/ @media (min-width: 576px) { .image-container{text-align:center;} .image-container img{float:none;} .dropdown-toggle::after {float:right;} .homepage-banner-area-new{height: 500px; max-width: 1600px;} } /** Medium devices (tablets, 768px and up)) **/ @media (min-width: 768px) { .footer-links li a { padding: 10px 20px; } .content-offset-landscape{margin-top: 540px;} .content-offset-staff-left{margin-top: 340px;max-width:600px;} .content-offset-staff-right{margin-top: 340px;max-width:600px;} .carousel-item{min-height:830px;} .image-container{text-align:left;} .image-container img{float:left;} .footer-links li a{font-size: 1em;} .carousel-item{height:850px;} .banner-content-info-staff{font-size: 1.2em;} .staff-team{text-align: center!important;} .holdings-dropdown{left: 300px !important} .contact-us-dropdown{left: 442px !important} } /** Large devices (desktops, 992px and up)) **/ @media (min-width: 992px) { .image-cont{width:138px!important; height:207px!important; padding:0!important; overflow: hidden!important;} .navbar-dark{background: none !important; margin-top: 0px;} .site-map-main-link{margin-top: 0px;} .dropdown-toggle::after{display:none!important;} } /** Extra large devices (large desktops, 1200px and up)) **/ @media (min-width: 1200px) { } .navbar .dropdown-menu div[class*="col"]{margin-bottom:1rem;} .navbar .dropdown-menu{border-radius:0px; border:none; background-color:rgba(0, 71, 127, .8);} @media screen and (min-width: 992px){ .navbar{padding-top:0px; padding-bottom:0px;} .navbar .nav-item{padding:0px; margin:0 .25rem;} .navbar .dropdown{position:static;} .navbar .dropdown-menu{width: 340px;; left: 4px; top:72px;} .dropdown-menu-businesses{width: 340px;; left: 147px !important; top:72px;} .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover{display:block!important;} .navbar .dropdown-menu{border-radius:0px; background-color:rgba(0, 71, 127, .8);} .animate{animation-duration:0.5s; -webkit-animation-duration:0.5s; animation-fill-mode: both; -webkit-animation-fill-mode: both;} } @keyframes slideIn { 0% { opacity: 0; } 100% { opacity: 1; } 0% { opacity: 0; } } @-webkit-keyframes slideIn { 0% { -webkit-opacity: 0; } 100% { -webkit-opacity: 1; } 0% { -webkit-opacity: 0; } } .slideIn{-webkit-animation-name:slideIn; animation-name:slideIn;transition-delay: 2s!important;} .dropdown-menu li{padding:0px;} .primary{border-bottom:1px solid #b02719;font-size:1.2em;padding-top:.5rem!important; padding-bottom:.5rem!important; margin-bottom:.5rem!important;} .primary span{color: #7fb3fd;} .dropdown-menu a{padding:0px!important;font-size:1em;} .dropdown-menu a:hover{background:transparent!important;color:#CCC!important;} .dropdown-menu p{color:#c9c9c9;} [aria-expanded="true"]{background-color:rgba(0, 71, 127, .8);} .h4 { font-style: normal; font-weight: 700; color: #043255; font-size: 1.8em; } .h4 a{ color: #b02719!important; text-decoration:underline; } #breadcrumb{padding: 0 0 15px; margin: 0 0 20px 0; position: relative; min-height: 50px;} #breadcrumb ul{margin: 0; padding: 0; width: 100%; display: block;} #breadcrumb ul li{display: inline; white-space: nowrap; float: left; margin-right: 5px; margin-bottom: 10px; color:#FFF; background-color: #004681; padding: 0px 10px 3px 20px; position: relative} #breadcrumb ul li a, #breadcrumb ul li span{color:#FFF; } #breadcrumb a::after, #breadcrumb span::after{content: ""; width: 0; height: 0; border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 10px solid #004681; font-size: 0; line-height: 0; position: absolute; left: 100%; top: 0; z-index: 2;} #breadcrumb a::before, #breadcrumb span::before{content: ""; width: 0; height: 0; border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 10px solid white; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 1; white-space: nowrap;} #breadcrumb ul li:first-child a::before, #breadcrumb ul li:first-child span::before {display: none;} #breadcrumb ul li:last-child a::after, #breadcrumb ul li:last-child span::after {border-left: 10px solid #003664!important} #breadcrumb ul .active{background-color: #003664} /*** Homepage Brochure Area ***/ #brochure_button_wrapper{text-decoration: none !important; } #brochure_area, #brochure_button{background-image: url(/images/brochure-header.jpg); background-size: cover; background-position: center; text-align: center; color: #fff; font-family: "myriad-pro-semi-condensed",sans-serif; font-size: 20pt; padding: 20px 0; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 1); cursor: pointer !important;} #brochure_area .col-sm-12::before, #brochure_area .col-sm-12::after{content: ""; position: absolute; top: 0; bottom: 0; width: 100px; height: 34px; background-image: url(/images/arrow.png); background-position: top center; background-repeat: repeat-y; opacity: 0.28; transition: 0.5s all ease;} #brochure_area .col-sm-12::before{left: 0;} #brochure_area .col-sm-12::after{right: 0;} #brochure_area:hover .col-sm-12::before, #brochure_area:hover .col-sm-12::after{opacity: 0.5;} #brochure_area img, #brocure_button img{width: 30px;} #brochure_area span, #brocure_button span{margin: 0 0 0 10px; text-shadow: 1px 1px 20px rgba(0, 0, 0, 1);} #brochure_area_wrapper #brochure{ -webkit-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden;} #brochure .btn{margin-top: 25px; border: 1px solid #224B6A;} /** Homepage Brochure CLOSED **/ #brochure_area_wrapper.closed .view{display: inline;} #brochure_area_wrapper.closed .col-sm-12::before, #brochure_area_wrapper.closed .col-sm-12::after{-webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV";} #brochure_area_wrapper.closed #brochure{height: 0px;} /*** Homepage Brochure OPEN ***/ #brochure_area_wrapper.open #brochure{height: 950px;} .magazine {cursor: zoom-in;} .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%; } #brochure_area_wrapper .btn-primary { background-color: #023155; border-color: #023155; } #brochure_area_wrapper .btn { border-radius: 0px; text-transform: uppercase; text-decoration: none; font-style: normal; font-weight: 400; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin: 20px auto; padding: 6px 20px; } #brochure_area_wrapper .btn:hover{background-color: #01233c; border-color: #011423;} .homepage-corporate-profile-area [aria-expanded="true"] { background-color: rgba(0, 71, 127, .0)!important; } .subnav-link{text-indent: 20px;} .back-link{font-size: .9em !important; margin-top: 5px !important; color: #7fb3fd !important;} .staff-image-link img{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .staff-image-link:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .search-container { width: 220px; position:absolute; z-index:2; top:15px; right:50px; display:block; color: #FFF; margin: 0 auto; height: 30px; } @media screen and (max-width: 992px){ .search-container { width: 150px; top:165px; right:30px; } input#search-bar { border-bottom: 2px solid #005da5!important; } } input#search-bar { margin: 0 auto; width: 100%; background-color:transparent; height: 35px; color:#FFF !important; font-size: 1rem; border:0px; border-bottom: 2px solid #D0CFCE; outline: none; } input#search-bar:focus { border-bottom: 2px solid #a80000; transition: 0.35s ease; color: #fff; } input#search-bar:focus::-webkit-input-placeholder { transition: opacity 0.45s ease; opacity: 0; } input#search-bar:focus::-moz-placeholder { transition: opacity 0.45s ease; opacity: 0; } input#search-bar:focus:-ms-placeholder { transition: opacity 0.45s ease; opacity: 0; } .search-icon { position: relative; float: right; color:#fff!important; width: 50px; height: 50px; top: -45px; right: -17px; }