PageSourceSearch

https://www.orlandorealtors.org/productsservices

html orlandorealtors.org collected 2026-09-28 08:42:15 UTC 134,967 bytes, 2,788 lines download raw bytes

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&reg; 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&reg; 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&reg; </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&amp;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&reg; </a></li>
286       <li class="item4" ><a class="last"   href="index.php?submenu=NAREvents&amp;src=gendocs&amp;ref=NationalAssociationofREALTORS&amp;category=Main">National Association of REALTORS&reg; </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&reg; 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&amp;src=blog&amp;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&reg; 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> &gt; <a href="resources">Resources</a>
408 &gt; <a href="tools">Tools</a>
409 &gt; <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.&nbsp;</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&amp;utm_medium=referral&amp;utm_campaign=orra_member_benefit&amp;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&amp;utm_medium=referral&amp;utm_campaign=orra_member_benefit&amp;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&reg; 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&nbsp;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&reg; Association&nbsp;</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&nbsp;<a href="https://www.ticketsatwork.com/tickets/" target="_blank" rel="noopener noreferrer">ticketsatwork.com</a>&nbsp;and click the "become a member" button.&nbsp;Enter ORRA's private company code: ORRA and create your account.&nbsp;</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&reg;</h2>
459<p>NAR has partnered with a variety of companies to provide value-added offers and significant savings on products and services&nbsp;REALTORS&reg; 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&reg;</h2>
462<p>As an ORRA member, you will also have access to all Florida REALTORS&reg; discounts.</p>
463<p><a href="https://www2.floridarealtors.org/rewards" target="_blank" rel="noopener noreferrer">Click here<span class="expandableSectionEnd">&nbsp;</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) &amp; 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&ntilde;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&amp;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">&copy; <span class="datebox">2026</span> Orlando Regional Realtor&reg; 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.