1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4<base href="https://www.orlandorealtors.org/" /> 5 6 7 <!-- Google Tag Manager --> 8
8<script>
vendor: 343 bytes, lines 8-12
8(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','dataLayer','
12GTM-MRPCXKN
vendor: 3 bytes, line 12
12');
12</script>
12 13 <!-- End Google Tag Manager --> 14 15 <meta charset="ISO-8859-1" /> 16 17 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" /> 18 <title>Discounts for Real Estate Solutions: Elevate Your Business with ORRA Member Benefits | Orlando Regional REALTOR® Association</title> 19 20 21<meta property="og:title" content="Discounts for Real Estate Solutions: Elevate Your Business with ORRA Member Benefits"/> 22<meta property="og:type" content="website"/> 23 24<meta property="og:description" content="ORRA membership grants you access to pre-negotiated member benefits from top vendors, empowering you to excel and stand out in a competitive market."/> 25<meta property="og:url" content="https://www.orlandorealtors.org/productsservices"/> 26 <meta name="keywords" content="Member Benefits" /> 27 <meta name="description" content="ORRA membership grants you access to pre-negotiated member benefits from top vendors, empowering you to excel and stand out in a competitive market." /> 28 29 <link rel="canonical" href="https://www.orlandorealtors.org/productsservices" /> 30 <meta name="primary_code_author" value="David Sampson" /> 31 <link rel="icon" type="image/png" sizes="32x32" href="graphics/design/favicon-32x32.png" /> 32 <link rel="icon" type="image/png" sizes="96x96" href="graphics/design/favicon-96x96.png" /> 33 <link rel="icon" type="image/png" sizes="16x16" href="graphics/design/favicon-16x16.png" /> 34 <link rel="shortcut icon" href="graphics/design/favicon.ico" /> 35 36 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,400i,700,700i|Roboto:400,400i,500,700,700i" /> 37 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous" /> 38 39 <link rel="stylesheet" type="text/css" href="stylesheet.css?v=17090585172" /> 40 <link rel="stylesheet" type="text/css" href="pages.css?v=3" /> 41 <link rel="stylesheet" type="text/css" href="countdown_timer.css" /> 42 <link rel="stylesheet" type="text/css" href="graphics/scripts/magnific_popup/magnific_popup.css" /> 43 <![if gt IE 8]> 44 <link rel="stylesheet" type="text/css" href="responsive.css?v=4" /> 45
45<script type="text/javascript"> var responsive = true; </script>
45 46 <![endif]> 47 <!--[if lt IE 9]>
47<script type="text/javascript"> var responsive = false; </script>
47<![endif]--> 48 49
49<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
vendor: 1 bytes, line 49
49
50<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
vendor: 1 bytes, line 50
50
51<script type="text/javascript" src="/freedom_html/common/jquery/jquery.loader.php?v=2026.38.201"></script>
51 52 53 <meta name="facebook-domain-verification" content="f7ex2wb19o6u23osiu5xcl9zn2drha" /> 54 55 56
56<script type="text/javascript" src="graphics/scripts/magnific_popup/magnific_popup.js"></script>
56 57
57<script type="text/javascript" src="graphics/scripts/count_to.js"></script>
57 58
58<script type="text/javascript" src="js/scripts.js?v=20221130b"></script>
58 59
59<script type="text/javascript" src="js/pages.js?v=1"></script>
59 60
60<script type="text/javascript" src="js/countdown_timer.js?v=1"></script>
60 61 62 <!-- Facebook Pixel Code --> 63
63<script>
vendor: 434 bytes, lines 63-72
63 64 !function(f,b,e,v,n,t,s) 65 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 66 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 67 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 68 n.queue=[];t=b.createElement(e);t.async=!0; 69 t.src=v;s=b.getElementsByTagName(e)[0]; 70 s.parentNode.insertBefore(t,s)}(window,document,'script', 71 'https://connect.facebook.net/en_US/fbevents.js'); 72 fbq('init', '
722190593041203949
vendor: 38 bytes, lines 72-74
72'); 73 fbq('track', 'PageView'); 74
74</script>
74 75 <noscript> 76 <img height="1" width="1" 77 src="https://www.facebook.com/tr?id=330092934521436&ev=PageView 78 &noscript=1"/> 79 </noscript> 80 <!-- End Facebook Pixel Code --> 81 82 <!-- PPixel --> 83
83<script type="text/javascript"> 84 var MathTag = { 85 version: "1.1", 86 delimiter: "[INSERT DELIMITER]", 87 previous_url: document.referrer, 88 mt_exem: "[INSERT SHA-256 HASHED EMAIL]", 89 industry: "Real Estate", 90 mt_adid: "217810", 91 event_type: "catchall", 92 mt_id: "1402101", 93 page_name: "[INSERT MACRO]" 94 } 95 </script>
95 96
96<script async type="text/javascript" src="//pixel.mathtag.com/event/js?mt_pp=1&mt_adid=217810"></script>
96 97 <!-- /PPixel --> 98 99 <!-- Third-party pop up message asked to be removed over call 2/4 followed up on ticket #241444 100 <div class="powr-popup" id="30833296_1584733935"></div>
100<script src="https://www.powr.io/powr.js?platform=html"></script>
100--> 101 102 <!--Start of HappyFox Live Chat Script--> 103
103<script> 104 window.HFCHAT_CONFIG = { 105 EMBED_TOKEN: 'ee3ef0e0-7441-11ea-9107-f310c08cad29', 106 ASSETS_URL: 'https://widget.happyfoxchat.com/v2/visitor' 107 }; 108 (function () { 109 var scriptTag = document.createElement('script') 110 scriptTag.type = 'text/javascript' 111 scriptTag.async = true 112 scriptTag.src = window.HFCHAT_CONFIG.ASSETS_URL + '/js/widget-loader.js' 113 var s = document.getElementsByTagName('script')[0] 114 s.parentNode.insertBefore(scriptTag, s) 115 })() 116 </script>
116 117 <!--End of HappyFox Live Chat Script--> 118 119 <!--Start of Flickity Script--> 120 <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> 121
121<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
121 122 123 <!--End of Fkickity Script--> 124 125 <!-- Start of client controlled styles 126 <link rel="stylesheet" type="text/css" href="clientuploads/custom-stylesheet/custom.css?v=1709058517" /> 127 128 End of client controlled styles --> 129 130 <!-- Google Tag Manager --> 131
131<script>
vendor: 343 bytes, lines 131-135
131(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 132 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 133 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 134 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 135 })(window,document,'script','dataLayer','
135GTM-MRPCXKN
vendor: 3 bytes, line 135
135');
135</script>
135 136 <!-- End Google Tag Manager --> 137 138 <!-- Marketo Tracking HTML Snippet --> 139
139<script type="text/javascript"> 140 (function() { 141 var didInit = false; 142 143 function initMunchkin() { 144 if(didInit === false) { 145 didInit = true; 146 Munchkin.init('380-JRO-913'); 147 } 148 } 149 var s = document.createElement('script'); 150 s.type = 'text/javascript'; 151 s.async = true; 152 s.src = '//munchkin.marketo.net/munchkin.js'; 153 s.onreadystatechange = function() { 154 if (this.readyState == 'complete' || this.readyState == 'loaded') { 155 initMunchkin(); 156 } 157 }; 158 159 s.onload = initMunchkin; 160 document.getElementsByTagName('head')[0].appendChild(s); 161 })(); 162 163</script>
163 164 165</head> 166 167<body class="interior"> 168 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 168-169
168 169 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
169GTM-MRPCXKN
vendor: 91 bytes, lines 169-171
169" 170 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 171
171<!-- End Google Tag Manager (noscript) --> 172 173 174 175 <header> 176 <div class="topBar"> 177 <div class="pageContainer"> 178 <nav><a href="https://www.orlandorealtors.org/membershipdirectory" class="button">Find a Member</a> 179<a href="https://orraportal.ramcoams.net/Login.aspx">My Portal Login</a> 180</nav> 181 182 <div class="socialLinks"><a href="https://www.facebook.com/orlandorealtors" target="_blank" class="fab fa-facebook-f">Facebook</a> 183<a href="https://twitter.com/orrafl" target="_blank"> 184<svg height="1em" width="1em" xmlns:svg="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve" style="display: block;vertical-align:0;"> 185<path fill="currentColor" d="M1.2,16.4l197.7,264.3L0,495.6h44.8l174.2-188.1l140.7,188.2H512L303.3,216.4L488.4,16.3h-44.8L283.2,189.7 186 L153.6,16.4H1.2z M67.1,49.3h70l309.1,413.3h-69.9L67.1,49.3z"></path> 187</svg> 188</a> 189<a href="https://www.linkedin.com/company/orlandorealtors" target="_blank" class="fab fa-linkedin-in">LinkedIn</a> 190<a href="http://www.youtube.com/orratv" target="_blank" class="fab fa-youtube">YouTube</a> 191<a href="https://www.pinterest.com/orlandorealtors" target="_blank" class="fab fa-pinterest">Pinterest</a> 192<a href="https://www.instagram.com/orra_realtors" target="_blank" class="fab fa-instagram">Instagram</a> 193<a href="https://www.flickr.com/photos/orlandorealtors/" target="_blank" class="fab fa-flickr">Flickr</a> 194</div> 195 <form method="get" action="index.php" style="margin:0;" id="search_box_form"><div style="display:none;"><input type="hidden" name="engine_id" value="" /><input type="hidden" name="src" value="search" /><input type="hidden" name="search_id" value="search_input_interior" /></div><label for="interiorSearchTopBar"><div class="sr-only">Search</div></label> 196<input type="text" class="searchInput" name="search_this" placeholder="Search..." id="interiorSearchTopBar" /> <button class="submitButton" value="Search"><i class="fas fa-search"></i><div class="sr-only">Search</div></button> 197 198</form> </div> 199 </div> 200 201 <div class="mainBar"> 202 <div class="pageContainer"> 203 <a href="index.php" class="logo"><img src="graphics/design/logo.png" alt="Orlando Regional REALTOR® Association" /></a> 204 205 <div class="mobileMenuButton">MENU</div> 206 <nav id="mainMenu" class="hideOnSmall hideOnMedium"> 207 208 <ul class="menu_main mainMenu" > 209 <li class="item1" ><a class="first" href="https://orraportal.ramcoams.net/EventCalendar.aspx?selmenid=men2">Calendar </a></li> 210 <li class="item2 hasSubmenu" ><a class="" href="membership">Membership </a> 211 <ul class="" > 212 <li class="item1 hasSubmenu" ><a class="first " href="realtors">REALTORS® </a> 213 <ul class="" > 214 <li class="item1" ><a class="first" href="joinrealtor">Join/Renew </a></li> 215 <li class="item2" ><a href="realtorsbenefits">Benefits </a></li> 216 <li class="item3" ><a href="brokerupgrade">Broker Upgrade </a></li> 217 <li class="item4" ><a href="realtorsduesfees">Dues & Fees </a></li> 218 <li class="item5" ><a href="http://www.orlandorealtors.org/membershipdirectory">Member Directory </a></li> 219 <li class="item6" ><a class="last" href="othermembertypes">Member Types </a></li> 220 </ul> 221 </li> 222 <li class="item2 hasSubmenu" ><a class="" href="affiliates">Affiliates </a> 223 <ul class="" > 224 <li class="item1" ><a class="first" href="joinaffiliate">Join/Renew </a></li> 225 <li class="item2" ><a href="https://affiliates.orlandorealtors.org/">Affiliate Directory </a></li> 226 <li class="item3" ><a href="affiliatesbenefits">Benefits </a></li> 227 <li class="item4" ><a class="last" href="affiliatesduesandfees">Dues & Fees </a></li> 228 </ul> 229 </li> 230 <li class="item3 hasSubmenu" ><a class="last " href="quicklinks">Quick Links </a> 231 <ul class="" > 232 <li class="item1" ><a class="first" href="broker-toolkit">Broker Toolkit </a></li> 233 <li class="item2" ><a href="https://form.jotform.com/250563379255059">Brokerage Transfer Form </a></li> 234 <li class="item3" ><a href="getinvolved">Get Involved </a></li> 235 <li class="item4" ><a href="listingtransferrequest">Listing Transfer Request </a></li> 236 <li class="item5" ><a href="https://www.orlandorealtors.org/index.php?src=gendocs&ref=FAQ">New Members FAQ's </a></li> 237 <li class="item6" ><a href="https://form.jotform.com/250224716899062">Request Letter of Good Standing </a></li> 238 <li class="item7" ><a class="last" href="/sentrilock">SentriLock </a></li> 239 </ul> 240 </li> 241 </ul> 242 </li> 243 <li class="item3 hasSubmenu" ><a class="" href="education">Education </a> 244 <ul class="" > 245 <li class="item1" ><a class="first" href="newmembers">New Members </a></li> 246 <li class="item2 hasSubmenu" ><a class="" href="classes">
246Classes </a> 247 <ul class="" > 248 <li class="item1" ><a class="first" href="https://orraportal.ramcoams.net/Education/History/Classes.aspx?selmenid=men2" onclick="window.open(this.href,'_blank'); return false;">In-Person </a></li> 249 <li class="item2" ><a href="mlsclasses">MLS </a></li> 250 <li class="item3" ><a href="onlineclasses">Online </a></li> 251 <li class="item4" ><a class="last" href="https://www.sentrilock.com/training/">SentriLock Training </a></li> 252 </ul> 253 </li> 254 <li class="item3 hasSubmenu" ><a class="" href="designationsandcertifications">Designations & Certifications </a> 255 <ul class="" > 256 <li class="item1" ><a class="first" href="https://www.orlandorealtors.org/aceawards">Achievement in Continuing Education Award (ACE) </a></li> 257 <li class="item2" ><a href="additionalprograms">Additional Programs </a></li> 258 <li class="item3" ><a href="gkc">Gold Key Certification (GKC) </a></li> 259 <li class="item4" ><a class="last" href="pkc">Platinum Key Certification (PKC) </a></li> 260 </ul> 261 </li> 262 <li class="item4 hasSubmenu" ><a class="last " href="requirements">Requirements </a> 263 <ul class="" > 264 <li class="item1" ><a class="first" href="codeofethics">Code of Ethics </a></li> 265 <li class="item2" ><a class="last" href="licensure">Licensure </a></li> 266 </ul> 267 </li> 268 </ul> 269 </li> 270 <li class="item4 hasSubmenu" ><a class="" href="events">Events </a> 271 <ul class="" > 272 <li class="item1" ><a class="first" href="https://orraportal.ramcoams.net/Meetings/RegisteredEvents.aspx?selmenid=men2" onclick="window.open(this.href,'_blank'); return false;">Calendar </a></li> 273 <li class="item2 hasSubmenu" ><a class="" href="events">Signature Events </a> 274 <ul class="" > 275 <li class="item1" ><a class="first" href="inaugural">Inaugural </a></li> 276 <li class="item2" ><a href="spark">SPARK Programs </a></li> 277 <li class="item3" ><a href="virtualeventslibrary">Virtual Events Library </a></li> 278 <li class="item4" ><a class="last" href="https://www.flickr.com/photos/orlandorealtors/albums" onclick="window.open(this.href,'_blank'); return false;">Photo Gallery </a></li> 279 </ul> 280 </li> 281 <li class="item3 hasSubmenu" ><a class="" href="meetingsevents">Meetings & Other Events </a> 282 <ul class="" > 283 <li class="item1" ><a class="first" href="committeemeetings">Committee Meetings </a></li> 284 <li class="item2" ><a href="specialtygroupevents">Council Events </a></li> 285 <li class="item3" ><a href="floridarealtors">Florida REALTORS® </a></li> 286 <li class="item4" ><a class="last" href="index.php?submenu=NAREvents&src=gendocs&ref=NationalAssociationofREALTORS&category=Main">National Association of REALTORS® </a></li> 287 </ul> 288 </li> 289 <li class="item4 hasSubmenu" ><a class="" href="rpacauction">RPAC Events </a> 290 <ul class="" > 291 <li class="item1" ><a class="first last" href="gard">Great American REALTOR® Days </a></li> 292 </ul> 293 </li> 294 <li class="item5" ><a class="last" href="venue-rentals">Venue Rentals </a></li> 295 </ul> 296 </li> 297 <li class="item5 hasSubmenu" ><a class="" href="advocacy">Advocacy </a> 298 <ul class="" > 299 <li class="item1 hasSubmenu" ><a class="first " href="rpac">RPAC </a> 300 <ul class="" > 301 <li class="item1" ><a class="first" href="whatisrpac">What is RPAC? </a></li> 302 <li class="item2" ><a href="invest">Invest in RPAC </a></li> 303 <li class="item3" ><a class="last" href="rpacmajorinvestors">Major Investors </a></li> 304 </ul> 305 </li> 306 <li class="item2 hasSubmenu" ><a class="" href="getinvolvedga">Get Involved </a> 307 <ul class="" > 308 <li class="item1" ><a class="first" href="brokerinvolvementprogram">Broker Involvement Program </a></li> 309 <li class="item2" ><a href="callstoaction">Calls to Action </a></li> 310 <li class="item3" ><a href="keycontacts">Legislative Key Contacts </a></li> 311 <li class="item4" ><a class="last" href="votingelections">Voting & Elections </a></li> 312 </ul> 313 </li> 314 <li class="item3 hasSubmenu" ><a class="last " href="issuesresources">
314Issues & Resources </a> 315 <ul class="" > 316 <li class="item1" ><a class="first" href="local">Local </a></li> 317 <li class="item2" ><a href="national">National </a></li> 318 <li class="item3" ><a class="last" href="state">State </a></li> 319 </ul> 320 </li> 321 </ul> 322 </li> 323 <li class="item6" ><a href="/community">Community </a></li> 324 <li class="item7 hasSubmenu" ><a class="" href="resources">Resources </a> 325 <ul class="" > 326 <li class="item1 hasSubmenu" ><a class="first " href="newsinformation">News & Information </a> 327 <ul class="" > 328 <li class="item1" ><a class="first" href="index.php?submenu=Blog&src=blog&srctype=blog_lister_members">Blog </a></li> 329 <li class="item2" ><a href="news/">News </a></li> 330 <li class="item3" ><a href="magazine">Orlando REALTOR® Magazine </a></li> 331 <li class="item4" ><a href="inthenews">ORRA In The News </a></li> 332 <li class="item5" ><a href="realestatetopics">Real Estate Topics </a></li> 333 <li class="item6" ><a href="social">Social Media </a></li> 334 <li class="item7" ><a href="advertisingopportunities">Sponsorship </a></li> 335 <li class="item8" ><a href="blog/sponsored-posts/">Sponsored Posts </a></li> 336 <li class="item9" ><a class="last" href="https://www.va.gov/" onclick="window.open(this.href,'_blank'); return false;">
336Veteran Resources </a></li> 337 </ul> 338 </li> 339 <li class="item2 hasSubmenu" ><a class="" href="housingstats">Housing Stats </a> 340 <ul class="" > 341 <li class="item1" ><a class="first" href="marketreports">Market Reports </a></li> 342 <li class="item2" ><a href="marketresources">Market Resources </a></li> 343 <li class="item3" ><a href="https://www.freddiemac.com/pmms">Mortgage Rates </a></li> 344 <li class="item4" ><a class="last" href="localresearch">Research Resources </a></li> 345 </ul> 346 </li> 347 <li class="item3 hasSubmenu" ><a class="" href="committees">Councils & Committees </a> 348 <ul class="" > 349 <li class="item1" ><a class="first" href="committees">Join today! </a></li> 350 <li class="item2" ><a href="commercial">Commercial </a></li> 351 <li class="item3" ><a href="https://www.orlandorealtors.org/joindiversity">Diversity </a></li> 352 <li class="item4" ><a href="international">Global </a></li> 353 <li class="item5" ><a href="/mac">Military Advisory Council (MAC) </a></li> 354 <li class="item6" ><a href="propertymanagement">Property Management </a></li> 355 <li class="item7" ><a class="last" href="ypnetwork">Young Professionals </a></li> 356 </ul> 357 </li> 358 <li class="item4" ><a href="professionalstandards">Professional Standards </a></li> 359 <li class="item5 hasSubmenu" ><a class="last " href="tools">Tools </a> 360 <ul class="" > 361 <li class="item1" ><a class="first" href="logostrademarks">Logos & Trademarks </a></li> 362 <li class="item2" ><a href="orraconnect">ORRA Connect </a></li> 363 <li class="menuItemHighlight item3" ><a class="current" href="productsservices">Products & Services </a></li> 364 <li class="item4" ><a class="last" href="realtorstore">REALTOR® Store </a></li> 365 </ul> 366 </li> 367 </ul> 368 </li> 369 <li class="item8 hasSubmenu" ><a class="last " href="aboutorra">About </a> 370 <ul class="" > 371 <li class="item1 hasSubmenu" ><a class="first " href="whoweare">Who We Are </a> 372 <ul class="" > 373 <li class="item1" ><a class="first" href="https://www.orlandorealtors.org/careers">Careers </a></li> 374 <li class="item2" ><a href="consumercampaign">Consumer Campaign </a></li> 375 <li class="item3" ><a href="leadership">Leadership & Governance </a></li> 376 <li class="item4" ><a class="last" href="staff">Staff </a></li> 377 </ul> 378 </li> 379 <li class="item2" ><a href="awards">Awards & Recognition </a></li> 380 <li class="item3" ><a href="orrf">Foundation </a></li> 381 <li class="item4 hasSubmenu" ><a class="" href="advertisingopportunities">Advertising & Sponsorships </a> 382 <ul class="" > 383 <li class="item1" ><a class="first" href="sponsorships">Become a Sponsor </a></li> 384 <li class="item2" ><a class="last" href="https://www.orlandorealtors.org/trusteeprogram" onclick="window.open(this.href,'_blank'); return false;">Our Trustees </a></li> 385 </ul> 386 </li> 387 <li class="item5" ><a class="last" href="newsroom">Newsroom </a></li> 388 </ul> 389 </li> 390 </ul> 391 392 </nav> 393 </div> 394 </div> 395 </header> 396 397 398 <div class="interiorContent rightSideColumn"> 399 <div class="pageContainer"> 400 <div id="interiorHeaderBanner"><span id="bnrinst_1_6" ><img src="cache/sql/fba/fs_6.jpg" width="1180" height="364" style="border:0" alt="Membership Header" /></span>
401<script> 402 $.ajax({ 403 dataType: 'json', 404 url: 'index.php?src=ajax&cmd=adsclick&ajaxcmd=addview&id=6' 405 });</script>
405</div> 406 407 <p id="breadcrumbMenu"><a href="index.php">Home</a> > <a href="resources">Resources</a> 408 > <a href="tools">Tools</a> 409 > <a href="productsservices">Products & Services</a> 410</p> 411 412 <div class="flexRow"> 413 <main class="mainColumn"> 414 <!-- Accrisoft Freedom v/11 Sep 28, 2026 --><div class="webpageModule moduleDetail"> 415 <h1>Products & Services</h1> <p>Discounts on products and services that help you manage your real estate business effectively and safely are just one more way that ORRA members can set themselves apart from the competition.</p> 416<p>As a valued member, you are invited to take advantage of pre-negotiated prices from select vendors for great savings. </p> 417<h2>Discounts on Products and Services</h2> 418<div class="container simple-two-columns"> 419<div class="row"> 420<div class="col two-column"> 421<h3><a href="https://alma.casa/?utm_source=orra&utm_medium=referral&utm_campaign=orra_member_benefit&utm_content=products_services" target="_blank" rel="noopener noreferrer">Alma.Casa</a></h3> 422<p>Alma gives each listing its own website with an AI assistant trained on the property materials the agent provides. Buyers can ask real questions anytime, and Realtors receive leads with the conversation context for better follow-up.</p> 423<p><strong>ORRA member offers:</strong></p> 424<ul> 425<li>$50 off a Single Listing with code <strong>ORRA50</strong></li> 426<li>$500 off Top Producer subscription with code <strong>ORRA500</strong></li> 427</ul> 428<p><a class="button" href="https://alma.casa/?utm_source=orra&utm_medium=referral&utm_campaign=orra_member_benefit&utm_content=products_services" target="_blank" rel="noopener noreferrer">More Information</a></p> 429</div> 430<div class="col two-column"> 431<h3><a href="https://www.nar.realtor/realtor-benefits-program/transaction-management/docusign" target="_blank" rel="noopener noreferrer">DocuSign</a></h3> 432<p>Solutions available at member-only pricing include the Real Estate Starter eSignature plan for individuals, DocuSign for REALTORS® eSignature for individuals and offices up to 5 users, and DocuSign for Brokers for offices of 6+ users.</p> 433<p><a class="button" href="https://www.nar.realtor/realtor-benefits-program/transaction-management/docusign" target="_blank" rel="noopener noreferrer">More Information</a></p> 434</div> 435</div> 436</div> 437<div class="container simple-two-columns"> 438<div class="row"> 439<div class="col two-column"> 440<h3>
440<a href="https://discover.formsimplicity.com/florida/" target="_blank" rel="noopener noreferrer">Form Simplicity</a></h3> 441<p>Online real estate program that improves real estate agent and broker productivity allowing using smart forms and pre-filled packages, and more. Get the Ultimate Edition for only $84 per person per year.</p> 442<p><a class="button" href="https://discover.formsimplicity.com/florida/" target="_blank" rel="noopener noreferrer">More Information</a></p> 443</div> 444<div class="col two-column"> 445<h3><a href="https://www.theimls.com/MLS/index.shtml" target="_blank" rel="noopener noreferrer">IMLS</a></h3> 446<p>ORRA provides members with a free membership in the International MLS, along with a 20% discount on add-on features and a 10% discount on website packages. Get started - your listings are already there!</p> 447<p><a class="button" href="https://www.theimls.com/MLS/index.shtml" target="_blank" rel="noopener noreferrer">More Information</a></p> 448</div> 449</div> 450</div> 451<h2>Orlando Regional REALTOR® Association </h2> 452<h3><a href="https://www.ticketsatwork.com/tickets/" target="_blank" rel="noopener noreferrer">Tickets at work</a></h3> 453<p>ORRA members can access significant discounts on the hottest attractions, hotels, movie theaters, car rentals, and much more located in Central Florida and around the country.</p> 454<p>Go to <a href="https://www.ticketsatwork.com/tickets/" target="_blank" rel="noopener noreferrer">ticketsatwork.com</a> and click the "become a member" button. Enter ORRA's private company code: ORRA and create your account. </p> 455<h3><a href="clientuploads/Membership/Discounts/Orlando_Regional_Realtor_Assoc_AAA_Discount.pdf" target="_blank" rel="noopener noreferrer">AAA</a></h3> 456<p>ORRA members receive 20% off when joining AAA.</p> 457<p><a class="button" href="clientuploads/Membership/Discounts/Orlando_Regional_Realtor_Assoc_AAA_Discount.pdf" target="_blank" rel="noopener noreferrer">Learn more!</a></p> 458<h2>National Association of REALTORS®</h2> 459<p>NAR has partnered with a variety of companies to provide value-added offers and significant savings on products and services REALTORS® use in their business and personal life.</p> 460<p>Visit <a href="https://www.nar.realtor/realtor-benefits-program/realtor-benefits-program-partners" target="_blank" rel="noopener noreferrer">NAR's website</a> to see the list.</p> 461<h2>Florida REALTORS®</h2> 462<p>As an ORRA member, you will also have access to all Florida REALTORS® discounts.</p> 463<p><a href="https://www2.floridarealtors.org/rewards" target="_blank" rel="noopener noreferrer">Click here<span class="expandableSectionEnd"> </span></a><span class="expandableSectionEnd">and start saving!</span><br /><br /></p> </div><!--webpageModule--> 464 465 <div class="clear"></div> 466 </main> <!-- end .mainColumn --> 467 468 <div class="sideColumn"> 469 <div class="newsModule moduleLister box"> 470 <h2><a href="news/">News</a></h2> 471 <div class="listerItem"> 472 <h4><a href="news/2025/11/20/homepage-news/orlando-regional-realtor-association-recognized-as-best-real-estate-trade-association-in-florida-for-fourth-consecutive-year/">Orlando Regional REALTOR® Association Recognized as Best Real Estate Trade Association in Florida for Fourth Consecutive Year</a></h4> 473 <div class="date">Thursday, November 20, 2025</div> </div> 474 <div class="listerItem"> 475 <h4><a href="news/2025/11/10/homepage-news/2026-legislative-priorities/">2026 Legislative Priorities</a></h4> 476 <div class="date">Monday, November 10, 2025</div> </div> 477</div> 478 479 <!-- Replaced because of ZD #21282 - widget.ramco_meetings_sidebar --> 480 <div class="eventsModule moduleLister box"> 481<h2>Events</h2> 482<div id="ramco_events"> 483<title>RAMCO Events</title> 484<div class="listerItem"> 485<div class="date"> 486<div class="icon"><img src="graphics/design/calendar_icon.png" alt="calendar icon"></div> 487<div class="string">3 Sep</div> 488</div><div class="text"> 489<h4><a href="https://orraportal.ramcoams.net/Meetings/Registration/MeetingDetails.aspx?mid=eaf0e9a7-0596-4eb0-a84a-f6ee97a05840" target="_blank">2026 Global leadership Program (September - December)</a></h4> 490<div>September 3 - December 3, 2026</div> 491</div> 492</div> 493<div class="listerItem"> 494<div class="date"> 495<div class="icon"><img src="graphics/design/calendar_icon.png" alt="calendar icon"></div> 496<div class="string">29 Sep</div> 497</div><div class="text"> 498<h4><a href="https://orraportal.ramcoams.net/Meetings/Registration/MeetingDetails.aspx?mid=d3a0c0a5-6883-4d47-be64-1d298fe06507" target="_blank">Global:FIRPTA Class (Non-CE) & Global Updates</a></h4> 499<div>September 29, 2026</div> 500</div> 501</div> 502<div class="listerItem"> 503<div class="date"> 504<div class="icon"><img src="graphics/design/calendar_icon.png" alt="calendar icon"></div> 505<div class="string">30 Sep</div> 506</div><div class="text"> 507<h4><a href="https://orraportal.ramcoams.net/Meetings/Registration/MeetingDetails.aspx?mid=a2e61
50772f-1ceb-f011-9cf0-00155d0079cb" target="_blank">Toastmasters en Español</a></h4> 508<div>September 30, 2026</div> 509</div> 510</div> 511<div class="listerItem"> 512<div class="date"> 513<div class="icon"><img src="graphics/design/calendar_icon.png" alt="calendar icon"></div> 514<div class="string">30 Sep</div> 515</div><div class="text"> 516<h4><a href="https://orraportal.ramcoams.net/Meetings/Registration/MeetingDetails.aspx?mid=415a21ec-46eb-f011-9cf0-00155d0079cb" target="_blank">Toastmasters - English Session</a></h4> 517<div>September 30, 2026</div> 518</div> 519</div> 520<p class="small-fade-up in-view one"><a href="https://orraportal.ramcoams.net/Meetings/RegisteredEvents.aspx?selmenid=men2" class="button no-margins" target="_blank" rel="noopener noreferrer">See all Events</a></p> 521</div> 522 523 <div class="bannerAds"> 524 </div> 525 </div> <!-- end .sideColumn --> 526 </div> 527 </div> 528 </div> <!-- end .interiorContent --> 529 530 <footer> 531 <div class="pageContainer"> 532 <div class="flexRow"> 533 <div class="intro"> 534 <p><a href="index.php"><img width="100%" src="images/Logos/ORRA_WHITE_SOLID_logo_thm.png" alt="ORRA Logo" /></a></p> 535<p><a href="https://maps.app.goo.gl/p2ftzKVt7uhurgxJ7" target="_blank" rel="noopener noreferrer"><br />5421 Diplomat Cir.<br />Orlando, FL 32810</a>.<br /><a href="tel:+14072533580">407.253.3580</a></p> </div> 536 537 538 <ul class="menu_footer_1 footerMenu" > 539 <li class="item1 hasSubmenu" ><a class="first last " href="">ORRA </a> 540 <ul class="" > 541 <li class="item1" ><a class="first" href="aboutorra">About ORRA </a></li> 542 <li class="item2" ><a href="/realtors#benefits">Member Benefits </a></li> 543 <li class="item3" ><a href="newsroom">Newsroom </a></li> 544 <li class="item4" ><a href="joinrealtor">Join ORRA </a></li> 545 <li class="item5" ><a href="websiteaccessibilitypolicy">Website Accessibility Policy </a></li> 546 <li class="item6" ><a class="last" href="https://www.orlandorealtors.org/careers">Careers </a></li> 547 </ul> 548 </li> 549 </ul> 550 551 552 <ul class="menu_footer_2 footerMenu" > 553 <li class="item1 hasSubmenu" ><a class="first last " href="">Connect </a> 554 <ul class="" > 555 <li class="item1" ><a class="first" href="staff">Contact Us </a></li> 556 <li class="item2" ><a href="https://orraportal.ramcoams.net/Login.aspx?ReturnUrl=%2fDefault.aspx%3fselmenid%3dmen1&selmenid=men1">Member Portal </a></li> 557 <li class="item3" ><a href="advertisingopportunities">Advertise </a></li> 558 <li class="item4" ><a href="advertisingpolicies">Policies </a></li> 559 <li class="item5" ><a href="/privacy-policy">Privacy Policy </a></li> 560 <li class="item6" ><a class="last" href="/terms-and-conditions">Terms & Conditions </a></li> 561 </ul> 562 </li> 563 </ul> 564 565 566 <div class="socialLinks"> 567 <a href="https://www.facebook.com/orlandorealtors" target="_blank" class="fab fa-facebook-f">Facebook</a> 568<a href="https://twitter.com/orrafl" target="_blank"> 569<svg height="1em" width="1em" xmlns:svg="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve" style="display: block;vertical-align:0;"> 570<path fill="currentColor" d="M1.2,16.4l197.7,264.3L0,495.6h44.8l174.2-188.1l140.7,188.2H512L303.3,216.4L488.4,16.3h-44.8L283.2,189.7 571 L153.6,16.4H1.2z M67.1,49.3h70l309.1,413.3h-69.9L67.1,49.3z"></path> 572</svg> 573</a> 574<a href="https://www.linkedin.com/company/orlandorealtors" target="_blank" class="fab fa-linkedin-in">LinkedIn</a> 575<a href="http://www.youtube.com/orratv" target="_blank" class="fab fa-youtube">YouTube</a> 576<a href="https://www.pinterest.com/orlandorealtors" target="_blank" class="fab fa-pinterest">Pinterest</a> 577<a href="https://www.instagram.com/orra_realtors" target="_blank" class="fab fa-instagram">Instagram</a> 578<a href="https://www.flickr.com/photos/orlandorealtors/" target="_blank" class="fab fa-flickr">Flickr</a> 579 580 <!-- <div class="footerSponsor"><h2>DIAMOND PARTNER</h2><span id="bnrinst_4_20" ><img src="cache/sql/fba/fs_20.png" width="334" height="88" style="border:0" alt="Fairwinds Logo" /></span>
581<script> 582 $.ajax({ 583 dataType: 'json', 584 url: 'index.php?src=ajax&cmd=adsclick&ajaxcmd=addview&id=20' 585 });</script>
585</div> --> 586 <div class="footerSponsor"> 587 <a href="http://www.greatplacetowork.com/certified-company/7037891" title="Rating and Review" target="_blank"><img src="https://www.greatplacetowork.com/images/profiles/7037891/companyBadge.png" alt="Review" style="width: 110px; margin-top: 15px;"></a> 588 </div> 589 </div> 590 </div> 591 592 <div id="copyright">© <span class="datebox">2026</span> Orlando Regional Realtor® Association. All Rights Reserved.</div> 593 </div> 594 </footer> 595 <div class="login_minibox lmb_form" style="display:none;"> 596 <div class="lmb_close" alt="Close login box form."><span>x</span></div> 597 <a href="https://orraportal.ramcoams.net/Login.aspx"><!-- https://orraportal.ramcoams.net/Login.aspx //--> 598 <h5 class="lmb_header">Member Login</h5> 599 <form name="login_minibox_form"> 600 <div class="container"> 601 <img src="graphics/design/logo.png" width="184" alt="New member? Forgot your password? Not sure if you have a login?" /> 602 </div> 603 <span class="dashboard_button">PAY DUES HERE</span> 604 </form> 605 </a> 606</div>
607<script> 608 initMiniFormClose(); 609// initLoginCTA(); 610</script>
610 611 <div id="backToTop" class="fa fa-chevron-circle-up"></div> 612 613 614 <!-- ConveyThis code
615<script src="//cdn.conveythis.com/javascript/conveythis-initializer.js"></script>
vendor: 1 bytes, line 615
615
616<script type="text/javascript"> 617 document.addEventListener("DOMContentLoaded", function(e) { 618 ConveyThis_Initializer.init({ 619 api_key: "pub_7e4286e5af4bd1efd93b7e21c031c465" 620 }); 621 }); 622</script>
622 623 End ConveyThis code --> 624 625<!-- Google Translate Code | Replacing ConveyThis code due to issues with Accrisoft account integration --> 626<div style="position:fixed; bottom:20px; left:20;" id="google_translate_element"></div> 627
628<script type="text/javascript"> 629 function googleTranslateElementInit() { 630 new google.translate.TranslateElement({ 631 pageLanguage: 'en', 632 includedLanguages: 'es,fr,de,it,pt-PT,zh-TW', // List of allowed languages 633 layout: google.translate.TranslateElement.InlineLayout.SIMPLE 634 }, 'google_translate_element'); 635 } 636</script>
636 637
638<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
638 639 640 <!-- ConveyThis code -->
641<script src="//cdn.conveythis.com/javascript/conveythis-initializer.js"></script>
vendor: 1 bytes, line 641
641
642<script type="text/javascript"> 643 document.addEventListener("DOMContentLoaded", function(e) { 644 ConveyThis_Initializer.init({ 645 api_key: "pub_d89bef2344ddcd12c7d5af4a3663df49" 646 }); 647 }); 648</script>
648 649<!-- End ConveyThis code --> 650 651
651<script>!function(s,a,e,v,n,t,z){if(s.saq)return;n=s.saq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!s._saq)s._saq=n; 652n.push=n;n.loaded=!0;n.version='1.0';n.queue=[];t=a.createElement(e);t.async=!0;t.src=v;z=a.getElementsByTagName(e)[0];z.parentNode.insertBefore(t,z)}(window,document,'script','https://tags.srv.stackadapt.com/events.js');saq('ts', 'MQi3FkURNGYAyFalvcKyOg');</script>
652 653 654
654<script>(function(d){var s = d.createElement("script");s.setAttribute("data-account", "XalDI6tetW");s.setAttribute("src", "https://cdn.userway.org/widget.js");(d.body || d.head).appendChild(s);})(document)</script>
654<noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript> 655 656 657<style> 658h3.big-h3 { font-size: 30px; margin: 0; } 659html { scroll-behavior: smooth; scroll-padding-top: 5px;} 660#backToTop { display: block; position: fixed; right: 50%; bottom: 0; z-index: 80; background-color: #f90; padding: .3em .5em; color: #fff; opacity: 0.5; border-radius: 5px 5px 0 0; transition: all 0.4s ease;} 661#homepageSlideshow .slides .description { margin-top: 0; margin-bottom: 0; } 662#backToTop:hover { opacity: 1; cursor: pointer; background-color: #ff9900; padding-bottom: 15px; padding-top: 15px;} 663.fa-chevron-circle-up:before { content: "⬠Scroll Up â¬"; font-family: 'Poppins', sans-serif; } 664.h2-center { text-align: center !important; display: block;} 665h1 { margin-top: auto; } 666.logo img { min-width: 100px; } 667#mainMenu { font: 700 19px 'Poppins', sans-serif; } 668 669@media (max-width: 1156px) { 670#mainMenu { font-size: 14px !important; } 671} 672 673@media (max-width: 768px) { 674.hide-on-mobile { display: none !important; } 675} 676 677/*----VENUES BEGINS HERE----*/ 678 679.custom-title.venues { font-size: 40px; margin-top: 30px; text-align: center;} 680 681/*----VENUES ENDS HERE----*/ 682 683/*----SMARTCHART BEGINS HERE----*/ 684 685@media (max-width: 1118px) { 686.container.simple-three-columns.landing-page-container.smartcharts .row { display: inline-block; } 687.container.simple-three-columns.landing-page-container.smartcharts .row .col.three-column { max-width: 40% !important; width: 100%; display: inline-block;} 688} 689 690@media (max-width: 620px) { 691.container.simple-three-columns.landing-page-container.smartcharts .row .col.three-column { max-width: 100% !important; width: 100%; display: inline-block;} 692} 693 694/*----SMARTCHART ENDS HERE----*/ 695 696/*----ARCHIVES ACCORDION BEGINS HERE----*/ 697 698.accordion-trigger, .nested-trigger { cursor: pointer; text-align: center; transition: 0.3s ease; } 699 700.accordion-content, .nested-content { overflow: hidden; max-height: 0; transition: max-height 0.35s ease; border-top: 0; padding: 0 20px; } 701 702.accordion-content.open, .nested-content.open { padding: 20px; max-height: 100% !important; } 703 704.nested-trigger { margin-top: 15px; } 705 706 707/*----ARCHIVES ACCORDION ENDS HERE----*/ 708 709 710/*----AMENDMENT EMBED BEGINS HERE----*/ 711 712.responsive-pdf { width: 100%; height: 80vh; min-height: 500px; } 713 714.responsive-pdf iframe { width: 100%; height: 100%; border: 0; } 715 716@media (max-width: 768px) { 717 .responsive-pdf { height: 70vh; min-height: 400px; } 718} 719 720/*----AMENDMENT EMBED ENDS HERE----*/ 721 722 723 724/*----EMBEDED MARKET STATS BEGINS HERE----*/ 725 726/* ===== EMBED CONTAINER ===== */ 727.embed-wrapper{ position: relative; width: 100%; height: 0; /* padding-bottom: 110%; controls overall height */ background: transparent; overflow: hidden; border-radius: 10px; max-width: 1300px; /* Keeps it within ORRA's layout */ margin: 0 auto; position: relative; } 728 729/* iframe fills container */ 730.embed-wrapper iframe{ 731 position: absolute; 732 top: 0; 733 left: 0; 734 width: 100%; 735 height: 100%; 736 border: 0; 737} 738 739/* ===== LOADING OVERLAY ===== */ 740.embed-loading{ 741 position: absolute; 742 inset: 0; 743 z-index: 5; 744 background: #ffffff; 745 display: flex; 746 flex-direction: column; 747 align-items: center; 748 justify-content: center; 749 font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; 750 font-size: 15px; 751 color: #555; 752} 753 754/* ===== SPINNER ===== */ 755.spinner{ 756 width: 42px; 757 height: 42px; 758 border: 4px solid #e5e5e5;
759 border-top: 4px solid #0d6efd; 760 border-radius: 50%; 761 animation: embedSpin 0.9s linear infinite; 762 margin-bottom: 12px; 763} 764 765@keyframes embedSpin{ 766 from{ transform: rotate(0deg); } 767 to{ transform: rotate(360deg); } 768} 769 770/* ===== RESPONSIVE TUNING ===== */ 771 772/* taller on desktop */ 773@media (min-width: 1200px){ 774 .embed-wrapper{ 775 /*padding-bottom: 90%;*/ 776 } 777} 778 779/* extra tall on mobile for login screens */ 780@media (max-width: 768px){ 781 .embed-wrapper{ 782 /*padding-bottom: 160%;*/ 783 } 784} 785 786.embed-loading { 787 position: fixed; 788 inset: 0; 789 z-index: 10; 790 display: flex; 791 align-items: center; 792 justify-content: center; 793 flex-direction: column; 794} 795 796.spinner { 797 width: 48px; 798 height: 48px; 799 border: 5px solid #ddd; 800 border-top-color: #0073aa; 801 border-radius: 50%; 802 animation: spin 1s linear infinite; 803 margin-bottom: 12px; 804} 805 806@keyframes spin { 807 to { 808 transform: rotate(360deg); 809 } 810} 811 812.embed-loading p { 813 font-family: Arial, sans-serif; 814 font-size: 15px; 815 color: #333; 816 margin: 0; 817} 818 819/*----EMBEDED MARKET STATS ENDS HERE----*/ 820 821 822/*----COMMUNITY BEGINS HERE----*/ 823 824.two-col-align.vertical-image-row{ 825 display:flex;
826 align-items:center; /* vertical centering */ 827} 828 829/* make columns equal width 830.two-col-align.vertical-image-row .col{ 831 flex:1; 832} 833 834 835/* image column */ 836.two-col-align.vertical-image-row .col:first-child{ 837 display:flex; 838 justify-content:center; /* horizontal center */ 839 align-items:center; /* vertical center */ 840} 841 842.two-col-align.vertical-image-row img{ 843 max-width:100%; 844 height:auto; 845} 846 847/* responsive â stack on mobile */ 848@media (max-width:768px){ 849 .two-col-align.vertical-image-row{ 850 flex-direction:column; 851 text-align:center; 852 } 853 854 .two-col-align.vertical-image-row .col:first-child{ 855 margin-bottom:20px; 856 } 857} 858 859/*----COMMUNITY ENDS HERE----*/ 860 861/*----AFFILIATES LIST BEGINS HERE----*/ 862 863/* Helpers */ 864.sr-only{ 865 position:absolute!important;width:1px!important;height:1px!important; 866 padding:0!important;margin:-1px!important;overflow:hidden!important; 867 clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; 868} 869 870.vendor-directory { padding: 22px 15px 30px; } 871 872/* Filter header */ 873 874.vendor-top{ /* display:flex; justify-content:space-between; align-items:flex-start; gap: 18px; margin-bottom: 14px;*/ } 875.vendor-top__left{ flex: 1; } 876.vendor-title{ margin:0; font-size: 28px; font-weight: 800; } 877.vendor-subtitle{ margin: 6px 0 0; opacity: .85; } 878.vendor-filters{ display:flex; align-items:center; gap: 10px; width: min(660px, 100%); } 879.vendor-input, 880.vendor-select { height: 38px; border-radius: 10px; border: 1px solid rgba(0,0,0,.18); padding: 0 12px; font-weight: 650; outline: none; } 881 882.vendor-input{ flex: 1; background: #fff; } 883 884.vendor-select{ width: 180px; /*background: #eef4ff;*/ } 885 886.vendor-go { /*width: 38px; height: 38px; border-radius: 999px; border: 1px solid rgba(0,0,0,.18); background: #fff; font-size: 18px; line-height: 1;*/ cursor: pointer; } 887 888.vendor-section { margin: 16px 0 12px; /*font-size: 16px;*/ font-weight: 800; } 889 890/* Grid */ 891.vendor-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } 892 893/* Card */ 894.vendor-card { position: relative; background: #fff; border-radius: 12px; border: 1px solid rgba(0,0,0,.12); box-shadow: 0 1px 0 rgba(0,0,0,.05); overflow: hidden; } 895 896.vendor-card__flag { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; display: block; max-width: 100%; background: #394a59; color: #ffffff; text-align: center; padding-top: 5px; padding-bottom: 5px; font-weight: bold; } 897 898.vendor-card__flag span { display: inline-block; font-weight: 900; font-size: 12px; color: #fff; background: #394a59; padding: 6px 10px; border-radius: 0; width: 100%; max-width: 100%; display: block; text-align: center; } 899 900.vendor-card__body{ display:grid; grid-template-columns: 180px 1fr; gap: 14px; padding: 14px; padding-top: 44px; /* gives space for FEATURED flag */ } 901 902.vendor-card__aside { display:flex; flex-direction:column; gap: 10px; } 903 904.vendor-card__logo { border: 1px solid rgba(0, 0, 0, .12); border-radius: 10px; padding: 10px; background: #fff; height: 120px; display: flex; justify-content: center; align-items: center; } 905 906.vendor-card__logo img { display:block; width: 100%; height: auto; object-fit: contain; } 907 908.vendor-card__email { display:inline-flex; align-items:center; justify-content:center; gap: 8px; padding: 10px 12px; border-radius: 999px; border: 1px solid rgba(0,0,0,.18); text-decoration: none; font-weight: 800; color: #111; background: #fff; } 909 910a.vendor-card__email.button { display: inline-flex; } 911 912.vendor-card__tier { margin-top:auto; font-weight: 900; font-size: 12px; border-radius: 999px; width: fit-content; padding: 7px 10px; background: #eef2ff; border: 1px solid rgba(0,0,0,.12); } 913 914.vendor-card__tier.tier--bronze{ background:#fff2e6; } 915 916.vendor-card__tier.tier--diamond{ background:#eefcff; } 917 918.vendor-card__header { /*display:flex; align-items:flex-start; justify-content:space-between; gap: 10px;*/ } 919 920.vendor-card__name { margin: 0; font-size: 25px; font-weight: 900; } 921 922.vendor-badges { display:flex; gap: 8px; flex-wrap:wrap; justify-content:flex-end; } 923 924.badge { font-size: 12px; font-weight: 900; padding: 6px 10px; border-radius: 999px; border: 1px solid rgba(0,0,0,.14); white-space: nowrap; } 925 926.badge--blue{ background:#eef4ff; color:#1f4b8f; } 927 928.badge--gold{ background:#ffe36c; color:#111; } 929 930.vendor-meta { list-style:none; margin: 10px 0 0; padding: 0; display:grid; gap: 6px; font-size: 16px; } 931 932.vendor-tags { margin-top: 12px; display:grid; gap: 8px; font-size: 13px; } 933 934.tag-label { opacity:.7; font-weight: 800; margin-right: 6px; } 935 936.tag-pill { display:inline-block; padding: 6px 10px; border-radius: 10px; border: 1px solid rgba(0,0,0,.12); background: #f6f7fb; font-weight: 800; } 937 938.vendor-empty { grid-column: 1 / -1; padding: 14px; border-radius: 12px; background: rgba(255,255,255,.85); border: 1px solid rgba(0,0,0,.12); } 939 940 941 942 943 944 945 946 947 948 949 950/* PAGINATION */ 951 952.vendor-pagination{ 953 display:flex; 954 justify-content:space-between; 955 align-items:center; 956 margin-top:24px; 957 gap:16px; 958 flex-wrap:wrap; 959} 960 961.vendor-pagination__left{ 962 display:flex; 963 align-items:center; 964 gap:8px; 965 font-weight:700; 966} 967 968.vendor-perpage{ width:90px; } 969 970.vendor-pagination__right{ 971 display:flex; 972 align-items:center; 973 gap:8px; 974} 975 976.vendor-page-btn{ 977 padding:8px 14px; 978 border-radius:8px; 979 border:1px solid rgba(0,0,0,.2); 980 background:#fff; 981 cursor:pointer; 982 font-weight:700; 983} 984 985.vendor-page-btn:hover{ 986 background:#394a59; 987 color:#fff; 988} 989 990.vendor-page-btn:disabled{ 991 opacity:.35; 992 cursor:not-allowed; 993} 994 995.vendor-page-numbers{ 996 display:flex; 997 gap:6px; 998} 999 1000.vendor-page-number{ 1001 padding:7px 11px; 1002 border-radius:8px; 1003 border:1px solid rgba(0,0,0,.2); 1004 cursor:pointer; 1005 font-weight:700; 1006 background:#fff; 1007 color: #394a59; 1008} 1009 1010.vendor-page-number.active{ 1011 background:#394a59; 1012 color:#fff; 1013} 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023/* Dropdown arrow */ 1024.vendor-select-wrap { position: relative; width: 180px; /* matches your current select width */ } 1025 1026@media (max-width: 750px){ 1027 .vendor-select-wrap{ width: 100%; } 1028} 1029 1030/* Remove native arrow + add padding for our arrow */ 1031.vendor-select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding-right: 42px; /* space for arrow */ background-color: #fff; /* keep it readable */ } 1032 1033/* The arrow (SVG), positioned on the right */ 1034.vendor-select-wrap::after { content:""; position:absolute; right: 14px; top: 50%; width: 12px; height: 12px; transform: translateY(-50%); pointer-events: none; background-repeat: no-repeat; background-size: 12px 12px; /* Down chevron SVG */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23394a59' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } 1035
1036/* Optional: focus ring */ 1037.vendor-select:focus { outline: none; box-shadow: 0 0 0 3px rgba(57,74,89,.15); } 1038 1039/* Responsive */ 1040@media (max-width: 980px){ 1041 .vendor-top{ flex-direction:column; } 1042 .vendor-top__right{ text-align:left; } 1043 .vendor-card__body{ grid-template-columns: 160px 1fr; } 1044} 1045 1046@media (max-width: 750px){ 1047 .vendor-grid{ grid-template-columns: 1fr; } 1048 .vendor-select{ width: 100%; } 1049 .vendor-filters{ flex-direction:column; align-items:stretch; width: 100%; } 1050 .vendor-top__left { width: 100%; } 1051 .vendor-input { padding: 15px; } 1052} 1053 1054@media (max-width: 560px){ 1055 .vendor-card__body{ grid-template-columns: 1fr; } 1056 .vendor-card__logo img { width: inherit; height: inherit; } 1057 1058} 1059 1060 1061 1062/*----AFFILIATES LIST ENDS HERE----*/ 1063 1064 1065 1066 1067 1068 1069 1070/*---RENTAL SPACES BEGINS HERE----*/ 1071 1072 1073.event-rentals-container { 1074 max-width: 65% !important; 1075background: #ffffff; 1076 padding: 15px; 1077margin-bottom: 30px; 1078} 1079 1080.event-rentals-container h2 { 1081 margin-bottom: 0; 1082} 1083 1084.rental-space-details { 1085 background: #f3f3f3; 1086 max-width: 95%; 1087 margin-left: auto; 1088 margin-right: auto; 1089} 1090 1091.rental-space-details h3 { 1092 background: #394a59; 1093 color: #ffffff; 1094 padding-top: 8px; 1095 padding-bottom: 8px; 1096} 1097 1098.rental-space-details ul { 1099 padding-bottom: 20px; 1100} 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114h4.expandableSectionHeader.space-details { 1115 margin-left: 35px !important; 1116 margin-top: -30px; 1117 margin-bottom: 0; 1118} 1119 1120h4.expandableSectionHeader.space-details.expanded { 1121 margin-bottom: 0; 1122} 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138.slideshow-container a.prev, .slideshow-container a.next { 1139 position: absolute; 1140 top: 50%; 1141 background: rgba(0, 0, 0, 0.5); 1142 color: #ffffff; 1143padding: 15px; 1144 cursor: pointer; 1145} 1146 1147 1148 1149 1150.slideshow-container a.next { 1151 right: 0; 1152} 1153 1154 1155 1156 1157 1158 1159/* Slides */ 1160.js-gallery .mySlides { display: none; } 1161.js-gallery .mySlides.is-active { display: block; } 1162 1163/* Thumbnails */ 1164.js-gallery .thumbnail-wrapper { 1165 display: flex; 1166 gap: 10px; 1167 align-items: center; 1168 margin-top: 12px; 1169} 1170 1171.js-gallery .thumbnail-container { 1172 display: flex; 1173 gap: 10px; 1174 overflow-x: auto; 1175 scroll-behavior: smooth; 1176 padding: 6px 2px; 1177 flex: 1; 1178} 1179 1180.js-gallery .thumbnail-container img { 1181 width: 80px; 1182 height: 80px; 1183 object-fit: cover; 1184 border-radius: 10px; 1185 cursor: pointer; 1186 flex: 0 0 auto; 1187 opacity: 0.75; 1188 border: 2px solid transparent; 1189} 1190 1191.js-gallery .thumbnail-container img.is-active { 1192 opacity: 1; 1193 border-color: #000; 1194} 1195 1196/* Lightbox */ 1197.js-gallery .lightbox { 1198 position: fixed; 1199 inset: 0; 1200 display: none; 1201 z-index: 9999; 1202 background: rgba(0,0,0,0.75); 1203 align-items: center; 1204 justify-content: center; 1205 padding: 20px; 1206} 1207 1208.js-gallery .lightbox.is-open { display: flex; } 1209 1210.js-gallery .lightbox-img { 1211 max-width: min(1100px, 95vw); 1212 max-height: 90vh; 1213 border-radius: 12px; 1214} 1215 1216.js-gallery .lightbox-close { 1217 position: fixed; 1218 top: 16px; 1219 right: 16px; 1220 width: 44px; 1221 height: 44px; 1222 border-radius: 10px; 1223 border: none; 1224 cursor: pointer; 1225 font-size: 28px; 1226 line-height: 1; 1227} 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299/*---RENTAL SPACES ENDS HERE----*/ 1300 1301 1302 1303 1304 1305 1306 1307 1308/*----BLOG LIST CUSTOM BEGINS HERE----*/ 1309 1310.flex_row.listerItem, .listerItem.flexRow { background: #ffffff; padding: 15px; } 1311 1312/*----BLOG LIST CUSTOM ENDS HERE----*/ 1313 1314 1315 1316/*----LOGIN FORM BEGINS HERE----*/ 1317 1318form#formLogin { 1319 margin-top: 20px; 1320 width: 100%; 1321 margin-bottom: 0; 1322border: none; 1323} 1324 1325form#formLogin h2 { 1326 margin-bottom: 0; 1327} 1328 1329form#formLogin tr.memberRemember { 1330 margin-top: 10px !important; 1331 display: block; 1332} 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346form#formLogin h2:before { 1347 content: 'The content in this page is only accessible for active members. Please use the same login information you use in our Client Portal.'; 1348 display: block; 1349 font-size: 16px; 1350 font-weight: 200; 1351 margin-bottom: 20px; 1352} 1353 1354 1355.membershipLoginModule:before { 1356 width: 100%; 1357 height: 100px; 1358 display: block; 1359 content: ''; 1360 text-align: center; 1361 margin-left: auto; 1362 margin-right: auto; 1363 background-image: url(https://www.orlandorealtors.org/graphics/design/logo.png); 1364 background-size: contain; 1365 background-position: center; 1366 background-repeat: no-repeat; 1367} 1368 1369.membershipLoginModule { 1370 max-width: 100%; 1371 background: #ffffff; 1372 padding: 20px; 1373 max-width: 350px; 1374 margin-left: auto; 1375 margin-right: auto; 1376border: 1px solid rgb(229, 231, 235); 1377 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px; 1378} 1379 1380 1381 1382.memberLoginBox table { 1383 width: 100%; 1384 max-width: 100%; 1385} 1386 1387 1388 1389 1390/*----LOGIN FORM ENDS HERE----*/ 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403/*----PEOPLEONE HEALTH LANDINGPAGE BEGINS HERE----*/ 1404 1405p.qr-code-msg { display: none; font-size: 15px !important; margin-top: 15px !important; } 1406 1407 1408@media (max-width: 500px) { 1409 1410#did-you-know .table-with-logos { display: none;} 1411 1412p.qr-code-msg { display:block;} 1413 1414} 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426/*----PEOPLEONE HEALTH LANDINGPAGE ENDS HERE----*/ 1427 1428 1429 1430 1431 1432/*----ON THE GO BEGINS HERE----*/ 1433 1434h1 div.custom-title.OTG.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } 1435 1436h2.OTG-subtitle { font-size: 40px; text-align: center; } 1437 1438.OTG-Table { background-color: #ffffff; } 1439 1440.OTG-Table .OTG-blue-table { background-color: #5aa3d2; color:#ffffff; font-size: 23px; } 1441 1442.OTG-Table th.OTG-green-field { background: #62bb46; } 1443 1444.OTG-Testimonial p { font-size: 28px; font-style: italic; font-weight: 700; } 1445 1446.OTG-Testimonial p span.blockquote-name { font-weight: 100; font-size: 20px; font-style: normal; } 1447
1448.OTG-Testimonial .col.col-image { background-position: top !important; } 1449 1450.OTG-Testimonial .testimonial-headshot { width: 150px; height: 150px; text-align: center; margin-left: auto; margin-right: auto; background-size: cover !important; border-radius: 100%; background-position: top center !important; } 1451 1452 1453 1454@media screen and (max-width: 700px) { 1455 1456.OTG-Table .OTG-blue-table, .OTG-Table { font-size: 12px; } 1457 1458} 1459 1460 1461/*----ON THE GO ENDS HERE----*/ 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485/*---- 1486 1487-----*/ 1488 1489 1490 1491.login_minibox { transform: rotate(-90deg); right: -160px; -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.27); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.27); top: 40%; } 1492 1493 1494 1495 1496 1497 1498.login_minibox:hover a h5 { font-size: 16px; transition: all .2s linear; text-decoration:none !important;} 1499 1500img.small-image-title { max-width: 30px; margin-bottom: -5px; } 1501 1502.col.three-column.white-container h3, .container.plain-two-columns.landing-page-container .col.two-columns.white-container h2 { padding-left: initial; padding-right: initial; } 1503 1504a.button.no-margins.white-text { color: #ffffff; } 1505 1506a.button.no-margins.white-text:hover { text-decoration: none; } 1507 1508 1509/*----HOMEPAGE SLIDER EDIT BEGINS HERE----*/ 1510 1511#homepageSlideshow .pager a { width: 8%; } 1512 1513#homepageSlideshow .pager a { opacity: 60%; } 1514 1515#homepageSlideshow .pager a.activeSlide { opacity: 100%; } 1516 1517 1518#homepageSlideshow .pager .text { display:none; } 1519 1520 1521@media screen and (min-width: 768px) and (max-width: 1024px) { 1522 #homepageSlideshow .pager .description, #homepageSlideshow .pager .title, #homepageSlideshow .pager .text { display: none; } 1523 #homepageSlideshow .pager a { width: 10%; } 1524} 1525 1526@media screen and (max-width: 768px) { 1527 #homepageSlideshow .pager a { width: 10%; } 1528 #homepageSlideshow .pager a { display: contents; } 1529 #homepageSlideshow .pager img { height: 30px; width: 30px; } 1530 #homepageSlideshow .pager img { border-width: 3px; margin-left: 3px; margin-right: 3px; } 1531 #homepageSlideshow .slides .text { padding-bottom: initial; } 1532 #homepageSlideshow { height: 475px; min-height: 475px; } 1533 #homepageEducation::after { display: none; } 1534} 1535 1536/*----HOMEPAGE SLIDER EDIT ENDSHERE----*/ 1537 1538 1539 1540 1541 1542 1543 1544 1545/*----VETERANS CALENDAR LP BEGINS HERE----*/ 1546 1547.class-calendar { display: block; padding-left: 15px; padding-right: 15px; } 1548.class-calendar h3 { font-size: 30px; margin-bottom: 0; margin-top: 0; } 1549.class-calendar h3 a { color:#333333; } 1550.right-column-content p, .right-column-content li { font-size: 20px; } 1551.left-column-date { max-width: 200px; width: 100%; color: #ffffff; text-align: center; display: inline-block; text-transform: uppercase; vertical-align: top; } 1552.left-column-date span.blue-date { padding: 15px; display: block; font-size: 30px; background: #5aa3d2; margin-bottom: 15px; } 1553.left-column-date span.blue-date span.day { display: block; font-size: 120px; font-weight: bold; } 1554.left-column-date span.sign-up { font-size: 40px; font-weight: bolder; background: #edae50; width: 100%; display: block; } 1555.left-column-date span.sign-up a { color:#ffffff; } 1556.right-column-content { display: inline-block; max-width: 70%; } 1557@media screen and (max-width: 712px) { 1558.right-column-content { max-width: 100%; margin-top: 15px; } 1559.left-column-date { margin-left: auto; margin-right: auto; display: inline; } 1560} 1561 1562/*----VETERANS CALENDAR LP ENDS HERE----*/ 1563 1564 1565 1566/*----RENTAL FACILITIES MODAL BEGINS HERE----*/ 1567 1568.rental-modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5); } 1569 1570.rental-modal .modal-content { position: relative; background-color: #fff; margin: 2% auto; padding: 20px; border-radius: 10px; width: 90%; max-width: 750px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); animation: fadeIn 0.3s ease; overflow: auto; } 1571 1572 1573.rental-modal .close { position: absolute; top: 10px; right: 15px; color: #aaa; font-size: 24px; font-weight: bold; cursor: pointer; z-index: 1; } 1574 1575.rental-modal .close:hover { color: #000; } 1576 1577@keyframes fadeIn { 1578 from { opacity: 0; transform: scale(0.9); } 1579 to { opacity: 1; transform: scale(1); } 1580} 1581 1582/*----RENTAL FACILITIES MODAL ENDS HERE----*/ 1583 1584 1585 1586 1587 1588 1589/*----CUSTOM MODAL WIDER BEGINS HERE----*/ 1590 1591 1592.wide-modal-container .custom-modal-content { max-width: 850px; } 1593 1594.wide-modal-container .custom-modal-content img { float: left; max-width: 250px; padding-right: 15px; } 1595 1596@media screen and (max-width: 768px) { 1597 1598 .wide-modal-container .custom-modal-content img { float: initial; margin-left: auto; margin-right: auto; display: block; } 1599 .wide-modal-container .custom-modal-content { text-align: center; } 1600 1601} 1602 1603/*----CUSTOM MODAL WIDER ENDS HERE----*/ 1604 1605 1606 1607 1608/*----CUSTOM MODAL MAC BEGINS HERE----*/ 1609 1610/* Prevent background scroll */ 1611body.modal-open { overflow: hidden; position: relative; height: 100%; } 1612/* Modal backdrop */ 1613.custom-modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; overflow-y: auto; } 1614/* Show modal with fade-in */ 1615.custom-modal.show { display: block; opacity: 1; pointer-events: auto; } 1616/* Modal content box with slide/fade in and out */ 1617.custom-modal-content { background: #fff; margin: 3% auto; padding: 1.5rem; border-radius: 8px; width: 90%; max-width: 500px; position: relative; transform: translateY(-50px); opacity: 0; transition: all 0.3s ease; max-height: 90vh; overflow-y: auto; } 1618.custom-modal-content h2, .custom-modal-content h3, .custom-modal-content h4 { margin-bottom: 0; } 1619.custom-modal-content h3, .custom-modal-content h4 { margin-top: 0; } 1620 1621.mac-leaders h3 { margin-top: 0; } 1622 1623.mac-leaders h4 { margin-top: 15px; margin-bottom: 0; } 1624 1625.custom-modal-content::-webkit-scrollbar { width: 8px; } 1626.custom-modal-content::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; } 1627/* Animate content in */ 1628.custom-modal.show .custom-modal-content { transform: translateY(0); opacity: 1; } 1629/* Close button */ 1630.custom-modal .close { position: absolute; right: 1rem; top: 1rem; font-size: 1.5rem; color: #aaa; cursor: pointer; } 1631.custom-modal .close:hover { color: #000; } 1632.mac-leaders { text-align: center; } 1633 1634.mac-leaders ul { list-style: none; padding: 15px; } 1635 1636.mac-leaders img { max-width: 200px; } 1637 1638.mac-leaders ul { list-style: none; padding: 15px; padding-top: 0; } 1639 1640/* Responsive */ 1641@media (max-width: 600px) { 1642 .custom-modal-content { width: 95%; padding: 1rem; } 1643} 1644 1645/*----CUSTOM MODAL MAC ENDS HERE----*/ 1646 1647 1648 1649 1650/*----TRANSLATOR BEGINS HERE----*/ 1651 1652div#conveythis-wrapper { right: inherit !important; left: 0 !important; } 1653 1654/*----TRANSLATOR ENDS HERE----*/ 1655 1656 1657/*----EVENTS CALENDAR BEGINS HERE----*/ 1658 1659.three-column.white-container.white-container-link.small-fade-up.small-calendar-events.in-view { max-width: 340px; } 1660 1661#events-container img { max-height: 225px;} 1662 1663 1664/*----EVENTS CALENDAR ENDS HERE----*/ 1665 1666 1667 1668 1669/*----NEW PORTAL BLOG BEGINS HERE---*/ 1670 1671.new-portal-countdown p#countdown { position: absolute; top: 45%; -ms-transform: translateY(-50%); -ms-transform: translateX(-50%); transform: translateY(-50%); transform: translateX(-50%); left: 50%; width: 100%; text-align: center; color: #ffffff; } 1672 1673.dark-bg-transparent { background: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; height: 100%; margin: 0; top: 0; left: 0; } 1674 1675/*----NEW PORTAL BLOG ENDS HERE---*/ 1676 1677/*----SPARK LP BEGINS HERE----*/ 1678 1679h1 div.custom-title.spark-intro { text-align: center; font-size: 60px; } 1680 1681.spark-main-subtitle { text-align: center; padding-left: 15px; padding-right: 15px; font-size: 30px; max-width: 950px; margin-left: auto; margin-right: auto; font-weight:100;} 1682 1683@media screen and (max-width: 700px) { 1684 h1 div.custom-title.spark-intro { font-size: 40px; } 1685 1686 .gallery-space .column { display: table-cell; } 1687 1688} 1689 1690.gallery-space .container { position: relative; } 1691 1692.gallery-space .container a.next, .gallery-space .container a.prev { position: absolute; top: 40%; color: #ffffff; font-size: 30px;} 1693 1694.gallery-space .container a.next:hover, .gallery-space .container a.prev:hover { cursor:pointer; text-decoration:none; } 1695 1696.gallery-space .container a.next { right: 10px; } 1697
1698.gallery-space .container a.prev { left: 10px; } 1699 1700.gallery-space .numbertext { background: #394a59; color: #ffffff; padding: 10px; margin-bottom: 5px; } 1701 1702.gallery-space img.demo.cursor { opacity: 50%; } 1703 1704.gallery-space img.demo.cursor:hover { opacity: 100%; cursor: pointer !important; } 1705 1706.gallery-space img.demo.cursor.active { opacity: 100%; } 1707 1708div#myModal.spark-gallery-row { z-index: 9999; } 1709 1710img.contact-icons { max-height: 80px; } 1711 1712.landing-page-container.contact-info a { color: #333333; font-size: 20px; } 1713 1714 1715 1716 1717 1718 1719/* Main Slider */ 1720.gallery-space .slideshow-container { 1721 position: relative; 1722 max-width: 100%; 1723 margin: auto; 1724} 1725 1726.gallery-space .mySlides { 1727 display: none; 1728 position: relative; 1729 animation: fade 1s; 1730} 1731 1732.gallery-space .mySlides img { 1733 width: 100%; 1734 cursor: pointer; 1735} 1736 1737.gallery-space .numbertext { 1738position: absolute; 1739 background: rgba(0, 0, 0, 0.5); 1740 color: #fff; 1741 border-radius: 4px; 1742 font-size: 14px; 1743 width: 100%; 1744 left: 0; 1745 padding: 0; 1746 text-align: center; 1747 padding-top: 15px; 1748 padding-bottom: 15px; 1749 bottom: 0; 1750} 1751 1752/* Fade Animation */ 1753@keyframes fade { 1754 from {opacity: .4;} 1755 to {opacity: 1;} 1756} 1757 1758/* Caption */ 1759.gallery-space #caption { 1760 text-align: center; 1761 margin-top: 10px; 1762 font-weight: bold; 1763 display: none; 1764 1765} 1766 1767/* Thumbnail Carousel */ 1768.gallery-space .thumbnail-wrapper { 1769 position: relative; 1770 max-width: 100%; 1771 overflow: hidden; 1772 margin-top: 15px; 1773} 1774 1775.gallery-space .thumbnail-container { 1776 display: flex; 1777 transition: transform 0.3s ease; 1778} 1779 1780.gallery-space .thumbnail-container img { 1781 width: 60px; 1782 height: 60px; 1783 object-fit: cover; 1784 /*margin-right: 6px;*/ 1785 cursor: pointer; 1786 opacity: 0.6; 1787 transition: opacity 0.3s; 1788 border-radius: inherit; 1789} 1790 1791.gallery-space .thumbnail-container img.active, 1792.gallery-space .thumbnail-container img:hover { 1793 opacity: 1; 1794 border: 2px solid #555; 1795} 1796 1797/* Thumbnail Arrows */ 1798.gallery-space .thumb-prev, .gallery-space .thumb-next { 1799 position: absolute; 1800 top: 20%; 1801 transform: translateY(-50%); 1802 background: rgba(0, 0, 0, 0.5); 1803 color: white; 1804 border: none; 1805 font-size: 18px; 1806 padding: 10px; 1807 cursor: pointer; 1808 border-radius: 0; 1809 z-index: 1; 1810} 1811 1812.gallery-space .thumb-prev { left: 0; } 1813.gallery-space .thumb-next { right: 0; margin-right: 0 ;} 1814 1815/* Lightbox */ 1816#lightbox { 1817 display: none; 1818 position: fixed; 1819 z-index: 9999; 1820 padding-top: 60px; 1821 left: 0; top: 0; width: 100%; height: 100%; 1822 background-color: rgba(0,0,0,0.9); 1823} 1824 1825#lightboxImg { 1826 margin: auto; 1827 display: block; 1828 max-width: 90%; 1829 max-height: 80%; 1830} 1831 1832#lightboxClose { 1833 position: absolute; 1834 top: 20px; 1835 right: 35px; 1836 color: #fff; 1837 font-size: 40px; 1838 cursor: pointer; 1839} 1840 1841 1842 1843 1844/*----SPARK LP ENDS HERE----*/ 1845 1846 1847 1848 1849 1850 1851/*----EVENT PLANNING GUIDE BEGINS HERE----*/ 1852 1853h1 .custom-title.event-center { 1854 text-align: center; 1855 font-size: 40px; 1856 margin-bottom: 0; 1857 padding-bottom: 0; 1858 line-height: 20px; 1859 margin-top: 30px; 1860} 1861 1862/*THREE COLUMN IMAGE CTA BEGINS HERE*/ 1863 1864.container-with-image-CTA { margin-bottom: 20px; } 1865 1866.cta-with-background-img { background: url(clientuploads/Membership/Landing-Page/Returning-Member.jpg); background-position: center; background-size: cover; } 1867 1868.cta-with-background { background: rgba(0, 0, 0, 0.5); color: #ffffff; text-align: center; padding-top: 70px; padding-bottom: 70px; } 1869 1870.cta-with-background h3 { font-size: 30px; } 1871 1872/*THREE COLUMN IMAGE CTA ENDS HERE*/ 1873 1874 1875/*--SMALLER TWO COLUMN FULL WIDTH BEGINS HERE--*/ 1876 1877.container.full-width-container.two-column-wide-container .col.col-text .text-content.less-padding { padding: 80px; max-width: 800px; } 1878 1879 1880/*--SMALLER TWO COLUMN FULL WIDTH ENDS HERE--*/ 1881 1882 1883 1884 1885/*----EVENT PLANNING GUIDE ENDS HERE----*/ 1886 1887 1888/*----PHOTO GALLERY BEGINS HERE----*/ 1889 1890 1891.modal-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; padding: 20px; max-width: 800px; } 1892 1893.gallery-item { overflow: hidden; } 1894 1895.gallery-item img { width: 100%; height: auto; display: block; cursor: pointer;} 1896 1897.modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9); } 1898 1899.modal-content { margin: auto; display: block; max-width: 90%; max-height: 90%; cursor: pointer;} 1900 1901.close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } 1902 1903.close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } 1904 1905 1906/*----PHOTO GALLERY ENDS HERE----*/ 1907 1908/*----smaller headshot BOD style team begins here----*/ 1909.container.bod-page-people.smaller-headshot .headshot-box { height: 280px; } 1910.container.bod-page-people.smaller-headshot button.open-modal { margin: 0; margin-top: 15px; width: 100%; } 1911 1912.container.bod-page-people.smaller-headshot button.open-modal:hover { cursor: pointer; background: #da984c;} 1913 1914 1915/*----smaller headshot BOD style team ends here----*/ 1916 1917/*----CANDIDATE ELECTION HEADSHOTS BEGINS HERE----*/ 1918 1919 1920.container.bod-page-people .headshot-box.video-box { height: auto; background: transparent; } 1921 1922 1923 1924 1925 1926 1927 1928.container.bod-page-people .headshot-box.video-box { height: 220px; background-size: cover; } 1929 1930 1931 1932 1933 1934 1935 1936.container.bod-page-people .col.three-columns.filling-empty-space, .container.bod-page-people .col.two-columns.filling-empty-space { max-width: 67%; position: relative; background:#565f70; border: 1px solid #e3e3e3; 1937 border-radius: 5px; } 1938.container.bod-page-people .col.three-columns.filling-empty-space .filling-message, .container.bod-page-people .col.two-columns.filling-empty-space .filling-message { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } 1939.container.bod-page-people .col.three-columns.filling-empty-space h2, .container.bod-page-people .col.two-columns.filling-empty-space h2 { font-size: 45px; margin-bottom: 15px; padding-bottom: 0; } 1940 1941.container.bod-page-people .col.three-columns.filling-empty-space .filling-message, .container.bod-page-people .col.two-columns.filling-empty-space .filling-message { position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%) translateX(-50%); left: 50%; width: 90%; } 1942 1943.container.bod-page-people .bod-content.callout.animation-element.small-fade-up.in-view { max-width: 100%; padding-bottom: inherit; width: 100%; } 1944 1945@media screen and (max-width: 700px) { 1946.container.bod-page-people .col.three-columns.filling-empty-space { max-width: 100%; } 1947.container.bod-page-people .col.three-columns.filling-empty-space .filling-message { position: initial; top: initial; -ms-transform: initial; transform: initial; padding-bottom: 50px; padding-top: 30px; margin-left: auto; margin-right: auto; } 1948.container.bod-page-people .col.three-columns .callout { padding-bottom: inherit; } 1949 1950} 1951 1952/*----CANDIDATE ELECTION HEADSHOTS ENDS HERE----*/ 1953 1954/*--CUSTOM ACCORDION BEGINS HERE--*/ 1955 1956.sentrilock-faq .accordion { color: #2d5fa3; cursor: pointer; padding-left: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 30px; transition: 0s; background-color: transparent; margin:0; } 1957.sentrilock-faq .active, .accordion:hover { background-color: #e3e3e3; } 1958 1959 1960 1961 1962 1963 1964 1965 1966.accordion:after { content: 'ð¢'; color: #777; font-weight: bold; float: left; margin-right: 5px; } 1967 1968 1969.sentrilock-faq .active:after { content: "ð¢"; } 1970 1971 1972 1973 1974 1975 1976 1977.sentrilock-faq .panel { padding: 0 18px; background-color: transparent; max-height: 0; overflow: hidden; } 1978 1979p.button-paragraph.button.no-margins.expandableSectionHeader.jumbotron-accordion { background: #ff9900; padding: 10px 15px; border-radius: 4px; font-size: 20px; width: initial; display: inline-block; position: initial; } 1980 1981p.button-paragraph.button.no-margins.expandableSectionHeader.jumbotron-accordion::before { content: ''; position: initial; top: initial;
1981 left: initial; font-family: initial; font-weight: 900; margin-right: initial; } 1982 1983ol.bold-list { font-weight: bold; } 1984 1985ol.bold-list li { margin-bottom: 15px; } 1986 1987ol.bold-list li ol { font-weight: 100; margin-top: 10px; } 1988 1989 1990.sentrilock-faq li { font-size: 20px; } 1991 1992.sentrilock-faq ul { padding-left: 0; } 1993 1994/*--CUSTOM ACCORDION ENDS HERE--*/ 1995 1996/*----SCROLABLE MENU BEGINS HERE----*/ 1997 1998.mainBar { background: #ffffff; } 1999 2000nav.custom-rolling-menu-container { position: fixed; top: 0; background-color: #eef0f1; width: 100%; z-index: 9; -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.38); -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.38); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.38); } 2001 2002nav.custom-rolling-menu-container .container { width: 90%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 0; } 2003 2004nav.custom-rolling-menu-container .container ul { padding:0;margin:0; } 2005 2006nav.custom-rolling-menu-container .container ul li { display: inline-block; border-radius:5px; } 2007 2008nav.custom-rolling-menu-container .container ul li a { display: inline-block; text-decoration: none; font: bold 15px 'Poppins', sans-serif; text-transform: uppercase; padding: .5em .5em; color: #394a59; transition: all 0.2s; } 2009 2010nav.custom-rolling-menu-container .container ul li a:focus, nav.custom-rolling-menu-container .container ul li a:active { background-color: #ff9900; border-radius:0; transition: 0.3s; } 2011 2012nav.custom-rolling-menu-container .container ul li.active, nav.custom-rolling-menu-container .container ul li:hover { color:#ffffff !important; background-color: #ff9900; border-radius:0; transition: 0.3s; } 2013 2014nav.custom-rolling-menu-container .container ul li:hover a ( color:#ffffff !important; ) 2015 2016nav.custom-rolling-menu-container .container ul li a.active:after, nav.custom-rolling-menu-container a:after { content: "hi" !important; } 2017 2018nav.custom-rolling-menu-container .container ul li.active a, nav.custom-rolling-menu-container .container ul li a:hover { color: #ffffff; } 2019 2020/*----SCROLABLE MENU ENDS HERE----*/ 2021 2022/*----SENTRILOCK LANDING PAGE BEGINS HERE----*/ 2023 2024.row.new-sentrilock-blue-promo { display: inline-flex; } 2025 2026.sentrilock-three-columns { max-width: 980px; width: 100%; margin-left: auto; margin-right: auto; } 2027 2028.sentrilock-three-columns .three-columns { display: inline-block; max-width: 33%; vertical-align: top; } 2029 2030.custom-title.h1-centered { text-align: center; font-size: 60px; font-weight: 100; text-transform: capitalize; } 2031img.huge-sentrilock-logo { max-width: 800px; margin-top: -40px; } 2032h2.tiny-h2 { font-weight: 100; margin: 0; } 2033h2.thick-h2 { font-weight: bolder; font-size: 50px; color:#2d5fa3; } 2034h3.thin-big-h3 { font-size: 45px; font-weight: 100; max-width: 850px; margin-left: auto; margin-right: auto; color:#2d5fa3;} 2035.bigger-font-sizes h3 { font-size: 30px; margin-bottom: 0; color:#2d5fa3;} 2036.bigger-font-sizes p { font-size: 25px; margin-top: 0; max-width: 850px; margin-left: auto; margin-right: auto; } 2037.landing-page-container.small-three-column-container { max-width: 800px; } 2038.container.plain-two-columns.landing-page-container.small-width-here { max-width: 1000px; } 2039.container.plain-two-columns.landing-page-container.small-width-here a.button { width: 100%; text-align: center; font-weight: 600; background: #2d5fa3;} 2040.container.plain-two-columns.landing-page-container.small-width-here .col.two-columns { padding-left: 50px; padding-right: 50px; } 2041.container.plain-two-columns.landing-page-container.small-width-here p { font-size: 22px; margin-top: 0; } 2042.landing-page-container.small-three-column-container .col.three-column { padding-left: 40px; padding-right: 40px; } 2043.landing-page-container.small-three-column-container h3 { font-size: 30px; line-height: 35px; } 2044.landing-page-container.small-three-column-container h3 span.big-numbers { font-size: 50px; display: block; } 2045.landing-page-container.small-three-column-container p { padding: 0 !important; font-size: 22px; margin-top: 10px; } 2046.light-grey-centered-container { background: #e3e3e3; padding: 50px 15px; margin-top: 30px; margin-bottom: 30px; } 2047.container.plain-two-columns.landing-page-container.division-sentrilock-container { max-width: 850px; } 2048.division-sentrilock-container .col:first-child { border-right: 4px solid #2d5fa3; text-align: right; font-weight: 700; font-size: 22px; } 2049.jumbotron .jumbotron-color.blue-backgroundc { background: #215193; } 2050.jumbotron .jumbotron-color.blue-backgroundc img { max-width: 150px; } 2051.jumbotron .jumbotron-color.blue-backgroundc h2 { font-size: 80px; text-align: left; margin-top: 10px; margin-bottom: 0; }
2052.jumbotron .jumbotron-color.blue-background-transparent {background-color: rgba(17, 58, 110, 0.90); } 2053.table-with-logos { max-width: 300px; margin-left: auto; margin-right: auto; } 2054.bigger-font-sizes.sentrilock-faq h4.expandableSectionHeader { margin-left: 50px; margin-bottom: 0; margin-top: 10px; font-size: 23px; } 2055.bigger-font-sizes.sentrilock-faq p { max-width: 100%; margin-left: 25px; margin-bottom: 15px; font-size: 20px; } 2056.bigger-font-sizes.sentrilock-faq ol, .bigger-font-sizes.sentrilock-faq ul { font-size: 20px; margin-left: 50px; } 2057 2058@media screen and (max-width: 919px) { 2059 2060.sentrilock-three-columns .three-columns { display: inherit; max-width: 100%; } 2061 2062} 2063 2064@media screen and (max-width: 700px) { 2065 2066.row.new-sentrilock-blue-promo { display: inline-block; } 2067 2068.jumbotron .jumbotron-color.blue-backgroundc h2 { font-size: xxx-large; } 2069 2070.container.plain-two-columns.landing-page-container.small-width-here .col.two-columns { display: block; width: 80%; } 2071.container.plain-two-columns.landing-page-container.small-width-here a.button { width: 95%; margin-bottom: 15px; font-size: 20px; } 2072.landing-page-container.small-three-column-container { text-align: center; } 2073.jumbotron .jumbotron-color.blue-backgroundc.plain-blue-jumbotrol .col.big-right-double-col { margin-left: auto; margin-right: auto; text-align: center; width:95%; } 2074.jumbotron .jumbotron-color.blue-backgroundc.plain-blue-jumbotrol .col.big-right-double-col h2 { text-align: center; } 2075} 2076 2077/*----SENTRILOCK LANDING PAGE ENDS HERE----*/ 2078 2079/*----TESTIMONIAL SLIDER BEGINS HERE----*/ 2080 2081.wrapper.testimonials { background-color: #394a59; min-height: 25em; border-radius: 0.6em; box-shadow: 0 1.8em 3em rgba(1, 17, 39, 0.15); display: flex; } 2082.testimonial-container { width: 85%; height: 100%; position: relative; margin: auto; padding: 1.8em 1.2em; } 2083.wrapper.testimonials button { font-size: 1.8em; height: 2.2em; width: 2.2em; background-color: #ff9900; position: absolute; margin: auto; top: 0; bottom: 0; border: none; color: #ffffff; box-shadow: 0 0 1em rgba(1, 17, 39, 0.25); cursor: pointer; border-radius: 50%; } 2084button#next { right: -1.1em; } 2085button#prev { left: -1.1em; } 2086.testimonial-container hr { width:80%; } 2087.testimonial-container p { color: #ffffff; text-align: center; font-size: 20px; line-height: 30px; letter-spacing: 0.05em; } 2088.testimonial-container img { display: block; margin: 1.8em auto 1.25em auto; border-radius: 50%; width: 4.4em; } 2089.testimonial-container h3 { color: #ffffff; font-size: 1em; text-align: center; } 2090.testimonial-container h4 { color: #bcc4da; font-size: 0.9em; letter-spacing: 0.03em; font-weight: 400; text-align: center; } 2091@media screen and (max-width: 650px) { 2092 .wrapper { font-size: 14px; } 2093} 2094 2095/*----TESTIMONIAL SLIDER ENDS HERE----*/ 2096 2097/*----SECOND LOGO SLIDER BEGINS HERE----*/ 2098.carousel-logo-slider { overflow: hidden; padding: 30px 0 0 0; white-space: nowrap; position: relative; } 2099.carousel-logo-slider:hover .carousel-logos-slide { animation-play-state: paused; } 2100.carousel-logos-slide { display: inline-block; animation: 45s slide infinite linear; } 2101.carousel-logos-slide img { max-width: 183px; height: auto; margin: 0 40px;vertical-align:middle; } 2102.slow-carousel.carousel-logos-slide { display: inline-block; animation: 100s slide infinite linear; } 2103 2104 2105.carousel-logos-slide.not-logos img { 2106 max-width: 283px; 2107 height: auto; 2108 margin: 0; 2109 vertical-align: middle; 2110 border: 2px solid #ffffff; 2111} 2112 2113 2114@keyframes slide { 2115 from { transform: translateX(0); } 2116 to { transform: translateX(-100%); } 2117} 2118/*----SECOND LOGO SLIDER ENDS HERE----*/ 2119 2120/*----ANIMATION ON SCREEN BEGINS HERE----*/ 2121 2122/* Trigger */ 2123 2124.animated { animation-duration: 1s; animation-fill-mode: both; } 2125 2126/* Optional Delays, change values here */ 2127 2128.one { animation-delay: 0.2s !important; -webkit-animation-delay: 0.2s !important; -moz-animation-delay: 0.2s !important; } 2129.two { animation-delay: 0.4s !important; -webkit-animation-delay: 0.4s !important; -moz-animation-delay: 0.4s !important; } 2130.three { animation-delay: 0.6s !important; -webkit-animation-delay: 0.6s !important; -moz-animation-delay: 0.6s !important; } 2131.four { animation-delay: 0.8s !important; -webkit-animation-delay: 0.8s !important; -moz-animation-delay: 0.8s !important; } 2132.five { -webkit-animation-delay: 1s !important; -moz-animation-delay: 1s !important; animation-delay: 1s !important; } 2133 2134/* Animations start here */ 2135 2136/* FADE IN */ 2137 2138@keyframes fadeIn { 2139 from { opacity: 0; } 2140 to { opacity: 1; } } 2141.fadeIn { animation-name: fadeIn; } 2142 2143/* FADE IN DOWN */ 2144 2145@keyframes fadeInDown { 2146 from { opacity: 0; transform: translate3d(0, -100%, 0); } 2147 to { opacity: 1; transform: none; } } 2148.fadeInDown { animation-name: fadeInDown; } 2149 2150/* FADE IN UP */ 2151 2152@keyframes fadeInUp { 2153 from { opacity: 0; transform: translate3d(0, 20px, 0); } 2154 to { opacity: 1; transform: none; } } 2155.fadeInUp { animation-name: fadeInUp; } 2156 2157/* FADE IN UP BIG */ 2158 2159@keyframes fadeInUpBig { 2160 from { opacity: 0; transform: translate3d(0, 100px, 0); } 2161 to { opacity: 1; transform: none; } } 2162.fadeInUpBig { animation-name: fadeInUpBig; } 2163 2164/* FADE IN LEFT */ 2165 2166@keyframes fadeInLeft { 2167 from { opacity: 0; transform: translate3d(-30px, 0, 0)rotateZ(30deg); } 2168 to { opacity: 1; transform: none; } } 2169.fadeInLeft { animation-name: fadeInLeft; } 2170 2171/* FADE IN LEFT BIG */ 2172 2173@keyframes fadeInLeftBig { 2174 from { opacity: 0; transform: translate3d(-100px, 0, 0); } 2175 to { opacity: 1; transform: none; } } 2176.fadeInLeftBig { animation-name: fadeInLeftBig; } 2177 2178/* FADE IN RIGHT */ 2179 2180@keyframes fadeInRight { 2181 from { opacity: 0; transform: translate3d(100%, 0, 0); } 2182 to { opacity: 1; transform: none; } } 2183.fadeInRight { animation-name: fadeInRight; } 2184 2185/* @end standaard animaties */ 2186 2187.callout { max-width: 500px; margin:0 auto; padding-bottom:100px } 2188.fade-in-place.in-view { animation: fadeIn 2s; } 2189.big-fade-left.in-view { animation: fadeInLeftBig; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: both; backface-visibility: hidden; } 2190.big-fade-right.in-view { animation: fadeInRight; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: both; backface-visibility: hidden; } 2191.small-fade-up.in-view { animation: fadeInUp; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: both; backface-visibility: hidden; } 2192 2193/*----ANIMATION ON SCREEN ENDS HERE----*/ 2194 2195/*----FULL WIDTH TWO COLUMN CONTAINERS BEGIN HERE----*/ 2196 2197.container.full-width-container.two-column-wide-container { display: inline; } 2198.container.full-width-container.two-column-wide-container .row{ display: inline-flex; vertical-align: top; width: 100%; } 2199.container.full-width-container.two-column-wide-container .col { display: table-cell; max-width: 50%; padding: 5px; width: 100%; } 2200.container.full-width-container.two-column-wide-container .col.col
2200-image { background-size: cover !important; background-position: center !important; max-width: 90%; margin-left: auto; margin-right: auto; } 2201.container.full-width-container.two-column-wide-container .col.col-text { overflow:hidden; } 2202.container.full-width-container.two-column-wide-container .col.col-text .text-content { padding: 150px 80px; } 2203 2204@media screen and (max-width: 700px) { 2205.container.full-width-container.two-column-wide-container .row { display: table; } 2206.container.full-width-container.two-column-wide-container .col.col-image { display: table-header-group; height: 350px; background-position: center !important; background-size: cover !important; } 2207.container.full-width-container.two-column-wide-container .col.col-text .text-content { padding: 40px 30px; max-width: 100% !important; } 2208} 2209 2210/*----FULL WIDTH TWO COLUMN CONTAINERS ENDS HERE----*/ 2211 2212/*----AWARD WINNERS BEGINS HERE----*/ 2213 2214#Annual-Awards-recipients .expandableContent { background: transparent; text-align: left; } 2215#Annual-Awards-recipients h4.button.expandableSectionHeader { background: #ff9900; color: #ffffff; font-weight: 500; width: fit-content; margin-left: auto; margin-right: auto; border-radius: 5px; } 2216#Annual-Awards-recipients .expandableSectionHeader.expanded::before, #Annual-Awards-recipients .expandableSectionHeader::before { content: ''; } 2217 2218/*----AWARD WINNERS ENDS HERE----*/ 2219 2220 2221 2222/*----SMALL HEADSHOTS BEGIN HERE----*/ 2223 2224.container.bod-page-people.small-headshots .headshot-box { height: 250px; } 2225.container.bod-page-people.small-headshots h3 { font-size: 18px; } 2226.container.bod-page-people.small-headshots h4 { font-size: 14px; } 2227 2228/*----SMALL HEADSHOTS ENDS HERE----*/ 2229 2230/*----LIST WITH SEPARATORS BEGINS HERE----*/ 2231 2232ul.list-with-separators { margin-left: auto; margin-right: auto; display: inline-block; margin-top: 0; margin-bottom: 0; padding:initial; } 2233ul.list-with-separators li { display: table-cell; vertical-align: top; border-right: 1px solid #e3e3e3; text-align: center; padding-left: 15px; padding-right: 15px; } 2234ul.list-with-separators li:last-child { border: none; } 2235 2236@media screen and (max-width: 550px) { 2237 ul.list-with-separators li { width: auto; display: inline-block; margin-bottom: 15px; } 2238} 2239 2240/*----LIST WITH SEPARATORS ENDS HERE----*/ 2241 2242 2243 2244 2245 2246 2247/*----INTERNAL THREE COLUMN BEGINS HERE----*/ 2248 2249.col.internal-three-column { width: 33.33%; display: table-cell; vertical-align: top; } 2250.col.internal-three-column .expandableSectionHeader { margin-left: 35px; margin-bottom: 10px; margin-top: 10px; } 2251.col.internal-three-column .expandableContent { background: transparent; } 2252.col.internal-three-column .expandableContent ul { margin-top: 0; } 2253 2254@media screen and (max-width: 700px) { 2255 .col.internal-three-column { width: 100%; display: block; } 2256} 2257 2258/*----INTERNAL THREE COLUMN ENDS HERE----*/ 2259 2260 2261 2262 2263 2264 2265/*----ACCORDION BEGINS HERE----*/ 2266 2267/*.landing-page-container .col.two-columns.expandableSectionEnd { background: #e3e3e3; }*/ 2268 2269.landing-page-container .expandableSectionHeader::before { left: -15px; } 2270.landing-page-container h3.expandableSectionHeader { margin-left: 25px; } 2271.landing-page-container h3.expandableSectionHeader:first-child { margin-top: 0; } 2272.landing-page-container .expandableContent { padding-left: 25px; background: #f4f3ef ; } 2273@media screen and (max-width: 700px) { 2274 .landing-page-container .expandableContent { max-width: 90%; } 2275 .landing-page-container .expandableSectionHeader::before { left: -10px; font-size: 15px; top: 10px; } 2276} 2277 2278/*----ACCORDION ENDS HERE----*/ 2279 2280.white-container { background: #ffffff; padding: 15px !important; max-width: 50%; width:100%; margin: 15px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); overflow: hidden; } 2281.white-container-link { transition: box-shadow .3s; } 2282.white-container-link:hover { cursor: pointer; box-shadow: 0 0 10px 1px rgba(33,33,33,0.2); } 2283.white-container-link h3:hover { text-decoration: underline; } 2284.white-container p { padding-left: 0 !important; padding-right: 0 !important; } 2285.white-container img { transition: transform 0.5s; } 2286.white-container img:hover {transform: scale(1.1);} 2287.container.plain-two-columns.landing-page-container .row .two-column.white-container h3 { padding: initial; } 2288.dark-grey-centered-container .white-container { color: #333333; } 2289.dark-grey-centered-container li { margin-bottom: 10px; } 2290.dark-grey-centered-container .white-container a { color: #333333; text-decoration: none; } 2291.dark-grey-centered-container .white-container a:hover { text-decoration: underline; } 2292 2293/*----BIG LEFT TWO COLUMN BEGINS HERE----*/ 2294 2295.col.big-left-double-col:first-child { width: 70%; } 2296.col.big-left-double-col:nth-child(even) { width: 30%; } 2297@media screen and (max-width: 700px) { 2298 .col.big-left-double-col:first-child, .col.big-left-double-col:last-child { width: 100%; } 2299 .col.big-left-double-col:first-child img, .col.big-left-double-col:last-child img { margin-left: auto; margin-right: auto; display: block; } 2300} 2301 2302/*----BIG LEFT TWO COLUMN ENDS HERE----*/ 2303 2304/*----BIG RIGHT TWO COLUMN BEGINS HERE----*/ 2305 2306.col.big-right-double-col:first-child { width: 30%; } 2307.col.big-right-double-col:nth-child(even) { width: 70%; } 2308 2309 2310@media screen and (max-width: 700px) { 2311 2312.col.big-right-double-col:first-child { width: 100%; margin-bottom: 30px; } 2313.col.big-right-double-col:nth-child(even) { width: 100%; } 2314 2315} 2316 2317/*----BIG RIGHT TWO COLUMN ENDS HERE----*/ 2318 2319/*----COLORED CTA BOXES BEGINS HERE----*/ 2320ul.colored-cta-boxes { margin: initial; padding: initial; list-style: none; /* text-align: center; */ /* margin-left: auto; */ /* margin-right: auto; */ margin-left: 15px; } 2321ul.colored-cta-boxes li { display: inline-block; } 2322ul.colored-cta-boxes li a { width: fit-content; padding: 15px; margin-top: 10px; display: inline-block; } 2323/*----COLORED CTA BOXES ENDS HERE----*/ 2324/*----FOUR COLUMN LIST BEGINS HERE----*/ 2325ul.four-columns-list { padding: 0; } 2326ul.four-columns-list li { display: table-cell; width: 25%; vertical-align: top; border-right: 1px solid #e3e3e3;} 2327ul.four-columns-list li:last-child { border: none; } 2328ul.four-columns-list li ul { padding: 0; } 2329ul.four-columns-list li ul li { width: 100%; display: inline-block; border: none; } 2330ul.four-columns-list li, ul.four-columns-list li h3 { padding-left: 10px; padding-right: 10px; } 2331ul.four-columns-list li h3 { margin-top: 5px; margin-bottom: 5px; } 2332 2333@media screen and (max-width: 700px) { 2334 ul.four-columns-list li { width: 45%; display: inline-block; } 2335 ul.four-columns-list li { border: none; } 2336} 2337 2338@media screen and (max-width: 500px) { 2339 ul.four-columns-list li { width: auto; display: inline-block; } 2340} 2341 2342/*----FOUR COLUMN LIST ENDS HERE----*/ 2343/*----JUMBOTRON BEGINS HERE----*/ 2344.jumbotron { background-position: center; background-attachment: fixed; margin-bottom: 30px; background-size:cover; } 2345.jumbotron .jumbotron-color h2 { font-size: 3rem; } 2346.jumbotron .landing-page-container { padding-top: 30px; padding-bottom: 30px; text-align: center; color: #ffffff; } 2347.jumbotron .jumbotron-color { background-color: rgba(0, 0, 0, 0.67); } 2348/*----JUMBOTRON ENDS HERE----*/ 2349/*----FIXED PAGINATION BEGINS HERE----*/ 2350.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow, .pagination a.prevnextLink {font-size: 18px;border: none;margin-left: 2px;margin-right: 2px;color: #333333;} 2351.pagination .prevnextCurrent:hover, .pagination .prevnextWindow:hover, .pagination .prevnextWindowArrow:hover, .pagination a.prevnextLink:hover {border: none;} 2352.pagination a, .pagination a:link, .pagination a:visited, .pagination a:hover {border: none !important;} 2353.pagination a:hover {color:#ff9900 !important;} 2354.pagination .prevnextCurrent {color: #ffffff;} 2355.paginationText { padding-bottom: 50px; } 2356.utilityLinks {padding-bottom: 50px;padding-top: 20px;} 2357.utilityLinks a {background: #ff9900;color: #ffffff;padding: 10px 15px;border-radius: 5px;} 2358/*----FIXED PAGINATION ENDS HERE----*/ 2359 2360/*----GRAND OPENING LANDING PAGE BEGINS HERE----*/ 2361 2362iframe#32 40814196090152_1725458604787 { display: none !important; } 2363 2364p#countdown { font-size: 45px; margin-top: 0; margin-bottom: 0; } 2365ul.horizontal-list { list-style: none !important; margin: 0; padding: 20px; } 2366ul.horizontal-list li { display: inline-block; } 2367ul.horizontal-list li a.fab { color: #ff6600; font-size: 20px; }
2368.horizontal-list img.x-logo { width: 20px; margin-bottom: -3px; } 2369.two-columns.countdown-column .dark-grey-centered-container { height: 100%; } 2370.countdown-column .dark-grey-centered-container { margin-top: initial; margin-bottom: initial; padding: 0 15px; } 2371.dark-grey-centered-container p.expandableSectionHeader { position: initial; padding: initial; } 2372.dark-grey-centered-container p.expandableSectionHeader::before { content: ''; position: initial; font-family: initial; font-weight: initial; } 2373.dark-grey-centered-container p.expandableSectionHeader { display: inline-block; margin: 1em; border-radius: 5px; border: 0 none; background-color: #ff9900; padding: 0.5em 0.75em; text-decoration: none; font-size: 18px; font-family: 'Poppins', sans-serif; color: #fff; } 2374.dark-grey-centered-container .expandableContent { padding: initial; overflow: initial; } 2375.countdown-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } 2376.container.plain-two-columns .col.two-columns.countdown-column { position: relative; } 2377/*----GRAND OPENING LANDING PAGE ENDS HERE----*/ 2378/*** Begin Custom Styles - client controlled via file manager ***/ 2379h2 {font-size:25px;} h2.expandableSectionHeader { font-size: 22px; }.no-margins {margin:initial !important;}.webpageModule.moduleDetail { background: #f4f3ef no-repeat bottom center url(graphics/design/skyline.png); }a:hover { text-decoration: underline; }a.button:hover { background: #e99346; text-decoration: none; }.interiorContent main.mainColumn h2 a, .interiorContent main.mainColumn h3 a, .interiorContent main.mainColumn h4 a { border-bottom-color: #e3e3e3; border-bottom-style: solid; border-bottom-width: 1.5px; }.interiorContent main.mainColumn h2 a:hover, .interiorContent main.mainColumn h3 a:hover, .interiorContent main.mainColumn h4 a:hover { color: #ff9900; }.interiorContent { padding-bottom: inherit; }.expandableContent ul.two-column-list-no-bullet.title-no-spaces { padding: 0; margin: 0; max-width: 800px; }.expandableContent ul.two-column-list-no-bullet.title-no-spaces ul li:first-child { font-size: 14px; font-style: italic; }.expandableContent ul.two-column-list-no-bullet.title-no-spaces ul li a { font-size: 16px; }.interiorContent { padding-top: initial; }#interiorHeaderBanner { margin-bottom: auto; }@media screen and (max-width: 768px) {footer .intro { max-width: 380px; margin-left: auto; margin-right: auto; }}h3.button.expandableSectionHeader { margin-bottom: 0; }.align-center-content {text-align:center;}a.button.no-margin {margin:initial;}.date, .author { font-size: 14px; display: inline-block;}ul.two-column-list { list-style: disc; padding: 0;}ul.two-column-list li { width: 40%; padding: 0 20px; display: inline-table; list-style: disc; margin-bottom: 15px; }ul.two-column-list li:before { content: 'â¢'; margin-left: -10px; padding-right: 5px; }ul.three-column-list, ul.three-column-list ul { padding-left: inherit; }ul.three-column-list li { width: 30%; display: inline-table; list-style: disc; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; }ul.three-column-list.center-column-border li:nth-child(2) { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; }ul.three-column-list.center-column-border li li:nth-child(2) { border-left: initial; border-right: initial; } 2380ul.three-column-list li li { width: 100%; padding-left: 0; margin-left: 0; }.title-no-spaces { margin: 0; } 2381ul.three-column-list.including-bullet li a {display: list-item;margin-left: 1em;color: #333333;} 2382.logo-list { text-align: center; } 2383.logo-list img { max-height: 100px; } 2384.webpageModule.moduleDetail { padding-bottom: 55px; } 2385h3.title-no-spaces { margin: 0; } 2386ul.two-column-list-no-bullet.title-no-spaces h3 { margin: 0; } 2387.blogContent ul.two-column-list-no-bullet.title-no-spaces h3, ul.two-column-list-no-bullet.title-no-spaces h3 { margin: 0; } 2388.blogContent ul.two-column-list-no-bullet.title-no-spaces ul, ul.two-column-list-no-bullet.title-no-spaces ul { padding: 0; } 2389.blogContent ul.two-column-list-no-bullet.title-no-spaces ul li, ul.two-column-list-no-bullet.title-no-spaces ul li { margin: 0; padding: 0; } 2390.blogContent ul.two-column-list-no-bullet, ul.two-column-list-no-bullet { padding-left: inherit; } 2391.blogContent ul.two-column-list-no-bullet ul, ul.two-column-list-no-bullet ul { padding-left: inherit; } 2392.blogContent ul.two-column-list-no-bullet li, ul.two-column-list-no-bullet li { width: 47%; display: inline-table; list-style: disc; margin-bottom: 15px; padding-left: 5px; padding-right: 5px; } 2393.blogContent ul.two-column-list-no-bullet li:nth-child(2), ul.two-column-list-no-bullet.center-column-border li:nth-child(2) { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; } 2394.blogContent ul.two-column-list-no-bullet li li:nth-child(2), ul.two-column-list-no-bullet.center-column-border li li:nth-child(2) { border-left: initial; border-right: initial; } 2395.blogContent ul.two-column-list-no-bullet li li, ul.two-column-list-no-bullet li li { width: 100%; padding-left: 0; margin-left: 0; } 2396.blogContent ul.two-column-list-no-bullet.title-no-spaces {padding-left: initial !important;list-style: none !important;line-height: inherit !important;} 2397.blogContent ul li::before { margin: 0 !important; padding: 0 !important; color: transparent; display: none !important; } 2398.blogContent ul.two-column-list-no-bullet { line-height: normal !important; } 2399.blogContent ul {line-height:inherit;} 2400@media screen and (max-width: 700px) { 2401 ul.two-column-list { padding-left: 40px; } 2402 ul.two-column-list li { width: 100%; padding: initial; display: list-item; } 2403 ul.two-column-list li:before { content: ''; } 2404 ul.three-column-list li, .blogContent ul.two-column-list-no-bullet li, ul.two-column-list-no-bullet li { width: 100%; display: inherit; list-style: disc; margin-bottom: 15px; } 2405 ul.three-column-list.center-column-border li:nth-child(2) { border-left: initial; border-right: initial; } 2406} 2407/*----BLOG FIXES BEGINS HERE----*/.blogModule .tags { font-size: 13px; background-color: transparent; }.blogContent img { padding: 15px; } 2408.blogContent ul { list-style: disc !important; } 2409/*----BLOG ENDS BEGINS HERE----*//*----BLOCKQUOPTE BEGINS HERE----*/blockquote { font-size: 25px; }/*----BLOCKQUOPTE ENDS HERE----*//*----PAGINATION BEGINS HERE----*/.pagination .prevnextCurrent { background: #394a59;
2409 color: #ffffff; }.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow, .pagination a.prevnextLink { font-size: 16px; }/*----PAGINATION ENDS HERE----*//*----SMOOTH ANCHOR LINKS BEGIN HERE----*/#military-committee {scroll-behavior: smooth;}/*----SMOOTH ANCHOR LINKS ENDS HERE----*//*----DARK GREY CENTERED JUMBOTRON BEGIN HERE----*/.dark-grey-centered-container { text-align: center; color: #ffffff; background: #394a59; padding: 50px 15px; } 2410.dark-grey-centered-container a:hover { text-decoration: none; } 2411.dark-grey-centered-container a.button { text-decoration: none; } 2412.dark-grey-centered-container a { color: #ffffff; text-decoration:underline; }.dark-grey-centered-container { text-align: center; color: #ffffff; background: #394a59; padding: 50px 15px; margin-top: 30px; margin-bottom: 30px; }/*----DARK GREY CENTERED JUMBOTRON ENDS HERE----*//*----WHITE BG CONTAINER BEGIN HERE----*/.white-bg-container { background-color: #ffffff; padding-top: 50px; padding-bottom: 30px; /*margin-top: -30px;*/} 2413 2414.white-bg-container .expandableContent { background: #ffffff; } 2415 2416 2417 2418 2419.container.simple-three-columns .row.short-margin-spaces .white-container { margin: 5px; } 2420 2421 2422 2423 2424 2425/*----WHITE BG CONTAINER ENDS HERE----*/ 2426 2427/*----PROFESSIONAL STANDARDS LANDING PAGE BEGINS HERE----*/ 2428 2429 2430h1 div.custom-title { max-width: 1200px; margin-left: auto; margin-right: auto; display: block; padding-top: 20px; padding-bottom: 0px; text-align: left; padding-left: 15px; padding-right: 15px; } 2431 2432a.button.no-margin.full-width-button { width: 100%; text-align: center; } 2433 2434.dark-grey-centered-container .container.plain-two-columns, .dark-grey-centered-container p { max-width: 1200px; margin-left: auto; margin-right: auto; } 2435 2436.container.plain-two-columns.landing-page-container { max-width: 1200px; margin-left: auto; margin-right: auto; } 2437 2438.two-column-image-background { height: 100%; background-size: cover !important; background-position: center !important; max-width: 90%; margin-left: auto; margin-right: auto; } 2439 2440@media screen and (max-width: 700px) {.two-column-image-background {height: 450px; background-size: cover !important; background-position: center !important;}} 2441.dark-grey-centered-container .expandableContent { background: transparent; } 2442.dark-grey-centered-container h4.expandableSectionHeader { margin: 0; margin-left: 45px; } 2443.full-width-container.two-column-wide-container h4.expandableSectionHeader { margin: 0; } 2444.landing-page-container { max-width: 1200px; margin-left: auto; margin-right: auto; }.dark-grey-centered-container .container.plain-two-columns, .dark-grey-centered-container p { max-width: 1200px; margin-left: auto; margin-right: auto; }.container.plain-two-columns.landing-page-container .col.two-columns ul { list-style: disc; }.container.plain-two-columns.landing-page-container .col.two-columns ul li { margin-bottom: 10px; }.container.plain-two-columns.landing-page-container .col.two-columns ul li:last-child { margin-bottom: initial; } 2445 2446 2447.custom-header-image img { margin-left: auto; margin-right: auto; display: block; max-width: 1300px; width: 100%; } 2448 2449.custom-header img { margin-left: auto; margin-right: auto; display: block; max-width: 1300px; width: 100%; } 2450 2451.custom-header span {max-width: 1200px; margin-left: auto; margin-right: auto; display: block; padding-top: 20px; padding-bottom: 0px; text-align: left; padding-left: 15px; padding-right: 15px; } 2452 2453.container.plain-two-columns.landing-page-container .row p, .container.plain-two-columns.landing-page-container .row h2, .container.plain-two-columns.landing-page-container .row h1, .container.plain-two-columns.landing-page-container .row h3, .container.plain-two-columns.landing-page-container .row h4, .container.landing-page-container h1, .container.landing-page-container h2,.container.landing-page-container h3, .container.landing-page-container h4, .container.landing-page-container p { padding-left: 15px; padding-right: 15px; }@media screen and (max-width: 700px) {a.button.no-margin.full-width-button { display: inline; }} 2454 2455 2456 2457 2458 2459 2460 2461.mobile-link { display:none; } 2462 2463 2464 2465@media screen and (max-width: 700px) { 2466
2467.desktop-link { display:none; } 2468 2469.mobile-link { display:block; } 2470 2471} 2472 2473 2474 2475 2476 2477 2478/*----PROFESSIONAL STANDARDS LANDING PAGE ENDS HERE----*/ 2479/*----STAFF LIST BEGINS HERE----*/ul.three-column-list.staff-list { }ul.three-column-list.staff-list h3 { margin: 5px; font-size: 20px;}ul.three-column-list.staff-list h4 { font-weight: 400; font-style: italic; font-size: 15px; margin: 0; }ul.three-column-list.staff-list li { margin-bottom: 5px; } 2480@media screen and (max-width: 624px) {.container.simple-two-columns.staff-contact-with-map .col.two-column {display: inline;}} 2481/*----STAFF LIST ENDS HERE----*/ 2482/*----FIXED FOOTER BEGINS HERE----*//*footer { margin-top: 50px; }*//*----FIXED FOOTER ENDS HERE----*//*----FIXED HEADER BEGINS HERE----*/.mainMenu>li:hover>ul { display: inherit; flex-wrap: inherit; justify-content: flex-end; }/*----FIXED HEADER ENDS HERE----*//*----FIXED MOBILE HEADER BEGINS HERE----*//*@media screen and (max-width: 450px) { 2483header .socialLinks { margin-left: auto; margin-right: auto; display: table-row; text-align: center; }}@media screen and (max-width: 766px) {header .mainBar .pageContainer { display: block; } header .mainBar .pageContainer .logo { display: inline-block; max-width: 150px; width: 100%; } header .mainBar .pageContainer .mobileMenuButton { display: inline-block; width: auto; margin-right: 0; right: 0; text-align: right; position: absolute; top: 20px; }}@media screen and (min-width: 768px) and (max-width: 1024px) {header .logo { width: max-width: 150px; width: 100%;}}@media screen and (max-width: 1024px) {.mobileMenuButton { visibility: hidden; position: relative; } .mobileMenuButton:after { visibility:visible; width: 40px; content: ""; position: absolute; right: 0; top: 0.21em; bottom: 0.21em; background: linear-gradient( to bottom, #394a59, #394a59 20%, white 20%, white 40%, #394a59 40%, #394a59 60%, white 60%, white 80%, #394a59 80%, #394a59 100% );} .mobileMenuButton:hover:after { background:linear-gradient( to bottom, orange, orange 20%, white 20%, white 40%, orange 40%, orange 60%, white 60%, white 80%, orange 80%, orange 100% );} .mobileMenuButton:active:after { background:linear-gradient( to bottom, orange, orange 20%, white 20%, white 40%, orange 40%, orange 60%, white 60%, white 80%, orange 80%, orange 100% );}}*//*----FIXED MOBILE HEADER ENDS HERE----*//*----FIXED HOMEPAGE CONTENT BEGINS HERE----*/ 2484 2485#homepageCalendar div#homepageNewsNew div#holdHomeNews .listerItem:nth-child(4), #homepageCalendar div#homepageNewsNew div#holdHomeNews .listerItem:nth-child(5) { display: none; } 2486#homepageCalendar>div { width: 34%; display: inline-block; }div#homepageNewsNew .content .intro p { display: none; }section#homepageCalendar div#homepageEvents .content, section#homepageCalendar div#homepageEducation .content, section#homepageCalendar div#homepageNewsNew .content { padding-top: 50px; padding-left: 15px; padding-right: 10px; max-width: initial; }#homepageCalendar #holdHomeNews .date::before { content: ''; background: rl(https://www.orlandorealtors.org/graphics/design/calendar_icon.png); width: 100%; height: 40px; display: block; margin-left: auto; margin-right: auto; background-position: top center; background-repeat: no-repeat; }/*----FIXED HOMEPAGE CONTENT ENDS HERE----*//*** End Custom Styles - client controlled via file manager ***//*----LEADERSHIP BIO BEGINS HERE----*/.container.team-bio { max-width: 1100px; margin-left: auto; margin-right: auto; display: block; }.container.team-bio .row { display: block; border-bottom: 1px solid;}.container.team-bio .row .col { vertical-align: top; padding: 15px; } 2487.container.team-bio .row .col.name-side { padding-bottom: 0; }.container.team-bio .row .col.image-side, .container.team-bio .row .col.bio-side { display: table-cell; }.container.team-bio .row .col.image-side { max-width: 300px; width: 30%; }.container.team-bio .row .col.bio-side { width: 70%; }.container.team-bio h3, .container.team-bio h4 { margin: 0; }.container.team-bio h4 {font-style:italic; font-weight: 100; }@media screen and (max-width: 600px) {.container.team-bio .row .col.image-side { width: 100%; }.container.team-bio .row .col { display: block; }.container.team-bio .row .col.image-side, .container.team-bio .row .col.bio-side { display: block; }.container.team-bio .row .col.bio-side { width: 100%; }.container.team-bio .row .col.image-side { width: 100%; max-width: 100%; padding: 0; }.container.team-bio .row .col.image-side img { margin-left: auto; margin-right: auto; display: block; width: 100%; }} 2488 2489/*----LEADERSHIP BIO ENDS HERE----*/ 2490 2491 2492/*----LONG CEO BIO BEGINS HERE----*/.container.team-bio.long-ceo-bio .row .col {padding-bottom:initial;}.container.team-bio.long-ceo-bio .row { border: none; }.container.bod-page-people { display: block; text-align: center; }.container.bod-page-people h4, .container.bod-page-people h3 { margin-bottom: inherit; margin-top: inherit; }.container.bod-page-people h4 {font-style:italic; font-weight:100;font-size:16px;}.container.bod-page-people .row { display: inline-flex; vertical-align: top; width:100%; }.container.bod-page-people .col.three-columns { display: grid; max-width: 33%; padding: 5px; width: 100%; }.container.bod-page-people .headshot-box { height: 380px; display: block; background-color: grey; background-size: cover; background-position: top center; margin-bottom: 15px; } 2493 2494 2495.container.bod-page-people .headshot-box.election-headshot { height:450px; } 2496 2497 2498.container.bod-page-people .bod-content { background-color: #565f70; color: #ffffff; border: 1px solid #e3e3e3; border-radius: 5px; }.container.bod-page-people .bod-content:hover { -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.18); -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.18); box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.18); }.container.bod-page-people .bod-content a { color: #fff; text-decoration:underline; }.container.bod-page-people .bod-content a:hover { color: #edae4a; }.container.bod-page-people .bod-content h3, .container.bod-page-people .bod-content h4, .container.bod-page-people .bod-content ul {padding: 1px 10px !important;}.container.bod-page-people .col.three-columns ul { list-style: none; font-size: 17px; padding-bottom:10px; }.container.bod-page-people .col.three-columns ul li { margin-bottom: 5px; }@media screen and (max-width: 700px) {.container.bod-page-people .col.three-columns { display: block; padding: 0; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; margin-bottom:15px;}.container.bod-page-people .row { display:inline-block; }.container.bod-page-people .row .col.two-columns { display: inline-block; padding: 0; width: 100%; max-width: 300px; margin-left: auto; margin-right: auto; margin-bottom:15px;}}.container.bod-page-people .col.two-columns { display: grid; max-width: 50%; padding: 5px; width: 100%; border-bottom: 1px solid #e3e3e3; }.container.bod-page-people .col.two-columns ul { list-style: none; font-size: 17px; padding-bottom:10px; }.container.bod-page-people .col.two-columns ul li { margin-bottom: 5px; }/*----LONG CEO BIO ENDS HERE----*//*----BASIC TWO COLUMN CONTAINERS BEGINS HERE----*/.container.simple-two-columns .col.two-column { width: 50%; display: table-cell; padding: 5px; vertical-align:top;}.container .row .col.two-columns { width: 50%; display: table-cell; vertical-align: top; padding:5px;}.container .row.smaller-left { display: inline-flex; }.container .row.smaller-left .col.two-columns:first-child { width: 29%; display: inline-block; vertical-align: top; }.container .row.smaller-left .col.two-columns:last-child { width: 69%; display: inline-block; vertical-align: top; }.container.plain-two-columns .row { display: inline-flex; vertical-align: top; width:100%; }.container.plain-two-columns .col.two-columns { display: table-cell; max-width: 50%; padding: 5px; width: 100%; }.container.plain-two-columns .col.two-columns ul { list-style: none; font-size: 17px; padding-bottom:10px; }.container.plain-two-columns .col.two-columns ul li { margin-bottom: 5px; }.container.plain-two-columns .col.two-columns h3 { margin-bottom: 0; }@media screen and (max-width: 700px) {.container.plain-two-columns .row { display:inline-block; }.container .row.smaller-left { display: block; }.container .row.smaller-left .col.two-columns:first-child, .container .row.smaller-left .col.two-columns:last-child { display: block; width: 100%; }.container .row.smaller-left .col.two-columns:first-child { max-width: 350px; margin-left: auto; margin-right: auto; }.container.plain-two-columns .row .col.two-columns { display: inline-block; padding: 0; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom:15px;}.container.plain-two-columns .row .col.two-columns a { margin: 0; }}@media screen and (max-width: 600px) {.container .row.smaller-left .col.two-columns:first-child, .container .row.smaller-left .col.two-columns:last-child { width: 100%; display: inline-block; vertical-align: top; }} 2499 2500/*----BASIC TWO COLUMN CONTAINERS ENDS HERE----*/ 2501 2502/*----BASIC THREE COLUMN CONTAINERS BEGINS HERE----*/.container.simple-three-columns .col.three-column { width: 33.33%; display: table-cell; vertical-align: top; }.container.simple-three-columns .row { display: inline-flex; vertical-align: top; width:100%; }.container.simple-three-columns .col.three-column { display: table-cell; max-width: 50%; padding: 5px; width: 100%; }.container.simple-three-columns .col.three-column ul { list-style: none; font-size: 17px; padding-bottom:10px; }.container.simple-three-columns .col.three-column ul li { margin-bottom: 5px; }.container.simple-three-columns .col.three-column h3 { margin-bottom: 0;padding:0; } 2503 2504.container.simple-three-columns.smaller-columns h3 { 2505 font-size: 18px; 2506} 2507 2508.container.simple-three-columns .col.three-column .content h4 { margin-bottom: 0; margin-top:0;}.container.simple-three-columns .col.three-column .content { padding: 5px; } 2509 2510@media screen and (max-width: 700px) { 2511.container.simple-three-columns .row { display:inline-block; } 2512.container.simple-three-columns .row .col.three-column, .col.big-left-double-col .col.two-column.white-container { display: block; padding: 0; width: 100%; max-width: 90%; margin-left: auto; margin-right: auto; margin-bottom:15px;} 2513.container.simple-three-columns .row .col.three-column a { margin: 0; } 2514} 2515 2516/*----BASIC THREE COLUMN CONTAINERS ENDS HERE----*//*----JUMBOTRON CONTAINERS BEGINS HERE----*/.container.jumbotron { background: #394a59;
2516 color: #ffffff; padding: 15px; }.container.jumbotron .row { display: inline-flex; width: 100%; }.container.jumbotron .row .col { display: table-cell; }.container.jumbotron .row .col.jumbotron-message { width: 60%; padding-left: 20px; }.container.jumbotron .row .col.jumbotron-cta { width: 40%; text-align:center; position:relative;}.container.jumbotron .row .col.jumbotron-cta p { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }.container.jumbotron .row .col.jumbotron-cta a, .container.jumbotron .row .col.jumbotron-cta p { margin: 0; }@media screen and (max-width: 700px) {.container.jumbotron .row { display:inline-block; }.container.jumbotron .row .col { display: inline-block; padding: 0; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom:15px;}.container.jumbotron .row .col.jumbotron-message, .container.jumbotron .row .col.jumbotron-cta { width: 100%; }.container.jumbotron .row .col.jumbotron-cta p { margin: 0; position: inherit; top: inherit; left: inherit; -ms-transform: inherit; transform: inherit; } .container.jumbotron .row .col.jumbotron-message {padding:inherit;}}/*----JUMBOTRON CONTAINERS ENDS HERE----*//*----LONG productsservices BEGINS HERE----*//*----LONG productsservices ENDS HERE----*//*----LIST WITH IMAGES BEGINS HERE----*/.container.list-with-image .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }.container.list-with-image .row .col.two-column-with-image { width: 50%; display: inline-block; vertical-align: top; }.container.list-with-image .row .col.two-column-with-image .list-with-image-content { padding: 15px; }.container.list-with-image .row .col.two-column-with-image .list-with-image-content .list-image { background: #ffffff; height: 150px; padding: 10px; position: relative;} 2517 2518 2519.container.list-with-image .row .col.two-column-with-image .list-with-image-content .list-image img { max-height: 80%; display: flex; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto; max-width: 85%; width: auto;} 2520 2521@media screen and (max-width: 700px) {.container.list-with-image .row .col.two-column-with-image { width: 100%; }}/*----LIST WITH IMAGES ENDS HERE----*//*----SMALL IMAGE ON LEFT BEGINS HERE----*/.container.image-on-left .row .col.left-image-col { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; position:relative; height: 150px; }.container.image-on-left .row .col.left-image-col img { max-height: 100%; display: flex; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto; }.container.image-on-left .row .col.right-message-col { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }.container.image-on-left .row {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*margin-right: -15px; margin-left: -15px;*/ }@media screen and (max-width: 700px) {.container.image-on-left .row .col.left-image-col, .container.image-on-left .row .col.right-message-col { width: 100%; max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }.container.image-on-left .row .col.left-image-col { background: #ffffff; }}/*----SMALL IMAGE ON LEFT ENDS HERE----*/ 2522/*----TRUSTEES LIST BEGINS HERE----*/ 2523ul.trustees-logos { display: block; text-align: center; background-color: #ffffff; padding: 15px; } 2524ul.trustees-logos li { display: inline-block; max-width: 150px; text-align: center; vertical-align: middle; padding: 5px; } 2525 2526@media screen and (max-width: 700px) {.container.plain-two-columns .col.two-columns.countdown-column { height: 250px; }} 2527 2528/*----TRUSTEES LIST BEGINS HERE----*/ 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545/*---- 1ST RESPON DERS LANDING PAGE BEGINS HERE ----*/ 2546 2547 2548 2549/* ================================ 2550 VARIABLES 2551================================ */ 2552 2553:root { 2554 --responder-navy: #071d3d; 2555 --responder-navy-light: #123c68; 2556 --responder-gold: #d7860e; 2557 --responder-gold-light: #f0a82e; 2558 --responder-white: #ffffff; 2559 --responder-light: #f4f4f2; 2560 --responder-text: #071a35; 2561 --responder-border: #e2e2de; 2562} 2563 2564 2565/* ================================ 2566 RESET 2567================================ */ 2568 2569.responder-landing, .responder-landing *, .responder-landing *::before, .responder-landing *::after { box-sizing: border-box; } 2570.responder-landing { width: 100%; /*max-width: 1280px;*/ margin: 0 auto; overflow: hidden; background: var(--responder-white); color: var(--responder-text); font-family: Arial, Helvetica, sans-serif; } 2571.responder-landing img, .responder-landing svg { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } 2572.responder-landing a { transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease; font-size: 20px; font-weight: bold; } 2573 2574/* ================================ 2575 HERO 2576================================ */ 2577 2578.responder-hero { display: grid; grid-template-columns: minmax(420px, 47%) minmax(0, 53%); min-height: 750px; background: var(--responder-white); max-width: 1280px; margin-left: auto; margin-right: auto;} 2579.responder-hero__content { position: relative; z-index: 2; display: flex; min-width: 0; padding: clamp(30px, 4vw, 55px); padding-right: clamp(24px, 3vw, 45px); flex-direction: column; justify-content: center; } 2580.responder-brand { /*display: flex;*/ width: 100%; margin-bottom: clamp(35px, 5vw, 64px); align-items: center; /*gap: 20px;*/ } 2581.responder-brand__mark { position: relative; width: 82px; height: 105px; flex: 0 0 82px; } 2582.responder-brand__mark::after { content: ""; position: absolute; right: 0; bottom: 0; width: 76px; height: 8px; background: var(--responder-gold); } 2583.responder-brand__mark span { position: absolute; bottom: 19px; width: 25px; background: var(--responder-gold); border-radius: 100% 0 0; transform-origin: bottom right; } 2584.responder-brand__mark span:nth-child(1) { left: 0; height: 54px; transform: rotate(-38deg); } 2585.responder-brand__mark span:nth-child(2) { left: 25px; height: 76px; transform: rotate(-20deg); } 2586.responder-brand__mark span:nth-child(3) { right: 0; height: 98px; } 2587.responder-brand__copy { min-width: 0; } 2588.responder-brand__copy p { margin: 0; } 2589.responder-brand__top { color: var(--responder-navy); font-size: clamp(24px, 3.1vw, 44px); line-height: 1; letter-spacing: 0.18em; text-transform: uppercase; } 2590.responder-brand__main { color: var(--responder-navy); font-size: clamp(30px, 3.9vw, 55px); font-weight: 900; line-height: 1; letter-spacing: 0.03em; text-transform: uppercase; } 2591.responder-brand__tagline { margin-top: 8px !important; color: var(--responder-navy); font-size: clamp(10px, 1.1vw, 16px); font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; } 2592.responder-hero__text { min-width: 0; text-align: center; } 2593.responder-kicker { margin: 0 0 12px; color: var(--responder-gold);
2593 font-size: clamp(27px, 3.6vw, 48px); font-weight: 900; line-height: 1; text-transform: uppercase; } 2594.responder-hero__text h1 { margin: 0; color: var(--responder-navy); font-size: clamp(58px, 7vw, 96px); font-weight: 900; line-height: 0.92; letter-spacing: 0.01em; text-transform: uppercase; } 2595.responder-hero__text h1 span { display: block; } 2596.responder-script { margin: 16px 0 10px; color: var(--responder-gold); font-family: "Brush Script MT", "Segoe Script", cursive; font-size: clamp(42px, 5vw, 68px); font-weight: 400; line-height: 0.95; transform: rotate(-2deg); transform-origin: left center; } 2597.responder-hero__text h2 { margin: 0; color: var(--responder-navy); font-size: clamp(43px, 5.7vw, 74px); font-weight: 900; line-height: 0.95; text-transform: uppercase; } 2598.responder-hero__description { max-width: 560px; margin: 25px 0; color: var(--responder-text); font-size: clamp(17px, 1.8vw, 23px); line-height: 1.5; } 2599.responder-button { display: inline-flex; width: fit-content; min-height: 48px; padding: 13px 22px; border: 2px solid var(--responder-navy); background: var(--responder-navy);
2599 color: var(--responder-white); text-align: center; text-decoration: none; text-transform: uppercase; font-size: 15px; font-weight: 900; align-items: center; justify-content: center; } 2600.responder-button:hover { background: transparent; color: var(--responder-navy); transform: translateY(-2px); } 2601.responder-button:focus-visible, .responder-footer a:focus-visible { outline: 4px solid #ffbf47; outline-offset: 4px; } 2602 2603/* HERO IMAGE */ 2604 2605.responder-hero__media { position: relative; min-width: 0; min-height: 750px; overflow: hidden; background: var(--responder-navy); } 2606.responder-hero__media::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( 90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 12%, rgba(255, 255, 255, 0) 28% ), linear-gradient( 180deg, rgba(0, 0, 0, 0) 65%, rgba(4, 20, 42, 0.35) 100% ); } 2607.responder-hero__media > img { width: 100%; height: 100%; min-height: 750px; object-fit: cover; object-position: center; } 2608.responder-callout { position: absolute; right: clamp(18px, 3vw, 40px); bottom: clamp(18px, 3vw, 35px); z-index: 2; display: flex; width: clamp(190px, 22vw, 260px); aspect-ratio: 1; padding: clamp(20px, 2.5vw, 32px); border: clamp(5px, 0.7vw, 8px) solid var(--responder-white); border-radius: 50%; background: linear-gradient(145deg, #e69a1c, #cb7100); color: var(--responder-white); text-align: center; align-items: center; justify-content: center; flex-direction: column; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.26); } 2609.responder-callout span { font-size: clamp(13px, 1.5vw, 18px); line-height: 1.25; } 2610.responder-callout strong { margin: 9px 0; font-size: clamp(19px, 2.1vw, 28px); line-height: 1.05; } 2611 2612/* ================================ 2613 TRANSITION BAND 2614================================ */ 2615 2616.responder-transition { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 30px; padding: 30px clamp(25px, 5vw, 60px); background: linear-gradient( 120deg, #071c39 0%, #123b65 55%, #071c39 100% ); color: var(--responder-white); align-items: center; max-width: 1280px; margin-left: auto; margin-right: auto; } 2617.blue-full-width { background:#071c39 100%; width: 100%;} 2618.responder-transition__icon { display: flex; min-height: 100px; padding-right: 28px; border-right: 3px solid var(--responder-gold); align-items: center; justify-content: center; } 2619.responder-transition__icon svg { width: 85px; fill: none; stroke: var(--responder-gold-light); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; } 2620.responder-transition__content h2 { margin: 0 0 7px; color: var(--responder-gold-light); font-size: clamp(24px, 3vw, 38px); line-height: 1.1; text-transform: uppercase; } 2621.responder-transition__content p { max-width: 820px; margin: 0; font-size: clamp(17px, 2vw, 24px); line-height: 1.4; } 2622 2623/* ================================ 2624 SECTION HEADING 2625================================ */ 2626 2627.responder-heading { /*display: grid; grid-template-columns: minmax(30px, 1fr) auto minmax(30px, 1fr); gap: 24px;*/ width: 100%; margin-bottom: 30px; align-items: center; } 2628.responder-heading span { height: 2px; background: var(--responder-gold); } 2629.responder-heading h2 { margin: 0; color: var(--responder-navy); text-align: center; font-size: clamp(23px, 3vw, 36px); line-height: 1.15; text-transform: uppercase; } 2630 2631/* ================================ 2632 BENEFITS 2633================================ */ 2634 2635.responder-benefits { padding: 38px clamp(20px, 4vw, 52px); } 2636.responder-benefits__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); } 2637.responder-benefit { min-width: 0; padding: 15px clamp(12px, 2vw, 24px); border-right: 1px solid var(--responder-gold); text-align: center; } 2638.responder-benefit:last-child { border-right: 0; } 2639.responder-benefit__icon { display: flex; min-height: 65px; margin-bottom: 7px; align-items: center; justify-content: center; } 2640.responder-benefit__icon svg { width: 55px; height: 55px; fill: none; stroke: var(--responder-gold); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } 2641.responder-benefit h3 { margin: 0 0 8px; color: var(--responder-navy); font-size: clamp(15px, 1.5vw, 19px); line-height: 1.2; text-transform: uppercase; } 2642.responder-benefit p { margin: 0; font-size: 15px; line-height: 1.45; } 2643 2644/* ================================ 2645 LOWER AREA 2646================================ */ 2647 2648.responder-lower { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(210px, 0.63fr) minmax(0, 1fr); gap: 24px; padding: 14px clamp(20px, 4vw, 45px) 30px; align-items: stretch; max-width: 1280px; margin-left: auto; margin-right: auto; } 2649.responder-partner { padding: 23px; border-radius: 16px; background: linear-gradient(145deg, #f1f1f1, #ffffff); } 2650.responder-partner h2 { margin: 0 0 14px; color: var(--responder-navy); font-size: clamp(23px, 2.5vw, 30px); text-transform: uppercase; } 2651.responder-partner ul { margin: 0; padding: 0; list-style: none; } 2652.responder-partner li { position: relative; margin: 9px 0; padding-left: 27px; font-size: 16px; line-height: 1.35; } 2653.responder-partner li::before { content: "â"; position: absolute; top: 0; left: 0; color: var(--responder-gold); font-size: 19px; font-weight: 900; } 2654.responder-message { display: flex; padding: 20px; border-left: 2px solid var(--responder-gold); text-align: center; align-items: center; justify-content: center; flex-direction: column; } 2655.responder-message__house img, .responder-transition__icon img { max-width: 100px; } 2656.responder-message__house svg { width: 80px; fill: none; stroke: var(--responder-gold); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } 2657.responder-message h2 { margin: 12px 0; color: var(--responder-navy); font-size: 23px; line-height: 1.15; text-transform: uppercase; } 2658.responder-message p, .responder-message strong { margin: 0; color: var(--responder-gold); font-family: "Brush Script MT", "Segoe Script", cursive; font-size: clamp(34px, 3vw, 45px); font-weight: 400; line-height: 0.95; } 2659.responder-cta { display: flex; min-width: 0; padding: 25px; border-radius: 18px; background: linear-gradient(145deg, var(--responder-navy-light), var(--responder-navy)); color: var(--responder-white); text-align: center; align-items: center; justify-content: center; flex-direction: column; } 2660.responder-cta h2 { width: 100%; margin: 0 0 15px; padding-bottom: 10px; border-bottom: 2px solid var(--responder-gold); color: var(--responder-gold-light); font-size: clamp(22px, 2.4vw, 29px); text-transform: uppercase; } 2661.responder-cta p { max-width: 360px; margin: 0; font-size: clamp(18px, 2vw, 23px); line-height: 1.3; } 2662.responder-cta > strong { margin: 16px 0 20px; color: var(--responder-gold-light); font-family: "Brush Script MT", "Segoe Script", cursive; font-size: clamp(34px, 3.5vw, 46px); font-weight: 400; line-height: 0.95; } 2663.responder-button--gold { border-color: var(--responder-gold-light); background: var(--responder-gold-light); color: var(--responder-navy); } 2664.responder-button--gold:hover { background: transparent; color: var(--responder-white); } 2665 2666/* ================================ 2667 FOOTER 2668================================ */ 2669 2670.orange-full-width { background-color: #dc890d; max-width: 100%;} 2671 2672 2673.responder-footer { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: linear-gradient( 90deg, #e49416, #f1b23a 55%, #dc890d ); max-width: 1280px; margin-left: auto; margin-right: auto;} 2674.responder-footer__item { display: flex; min-width: 0; min-height: 92px; padding: 15px; /*border-right: 2px solid rgba(255, 255, 255, 0.75);*/ color: var(--responder-navy); text-align: center; text-decoration: none; align-items: center; justify-content: center; gap: 12px; } 2675.responder-footer__item:last-child { border-right: 0; } 2676.responder-footer__item p { margin: 0; font-size: clamp(14px, 1.5vw, 19px); font-weight: 900; line-height: 1.15; text-transform: uppercase; } 2677.responder-footer__icon { color: var(--responder-navy); font-size: 28px; } 2678.responder-footer__social { flex-direction: column; gap: 8px; } 2679.responder-footer__social > div { display: flex; gap: 10px; } 2680.responder-footer__social a { display: inline-flex; width: 38px; height: 38px; border-radius: 50%; background: var(--responder-navy);
2680 color: var(--responder-white); text-decoration: none; align-items: center; justify-content: center; font-weight: 900; } 2681 2682/* ================================ 2683 SMALL DESKTOPS 2684================================ */ 2685 2686@media (max-width: 1100px) { 2687 .responder-hero { grid-template-columns: minmax(390px, 48%) minmax(0, 52%); } 2688 .responder-brand__mark { width: 68px; height: 91px; flex-basis: 68px; } 2689 .responder-brand__mark::after { width: 64px; } 2690 .responder-brand__mark span { width: 21px; } 2691 .responder-brand__mark span:nth-child(1) { height: 46px; } 2692 .responder-brand__mark span:nth-child(2) { left: 21px; height: 65px; } 2693 .responder-brand__mark span:nth-child(3) { height: 84px; } 2694 .responder-benefits__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; } 2695 .responder-benefit { border: 1px solid var(--responder-border); } 2696 .responder-benefit:last-child { border-right: 1px solid var(--responder-border); } 2697 .responder-lower { grid-template-columns: 1fr 1fr; } 2698 .responder-message { border: 1px solid var(--responder-border); } 2699 .responder-cta { grid-column: 1 / -1; } 2700} 2701 2702/* ================================ 2703 TABLETS 2704================================ */ 2705 2706@media (max-width: 850px) { 2707 .responder-hero { grid-template-columns: 1fr; min-height: auto; } 2708 .responder-hero__content { padding: 38px 30px 42px; } 2709 .responder-brand { max-width: 650px; } 2710 .responder-hero__description { max-width: 700px; } 2711 .responder-hero__media { min-height: 520px; } 2712 .responder-hero__media > img { height: 520px; min-height: 520px; object-position: center 20%; } 2713 .responder-hero__media::before { background: linear-gradient( 180deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 22% ), linear-gradient( 180deg, rgba(0, 0, 0, 0) 65%, rgba(4, 20, 42, 0.35) 100% ); } 2714 .responder-transition { grid-template-columns: 100px minmax(0, 1fr); } 2715 .responder-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } 2716 .responder-lower { grid-template-columns: 1fr; } 2717 .responder-message { border-left: 0; border-top: 2px solid var(--responder-gold); } 2718 .responder-cta { grid-column: auto; } 2719 .responder-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); } 2720 .responder-footer__item:nth-child(2) { border-right: 0; } 2721 /*.responder-footer__item:nth-child(-n + 2) { border-bottom: 2px solid rgba(255, 255, 255, 0.75); }*/ 2722} 2723 2724/* ================================ 2725 PHONES AND SMALL TABLETS 2726================================ */ 2727 2728 2729 2730@media (max-width: 600px) { 2731 .responder-hero__content { padding: 28px 20px 34px; } 2732 .responder-brand { margin-bottom: 38px; gap: 14px; align-items: flex-start; } 2733 .responder-brand__mark { width: 52px; height: 72px; flex-basis: 52px; } 2734 .responder-brand__mark::after { width: 49px; height: 5px; } 2735 .responder-brand__mark span { bottom: 13px; width: 16px; } 2736 .responder-brand__mark span:nth-child(1) { height: 32px; } 2737 .responder-brand__mark span:nth-child(2) { left: 16px; height: 48px; } 2738 .responder-brand__mark span:nth-child(3) { height: 64px; } 2739 .responder-brand__top { font-size: clamp(20px, 7vw, 30px); } 2740 .responder-brand__main { font-size: clamp(25px, 8.5vw, 36px); } 2741 .responder-brand__tagline { font-size: 9px; } 2742 .responder-kicker { font-size: clamp(25px, 8vw, 35px); } 2743 .responder-hero__text h1 { font-size: clamp(50px, 15vw, 72px); } 2744 .responder-script { font-size: clamp(40px, 12vw, 57px); } 2745 .responder-hero__text h2 { font-size: clamp(38px, 11vw, 54px); } 2746 .responder-hero__description { font-size: 17px; } 2747 .responder-button { width: 100%; } 2748 .responder-hero__media { min-height: 410px; } 2749 .responder-hero__media > img { height: 410px; min-height: 410px; } 2750 .responder-callout { right: 12px; bottom: 12px; width: 160px; padding: 16px; } 2751 .responder-callout span { font-size: 11px; } 2752 .responder-callout strong { margin: 6px 0; font-size: 17px; } 2753 .responder-transition { grid-template-columns: 1fr; gap: 18px; padding: 27px 20px; text-align: center; } 2754 .responder-transition__icon { min-height: auto; padding: 0 0 18px; border-right: 0; border-bottom: 2px solid var(--responder-gold); } 2755 .responder-transition__icon svg { width: 70px; } 2756 .responder-heading { grid-template-columns: 1fr; gap: 8px; } 2757 .responder-heading span { display: none; } 2758 .responder-benefits { padding: 30px 18px; } 2759 .responder-benefits__grid { grid-template-columns: 1fr; } 2760 .responder-benefit { padding: 22px; } 2761 .responder-lower { padding: 8px 18px 28px; } 2762 .responder-partner, .responder-message, .responder-cta { padding: 22px 18px; } 2763 .responder-footer { grid-template-columns: 1fr; } 2764 .responder-footer__item, .responder-footer__item:nth-child(2) { min-height: 76px; border-right: 0; /*border-bottom: 2px solid rgba(255, 255, 255, 0.75);*/ } 2765 .responder-footer__item:last-child { border-bottom: 0; } 2766} 2767 2768/* ================================ 2769 VERY SMALL PHONES 2770================================ */ 2771 2772@media (max-width: 380px) { 2773 .responder-brand__mark { display: none; } 2774 .responder-hero__text h1 { font-size: 47px; } 2775 .responder-script { font-size: 38px; } 2776 .responder-hero__text h2 { font-size: 35px; } 2777 .responder-hero__media { min-height: 340px; } 2778 .responder-hero__media > img { height: 340px; min-height: 340px; } 2779 .responder-callout { width: 135px; padding: 12px; } 2780 .responder-callout strong { font-size: 14px; } 2781 .responder-callout span { font-size: 9px; } 2782} 2783 2784 2785/*---- 1ST RESPON DERS LANDING PAGE ENDS HERE ----*/</style>
2786<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"8ccbd8f3d4a54b32aa47e229bc245cad","r":1,"spa":2}' crossorigin="anonymous"></script>
2786 2787</body> 2788</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.