Not logged in.  Login/Logout/Register | List snippets | | Create snippet | Upload image | Upload data

3857
LINES

< > BotCompany Repo | #1028303 // ADAptive Chat Bot Demo Page

HTML

1  
<!DOCTYPE html><html lang="en"><head><base href="http://9hz.eed.myftpupload.com/"/>
2  
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="Description" content="Perserverance Wordpress Theme for ADASiteCompliance.com"><title>Chat Bot Demo | ADA Site Compliance</title><link href="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/themes/perseverance-child/style.css" rel="stylesheet"><link rel="stylesheet"
3  
 href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
4  
 integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
5  
 crossorigin="anonymous"><meta name='robots' content='noindex,nofollow' /> <!-- All In One SEO Pack 3.5.2ob_start_detected [-1,-1] --> <script type="application/ld+json" class="aioseop-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"http://9hz.eed.myftpupload.com/#organization","url":"http://9hz.eed.myftpupload.com/","name":"ADA Site Compliance","sameAs":[],"logo":{"@type":"ImageObject","@id":"https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/#logo","url":"https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/01/adascLogo.png?time=1591634532","caption":""},"image":{"@id":"http://9hz.eed.myftpupload.com/#logo"}},{"@type":"WebSite","@id":"http://9hz.eed.myftpupload.com/#website","url":"http://9hz.eed.myftpupload.com/","name":"ADA Site Compliance","publisher":{"@id":"http://9hz.eed.myftpupload.com/#organization"},"potentialAction":{"@type":"SearchAction","target":"http://9hz.eed.myftpupload.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"http://9hz.eed.myftpupload.com#webpage","url":"http://9hz.eed.myftpupload.com","inLanguage":"en-US","name":"ADA Site Compliance","isPartOf":{"@id":"http://9hz.eed.myftpupload.com/#website"},"breadcrumb":{"@id":"http://9hz.eed.myftpupload.com#breadcrumblist"},"datePublished":"2020-01-29T18:13:39+00:00","dateModified":"2020-05-29T19:53:09+00:00","about":{"@id":"http://9hz.eed.myftpupload.com/#organization"}},{"@type":"BreadcrumbList","@id":"http://9hz.eed.myftpupload.com#breadcrumblist","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"http://9hz.eed.myftpupload.com/","url":"http://9hz.eed.myftpupload.com/","name":"Homepage | ADA Site Compliance"}}]}]}</script> <link rel="canonical" href="http://9hz.eed.myftpupload.com/" /> <!-- All In One SEO Pack --><link rel='dns-prefetch' href='//s.w.org' /><link rel='preconnect' href='https://secureservercdn.net' crossorigin /> <script type="text/javascript">window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/secureservercdn.net\/166.62.107.20\/9hz.eed.myftpupload.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=3fb17285166ba41290517ac9b12abe72&time=1591634532"}};
6  
      /*! This file is auto-generated */
7  
      !function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o<i.length;o++)t.supports[i[o]]=l(i[o]),t.supports.everything=t.supports.everything&&t.supports[i[o]],"flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(r=t.source||{}).concatemoji?d(r.concatemoji):r.wpemoji&&r.twemoji&&(d(r.twemoji),d(r.wpemoji)))}(window,document,window._wpemojiSettings);</script> <style type="text/css">img.wp-smiley,
8  
img.emoji {
9  
  display: inline !important;
10  
  border: none !important;
11  
  box-shadow: none !important;
12  
  height: 1em !important;
13  
  width: 1em !important;
14  
  margin: 0 .07em !important;
15  
  vertical-align: -0.1em !important;
16  
  background: none !important;
17  
  padding: 0 !important;
18  
}</style><link rel='stylesheet' id='wp-block-library-css'  href='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-includes/css/dist/block-library/style.min.css?ver=3fb17285166ba41290517ac9b12abe72&#038;time=1591634532' type='text/css' media='all' /><link rel='stylesheet' id='cf7-style-frontend-style-css'  href='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/contact-form-7-style/css/frontend.css?ver=3.1.8&#038;time=1591634532' type='text/css' media='all' /><link rel='stylesheet' id='cf7-style-responsive-style-css'  href='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/contact-form-7-style/css/responsive.css?ver=3.1.8&#038;time=1591634532' type='text/css' media='all' /><link rel='stylesheet' id='contact-form-7-css'  href='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.9&#038;time=1591634532' type='text/css' media='all' /><link rel='stylesheet' id='parent-style-css'  href='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/themes/perseverance/style.css?ver=3fb17285166ba41290517ac9b12abe72&#038;time=1591634532' type='text/css' media='all' /><link rel='stylesheet' id='child-style-css'  href='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/themes/perseverance-child/style.css?ver=1.0.0&#038;time=1591634532' type='text/css' media='all' /><style id='spai-fadein-inline-css' type='text/css'>img[data-spai]{opacity: 0;} div.woocommerce-product-gallery img[data-spai]{opacity: 1;} img[data-spai-eager],img[data-spai-upd] {transition: opacity .5s linear .2s;-webkit-transition: opacity .5s linear .2s;-moz-transition: opacity .5s linear .2s;-o-transition: opacity .5s linear .2s; opacity: 1;}</style><link rel='stylesheet' id='cf7cf-style-css'  href='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/cf7-conditional-fields/style.css?ver=1.8.6&#038;time=1591634532' type='text/css' media='all' /> <script type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp&#038;time=1591634532'></script> <script type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1&#038;time=1591634532'></script> <link rel='https://api.w.org/' href='http://9hz.eed.myftpupload.com/wp-json/' /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://9hz.eed.myftpupload.com/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-includes/wlwmanifest.xml?time=1591634532" /><link rel='shortlink' href='http://9hz.eed.myftpupload.com/' /><link rel="alternate" type="application/json+oembed" href="http://9hz.eed.myftpupload.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2F9hz.eed.myftpupload.com%2F" /><link rel="alternate" type="text/xml+oembed" href="http://9hz.eed.myftpupload.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2F9hz.eed.myftpupload.com%2F&#038;format=xml" /><style class='cf7-style' media='screen' type='text/css'>.wpcf7-form input, .wpcf7-form textarea{
19  
border:1px solid #909090 !important;
20  
}
21  
.wpcf7-form textarea:focus{
22  
outline: 2px dashed #959595;
23  
box-shadow: 0 0 0 2px #0d1a25, inset 0 0 3px 1px #548fc4;
24  
}</style><link rel="icon" href="https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/01/cropped-adascLogo-32x32.png" data-spai-eager="1" sizes="32x32" /><link rel="icon" href="https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/01/cropped-adascLogo-192x192.png" data-spai-eager="1" sizes="192x192" /><link rel="apple-touch-icon" href="https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/01/cropped-adascLogo-180x180.png" data-spai-eager="1" /><meta name="msapplication-TileImage" content="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/01/cropped-adascLogo-270x270.png" /><style type="text/css" id="wp-custom-css">/** Stops the entire website from centering itself DO NOT REMOVE **/
25  
font-display:swap;
26  
#navbarToggler {
27  
  font-family: 'Libre Franklin', sans-serif!important;
28  
}
29  
/*Accessibility Adapter*/
30  
.show_popup{
31  
  display:none;
32  
}
33  
/*/Accessibiltiy Adapter*/
34  
/*Accessiblity Fixes*/
35  
.noPadding > li > div{
36  
  padding:0;
37  
}
38  
h3#videoMargin, h3#videoMargin > strong{
39  
  font-size:1.5rem;
40  
}
41  
.contactBlock > h2{
42  
font-size:1.8rem;
43  
}
44  
/* /Accessibility Fixes*/
45  
/** Basic Global CSS **/
46  
#navbar:not(.banner--stick) .navbar-brand img{
47  
  display:none;
48  
}
49  
#accessibility .containerPadding .row .col{
50  
  align-items:initial!important;
51  
}
52  
#accessibilityDesc{
53  
  padding-left:2rem;
54  
}
55  
#pleaseRefresh > a, .reCaptchaLink{
56  
  text-decoration-line:underline!important;
57  
}
58  
@media only screen and (max-width:1135px) and (min-width:1068px){
59  
  #sampleSection .col{
60  
    margin:0 0.5rem;
61  
  }
62  
}
63  
@media only screen and (max-width:1067px) and (min-width:768px){
64  
  #sampleSection .col{
65  
      margin:0 1rem;
66  
  }
67  
}
68  
@media only screen and (max-width:768px){
69  
  .modal-dialog{
70  
    width:95%!important;
71  
  }
72  
  .modal-body{
73  
    max-width:100%!important;
74  
    margin:0;
75  
    padding:0;
76  
  }
77  
  #loadingDiv2{
78  
    text-align:center;
79  
  }
80  
  #navbar.banner--stick img{
81  
  width:60px;
82  
}
83  
.banner--stick .navbar-brand{
84  
    padding-top:0;
85  
    padding-bottom:0;
86  
  }
87  
  .navbar-toggler > span.align-middle{
88  
    margin-left:50%;
89  
  }
90  
  footer .row div{
91  
    width:20%;
92  
    padding:0;
93  
  }
94  
}
95  
96  
#contactGrid,
97  
main.col > section:not(.globalCTA),
98  
.blog-section,
99  
.blog_blog-section{
100  
  color:#1e3466;
101  
}
102  
.modal-dialog{
103  
  max-width:100%;
104  
}
105  
106  
.modal-body{
107  
  max-width:90%;
108  
  margin-left:auto;
109  
  margin-right:auto;
110  
}
111  
.modal-body .wpcf7-form .yellowButton{
112  
  display:block;
113  
  margin-left:auto;
114  
  margin-right:auto;
115  
width:50%;
116  
}
117  
.modal-body .wpcf7-form > br{
118  
    display:none;
119  
  }
120  
.modal-content button.close{
121  
  display:none!important;
122  
}
123  
@media only screen and (max-width:768px){
124  
  .modal-dialog{
125  
    width:100%!important;
126  
  }
127  
  .modal-title, .modal-body > br{
128  
  display:none!important;
129  
}
130  
  .modal-footer{
131  
    padding:0!important;
132  
  }
133  
  .modal-body .wpcf7-form-control{
134  
    width:100%;
135  
  }
136  
  
137  
}
138  
139  
html {
140  
  overflow-x: hidden;
141  
}
142  
143  
a {
144  
  text-decoration: none!important
145  
}
146  
#btnScan{
147  
  border:0;
148  
  cursor:pointer;
149  
  width: 90%;
150  
}
151  
#accessibilityVid{
152  
  align-items:initial !important;
153  
}
154  
#btnScan:focus {
155  
  outline-style: dashed;
156  
  outline-width: 2px;
157  
  outline-color: #959595;
158  
  box-shadow: 0 0 0 2px #0d1a25, inset 0 0 3px 1px #548fc4;
159  
}
160  
body, p {
161  
  font-size: 1.25rem;
162  
  font-family: 'Libre Franklin', sans-serif;
163  
}
164  
165  
h1, h2, h3, h4 {
166  
  font-family: franklin-gothic-urw, sans-serif;!important;
167  
  font-style: heavy;
168  
  font-weight: 900;
169  
}
170  
171  
h1 {
172  
  font-size: 3.3rem;
173  
}
174  
175  
h2 {
176  
  font-size: 3.3rem;
177  
  color: #1e3466;
178  
}
179  
180  
@media only screen and (max-width: 767px){
181  
  h2 {
182  
    font-size: 2.5rem;
183  
  }
184  
}
185  
186  
h3 {
187  
  font-size: 1.8rem;
188  
  color: #1e3466;
189  
}
190  
191  
.headerBuffer {
192  
  margin-bottom: 1.5rem;
193  
}
194  
195  
@media only screen and (max-width: 767px){
196  
  .headerBuffer {
197  
    margin-bottom: 1rem;
198  
  }
199  
}
200  
201  
.smallerHeaderBuffer {
202  
  margin-bottom: 2rem;
203  
}
204  
205  
ul {
206  
  padding: 0;
207  
}
208  
209  
li {
210  
  list-style: none;
211  
}
212  
213  
input:focus {
214  
    outline-style: dashed;
215  
    outline-width: 2px;
216  
    outline-color: #959595;
217  
    box-shadow: 0 0 0 2px #0d1a25, inset 0 0 3px 1px #548fc4;
218  
}
219  
220  
.paddingFix {
221  
  padding: 0 0!important;
222  
}
223  
224  
.textAlignCenter {
225  
  text-align: center;
226  
}
227  
228  
.navbar .navbar-toggler {
229  
  color: black;
230  
}
231  
232  
#menu-item-3696 {
233  
  font-weight: 900;
234  
}
235  
236  
.lessPadding {
237  
  margin-top: 3rem!important;
238  
}
239  
240  
.leftAlign {
241  
  text-align: left;
242  
  margin-left: 40px;
243  
}
244  
245  
hr {
246  
  margin-top: 0;
247  
}
248  
249  
.navbar-nav .active > .nav-link {
250  
  padding: 15px 10px 15px 0!important;
251  
}
252  
253  
@media only screen and (max-width: 750px) {
254  
  .nav-link {
255  
  width: 15rem;
256  
}
257  
}
258  
259  
@media only screen and (min-width: 1800px){
260  
  .leftAlign {
261  
  margin-left: 140px;
262  
  }
263  
}
264  
265  
.containerFluid {
266  
  display: flex;
267  
  justify-content: center; 
268  
  margin-top: 2rem;
269  
  max-width: 1440px
270  
  width: 100%;
271  
  padding-right: 15px;
272  
  padding-left: 15px;
273  
  margin-right: auto;
274  
  margin-left: auto;
275  
}
276  
277  
.formContainer {
278  
  display: flex; 
279  
  width: 100%;
280  
  justify-content: center; 
281  
  align-items: flex-start;
282  
  flex-wrap: wrap;
283  
  margin-right: -15px;
284  
  margin-left: -15px;
285  
  text-align: center;
286  
  color: fff;
287  
}
288  
289  
.col>input{
290  
  width: 100%;
291  
  height: 4.5rem;
292  
  padding: .5rem 1rem;
293  
  overflow: visible;
294  
}
295  
296  
.col>a {
297  
  flex: 0;
298  
  text-align: left; 
299  
}
300  
301  
.widgetButton {
302  
  font-size: 1.5rem;
303  
  font-weight: 500;
304  
  padding: 1rem;
305  
  background-color: #FFC516;
306  
  color: #1e3466;
307  
  margin: 0;
308  
  border-radius: 12px;
309  
  text-align: left;
310  
  display: flex;
311  
  text-align: center;
312  
  width: 90%;
313  
  justify-content: center;
314  
  align-items: center;
315  
  width: 100%;
316  
}
317  
318  
.widgetButton:hover {
319  
  background-color: #ffd34c;
320  
}
321  
322  
@media only screen and (max-width: 767px){
323  
  .widgetButton {
324  
  font-size: 1.9rem!important;
325  
}
326  
}
327  
328  
@media only screen and (max-width: 450px){
329  
  .widgetButton {
330  
  font-size: 1.5rem!important;
331  
}
332  
}
333  
334  
#widgetSection {
335  
  background-color: #efefef;
336  
}
337  
338  
.justifyContent {
339  
  justify-content: center;
340  
}
341  
342  
.yellowSeparator {
343  
  border-top: 4px solid #FFC516;
344  
  width: 20%;
345  
  margin-right: auto;
346  
  margin-left: auto;
347  
  margin-bottom: 3rem;
348  
}
349  
350  
.yellowSeparator2 {
351  
  border-top: 4px solid #FFC516;
352  
  width: 20%;
353  
  margin-right: auto;
354  
  margin-left: auto;
355  
  margin-bottom: 1rem;
356  
}
357  
358  
.screen-reader-only {
359  
  position: absolute;
360  
  left:-10000px;
361  
  top:auto;
362  
  width:1px;
363  
  height:1px;
364  
  overflow:hidden;
365  
}
366  
367  
#subTextPadding {
368  
  padding: 0 27%;
369  
}
370  
371  
@media only screen and (max-width: 1400px){
372  
  #subTextPadding {
373  
    padding: 0 15%;
374  
  }
375  
}
376  
377  
@media only screen and (max-width: 1100px){
378  
  #subTextPadding {
379  
    padding: 0;
380  
  }
381  
}
382  
383  
#resourceGrid {
384  
  justify-content: center;
385  
}
386  
387  
/** Global CTA **/
388  
389  
.globalCTA {
390  
  background:rgb(20, 61, 102);
391  
    background: linear-gradient(147deg, rgb(16, 2, 108) 0%, rgb(20, 61, 102) 85%);
392  
    color: white;
393  
    text-align: center;
394  
    width: 100%;
395  
    height: auto;
396  
    padding-top: 2rem;
397  
    padding-bottom: 4rem;
398  
}
399  
.globalCTA > div, .globalCTA > div > p, .globalCTA > div > h2{
400  
  background:rgba(0,0,0,0);
401  
}
402  
.globalCTA h2 {
403  
    color: white;
404  
    text-align: center;
405  
}
406  
407  
.globalCTA p {
408  
    margin-bottom: 1rem;
409  
    font-size: 1.3rem !important;
410  
}
411  
412  
@media only screen and (max-width: 479px){
413  
  .globalCTA {
414  
    padding: 1rem .3rem;
415  
  }
416  
  #quoteOne {
417  
    margin-top: 2rem;
418  
  }
419  
  #contactColumn {
420  
    margin: 5rem 0;
421  
  }
422  
  #quoteTwo {
423  
    margin-bottom: 5rem;
424  
  }
425  
  .headerBuffer {
426  
    margin-top: 1rem!important;
427  
  }
428  
}
429  
430  
/** Allows nav to show which page is active by changing font weights **/
431  
.nav-item.active {
432  
  box-shadow: none!important;
433  
}
434  
435  
.navbar {
436  
  font-weight: 400;
437  
}
438  
439  
.navbar-collapse {
440  
  margin-right: 7.9rem;
441  
}
442  
443  
.menu-item {
444  
  margin-left: 1rem!important;
445  
}
446  
447  
/** End header font-weight adjustments**/
448  
449  
/** Start footer CSS adjustments. These nullify some theme settings to allow for proper coloring and other settings in the footer. Any tweaks to this section may break accessibility**/
450  
451  
.h4 {
452  
  text-align: center;
453  
}
454  
455  
.underlineLinks {
456  
  text-decoration: underline;
457  
  color: #4B4B4B!important;
458  
}
459  
460  
.top-link {
461  
  color: white;
462  
}
463  
464  
.footer-widgets {
465  
  color: #444;
466  
}
467  
468  
.greyFooterText>a {
469  
  color: #444!important;
470  
}
471  
472  
.widget>h2 {
473  
  font-size: .983rem;
474  
}
475  
476  
/** End footer CSS **/ 
477  
478  
/** Start Global Buttons CSS **/
479  
480  
.blueButton {
481  
  color: white;
482  
  background: rgb(19,5,110);
483  
  background: linear-gradient(147deg, rgba(19,5,110,1) 0%, rgba(20,61,102,1) 85%);
484  
  padding: .9rem 2rem;
485  
  border-radius: .3rem;
486  
  text-decoration: none;
487  
  text-align: center;
488  
  font-family: franklin-gothic-urw, sans-serif;
489  
  font-weight: 900;
490  
}
491  
.blueButton:hover, .blueButton:focus {
492  
  color: #FFC516;
493  
  background: rgb(15,4,82);
494  
  background: linear-gradient(147deg, rgba(15,4,82,1) 0%, rgba(14,41,69,1) 85%);
495  
  border-radius: .3rem;
496  
  text-decoration: none;
497  
  font-family: franklin-gothic-urw, sans-serif;
498  
}
499  
500  
.yellowButton, #cf7-submit {
501  
  color: #1e3466;
502  
  background-color: #FFC516;
503  
  padding: .9rem 2rem;
504  
  border-radius: .3rem;
505  
  text-decoration: none;
506  
  text-align: center;
507  
  font-family: franklin-gothic-urw, sans-serif;
508  
  font-weight: 900;
509  
}
510  
#cf7-submit{
511  
  cursor:pointer;
512  
}
513  
514  
.yellowButton:hover, .yellowButton:focus, #cf7-submit:hover, #cf7-submit:focus {
515  
  color: #1e3466;
516  
  background-color: #FFC516;
517  
  border-radius: .3rem;
518  
  text-decoration: none;
519  
}
520  
521  
.whiteButton {
522  
  color: #000;
523  
  background: #fff;
524  
  padding: .9rem 2rem;
525  
  border-radius: .3rem;
526  
  text-decoration: none;
527  
  text-align: center;
528  
}
529  
530  
531  
.whiteButton:hover, .whiteButton:focus {
532  
  color: #000;
533  
  background: #ebebeb;
534  
  border-radius: .3rem;
535  
  text-decoration: none;
536  
}
537  
538  
.clearButton {
539  
  color: white;
540  
  padding: .9rem 2rem;
541  
  border-radius: .3rem;
542  
  text-decoration: none;
543  
  border: 2px solid white;
544  
  text-align: center;
545  
}
546  
547  
548  
.clearButton:hover, .blueButton:focus {
549  
  color: white;
550  
  padding: .9rem 2rem;
551  
  border-radius: .3rem;
552  
  text-decoration: none;
553  
  border: 2px solid white;
554  
}
555  
556  
@media only screen and (max-width: 479px){
557  
  .clearButton, .yellowButton, .blueButton, .whiteButton {
558  
    font-size: 1rem;
559  
  }
560  
}
561  
562  
.requiredText {
563  
  font-size: .75rem;
564  
  color: #666666;
565  
}
566  
567  
/** Global Container Responsiveness **/
568  
569  
.containerPadding {
570  
  padding: 3rem 8rem;
571  
}
572  
573  
@media only screen and (max-width: 991px){
574  
  .containerPadding {
575  
    padding: 2rem 4rem;
576  
  }
577  
}
578  
579  
@media only screen and (max-width: 479px){
580  
  .containerPadding {
581  
    padding: 2rem 1rem;
582  
  }
583  
}
584  
585  
586  
/* Grow Button Animation */
587  
.hvr-grow {
588  
    display: inline-block;
589  
    vertical-align: middle;
590  
    transform: translateZ(0);
591  
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
592  
    backface-visibility: hidden;
593  
    -moz-osx-font-smoothing: grayscale;
594  
    transition-duration: 0.3s;
595  
    transition-property: transform;
596  
}
597  
598  
.hvr-grow:hover,
599  
.hvr-grow:focus,
600  
.hvr-grow:active {
601  
    transform: scale(1.1);
602  
}
603  
604  
@media only screen and (min-width: 950px) {
605  
  .cancelMargin {
606  
  margin: 0!important;
607  
}
608  
}
609  
610  
@media only screen and (max-width: 479px) {
611  
  .cancelMargin {
612  
  margin: 0!important;
613  
}
614  
}
615  
616  
/** End button animation **/
617  
618  
/** Homepage CSS **/
619  
/*Caseys test stuff*/
620  
621  
#solutionsCTA { 
622  
  margin-top: 2rem;
623  
}
624  
625  
.widgetWords {
626  
  align-items: flex-end!important;
627  
  margin-right: 20px;
628  
}
629  
630  
.widgetWords>h2 {
631  
  font-size: 3.3rem;
632  
  line-height: 3rem;
633  
}
634  
635  
.widgetWords>label {
636  
  font-size: 1.5rem;
637  
}
638  
639  
@media only screen and (min-width: 1800px) {
640  
  .widgetWords>h2 {
641  
  font-size: 3.3rem;
642  
}
643  
  .widgetWords>label {
644  
  font-size: 1.5rem;
645  
}
646  
}
647  
648  
@media only screen and (min-width: 1900px) {
649  
  .widgetWords>h2 {
650  
  font-size: 3.3rem;
651  
}
652  
  .widgetWords>label {
653  
  font-size: 1.475rem;
654  
}
655  
}
656  
657  
.marginAuto {
658  
  margin-right: auto;
659  
  margin-left: auto;
660  
}
661  
662  
.solButtonContainer {
663  
  margin: 2rem 0;
664  
  padding:0;
665  
  background:#000;
666  
  width:100%;
667  
  border-radius:.3rem;
668  
}
669  
.solButtonContainer > a{
670  
  width:100%;
671  
}
672  
#whyAccessibility, #ourSolutions {
673  
  margin-bottom: 1.5rem;
674  
  margin-top: 3rem;
675  
}
676  
677  
#accessibilityText {
678  
  text-align: center;
679  
}
680  
681  
@media only screen and (max-width: 479px){
682  
  #accessibilityText {
683  
    text-align: left;
684  
  }
685  
}
686  
687  
688  
@media only screen and (max-width: 790px){
689  
  #videoMargin {
690  
    margin-top: 1rem;
691  
}
692  
}
693  
694  
695  
#more {
696  
  display: none;
697  
}
698  
699  
#myBtn {
700  
  text-decoration: underline!important;
701  
  font-size: 1rem;
702  
  color: #002f69;
703  
  cursor: pointer;
704  
  display: inline;
705  
}
706  
707  
708  
#myBtn:hover, #myBtn:focus {
709  
  color: #001144;
710  
}
711  
712  
#myBtn:focus {
713  
outline-style: dashed;
714  
 outline-width: 2px;
715  
 outline-color: #959595;
716  
 box-shadow: 0 0 0 2px #0d1a25, inset 0 0 3px 1px #548fc4;
717  
}
718  
719  
.blueButtonContainer{
720  
  position:absolute;
721  
  bottom:-35px;
722  
  display:flex;
723  
  justify-content:center;
724  
  align-items:center;
725  
  width:100%;
726  
  left:0px;
727  
}
728  
.blueButtonContrastContainer{
729  
  background-color:#000;
730  
  border-radius:.3rem;
731  
}
732  
.blueButtonContrastContainer > a{
733  
  width:100%;
734  
}
735  
736  
.homeBlueButtonContainer{
737  
  margin-bottom: 2rem;
738  
}
739  
740  
.webButtonContainer{
741  
  margin-bottom: 4rem;
742  
}
743  
744  
/*~~~*/
745  
746  
#adaList>li {
747  
  list-style-type: disc;
748  
}
749  
750  
#adaList {
751  
  margin-left: 3rem;
752  
}
753  
754  
.heroIconDiv {
755  
  display: flex;
756  
  align-items: center;
757  
  justify-content: center;
758  
}
759  
760  
#boldWords {
761  
  margin-top: 1rem;
762  
  font-family: franklin-gothic-urw, sans-serif;
763  
}
764  
765  
#mainHeroSection {
766  
  display: grid;
767  
  grid-template-columns: 60% 40%;
768  
   background-image: url("https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/02/Background.svg");
769  
  color: white;
770  
  padding: 3rem 8rem;
771  
  height: auto;
772  
}
773  
774  
@media only screen and (min-width: 1600px){
775  
  #mainHeroLeft {
776  
  margin-top: 3rem;
777  
}
778  
}
779  
780  
#mainHeroLeft>h2{
781  
  font-size: 2.2rem;
782  
  font-weight: 600;
783  
}
784  
785  
@media only screen and (max-width: 479px){
786  
  #mainHeroLeft>h2 {
787  
    font-size: 1.8rem;
788  
  }
789  
}
790  
791  
#mainHeroLeft>p {
792  
  font-size: 1.2rem;
793  
  line-height: 2;
794  
  width: 90%;
795  
}
796  
797  
@media only screen and (max-width: 990px){
798  
  #mainHeroLeft>p {
799  
    margin: 1.6rem 0;
800  
    line-height: 1.8;
801  
  }
802  
  #heroButtons {
803  
    margin-bottom: 1rem;
804  
  }
805  
}
806  
807  
@media only screen and (max-width: 479px){
808  
  #mainHeroLeft>p {
809  
    font-size: 1rem;
810  
    margin-top: 1rem;
811  
    width: auto;
812  
  }
813  
}
814  
815  
#mainHeroRight {
816  
  display: flex;
817  
  align-items: center;
818  
  justify-content: center;
819  
}
820  
821  
#heroButtons {
822  
  display: flex;
823  
}
824  
825  
#heroButtons{
826  
  margin-top: 2rem;
827  
}
828  
829  
#heroButtons>.clearButton {
830  
  margin: 0 0 0 2rem;
831  
}
832  
833  
.heroMessagePositioning {
834  
  position: relative;
835  
  right: 170px;
836  
  bottom: 8px;
837  
  white-space:nowrap;
838  
  color: #212463;
839  
}
840  
841  
.homeHeroVector {
842  
  max-width: 50%;
843  
  min-width: 200px;
844  
  margin-left: 6rem;
845  
}
846  
847  
@media only screen and (max-width: 1600px){
848  
  .heroMessagePositioning {
849  
    right: 170px;
850  
  }
851  
  .homeHeroVector {
852  
    min-width: 250px;
853  
  }
854  
}
855  
856  
@media only screen and (max-width: 1040px){
857  
  .homeHeroVector, .heroMessagePositioning {
858  
    display: none;
859  
  }
860  
  #mainHeroSection {
861  
    grid-template-columns: 100%;
862  
  }
863  
}
864  
865  
@media only screen and (max-width: 845px){
866  
  #mainHeroSection {
867  
    padding: 2rem 4rem;
868  
    height: auto;
869  
  }
870  
}
871  
872  
@media only screen and (max-width: 479px){
873  
  #mainHeroSection {
874  
    padding: 2rem;
875  
    height: auto;
876  
  }
877  
}
878  
879  
#websiteChecker {
880  
  display: grid;
881  
  grid-template-columns: 50% 50%;
882  
  background-color: #e8e8e8;
883  
  padding: 2rem 8rem;             background-repeat: no-repeat;
884  
}
885  
886  
@media only screen and (max-width: 845px){
887  
  #websiteChecker {
888  
    padding: 2rem 4rem;
889  
    background-color: #efefef;
890  
    background-image: none;
891  
  }
892  
}
893  
894  
#checkerLeft {
895  
  color: #261E5B;
896  
}
897  
898  
#checkerLeft>h2 {
899  
  font-size: 2rem;
900  
  word-spacing: 5px;
901  
  font-weight: 600;
902  
}
903  
904  
@media only screen and (max-width: 479px){
905  
  #checkerLeft>h2 {
906  
    font-size: 1.8rem;
907  
  }
908  
}
909  
910  
#checkerLeft>p {
911  
  font-size: 1.4rem
912  
}
913  
914  
#checkerRight>input {
915  
  width: 60%;
916  
  height: 3rem;
917  
  border: none!important;
918  
  margin: .6rem;
919  
}
920  
921  
#checkerRight>input:focus {
922  
  outline-style: dashed;
923  
  outline-width: 2px;
924  
  outline-color: #959595;
925  
  box-shadow: 0 0 0 3px #707070, inset 0 0 0px 0px #707070;
926  
}
927  
928  
@media only screen and (max-width: 950px){
929  
  #checkerRight>input {
930  
    width: 100%;
931  
    margin: .6rem 2rem;
932  
  }
933  
  #checkerRight>a {
934  
    width: 100%;
935  
    margin: .6rem 2rem;
936  
  }
937  
}
938  
939  
@media only screen and (max-width: 479px){
940  
  #websiteChecker {
941  
    padding: 2rem 2rem;
942  
    grid-template-columns: 100%;
943  
  }
944  
  #checkerLeft>p {
945  
    font-size: 1rem;
946  
  }
947  
  #checkerRight>input {
948  
    width: 100%;
949  
    margin: .6rem 0;
950  
  }
951  
  #checkerRight>a {
952  
    width: 100%;
953  
    margin: .6rem 0;
954  
  }
955  
}
956  
957  
#txtUrl {
958  
  border-color:#949494!important;
959  
}
960  
961  
#homeFullService {
962  
  text-align: center;
963  
}
964  
965  
@media only screen and (max-width: 991px) {
966  
  #homeFullService {
967  
     padding: 4rem 4rem 2rem 4rem;
968  
  }
969  
}
970  
971  
@media only screen and (max-width: 479px) {
972  
  #homeFullService {
973  
     padding: 4rem 2rem 2rem 2rem;
974  
  }
975  
}
976  
977  
#homeFullService>h2 {
978  
  margin-bottom: 5rem;
979  
  word-spacing: 4px;
980  
}
981  
982  
@media only screen and (max-width: 991px) {
983  
#homeFullService>h2 {
984  
  margin-bottom: 2rem
985  
  }
986  
}
987  
988  
@media only screen and (max-width: 479px) {
989  
#homeFullService>h2 {
990  
  font-size: 1.8rem;
991  
  }
992  
}
993  
994  
/** Defines Grid areas for the homepage solutions grid **/ 
995  
996  
#fullServiceMobile {
997  
  grid-area: mobile;
998  
}
999  
1000  
#fullServiceDocs {
1001  
  grid-area: docs;
1002  
}
1003  
1004  
#fullServiceWeb {
1005  
  grid-area: web;
1006  
}
1007  
1008  
#fullServiceVideo {
1009  
  grid-area: video;
1010  
}
1011  
1012  
#fullServiceMobileButton {
1013  
  grid-area: mobileButton;
1014  
}
1015  
1016  
#fullServiceDocsButton {
1017  
  grid-area: docsButton;
1018  
}
1019  
1020  
#fullServiceWebButton {
1021  
  grid-area: webButton;
1022  
}
1023  
1024  
#fullServiceVideoButton {
1025  
  grid-area: videoButton;
1026  
}
1027  
1028  
.homeOfferingsGrid {
1029  
  display: grid;
1030  
  grid-template-areas: 'mobile docs web video' 'mobileButton docsButton webButton videoButton';
1031  
  justify-content: center; 
1032  
}
1033  
1034  
@media only screen and (max-width: 1200px) {
1035  
.homeOfferingsGrid {
1036  
  display: grid;
1037  
  grid-template-areas: 'mobile docs' 'mobileButton docsButton' 'web video'  'webButton videoButton';
1038  
  justify-content: center; 
1039  
  grid-row-gap: 20px;
1040  
}
1041  
}
1042  
1043  
@media only screen and (max-width: 640px) {
1044  
.homeOfferingsGrid {
1045  
  display: grid;
1046  
  grid-template-areas: 'mobile' 'mobileButton'  'docs' 'docsButton' 'web' 'webButton' 'video'   'videoButton';
1047  
  justify-content: center; 
1048  
  grid-row-gap: 20px;
1049  
}
1050  
}
1051  
1052  
1053  
@media only screen and (min-width: 1800px) {
1054  
  #docSolutionsVector {
1055  
    width: 90%;
1056  
  }
1057  
}
1058  
1059  
.fullServiceGridIcons {
1060  
  width: 8rem;
1061  
}
1062  
1063  
/*
1064  
@media only screen and (max-width: 950px){
1065  
  .fullServiceGridIcons {
1066  
  margin-top: 4rem;
1067  
  }
1068  
}
1069  
1070  
@media only screen and (max-width: 479px){
1071  
  .fullServiceGridIcons {
1072  
  margin-top: 1rem;
1073  
  }
1074  
1075  
*/
1076  
1077  
.homeOfferingBlock {
1078  
  padding: 0 2rem;
1079  
}
1080  
1081  
.offeringBlock {
1082  
  padding: 0 4rem;
1083  
}
1084  
1085  
@media only screen and (max-width: 1400px){
1086  
  .offeringBlock{
1087  
    padding: 2rem;
1088  
  }
1089  
}
1090  
1091  
@media only screen and (max-width: 950px){
1092  
  .offeringBlock{
1093  
    padding: 1rem;
1094  
  }
1095  
  .offeringsGrid {
1096  
    grid-template-columns: 50% 50%;
1097  
  }
1098  
  .fullServiceGridVector {
1099  
    margin-top: 50%;
1100  
    padding: 2rem;
1101  
}
1102  
  .fullServiceGridIcons {
1103  
    margin-top: 1rem;
1104  
  }
1105  
}
1106  
1107  
@media only screen and (max-width: 700px){
1108  
  .offeringsGrid{
1109  
    grid-template-columns: 100%;
1110  
  }
1111  
}
1112  
1113  
@media only screen and (min-width: 950px){
1114  
  .tabletOnly{
1115  
    display: none;
1116  
  }
1117  
}
1118  
1119  
@media only screen and (max-width: 700px){
1120  
  .tabletOnly{
1121  
    display: none;
1122  
  }
1123  
}
1124  
1125  
.clientLogos {
1126  
  width: 12%;
1127  
}
1128  
1129  
@media only screen and (max-width: 1200px){
1130  
  .clientLogos{
1131  
    width: 40%;
1132  
  }
1133  
}
1134  
1135  
@media only screen and (max-width: 650px){
1136  
  .clientLogos{
1137  
    width: 70%;
1138  
  }
1139  
}
1140  
1141  
.serviceGridHeader {
1142  
  margin: 2rem 0 2rem 0;
1143  
  font-weight: 600;
1144  
}
1145  
1146  
.serviceGridParagraph {
1147  
  margin: 0 0 2.4rem 0;
1148  
}
1149  
1150  
.homeFullServiceButtons {
1151  
  width: 80%;
1152  
}
1153  
1154  
.fullServiceButtons {
1155  
  width: 50%;
1156  
}
1157  
1158  
#rightSolution {
1159  
  background-color: #1f2867;
1160  
  background-repeat: no-repeat;
1161  
}
1162  
1163  
#rightSolution {
1164  
  display: grid;
1165  
  grid-template-areas: 'left right';
1166  
  color: white;
1167  
  grid-template-columns: 50% 50%;
1168  
  margin: 3rem 0 0 0;
1169  
}
1170  
1171  
#rightSolutionLeft {
1172  
  grid-area: left;
1173  
}
1174  
1175  
#rightSolutionRight {
1176  
  grid-area: right;
1177  
  padding: 2rem 0 0 6rem;
1178  
}
1179  
1180  
#solutionLeftGrid {
1181  
  display: grid;
1182  
  grid-template-columns: 50% 50%;
1183  
  justify-content: center;
1184  
}
1185  
1186  
@media only screen and (max-width: 479px){
1187  
  #solutionLeftGrid{
1188  
    grid-template-columns: 100%;}
1189  
  .rightSolutionsBlocks{
1190  
    text-align: center;
1191  
  }
1192  
}
1193  
1194  
.rightSolutionsBlocks {
1195  
  margin: 1rem;
1196  
}
1197  
1198  
.homeHalfGridImg {
1199  
  width: 16rem;
1200  
  margin: 0 0 .6rem 0;
1201  
  border-radius: .3rem;
1202  
}
1203  
1204  
#whyAccessibility>a, #auditing>a, #accessibilityBlog>a, #webDevelopment>a {
1205  
  color: white;
1206  
  font-size: 1.2rem;
1207  
}
1208  
1209  
#blogHeader {
1210  
  margin-bottom: 4rem;
1211  
}
1212  
1213  
@media only screen and (max-width: 991px){
1214  
  #rightSolution{
1215  
    grid-template-areas: 'right right' 'left left';
1216  
  }
1217  
  #rightSolutionRight {
1218  
    padding: 0;
1219  
  }
1220  
  .rightSolutionsBlocks {
1221  
    margin: 0;
1222  
  }
1223  
  #rightSolutionLeft {
1224  
    margin: 2rem 0 0 0;
1225  
  }
1226  
  #solutionLeftGrid {
1227  
    grid-row-gap: 3rem;
1228  
  }
1229  
  #checkerLeft>p {
1230  
    font-size: 1.2rem;
1231  
}
1232  
}
1233  
1234  
.goTo::after{
1235  
  content: ' >';
1236  
}
1237  
1238  
#rightSolutionRight>#bigTextRightSolution {
1239  
  font-size: 2.2rem;
1240  
  font-weight: 600;
1241  
}
1242  
1243  
#homeCTA {
1244  
   background-image: url("https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/02/Global-CTA-Background.svg");
1245  
  display: grid;
1246  
  grid-template-columns: 60% 40%;
1247  
  height: 12vh;
1248  
  padding: 2rem 8rem;
1249  
  align-items: center;
1250  
}
1251  
1252  
/** Global Hero CSS **/
1253  
1254  
.heroHeader {
1255  
  background: rgb(38,30,91);
1256  
  background: linear-gradient(335deg, rgba(38,30,91,1) 0%, rgba(45,78,117,1) 45%, rgba(38,30,91,1) 100%);
1257  
  height: 25vh;
1258  
  color: white;
1259  
  padding: 5rem 0 5rem 8rem;
1260  
}
1261  
1262  
@media only screen and (max-width: 991px) {
1263  
  #contactHeader {
1264  
    padding: 6rem 0 0 0;
1265  
  }
1266  
}
1267  
1268  
.heroHeader>h2 {
1269  
  font-size: 3rem;
1270  
  font-weight: 600;
1271  
}
1272  
1273  
.heroWatermark {
1274  
  position: relative;
1275  
  bottom: 6.25rem;
1276  
  right: 2.5rem;
1277  
}
1278  
1279  
@media only screen and (max-width: 1150px) {
1280  
  .heroWatermark {
1281  
    bottom: 4rem;
1282  
    right: 1.5rem;
1283  
  }
1284  
}
1285  
1286  
@media only screen and (max-width: 1000px) {
1287  
  .heroWatermark {
1288  
    display: none;
1289  
  }
1290  
  .heroHeader {
1291  
    padding: 6rem 0 0 0;
1292  
    text-align: center;
1293  
  }
1294  
}
1295  
1296  
@media only screen and (max-width: 991px) {
1297  
  #webSolutionsHeader {
1298  
   padding: 4rem 0 0 0;
1299  
  }
1300  
}
1301  
1302  
@media only screen and (max-width: 767px) {
1303  
  #webSolutionsHeader {
1304  
   padding: 4rem 0 0 0;
1305  
  }
1306  
}
1307  
1308  
@media only screen and (max-width: 479px) {
1309  
  #webSolutionsHeader {
1310  
   padding: 0 1rem 0 1rem;
1311  
    display: flex;
1312  
    align-items: center;
1313  
    justify-content: center;
1314  
  }
1315  
}
1316  
1317  
@media only screen and (max-width: 767px) {
1318  
  #webSolutionsOfferings {
1319  
   height: 175rem;
1320  
  }
1321  
}
1322  
1323  
#appSolutionsWatermark {
1324  
  bottom: 9.25rem;
1325  
}
1326  
1327  
#documentWatermark {
1328  
  bottom: 7.25rem;
1329  
  opacity: .8;
1330  
}
1331  
1332  
#auditingWatermark {
1333  
  bottom: 8.5rem;
1334  
}
1335  
1336  
#whyAccessibilityWatermark {
1337  
  bottom: 9.5rem;
1338  
}
1339  
1340  
#contactWatermark {
1341  
  bottom: 8rem;
1342  
}
1343  
1344  
.semiBold {
1345  
  font-weight: 600;
1346  
}
1347  
1348  
/** End Global CSS **/
1349  
1350  
/** Auditing Page CSS **/
1351  
#humanAuditingBenefits>li::before
1352  
{
1353  
  content: url('https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/04/Branded-Checkmark-32-e1585941508371.png');
1354  
  margin-right: 6px;
1355  
}
1356  
1357  
#auditPlusBenefits>li::before, #techAuditingBenefits>li::before
1358  
{
1359  
  content: url('https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/04/Branded-Checkmark-32-e1585941508371.png');
1360  
  margin-right: 6px;
1361  
}
1362  
1363  
#auditingMessage {
1364  
  background-color: #E8E8E8;
1365  
  height: auto;
1366  
}
1367  
.col{
1368  
  padding: 0;
1369  
  min-height: 0!important;
1370  
}
1371  
#auditingMessage>p {
1372  
  text-align: center;
1373  
  font-size: 1.2rem;
1374  
}
1375  
1376  
#auditingMessage>p:nth-child(1) {
1377  
  text-align: center;
1378  
  padding-top: 2rem;
1379  
}
1380  
1381  
#auditingMessage>p:nth-child(2) {
1382  
  padding: 0 0 2rem 0;
1383  
}
1384  
1385  
#humanExpertAuditing {
1386  
  padding: 3rem 20%;
1387  
}
1388  
1389  
#humanExpertAuditing>h2, #humanExpertAuditing>p, #humanExpertAuditingLeft, #technologicalAuditLeft, #auditPlusRight {
1390  
  text-align: center;
1391  
}
1392  
1393  
.auditingHalfLayout {
1394  
  display: grid;
1395  
  grid-template-columns: 50% 50%;
1396  
  justify-content: center;
1397  
}
1398  
1399  
@media only screen and (max-width: 650px){
1400  
  .auditingHalfLayout {
1401  
    grid-template-columns: 100%;
1402  
  }
1403  
}
1404  
 
1405  
.auditingLeft>img {
1406  
  width: 100%;
1407  
  padding: 3rem 0 0 2rem;
1408  
}
1409  
1410  
#auditingButtonContainer, #auditPlusButtonContainer, #techAuditButtonContainer {
1411  
  margin: 5rem 0 1rem 0;
1412  
}
1413  
1414  
@media only screen and (max-width: 991px){
1415  
  #auditingButtonContainer, #auditPlusButtonContainer, #techAuditButtonContainer {
1416  
    margin: 2rem 0 1rem 0;
1417  
  }
1418  
  #humanAuditingBenefits {
1419  
    margin-bottom: 3rem;
1420  
  }
1421  
}
1422  
1423  
#humanAuditingBenefits>li, #auditPlusBenefits>li, #techAuditingBenefits>li {
1424  
  margin: 2.4rem 0;
1425  
}
1426  
1427  
#auditPlusBenefits>li {
1428  
  margin-left: 80px;
1429  
  margin-top: 40px;
1430  
}
1431  
#auditPlusLeft>p{
1432  
  margin-top:40px;
1433  
}
1434  
1435  
#humanAuditingBenefits, #auditPlusBenefits, #techAuditingBenefits {
1436  
  margin: 3rem 0 0 0;
1437  
}
1438  
1439  
1440  
@media only screen and (min-width: 1800px){
1441  
  #humanAuditingBenefits, #auditPlusBenefits, #techAuditingBenefits {
1442  
    margin-top: 5rem;
1443  
  }
1444  
}
1445  
1446  
1447  
#humanExpertAuditingRight, #auditPlusLeft, #technologicalAuditRight {
1448  
  padding: 0 0;
1449  
  font-size: 1.3rem;
1450  
}
1451  
1452  
#humanExpertAuditingLeft, #technologicalAuditLeft {
1453  
  display: flex;
1454  
  justify-content: center;
1455  
}
1456  
1457  
#auditPlus {
1458  
  background-color: #E8E8E8;
1459  
  padding: 3rem 20%;
1460  
}
1461  
1462  
#auditPlusIcon {
1463  
  width: 100%;
1464  
}
1465  
1466  
#technologicalAuditLeft>img {
1467  
  width: 100%;
1468  
  padding: 3rem 0 0 2rem;
1469  
}
1470  
1471  
#technologicalAuditing {
1472  
  padding: 3rem 20%;
1473  
}
1474  
1475  
@media only screen and (max-width: 479px){
1476  
  .auditingLeft > img{
1477  
    padding: 0;
1478  
  }
1479  
  #technologicalAuditLeft > img{
1480  
    padding: 1rem 0 0 0;
1481  
  }
1482  
}
1483  
1484  
/** TEST STUFF FOR AUDITING PAGES **/
1485  
1486  
#humanAuditingBenefits, #auditPlusBenefits, #technologicalAuditRight>p {
1487  
  margin-top: 2rem;
1488  
}
1489  
1490  
#technologicalAuditRight {
1491  
  margin-left: 1rem;
1492  
}
1493  
1494  
#humanExpertAuditingRight {
1495  
  margin-top: 3rem;
1496  
  margin-left: 1rem;
1497  
}
1498  
1499  
#techAuditingBenefits {
1500  
  margin-top: 0;
1501  
}
1502  
1503  
#humanAuditingBenefits, #auditPlusBenefits, #techAuditingBenefits {
1504  
  display: grid;
1505  
  grid-template-columns: 50% 50%;
1506  
}
1507  
1508  
#humanAuditingBenefits>li, #auditPlusBenefits>li, #techAuditingBenefits>li {
1509  
  margin: 20px 0 0 10px;
1510  
}
1511  
1512  
1513  
.auditingHalfLayout {
1514  
    display: grid;
1515  
    grid-template-columns: 40% 60%;
1516  
    justify-content: center;
1517  
}
1518  
1519  
.auditingHalfLayout2 {
1520  
    display: grid;
1521  
    grid-template-columns: 45% 55%;
1522  
    justify-content: center;
1523  
}
1524  
1525  
.greyBackground{
1526  
  background-color: #e8e8e8;
1527  
}
1528  
1529  
#auditPlusRight {
1530  
  margin-top: 3rem;
1531  
}
1532  
1533  
@media only screen and (max-width: 991px) {
1534  
  .auditingHalfLayout2, .auditingHalfLayout {
1535  
    grid-template-columns: 100%;
1536  
  }
1537  
}
1538  
1539  
#humanAuditingBenefits > li, #auditPlusBenefits > li, #techAuditingBenefits > li {
1540  
  margin: 30px 0 0 10px;
1541  
  margin-left: 10px;
1542  
  margin-left: 27px!important;
1543  
}
1544  
1545  
#auditPlusIcon {
1546  
  width: 100%;
1547  
}
1548  
1549  
#auditPlusBenefits > li {
1550  
    margin-left: 10px;
1551  
    margin-top: 40px;
1552  
}
1553  
#auditPlusLeft > p{
1554  
  margin-top:40px;
1555  
}
1556  
#humanAuditingBenefits li, #auditPlusBenefits li{
1557  
  margin-left:30px !important;
1558  
}
1559  
#humanAuditingBenefits li:before,
1560  
#auditPlusBenefits li:before, #techAuditingBenefits  li:before{
1561  
  margin-left:-27px;
1562  
}
1563  
1564  
@media only screen and (max-width: 1400px){
1565  
  #humanAuditingBenefits, #auditPlusBenefits, #techAuditingBenefits {
1566  
    display: grid;
1567  
    grid-template-columns: 100%;
1568  
}
1569  
}
1570  
1571  
1572  
/** END TEST STUFF **/
1573  
1574  
/** End Auditing Page CSS **/
1575  
1576  
/** Start Accessibility Page **/
1577  
1578  
#digAccessFacts>li::before {
1579  
  content: url('https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/04/Branded-Checkmark-32-e1585941508371.png');
1580  
  margin-right: 10px;
1581  
}
1582  
1583  
#legalEnvironment {
1584  
  background-color: #E8E8E8;
1585  
}
1586  
1587  
#digitalAccessibilityGrid {
1588  
  display: grid; 
1589  
  grid-template-columns: 50% 50%;
1590  
}
1591  
1592  
#whyAccessibilityWatermark {
1593  
  position: absolute;
1594  
  top: 330px;
1595  
  left: -120px;
1596  
  width: 30rem;
1597  
  z-index: -1;
1598  
}
1599  
1600  
@media only screen and (max-width: 650px){
1601  
  #digitalAccessibilityGrid {
1602  
    grid-template-columns: 100%;
1603  
  }
1604  
  #whyAccessibilityWatermark {
1605  
    width: 20rem;
1606  
    top: 380px;
1607  
  }
1608  
}
1609  
1610  
#digAccessVector {
1611  
  width: 90%;
1612  
  margin: 6rem 0 0 0;
1613  
}
1614  
1615  
#digitalAccessibilityRight>p {
1616  
  margin: 3rem 0 2rem 0;
1617  
}
1618  
1619  
@media only screen and (min-width: 1400px){
1620  
#digitalAccessibilityRight>p     {
1621  
  margin: 6rem 0 2rem 0;
1622  
  }
1623  
1624  
}
1625  
1626  
#digAccessFacts>li {
1627  
  margin: 2.4rem 0;
1628  
}
1629  
1630  
#serviceSolutionsButtonContainer {
1631  
  margin: 5rem 0 1rem 0;
1632  
}
1633  
1634  
@media only screen and (max-width: 991px){
1635  
#serviceSolutionsButtonContainer {
1636  
    margin: 3rem 0 1rem 0;
1637  
  }
1638  
}
1639  
1640  
#legalEnvironmentGrid {
1641  
  display: grid;
1642  
  grid-template-columns: 33% 33% 33%;
1643  
  justify-content: center;
1644  
}
1645  
1646  
@media only screen and (max-width: 991px){
1647  
  #legalEnvironmentGrid {
1648  
    grid-template-columns: 100%;
1649  
  }
1650  
}
1651  
1652  
#legalEnvironmentGrid>div {
1653  
  padding: 0 3rem;
1654  
}
1655  
1656  
#checkOutBlog, #digitalAccessibility {
1657  
  background-color: white;
1658  
}
1659  
1660  
#checkOutBlogGrey {
1661  
  background-color: #efefef;
1662  
}
1663  
1664  
.title {
1665  
  text-decoration: underline!important;
1666  
}
1667  
1668  
article>h4 {
1669  
  margin-top: 1rem;
1670  
}
1671  
1672  
#blogCTA {
1673  
  margin-top: 8rem;
1674  
}
1675  
1676  
/** This should be removed when blog is added **/
1677  
#checkOutBlog {
1678  
  height: auto;
1679  
}
1680  
/** End of what should be removed when blog is added */
1681  
1682  
1683  
/** End Accessibility Page **/
1684  
1685  
/** Start App Auditing Page **/
1686  
1687  
#appAuditingFacts>li::before, #buildSiteBenefits>li::before
1688  
{
1689  
  content: url('https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/04/Branded-Checkmark-32-e1585941508371.png');
1690  
  margin-right: 6px;
1691  
}
1692  
1693  
#appAuditingGrid {
1694  
  display: grid; 
1695  
  grid-template-columns: 50% 50%;
1696  
}
1697  
1698  
1699  
#appAuditingVector {
1700  
  margin: 6rem 0 0 0;
1701  
  padding: 0 0 0 6rem;
1702  
  max-width: 70%;
1703  
  min-width: 300px;
1704  
}
1705  
1706  
@media only screen and (max-width: 991px) {
1707  
  #appAuditingVector {
1708  
    padding: 0 2rem;
1709  
    max-width: 90%;
1710  
  }
1711  
}
1712  
1713  
@media only screen and (max-width: 767px) {
1714  
  #appAuditingVector {
1715  
    margin: 2rem 0 0 0;
1716  
    max-width: 60%;
1717  
  }
1718  
}
1719  
1720  
@media only screen and (max-width: 950px) {
1721  
  #appAuditingGrid {
1722  
    grid-template-columns: 100%;
1723  
  }
1724  
}
1725  
1726  
#appAuditingFacts>li {
1727  
  margin: 2.4rem 0;
1728  
}
1729  
1730  
#appAuditingRight>h3 {
1731  
  margin: 3rem 0 2rem 0;
1732  
}
1733  
1734  
@media only screen and (max-width: 991px) {
1735  
  #appAuditingRight {
1736  
    align-items: center;
1737  
    justify-content: center;
1738  
  }
1739  
}
1740  
1741  
@media only screen and (min-width: 1800px) {
1742  
  #appAuditingRight > h3 {
1743  
    margin: 6rem 0 2rem 0;
1744  
  }
1745  
}
1746  
1747  
#appAuditingFacts:nth-child(1){
1748  
  margin: 0 0 2.4rem 0;
1749  
}
1750  
1751  
#chooseUsVector {
1752  
  width: 75%;
1753  
}
1754  
1755  
@media only screen and (max-width: 767px) {
1756  
  #chooseUsVector {
1757  
    width: 60%;
1758  
  }
1759  
}
1760  
1761  
@media only screen and (max-width: 767px) {
1762  
  #chooseUsSection>h3 {
1763  
    margin-bottom: 0;
1764  
  }
1765  
}
1766  
1767  
#appButtonContainer {
1768  
  padding: 2rem 0 0 0;
1769  
}
1770  
1771  
.contactConsultation {
1772  
  background-color: #E8E8E8;
1773  
  height: auto;
1774  
  padding: 3rem 15%;
1775  
}
1776  
1777  
@media only screen and (max-width: 991px) {
1778  
  .contactConsultation {
1779  
    padding: 3rem 10%;
1780  
  }
1781  
}
1782  
1783  
@media only screen and (max-width: 479px) {
1784  
  .contactConsultation {
1785  
    padding: 3rem 1rem;
1786  
  }
1787  
}
1788  
1789  
/** Splits contact form into two columns **/
1790  
1791  
.contactSplit {
1792  
  display: grid; 
1793  
  grid-template-columns: 50% 50%;
1794  
  text-align: left;
1795  
  margin: 3rem 0 0 0;
1796  
}
1797  
1798  
.contactLeft, .contactRight {
1799  
  padding: 1rem;
1800  
}
1801  
1802  
.contactLeft1{
1803  
  padding-right: .8rem;
1804  
}
1805  
1806  
#contactRight {
1807  
  margin-top: 2rem;
1808  
}
1809  
1810  
#Terms:focus {
1811  
  box-shadow: 0 0 0 2px #0d1a25, inset 0 0 3px 1px #548fc4; 
1812  
  outline: 2px dashed #959595;  
1813  
}
1814  
1815  
.twoColumnSubmit>input {
1816  
  width: 100%!important;
1817  
}
1818  
1819  
.twoColumnSubmit {
1820  
  width: 100%;
1821  
}
1822  
1823  
#twoColumnMessage {
1824  
  height: 18vh;
1825  
}
1826  
1827  
@media only screen and (max-width: 991px) {
1828  
  .contactSplit {
1829  
    grid-template-columns: 100%;
1830  
  }
1831  
}
1832  
1833  
.halfSection {
1834  
  padding: 3rem 20%;
1835  
}
1836  
1837  
@media only screen and (max-width: 991px) {
1838  
  .halfSection {
1839  
    padding: 3rem 10%!important;
1840  
  }
1841  
}
1842  
1843  
@media only screen and (max-width: 479px) {
1844  
  .halfSection {
1845  
    padding: 3rem 5%!important;
1846  
  }
1847  
}
1848  
1849  
/** End App Auditing Page **/
1850  
1851  
/** Start Video Captioning Page **/
1852  
1853  
#videoFacts>li::before
1854  
{
1855  
  content: url('https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/04/Branded-Checkmark-32-e1585941508371.png');
1856  
  margin-right: 6px;
1857  
}
1858  
1859  
#videoFacts>li {
1860  
    margin: 2.4rem 0;
1861  
}
1862  
1863  
#videoWatermark {
1864  
  margin-top: 5rem;
1865  
  padding: 0 1rem;
1866  
}
1867  
1868  
#videoVector {
1869  
  margin: 2rem 0 0 0;
1870  
  max-width: 55%;
1871  
  min-width: 150px;
1872  
  display: inline;
1873  
}
1874  
1875  
@media only screen and (max-width: 479px) {
1876  
  #videoVector {
1877  
    max-width: 90%;
1878  
  }
1879  
}
1880  
1881  
@media only screen and (min-width: 1800px) {
1882  
  #videoVector {
1883  
    max-width: 40%;
1884  
    margin-left: 25%;
1885  
  }
1886  
}
1887  
1888  
#videoGrid {
1889  
  display: grid; 
1890  
  grid-template-columns: 50% 50%;
1891  
  padding-top: 4rem;
1892  
}
1893  
1894  
@media only screen and (max-width: 950px) {
1895  
  #videoGrid {
1896  
    grid-template-columns: 100%;
1897  
  }
1898  
  #videoRight {
1899  
    margin-top: 4rem;
1900  
  }
1901  
}
1902  
1903  
1904  
/** End Video Captioning Page **/
1905  
1906  
1907  
/** Start Document Solutions Page **/
1908  
1909  
1910  
#documentFacts>li::before {
1911  
  content: url('https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/04/Branded-Checkmark-32-e1585941508371.png');
1912  
  margin-right: 10px;
1913  
}
1914  
1915  
#documentOfferings {
1916  
   background-image: url("https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/02/Desk-Watermark-x2.png");
1917  
  background-size: cover;
1918  
  background-repeat: no-repeat;
1919  
}
1920  
1921  
#documentOfferingsGrid {
1922  
  display: grid;
1923  
  grid-template-columns: 33.33% 33.33% 33.33%;
1924  
  grid-row-gap: 20px;
1925  
}
1926  
1927  
#documentOfferingsGrid>div {
1928  
  padding: 0 3rem;
1929  
}
1930  
1931  
@media only screen and (max-width: 991px) {
1932  
  #documentOfferingsGrid {
1933  
    grid-template-columns: 100%;
1934  
    grid-row-gap: 40px;
1935  
    padding-top: 2rem;
1936  
  }
1937  
  #documentOfferingsGrid>div {
1938  
  padding: 0 1rem;
1939  
}
1940  
}
1941  
1942  
.documentGridIcons {
1943  
  width: 8rem;
1944  
}
1945  
1946  
.documentGridHeader {
1947  
  margin: 2rem 0 2rem 0;
1948  
}
1949  
1950  
.documentGridParagraph {
1951  
  margin: 0 0 2.4rem 0;
1952  
}
1953  
1954  
#docProcessSection {
1955  
  background-color: #E8E8E8;
1956  
}
1957  
1958  
#docProcessGrid {
1959  
  display: grid; 
1960  
  grid-template-columns: 50% 50%;
1961  
}
1962  
1963  
#docButtonContainer {
1964  
  margin:  2rem 0 0 0;
1965  
}
1966  
1967  
#accessibilityButtonContainer {
1968  
  margin:  3rem 0 0 0;
1969  
}
1970  
1971  
#docProcessRight>h3 {
1972  
  margin: 3rem 0 2rem 0;
1973  
}
1974  
1975  
@media only screen and (min-width: 1800px) {
1976  
  #docProcessRight>h3 {
1977  
    margin: 5rem 0 2rem 0;
1978  
  }
1979  
}
1980  
1981  
#docSolutionsVector {
1982  
  margin: 6rem 0 0 0;
1983  
  padding: 0 0 0 6rem;
1984  
  width: 100%;
1985  
}
1986  
1987  
@media only screen and (min-width: 1800px) {
1988  
  #docSolutionsVector {
1989  
    width: 70%;
1990  
  }
1991  
}
1992  
1993  
@media only screen and (max-width: 991px) {
1994  
  #docProcessGrid {
1995  
    grid-template-columns: 100%;
1996  
  }
1997  
  #docSolutionsVector {
1998  
    padding: 0;
1999  
    margin: 2rem 0 3rem 0;
2000  
  }
2001  
}
2002  
2003  
#docProcessRight {
2004  
  padding: 0 0 0 8rem;
2005  
  text-align: left;
2006  
}
2007  
2008  
2009  
#accessibilityProcessRight {
2010  
  padding: 0 0 0 8rem;
2011  
  text-align: left;
2012  
}
2013  
2014  
@media only screen and (max-width: 991px){
2015  
#accessibilityProcessRight {
2016  
  margin-top: 3rem;
2017  
  padding: 0;
2018  
}
2019  
}
2020  
2021  
@media only screen and (max-width: 991px) {
2022  
  #docProcessRight {
2023  
   padding: 0;
2024  
   text-align: left;
2025  
}
2026  
}
2027  
2028  
#documentFacts>li {
2029  
  margin: 2.4rem 0;
2030  
}
2031  
2032  
#automaticSolutionsGrid {
2033  
  display: grid; 
2034  
  grid-template-columns: 50% 50%;
2035  
}
2036  
2037  
@media only screen and (max-width: 991px) {
2038  
  #automaticSolutionsGrid {
2039  
    grid-template-columns: 100%;
2040  
  }
2041  
  #leftAutomaticSolutions, #rightAutomaticSolutions {
2042  
    padding: 0;
2043  
    margin-top: 2rem;
2044  
    text-align: center;
2045  
  }
2046  
}
2047  
2048  
#leftAutomaticSolutions, #rightAutomaticSolutions {
2049  
  padding: 0 2rem;
2050  
}
2051  
2052  
@media only screen and (min-width: 2000px) {
2053  
  #leftAutomaticSolutions,     #rightAutomaticSolutions {
2054  
  padding: 0 10rem;
2055  
}
2056  
}
2057  
2058  
#documentSolutionsHeader {
2059  
  padding: 4rem 0 0 0;
2060  
}
2061  
2062  
@media only screen and (max-width: 991px) {
2063  
  #documentSolutionsHeader {
2064  
    padding: 6rem 0 0 0;
2065  
  }
2066  
}
2067  
2068  
@media only screen and (max-width: 479px) {
2069  
  #documentSolutionsHeader {
2070  
    padding: 4rem 0 0 0;
2071  
  }
2072  
}
2073  
2074  
#ourClients {
2075  
  background-color: #FFF;
2076  
}
2077  
2078  
#techLogos {
2079  
  display: flex;
2080  
  justify-content: center;
2081  
  flex-wrap: wrap;
2082  
  align-items: center;
2083  
}
2084  
2085  
#acrobatLogo, #excelLogo, #nvdaLogo, #wordLogo, #jawsLogo {
2086  
  width: 33%;
2087  
  text-align: center;
2088  
  padding: 2rem;
2089  
}
2090  
2091  
#contactGrid {
2092  
  display: grid; 
2093  
  grid-template-columns: 50% 50%;
2094  
}
2095  
2096  
@media only screen and (max-width: 991px) {
2097  
  #contactGrid {
2098  
    grid-template-columns: 100%;
2099  
  }
2100  
}
2101  
2102  
#contactVector {
2103  
  margin: 3rem;
2104  
}
2105  
2106  
#contactVector>img {
2107  
  width: 50%;
2108  
}
2109  
2110  
@media only screen and (max-width: 991px) {
2111  
  #contactVector {
2112  
    margin: auto;
2113  
  }
2114  
}
2115  
2116  
.contactBlock {
2117  
  margin: 2.5rem 0;
2118  
  border-top: 1px solid;
2119  
  padding: 2.5rem 0 0 0;
2120  
}
2121  
2122  
#contactFormContainer {
2123  
  padding: 4rem 8rem;
2124  
}
2125  
2126  
@media only screen and (max-width: 767px) {
2127  
  #contactFormContainer {
2128  
    padding: 2rem;
2129  
  }
2130  
}
2131  
2132  
@media only screen and (max-width: 479px) {
2133  
  #contactFormContainer {
2134  
    padding: 2rem 1rem;
2135  
  }
2136  
}
2137  
2138  
@media only screen and (max-width: 991px) {
2139  
  #automaticSolutionsGrid {
2140  
    grid-template-columns: 50% 50%;
2141  
  }
2142  
  #docVector {
2143  
    width: 20%;
2144  
  }
2145  
  #leftAutomaticSolutions {
2146  
    padding: 0 2rem;
2147  
  }
2148  
}
2149  
2150  
@media only screen and (max-width: 767px) {
2151  
  #automaticSolutionsGrid {
2152  
    grid-template-columns: 100%;
2153  
  }
2154  
}
2155  
2156  
.docVector {
2157  
  width: 8rem;
2158  
}
2159  
2160  
/** Adds border radius to CF7 **/
2161  
.cf7-style input, 
2162  
.cf7-style textarea {
2163  
  border-radius: 4px;
2164  
  background-color: #F6F6F6;
2165  
}
2166  
2167  
.smolText {
2168  
  font-size: 1rem;
2169  
  color: #4B4B4B;
2170  
}
2171  
2172  
.smolText>a, .contactPoint>a {
2173  
  text-decoration: underline!important;
2174  
}
2175  
2176  
@media only screen and (max-width: 479px) {
2177  
  .contactPoint {
2178  
    font-size: 1rem;
2179  
  }
2180  
}
2181  
2182  
#webSolutions {
2183  
  background-color: #E8E8E8;
2184  
}
2185  
2186  
#chooseUsGrid {
2187  
  background-color: #fff;
2188  
}
2189  
2190  
/** Start Web Solutions Page **/
2191  
2192  
#techAuditBlock {
2193  
  grid-area: techAudit;
2194  
}
2195  
2196  
#humanAuditBlock {
2197  
  grid-area: humanAudit;
2198  
}
2199  
2200  
#auditPlusBlock {
2201  
  grid-area: auditPlus;
2202  
}
2203  
2204  
#remediationBlock {
2205  
  grid-area: remediation;
2206  
}
2207  
2208  
#migrationBlock {
2209  
  grid-area: migration;
2210  
}
2211  
2212  
#mitigationBlock {
2213  
  grid-area: mitigation;
2214  
}
2215  
2216  
#techAuditButton {
2217  
  grid-area: techAuditButton;
2218  
}
2219  
2220  
#auditPlusButton {
2221  
  grid-area: auditPlusButton;
2222  
}
2223  
2224  
#humanAuditButton {
2225  
  grid-area: humanAuditButton;
2226  
}
2227  
2228  
#remediationButton {
2229  
  grid-area: remediationButton;
2230  
}
2231  
2232  
#migrationButton {
2233  
  grid-area: migrationButton;
2234  
}
2235  
2236  
#mitigationButton {
2237  
  grid-area: mitigationButton;
2238  
}
2239  
2240  
#fullServiceGrid {
2241  
  display: grid; 
2242  
  grid-template-areas: 'techAudit humanAudit auditPlus' 'techAuditButton humanAuditButton auditPlusButton' 'remediation migration mitigation' 'remediationButton migrationButton mitigationButton';
2243  
  grid-row-gap: 30px;
2244  
}
2245  
2246  
@media only screen and (max-width: 1200px) {
2247  
  #fullServiceGrid{
2248  
    grid-template-areas: 'techAudit humanAudit' 'techAuditButton humanAuditButton' 'auditPlus remediation' 'auditPlusButton remediationButton' 'migration mitigation' 'migrationButton mitigationButton';
2249  
  grid-row-gap: 20px;
2250  
  }
2251  
}
2252  
2253  
@media only screen and (max-width: 700px) {
2254  
  #fullServiceGrid{
2255  
    grid-template-areas: 'techAudit' 'techAuditButton' 'humanAudit' 'humanAuditButton' 'auditPlus' 'auditPlusButton' 'remediation' 'remediationButton' 'migration' 'migrationButton' 'mitigation' 'mitigationButton';
2256  
  grid-row-gap: 10px;
2257  
  }
2258  
}
2259  
2260  
#webSolutionsOfferings {
2261  
  text-align: center;
2262  
  margin: 0 0 0 0;
2263  
  background-size: cover;
2264  
}
2265  
2266  
#threeStepSolution {
2267  
  background-color: #E8E8E8;
2268  
  margin: 1rem 0 0 0;
2269  
}
2270  
2271  
#threeStepSolutionGrid {
2272  
  display: grid;
2273  
  grid-template-columns: 33% 33% 33%;
2274  
}
2275  
2276  
@media only screen and (max-width: 767px) {
2277  
  #threeStepSolutionGrid {
2278  
    grid-template-columns: 100%;
2279  
  }
2280  
}
2281  
2282  
#buildSiteGrid {
2283  
  display: grid; 
2284  
  grid-template-columns: 50% 50%;
2285  
  padding: 3rem 8rem;
2286  
}
2287  
2288  
#rightSiteGrid {
2289  
  margin: 0 0 0 140px;
2290  
}
2291  
2292  
@media only screen and (min-width: 1800px){
2293  
  #buildSiteGrid {
2294  
    margin: 0 0 0 240px;
2295  
  }
2296  
}
2297  
2298  
#leftSiteGrid {
2299  
  display: flex;
2300  
  align-items: center;
2301  
}
2302  
2303  
#buildSiteBenefits>li {
2304  
  margin: 2.4rem 0;
2305  
}
2306  
2307  
@media only screen and (min-width: 1800px){
2308  
  #buildSiteBenefits>li {
2309  
    margin: 4rem 0 2.4rem 0;
2310  
  }
2311  
}
2312  
2313  
#seePortfolioContainer>a {
2314  
  margin: 2rem 0 0 0;
2315  
}
2316  
2317  
.portfolioVector {
2318  
  max-width: 100%;
2319  
  min-width: 300px;
2320  
}
2321  
2322  
@media only screen and (max-width: 1350px){
2323  
  #buildSiteGrid {
2324  
    padding: 0;
2325  
  }
2326  
}
2327  
2328  
@media only screen and (max-width: 950px){
2329  
  #threeStepSolution {
2330  
    margin: 40rem 0 0 0;
2331  
  }
2332  
  #rightSiteGrid {
2333  
    margin: 0 0 0 0;
2334  
    text-align: center;
2335  
  }
2336  
  #buildSiteGrid {
2337  
    grid-template-columns: 100%;
2338  
  }
2339  
}
2340  
2341  
#auditHeader, #repairHeader, #monitorHeader {
2342  
  margin: 2rem 0 1rem 0;
2343  
}
2344  
2345  
#auditParagraph, 
2346  
#repairParagraph, 
2347  
#monitorParagraph {
2348  
  padding: 0 2rem;
2349  
}
2350  
2351  
.stepVector {
2352  
  width: 40%;
2353  
  margin-left: 1rem;
2354  
  margin-top: 1rem;
2355  
}
2356  
2357  
/** End Web Solutions Page **/
2358  
2359  
/** Start Mitigation Page **/
2360  
2361  
#mitigationIntroSection {
2362  
  background-color: #E8E8E8;
2363  
  height: auto;
2364  
  text-align: center;
2365  
  padding: 0 1rem;
2366  
}
2367  
2368  
#mitigationIntroSection>p:nth-child(1) {
2369  
  text-align: center;
2370  
  padding-top: 2rem;
2371  
  font-weight: 700;
2372  
}
2373  
2374  
#mitigationOfferings{
2375  
  padding: 3rem 8rem;
2376  
}
2377  
2378  
#riskMitigationGrid {
2379  
  display: grid;
2380  
  grid-template-columns: 33% 33% 33%;
2381  
}
2382  
2383  
@media only screen and (max-width: 991px){
2384  
  #riskMitigationGrid {
2385  
    grid-template-columns: 100%;
2386  
  }
2387  
}
2388  
2389  
#buyMitigationContainer {
2390  
  margin: 3rem 0;
2391  
}
2392  
2393  
#whyMitigation{
2394  
  padding: 3rem 8rem; 
2395  
  background-color: #E8E8E8;
2396  
   background-image: url(https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/02/Lamp-Vector.svg);
2397  
  background-repeat: no-repeat; 
2398  
  background-size: contain;
2399  
  background-position: center;
2400  
}
2401  
2402  
#lampList>li {
2403  
  margin: 2.4rem 0;
2404  
}
2405  
2406  
#whyMitigationContainer {
2407  
  background-color: #E8E8E8;
2408  
}
2409  
2410  
#lampList {
2411  
  margin: 0 0 0 30%;
2412  
  text-align: center;
2413  
  padding: 0 12rem;
2414  
}
2415  
@media only screen and (max-width: 1500px){
2416  
  #whyMitigation {
2417  
    padding: 1rem 4rem;
2418  
  }
2419  
  #lampList {
2420  
    padding: 0 6rem;
2421  
  }
2422  
}
2423  
@media only screen and (max-width: 900px){
2424  
  #lampList {
2425  
    padding: 0 3rem;
2426  
  }
2427  
}
2428  
@media only screen and (max-width: 767px){
2429  
  #whyMitigation {
2430  
    background-image: none;
2431  
  }
2432  
  #lampList {
2433  
    margin: 0;
2434  
    padding: 0 1rem;
2435  
  }
2436  
  #lampList>li {
2437  
    margin: 3.25rem 0;
2438  
  }
2439  
}
2440  
@media only screen and (max-width: 530px){
2441  
  #whyMitigation {
2442  
    padding: 1rem 0;
2443  
  }
2444  
}
2445  
#firstListItem {
2446  
  margin-top: 1rem!important;
2447  
}
2448  
/** End Mitigation Page **/
2449  
2450  
/** Start Web Services Page **/
2451  
#webSolutionsGrid, #chooseUsGrid {
2452  
  display: grid;
2453  
  grid-template-columns: 50% 50%;
2454  
}
2455  
@media only screen and (max-width: 900px) {
2456  
  #chooseUsGrid {
2457  
    grid-template-columns: 100%;
2458  
  }
2459  
}
2460  
#leftWebSolutions, #rightWebSolutions {
2461  
  padding: 0 20%;
2462  
}
2463  
@media only screen and (max-width: 991px) {
2464  
  #leftWebSolutions, #rightWebSolutions {
2465  
    padding: 0 10%;
2466  
  }
2467  
}
2468  
@media only screen and (max-width: 600px) {
2469  
  #webSolutionsGrid {
2470  
    grid-template-columns: 100%;
2471  
  }
2472  
  #leftWebSolutions, #rightWebSolutions {
2473  
    padding: 0;
2474  
  }
2475  
  #rightWebSolutions {
2476  
    margin-top: 3rem;
2477  
  }
2478  
}
2479  
#rightVectorContainer, #leftVectorContainer {
2480  
  margin-bottom: 2rem;
2481  
  width: 100%;
2482  
}
2483  
#webConsultationContainer {
2484  
  margin: 2rem 0;
2485  
}
2486  
#chooseUsLeft {
2487  
  padding: 0 20%;
2488  
}
2489  
@media only screen and (max-width: 990px) {
2490  
  #chooseUsLeft {
2491  
    padding: 0;
2492  
  }
2493  
}
2494  
.brandImage {
2495  
  padding: 2rem;
2496  
}
2497  
@media only screen and (max-width: 1600px){
2498  
  .brandImage{
2499  
  padding: .5rem;
2500  
  }
2501  
}
2502  
@media only screen and (max-width: 1500px){
2503  
  .brandImage{
2504  
  padding: 1rem;
2505  
  }
2506  
}
2507  
@media only screen and (max-width: 1400px){
2508  
  .brandImage{
2509  
  padding: 1rem;
2510  
  }
2511  
}
2512  
@media only screen and (max-width: 1200px){
2513  
  .brandImage{
2514  
  padding: 2rem;
2515  
  }
2516  
}
2517  
.brandImageWidth {
2518  
  width: 100%;
2519  
}
2520  
.techImageWidth {
2521  
  width: 100%;
2522  
}
2523  
@media only screen and (max-width: 600px) {
2524  
  .brandImageWidth {
2525  
    width: 100%;
2526  
  }
2527  
  .brandImage {
2528  
    padding: 1rem;
2529  
  }
2530  
  .techImageWidth {
2531  
    width: 60%;
2532  
    margin-bottom: 1rem;
2533  
  }
2534  
  #techHeader {
2535  
    margin-bottom: 3rem;
2536  
  }
2537  
}
2538  
#phpLogo {
2539  
  padding: 0 2rem;
2540  
}
2541  
#featuredWebsites {
2542  
   background-image: url("https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/02/Blank-Desk-Watermark-x2.png");
2543  
  background-size: cover;
2544  
  background-repeat: no-repeat;
2545  
}
2546  
#americanPediatric, #saintRita, #districtsSpecial {
2547  
  display: flex; 
2548  
  justify-content: center;
2549  
  align-items: center;
2550  
  justify-content: center;
2551  
}
2552  
@media only screen and (max-width: 800px) {
2553  
#americanPediatric, #saintRita, #districtsSpecial {
2554  
  flex-direction: column;
2555  
  margin-left: auto;
2556  
  margin-right: auto;
2557  
}
2558  
#saintRita.websiteFeature{
2559  
    flex-direction: column-reverse;
2560  
    display: flex;
2561  
  }
2562  
}
2563  
.websiteExample {
2564  
  width: 90%;
2565  
}
2566  
.halfFlex {
2567  
  width: 50%;
2568  
}
2569  
#websiteInfo1, #websiteInfo3 {
2570  
  text-align: right;
2571  
  margin-top: 6rem;
2572  
}
2573  
#websiteInfo2 {
2574  
  margin-top: 6rem;
2575  
}
2576  
.websiteFeature {
2577  
  margin-top: 6rem;
2578  
}
2579  
@media only screen and (max-width: 991px){
2580  
  .halfFlex {
2581  
    width: 90%;
2582  
  }
2583  
  #websiteInfo1, #websiteInfo2, #websiteInfo3 {
2584  
    text-align: center;
2585  
  }
2586  
}
2587  
/** End Web Services Page **/
2588  
/** Positioning Various Circular Watermarks **/
2589  
#contactCircleTop {
2590  
  position: absolute;
2591  
  top: 340px;
2592  
  left: 30px;
2593  
  width: 25rem;
2594  
}
2595  
#contactCircleBottom {
2596  
  position: absolute;
2597  
  top: 120%;
2598  
  right: -80px;
2599  
  width: 20rem;
2600  
  z-index: 0;
2601  
}
2602  
#auditingCircleTop {
2603  
  position: absolute;
2604  
  top: 600px;
2605  
  right: -150px;
2606  
  width: 18rem;
2607  
}
2608  
#auditingCircleBottom {
2609  
  position: absolute;
2610  
  top: 250%;
2611  
  left: -80px;
2612  
  width: 20rem;
2613  
  z-index: 0;
2614  
}
2615  
#webServicesCircleTop {
2616  
  position: absolute;
2617  
  top: 300%;
2618  
  right: -60px;
2619  
  width: 50rem;
2620  
  z-index: 0;
2621  
}
2622  
@media only screen and (max-width: 991px){
2623  
  #webServicesCircleTop {
2624  
    display: none;
2625  
  }
2626  
}
2627  
#documentsCircleTop {
2628  
  position: absolute;
2629  
  top: 200%;
2630  
  right: -60px;
2631  
  width: 16rem;
2632  
  z-index: 0;
2633  
}
2634  
#webSolutionsCircleBottom {
2635  
  position: absolute;
2636  
  top: 320%;
2637  
  right: -120px;
2638  
  width: 20rem;
2639  
  z-index: 0;
2640  
}
2641  
@media only screen and (max-width: 991px){
2642  
  #webSolutionsCircleBottom {
2643  
    display: none;
2644  
  }
2645  
}
2646  
/* Delete when blog plugin is fixed */
2647  
#loadMore, .blogs_list_heading {
2648  
  display: none!important;
2649  
}
2650  
#blogButtonContainer {
2651  
  margin-bottom: 4rem;
2652  
}
2653  
.subHeader {
2654  
  padding: 0 0 2rem 0;
2655  
}
2656  
/**Global Header CSS**/ 
2657  
.globalHeader {
2658  
  background: rgb(38,30,91);
2659  
  background: linear-gradient(335deg, rgba(38,30,91,1) 0%, rgba(45,78,117,1) 45%, rgba(38,30,91,1) 100%);
2660  
  height: 18vh;
2661  
  color: white;
2662  
  padding: 5rem 0 5rem 8rem;
2663  
  width: 100%;
2664  
}
2665  
.globalHeader > h1{
2666  
  background-color:rgba(0,0,0,0);
2667  
}
2668  
@media only screen and (max-width: 991px){
2669  
  .globalHeader {
2670  
    display: flex; 
2671  
    justify-content: center;
2672  
    align-items: center;
2673  
    padding: 0;
2674  
  }
2675  
}
2676  
@media only screen and (max-width: 991px){
2677  
.globalHero {
2678  
    display: none;
2679  
  }
2680  
}
2681  
.globalHero {
2682  
  background-color:rgba(0,0,0,0);
2683  
  position: absolute;
2684  
  right: 0;
2685  
  top: 90px;
2686  
}
2687  
#documentSolutionsWMark {
2688  
  top: 150px;
2689  
  left: 50px;
2690  
}
2691  
@media only screen and (min-width: 2000px){
2692  
  .heroMessagePositioning {
2693  
    right: 200px;
2694  
  }
2695  
  .homeHeroVector {
2696  
    margin-left: 0;
2697  
  }
2698  
}
2699  
@media only screen and (min-width: 2200px){
2700  
  .heroMessagePositioning {
2701  
    right: 220px;
2702  
    bottom: 20px;
2703  
    font-size: 1.5rem;
2704  
  }
2705  
}
2706  
/** Widget Results Page **/ 
2707  
#resultsWatermark {
2708  
  margin-top: 4rem;
2709  
}
2710  
#resultsHeader {
2711  
  margin-left: 2rem;
2712  
}
2713  
#resultsSection {
2714  
  background-color: #E8E8E8;
2715  
  height: auto;
2716  
}
2717  
.recCard {
2718  
  background-color: #FFC516;
2719  
}
2720  
.recCard>p {
2721  
  margin: .5rem 0;
2722  
}
2723  
#metricsCTA {
2724  
  display: flex; 
2725  
  justify-content: center;
2726  
  width: 100%;
2727  
}
2728  
#resultsGrid {
2729  
  display: grid;
2730  
  grid-template-columns: 33% 33% 33%;
2731  
}
2732  
@media only screen and (max-width: 750px){
2733  
  #resultsGrid {
2734  
  grid-template-columns: 100%;
2735  
}
2736  
}
2737  
#resultsContainer {
2738  
  padding: 2rem;
2739  
}
2740  
.tempHeight {
2741  
  height: auto;
2742  
}
2743  
.optionHeading {
2744  
  margin-top: 1rem;
2745  
}
2746  
.includesText {
2747  
  margin-bottom: 0!important;
2748  
}
2749  
.optionFeature:nth-child(even){
2750  
  background-color: #efefef;
2751  
}
2752  
.optionFeature {
2753  
  border: none;
2754  
}
2755  
.optionHeader {
2756  
  background-color: #1e3466;
2757  
  color: white;
2758  
}
2759  
.listCheck {
2760  
  margin-right: 8px;
2761  
}
2762  
.optionHeading {
2763  
  color: white;
2764  
  font-size: 1.6rem;
2765  
  margin: 1rem;
2766  
}
2767  
@media only screen and (max-width: 1600px){
2768  
  .optionHeading {
2769  
  font-size: 1.4rem;
2770  
}
2771  
}
2772  
.titleContainer {
2773  
  background-color: #efefef;
2774  
}
2775  
.optionLinkCont {
2776  
  padding: 1.8rem 1.25rem;
2777  
  display: flex;
2778  
  justify-content: center;
2779  
}
2780  
.optionLink {
2781  
  width: 85%;
2782  
  display: inline-block;
2783  
}
2784  
.optionList {
2785  
  font-size: 1rem;
2786  
}
2787  
.optionCard {
2788  
  min-width: 20rem;
2789  
  max-width: 24rem;
2790  
  margin: 1rem;
2791  
}
2792  
@media only screen and (max-width: 1700px){
2793  
  .optionList {
2794  
   font-size: .85rem;
2795  
  }
2796  
  .optionCard {
2797  
    min-width: 18rem;
2798  
  }
2799  
}
2800  
.headingParagraph {
2801  
  font-size: 1rem;
2802  
}
2803  
#humanOption {
2804  
  background-color: #2268a6;
2805  
}
2806  
#humanButton {
2807  
  color: white; 
2808  
  background-color: #2268a6;
2809  
  padding: .9rem 2rem;
2810  
  border-radius: .3rem;
2811  
  text-decoration: none;
2812  
  text-align: center;
2813  
  font-family: franklin-gothic-urw, sans-serif;
2814  
  font-weight: 900;
2815  
}
2816  
#humanButton:hover {
2817  
  background-color: #144875;
2818  
}
2819  
2820  
#pdfImg {
2821  
  margin: 7px;
2822  
}
2823  
2824  
@media only screen and (max-width: 1450px){
2825  
  #pdfImg {
2826  
  margin: 17px;
2827  
}
2828  
}
2829  
2830  
@media only screen and (max-width: 1430px){
2831  
  #pdfImg {
2832  
  margin: 20px;
2833  
}
2834  
}
2835  
2836  
@media only screen and (max-width: 1030px){
2837  
  #pdfImg {
2838  
  margin: 10px;
2839  
}
2840  
}
2841  
2842  
.cardCol {
2843  
  justify-content: flex-end!important;
2844  
}
2845  
/** Mockup 2 Home Hero **/ 
2846  
#homeHeroSection {
2847  
   background-image: url('https://cdn.shortpixel.ai/spai/q_lossy+ret_img/https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/uploads/2020/04/Gradient-Background.png'); 
2848  
  background-size: cover;
2849  
  display: grid;
2850  
  grid-template-columns: auto auto auto;
2851  
  padding: 3rem 0 0 8rem;
2852  
}
2853  
.item1 {
2854  
  grid-column-start: 1;
2855  
  grid-column-end: 2;
2856  
}
2857  
.item2 {
2858  
  grid-column-start: 2;
2859  
  grid-column-end: 3;
2860  
}
2861  
#homeHeroLogo {
2862  
  width: 250px;
2863  
  padding-bottom: 60px;
2864  
}
2865  
#homeHeroVector {
2866  
  width: 100%;
2867  
  position: relative; 
2868  
  bottom: -5%;
2869  
}
2870  
#heroHeader {
2871  
  color: white;
2872  
  padding-bottom: 40px;
2873  
}
2874  
@font-face {
2875  
font-family: 'Segoe UI';
2876  
font-style: normal;
2877  
font-weight: normal;
2878  
src: url('/wp-content/themes/perseverance-child/fonts/Segoe UI/Segoe UI Bold.woff') format('woff');
2879  
}
2880  
.yellowPeriod {
2881  
  color: #FFC516;
2882  
  font-family: Segoe UI;
2883  
}
2884  
.roundPeriod {
2885  
  font-family: Segoe UI;
2886  
}
2887  
.tempHeight>h2 {
2888  
  margin-right: 2rem;
2889  
  margin-left: 2rem;
2890  
}
2891  
/** New Web Solutions Section **/ 
2892  
#webSolutionsOfferings {
2893  
  display: grid; 
2894  
  grid-template-columns: 33% 33% 33%;
2895  
  grid-row-gap: 3rem;
2896  
  justify-content: center;
2897  
  margin-right: auto;
2898  
  margin-left: auto;
2899  
}
2900  
@media only screen and (max-width: 1300px){
2901  
  #webSolutionsOfferings {
2902  
    grid-template-columns: 50% 50%;
2903  
  }
2904  
}
2905  
@media only screen and (max-width: 1100px){
2906  
  #webSolutionsOfferings {
2907  
    grid-template-columns: 100%;
2908  
  }
2909  
}
2910  
.solutionCardIcon {
2911  
  width: 35%;
2912  
}
2913  
.solutionCard {
2914  
  padding: 1rem 2.5rem 1rem 2.5rem;
2915  
  background-color: #efefef;
2916  
  margin: 5rem 1.6rem 1.6rem 1.6rem;
2917  
  box-shadow: 8px 8px 0 0px white, 8px 8px 0 1px grey;
2918  
  max-width: 400px;
2919  
  min-height: 20rem;
2920  
  max-height: 29rem;
2921  
  align-items: initial!important;
2922  
}
2923  
@media only screen and (max-width: 1540px){
2924  
  .solutionCard {
2925  
   min-height: auto;
2926  
  max-height: auto;
2927  
  }
2928  
}
2929  
.solutionCardHeader, .solutionCardWords, .solutionCardLink {
2930  
  text-align: left;
2931  
  margin-top: 2rem;
2932  
}
2933  
.solutionCardLink {
2934  
  margin-top: 3rem;
2935  
  text-decoration: underline!important;
2936  
}
2937  
/** Gone until wording changes 
2938  
.solutionCardWords {
2939  
  display: -webkit-box;
2940  
  -webkit-line-clamp: 4;
2941  
  -webkit-box-orient: vertical;
2942  
  overflow: hidden;
2943  
}
2944  
**/
2945  
.cardContents {
2946  
  position: relative;
2947  
  top: -55px;
2948  
}
2949  
#certContainer {
2950  
  margin: 2rem 0 1rem 0;
2951  
}
2952  
/** Mockup 2 **/
2953  
#homeHeroSection2 {
2954  
   background-image:url('https://cdn.shortpixel.ai/spai/q_lossy+ret_img/http://9hz.eed.myftpupload.com/wp-content/uploads/2020/05/Home-Logo-Resize-2.png');
2955  
  background-size: cover;
2956  
  padding: 0 11rem 0 8rem;
2957  
  background-position: center;
2958  
  background-color:#222;
2959  
}
2960  
#homeHeroSection2::after {
2961  
  content: "";
2962  
  clear: both;
2963  
  display: table;
2964  
}
2965  
@media only screen and (max-width: 1450px){
2966  
  #homeHeroSection2 {
2967  
    background-image: url('https://cdn.shortpixel.ai/spai/q_lossy+ret_img/http://9hz.eed.myftpupload.com/wp-content/uploads/2020/05/Alternate-Hero-BG-e1587652563143.png'); 
2968  
   background-size: cover;
2969  
   display: grid;
2970  
   grid-template-columns: 100%;
2971  
   padding: 0 1rem;
2972  
}
2973  
  .responsiveLogoCont {
2974  
    display: flex; 
2975  
    justify-content: center;
2976  
  }
2977  
} 
2978  
2979  
@media only screen and (min-width: 2200px){
2980  
  #homeHeroSection2 {
2981  
   padding: 1rem 11rem 1rem 8rem;
2982  
} 
2983  
}
2984  
2985  
.heroIconGrid {
2986  
  display: grid; 
2987  
  grid-template-columns: 30% 23.33% 23.33% 23.33%;
2988  
  margin-left: 60%;
2989  
}
2990  
2991  
2992  
@media only screen and (max-width: 1600px){
2993  
.heroIconGrid {
2994  
  display: grid; 
2995  
  grid-template-columns: 30% 23.33% 23.33% 23.33%;
2996  
  margin-left: 0;
2997  
  margin-bottom: 0;
2998  
}
2999  
}
3000  
3001  
@media only screen and (min-width: 1450px){
3002  
  .heroIconGrid {
3003  
    margin-left: 55%;
3004  
  }
3005  
} 
3006  
3007  
@media only screen and (min-width: 1500px){
3008  
  .heroIconGrid {
3009  
    margin-left: 57%;
3010  
  }
3011  
} 
3012  
 
3013  
@media only screen and (min-width: 1550px){
3014  
  .heroIconGrid {
3015  
    margin-left: 59%;
3016  
  }
3017  
} 
3018  
3019  
@media only screen and (min-width: 1600px){
3020  
  .heroIconGrid {
3021  
    margin-left: 61%;
3022  
  }
3023  
} 
3024  
3025  
@media only screen and (min-width: 1650px){
3026  
  .heroIconGrid {
3027  
    margin-left: 63%;
3028  
  }
3029  
} 
3030  
3031  
@media only screen and (min-width: 1700px){
3032  
  .heroIconGrid {
3033  
    margin-left: 63%;
3034  
  }
3035  
} 
3036  
3037  
@media only screen and (min-width: 1725px){
3038  
  .heroIconGrid {
3039  
    margin-left: 64%;
3040  
  }
3041  
} 
3042  
3043  
@media only screen and (min-width: 1750px){
3044  
  .heroIconGrid {
3045  
    margin-left: 65%;
3046  
  }
3047  
} 
3048  
3049  
@media only screen and (min-width: 1775px){
3050  
  .heroIconGrid {
3051  
    margin-left: 65%;
3052  
  }
3053  
} 
3054  
3055  
@media only screen and (min-width: 1800px){
3056  
  .heroIconGrid {
3057  
    margin-left: 66%;
3058  
  }
3059  
} 
3060  
3061  
@media only screen and (min-width: 1850px){
3062  
  .heroIconGrid {
3063  
    margin-left: 67%;
3064  
  }
3065  
} 
3066  
3067  
@media only screen and (min-width: 1900px){
3068  
  .heroIconGrid {
3069  
    margin-left: 69%;
3070  
  }
3071  
} 
3072  
3073  
@media only screen and (min-width: 1950px){
3074  
  .heroIconGrid {
3075  
    margin-left: 70%;
3076  
  }
3077  
} 
3078  
3079  
@media only screen and (min-width: 2100px){
3080  
  .heroIconGrid {
3081  
    margin-left: 72%;
3082  
  }
3083  
} 
3084  
3085  
@media only screen and (min-width: 750px) and (max-width: 1450px){
3086  
.heroIconGrid {
3087  
  display: grid; 
3088  
  grid-template-columns: 15% 15% 15% 15%;
3089  
  margin-left: 27.5%;
3090  
  margin-bottom: 2rem;
3091  
}
3092  
}
3093  
3094  
.heroIcon {
3095  
  width: 80%;
3096  
}
3097  
3098  
3099  
@media only screen and (min-width: 1450px){
3100  
  .heroIcon {
3101  
    width: 100%;
3102  
  }
3103  
} 
3104  
3105  
.transpWhiteButton {
3106  
  border-radius: 30px;
3107  
  padding: .2rem 2rem .4rem 2rem;
3108  
  border: 2px solid white;
3109  
  color: white;
3110  
  font-size: 1.6rem;
3111  
}
3112  
3113  
.transpWhiteButton:focus, 
3114  
.transpWhiteButton:hover {
3115  
  color: white;
3116  
}
3117  
3118  
#digitalHeroHeader {
3119  
  font-size: 3.6rem;
3120  
  color: white;
3121  
  text-align: right;
3122  
  margin-top: 1rem;
3123  
  font-weight: 900;
3124  
  font-family: franklin-gothic-urw, sans-serif;
3125  
}
3126  
3127  
@media only screen and (max-width: 1450px){
3128  
  #digitalHeroHeader {
3129  
    text-align: center;
3130  
    margin-top: 2rem;   
3131  
  }
3132  
}
3133  
3134  
@media only screen and (max-width: 700px) {
3135  
  #digitalHeroHeader{
3136  
    font-size: 3rem;
3137  
  }
3138  
}
3139  
3140  
.responsiveLogo {
3141  
  width: 170px;
3142  
  height:100%;
3143  
}
3144  
3145  
#accessibilityVid {
3146  
  padding: 1rem;
3147  
}
3148  
3149  
.responsiveLogoCont {
3150  
  margin: 3rem auto 0 auto;
3151  
}
3152  
3153  
@media only screen and (min-width: 1450px) {
3154  
  .responsiveLogo{
3155  
    display: none;
3156  
  }
3157  
}
3158  
3159  
.heroButtonCont {
3160  
  text-align: right;
3161  
  margin-top: 0;
3162  
  margin-bottom: 1rem;
3163  
}
3164  
3165  
.heroWording>p{
3166  
  text-align: right;
3167  
  color: white;
3168  
}
3169  
3170  
@media only screen and (max-width: 1450px){
3171  
  .heroButtonCont {
3172  
    text-align: center;
3173  
    margin: 0;
3174  
  }
3175  
  .heroWording>p {
3176  
    text-align: center;
3177  
  }
3178  
}
3179  
3180  
#boldWords {
3181  
  font-size: 2.5rem;
3182  
  font-weight: 700;
3183  
  margin: 1rem 0 0 0;
3184  
}
3185  
3186  
@media only screen and (max-width: 767px){
3187  
  #boldWords {
3188  
    font-size: 1.75rem;
3189  
  }
3190  
}
3191  
3192  
@media only screen and (max-width: 500px){
3193  
  #boldWords {
3194  
    font-size: 1.35rem;
3195  
  }
3196  
}
3197  
3198  
.yellowText {
3199  
  color: #f8b655;
3200  
  margin: 0 .5rem;
3201  
}
3202  
3203  
@media only screen and (max-width: 1200px){
3204  
  .yellowText {
3205  
    margin: 0 .5rem;
3206  
  }
3207  
}
3208  
3209  
@media only screen and (min-width: 1450px){
3210  
  .yellowText {
3211  
    margin: 0 1.2rem;
3212  
  }
3213  
}
3214  
3215  
@media only screen and (min-width: 1500px){
3216  
  .yellowText {
3217  
    margin: 0 1.2rem;
3218  
  }
3219  
}
3220  
3221  
@media only screen and (min-width: 1550px){
3222  
  .yellowText {
3223  
    margin: 0 1.15rem;
3224  
  }
3225  
}
3226  
3227  
@media only screen and (min-width: 1600px){
3228  
  .yellowText {
3229  
    margin: 0 1.1rem;
3230  
  }
3231  
}
3232  
3233  
@media only screen and (min-width: 1650px){
3234  
  .yellowText {
3235  
    margin: 0 1.1rem;
3236  
  }
3237  
}
3238  
3239  
@media only screen and (min-width: 1700px){
3240  
  .yellowText {
3241  
    margin: 0 1.2rem;
3242  
  }
3243  
}
3244  
3245  
@media only screen and (min-width: 1750px){
3246  
  .yellowText {
3247  
    margin: 0 1.1rem;
3248  
  }
3249  
}
3250  
3251  
@media only screen and (min-width: 1800px){
3252  
  .yellowText {
3253  
    margin: 0 1.1rem;
3254  
  }
3255  
}
3256  
3257  
3258  
@media only screen and (min-width: 1850px){
3259  
  .yellowText {
3260  
    margin: 0 1.1rem;
3261  
  }
3262  
}
3263  
3264  
3265  
@media only screen and (min-width: 1900px){
3266  
  .yellowText {
3267  
    margin: 0 1rem;
3268  
  }
3269  
}
3270  
3271  
3272  
@media only screen and (min-width: 1950px){
3273  
  .yellowText {
3274  
    margin: 0 1rem;
3275  
  }
3276  
}
3277  
3278  
@media only screen and (min-width: 2000px){
3279  
  .yellowText {
3280  
    margin: 0 1.25rem;
3281  
  }
3282  
}
3283  
3284  
@media only screen and (min-width: 2050px){
3285  
  .yellowText {
3286  
    margin: 0 1.25rem;
3287  
  }
3288  
}
3289  
3290  
@media only screen and (min-width: 2100px){
3291  
  .yellowText {
3292  
    margin: 0 1.1rem;
3293  
  }
3294  
}
3295  
3296  
@media only screen and (min-width: 2150px){
3297  
  .yellowText {
3298  
    margin: 0 1.2rem;
3299  
  }
3300  
}
3301  
3302  
@media only screen and (min-width: 2200px){
3303  
  .yellowText {
3304  
    margin: 0 1.35rem;
3305  
  }
3306  
}
3307  
3308  
@media only screen and (min-width: 2250px){
3309  
  .yellowText {
3310  
    margin: 0 1.5rem;
3311  
  }
3312  
}
3313  
3314  
@media only screen and (min-width: 2300px){
3315  
  .yellowText {
3316  
    margin: 0 1.65rem;
3317  
  }
3318  
}
3319  
3320  
@media only screen and (min-width: 2350px){
3321  
  .yellowText {
3322  
    margin: 0 2.1rem;
3323  
  }
3324  
}
3325  
3326  
@media only screen and (max-width: 600px){
3327  
  .yellowText {
3328  
    font-size: 1rem;
3329  
  }
3330  
}
3331  
3332  
#skinnyWords {
3333  
  font-size: 1.4rem;
3334  
  margin-bottom: 2rem;
3335  
}
3336  
3337  
@media only screen and (max-width: 767px){
3338  
  #skinnyWords {
3339  
    font-size: 1.2rem;
3340  
  }
3341  
}
3342  
3343  
3344  
@media only screen and (max-width: 500px){
3345  
  #skinnyWords {
3346  
    font-size: 1rem;
3347  
  }
3348  
}
3349  
3350  
#widgetContainer>div {
3351  
  margin: 6px;
3352  
}
3353  
3354  
#quoteText {
3355  
  font-size: 1.6rem!important;
3356  
  margin: 0 5rem;
3357  
}
3358  
3359  
#citationText {
3360  
  font-size: 1.6rem;
3361  
  font-style: italic; 
3362  
  margin-top: 20px;
3363  
}
3364  
3365  
3366  
@media only screen and (max-width: 1600px){
3367  
  #citationText {
3368  
    font-size: 1.2rem;
3369  
  }
3370  
  #quoteText {
3371  
  font-size: 1.3rem!important;
3372  
}
3373  
}
3374  
3375  
.card-body>a{
3376  
  display: flex;
3377  
  justify-content: center;
3378  
  align-items: center;
3379  
}
3380  
3381  
.card-title, .card-text {
3382  
  margin-bottom: 1rem;
3383  
}
3384  
3385  
@media only screen and (max-width: 600px){
3386  
  .card{
3387  
    margin-top: 2rem;
3388  
  }
3389  
}
3390  
3391  
.cardIcon {
3392  
  position: relative;
3393  
  top: -67px;
3394  
}
3395  
3396  
@media only screen and (max-width: 400px){
3397  
  .cardIcon {
3398  
    top: -42px;
3399  
  }
3400  
}
3401  
3402  
.solutionCardHeader, .resourceTitle {
3403  
  font-size: 1.6rem;
3404  
}
3405  
3406  
@media only screen and (max-width: 1250px){
3407  
  .solutionCardHeader {
3408  
    font-size: 1.6rem;
3409  
  }
3410  
}
3411  
3412  
.cardWords {
3413  
 display: -webkit-box;
3414  
 -webkit-line-clamp: 4;
3415  
 -webkit-box-orient: vertical;
3416  
 overflow: hidden;
3417  
}
3418  
3419  
.card {
3420  
  margin-top: 2rem;
3421  
  margin-bottom: 2rem;
3422  
}
3423  
3424  
/** Ensures that the cards on the results page never overlap each other **/
3425  
3426  
@media only screen and (min-width: 1200px) and (max-width: 1430px){
3427  
  .optionCard {
3428  
    min-width: 14rem;
3429  
  }
3430  
}
3431  
3432  
3433  
/** Ensures that the widget button text doesn't go to 2 lines until it has to **/
3434  
3435  
@media only screen and (min-width: 992px) and (max-width: 1423px) {
3436  
  #btnScan {
3437  
  width: 100%!;
3438  
  padding: 1.2rem;
3439  
  font-size: 1.4rem;
3440  
}
3441  
}
3442  
3443  
@media only screen and (max-width: 767px) {
3444  
  #btnScan {
3445  
  width: 70%;
3446  
}
3447  
}
3448  
3449  
.blueBack {
3450  
  background-color: #1e3466!important;
3451  
  color: #fff;
3452  
}
3453  
a.contact1{
3454  
  text-decoration-line:underline!important;
3455  
}
3456  
3457  
/** Makes CF7 Error Messaging accessible color contrast **/
3458  
3459  
div.wpcf7-validation-errors, .wpcf7-not-valid-tip {
3460  
  color: #EB0000!important;
3461  
} 
3462  
3463  
.sr-only {
3464  
  position: absolute;
3465  
  left: -9999px;
3466  
}
3467  
3468  
.ajax-loader {
3469  
  display: none!important;
3470  
}
3471  
3472  
@media only screen and (max-width: 900px) {
3473  
.globalHeader {
3474  
  height: auto;
3475  
}
3476  
#resultsHeader {
3477  
  margin: 2rem 0;
3478  
  text-align: center;
3479  
  }
3480  
}
3481  
.wpcf7-tel{
3482  
  width:100%;
3483  
}
3484  
.wpcf7-form-control-wrap > input[type="text"],.wpcf7-form-control-wrap > input[type="email"], .wpcf7-form-control-wrap > textarea, .wpcf7-form-control-wrap > input[type="tel"], .wpcf7-form-control-wrap > input[type="url"]{
3485  
  border:1px solid #686868!important;
3486  
}
3487  
3488  
/** Oz Player Adjustments **/
3489  
3490  
.oz-logo-bug {
3491  
  background-image: url("")!important;
3492  
}
3493  
3494  
.ozplayer-transcript, .ozplayer-expander {
3495  
  width: 100%!important;
3496  
}
3497  
3498  
#ozplayer-1-container {
3499  
  width: 80%;
3500  
  margin-left: auto;
3501  
  margin-right: auto;
3502  
}
3503  
3504  
3505  
@media only screen and (min-width: 1800px) {
3506  
  #ozplayer-1-container {
3507  
    width: 70%;
3508  
    margin-left: auto;
3509  
    margin-right: auto;
3510  
}
3511  
}
3512  
3513  
3514  
@media only screen and (max-width: 1200px) {
3515  
  #ozplayer-1-container {
3516  
    width: 100%;
3517  
    margin-left: auto;
3518  
    margin-right: auto;
3519  
}
3520  
}
3521  
3522  
@media only screen and (min-width: 1800px) {
3523  
  #resultsHeader {
3524  
    padding: 0 10%;
3525  
}
3526  
}
3527  
.ozplayer, .ozplayer-container{
3528  
  z-index:0!important;
3529  
}</style><meta name="theme-color" content=""><style type="text/css">.fixed-header{
3530  
        width: 100%;
3531  
        position: fixed;        
3532  
        top:0;
3533  
    }
3534  
.skip-navigation li {
3535  
  list-style: none outside;
3536  
}
3537  
.logo a img{
3538  
    width: 75}
3539  
.navbar {
3540  
    background:#ffffff !important;
3541  
}
3542  
.navbar ul li a{
3543  
    color:#4B4B4B!important;
3544  
    text-transform: uppercase;
3545  
    padding: 15px 10px;
3546  
    border-bottom:none;    
3547  
}
3548  
.navbar-nav .active > .nav-link {
3549  
    color:!important;
3550  
    background-color:#ffffff!important;
3551  
    padding: 15px 10px;
3552  
}
3553  
 .navbar .nav-item:hover {box-shadow: none;}
3554  
3555  
.footer {
3556  
    background-color: #ffffff!important;
3557  
    color: !important;
3558  
    border-top:none;
3559  
}
3560  
.footer a,.footer p, .footer li  {
3561  
    color: !important;
3562  
    text-decoration: none;
3563  
}
3564  
    .footer {
3565  
        background-color: #ffffff!important;
3566  
        border: 1px solid #ffffff!important;
3567  
    }
3568  
3569  
.content-sidebar{
3570  
    background-color: ;
3571  
    margin-bottom: 20px;
3572  
}
3573  
.content-sidebar .section-title{
3574  
    background-color: !important;
3575  
    border:!important;
3576  
}
3577  
.content-sidebar, .content-sidebar a, .content-sidebar p, .content-sidebar li,
3578  
.content-sidebar .section-title {
3579  
    color:!important;
3580  
}
3581  
3582  
.carousel-caption:hover{
3583  
    background-color:;
3584  
    opacity: 0.3;
3585  
3586  
}
3587  
.content-navigation-section a{
3588  
    color: #fff;
3589  
    font-weight: 700;
3590  
}
3591  
#{
3592  
    background:;
3593  
    padding: 15px 0px;
3594  
}
3595  
#top-bar ul li{
3596  
    list-style: none;
3597  
    display: inline-block;
3598  
    padding: 0 5px;
3599  
}
3600  
#top-bar ul li a span{
3601  
    padding: 0 5px;
3602  
}
3603  
#top-bar a{
3604  
    color:;
3605  
    text-decoration: none;
3606  
}
3607  
.topbar-right{
3608  
    float: right;
3609  
}
3610  
.carousel-item{
3611  
    min-height: ;
3612  
    background-repeat: no-repeat !important;
3613  
    background-size: cover !important;
3614  
}
3615  
input[type="checkbox"], input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="radio"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea,#sitebackground_color_code,#overlay_color,#social_link_color,#social_link_hover_color,#topheader_backgroundcolor,#topheader_textcolor,#headerbackground_color_code,#cpBoth,#header_secondary_color_code,#content_color,#footerbackground_color_code,#footer_primary_color_code,#footer_secondary_color_code,#content_aside_background_color,#content_aside_font_color{
3616  
    border: 1px solid #ccc !important;
3617  
}
3618  
3619  
.evo-cp-wrap{
3620  
    width: 300px !important;
3621  
}
3622  
.evo-colorind, .evo-colorind-ie, .evo-colorind-ff{
3623  
    margin: 5px 0;
3624  
}
3625  
3626  
.theme-input-field {border: 1px solid #ccc !important;}
3627  
3628  
3629  
3630  
/****overlay******/
3631  
.content {
3632  
  position: relative;
3633  
  /*width: 90%;
3634  
  max-width: 400px;
3635  
  margin: auto;
3636  
  overflow: hidden;*/
3637  
}
3638  
3639  
.content .content-overlay {
3640  
  /*background: rgba(0,0,0,0.7);*/
3641  
  background:;
3642  
  position: absolute;
3643  
  height: 99%;
3644  
  width: 100%;
3645  
  left: 0;
3646  
  top: 0;
3647  
  bottom: 0;
3648  
  right: 0;
3649  
  opacity: 0;
3650  
  -webkit-transition: all 0.4s ease-in-out 0s;
3651  
  -moz-transition: all 0.4s ease-in-out 0s;
3652  
  transition: all 0.4s ease-in-out 0s;
3653  
}
3654  
3655  
.content:hover .content-overlay{
3656  
  opacity: 0.3;
3657  
}
3658  
3659  
.content-image{
3660  
  width: 100%;
3661  
}
3662  
3663  
.content-details {
3664  
  position: absolute;
3665  
  text-align: center;
3666  
  padding-left: 1em;
3667  
  padding-right: 1em;
3668  
  width: 100%;
3669  
  top: 50%;
3670  
  left: 50%;
3671  
  opacity: 0;
3672  
  -webkit-transform: translate(-50%, -50%);
3673  
  -moz-transform: translate(-50%, -50%);
3674  
  transform: translate(-50%, -50%);
3675  
  -webkit-transition: all 0.3s ease-in-out 0s;
3676  
  -moz-transition: all 0.3s ease-in-out 0s;
3677  
  transition: all 0.3s ease-in-out 0s;
3678  
}
3679  
.content:hover .content-details{
3680  
  top: 50%;
3681  
  left: 50%;
3682  
  opacity: 1;
3683  
}
3684  
.content-details h3{
3685  
  color: #fff;
3686  
  font-weight: 500;
3687  
  letter-spacing: 0.15em;
3688  
  margin-bottom: 0.5em;
3689  
  text-transform: uppercase;
3690  
}
3691  
.content-details p{
3692  
  color: #fff;
3693  
  font-size: 0.8em;
3694  
}
3695  
.fadeIn-top{
3696  
  top: 20%;
3697  
}
3698  
.section-image{
3699  
  min-height: 270px;
3700  
}
3701  
.display-4 {
3702  
    text-align: center;
3703  
    text-transform: uppercase;
3704  
  font-size: 28px;
3705  
  font-weight: 700;
3706  
  color: #fff !important;
3707  
}
3708  
.col{
3709  
  position: initial;
3710  
}
3711  
.card-header, .content-sidebar .section-title, .lower-aside-title{
3712  
  padding: 0 !important;
3713  
}
3714  
.content-sidebar{
3715  
  padding: 15px;
3716  
}
3717  
#top-bar li{
3718  
  color: #fff !important;
3719  
}
3720  
.row-page{
3721  
  display: block !important;
3722  
}
3723  
#page-new-col{
3724  
  float: right;      width:100%}
3725  
.content-sidebar{
3726  
  float: left;
3727  
  width: 0%;
3728  
  max-width: 100%; 
3729  
}
3730  
/****24-12****/
3731  
.page-header{
3732  
  background-size: cover;
3733  
}
3734  
/*Extra large devices (large desktops, 1200px and up)*/
3735  
@media (min-width: 1200px) and (max-width: 1400px){
3736  
}
3737  
3738  
/*Large devices (desktops, 992px and up)*/
3739  
@media (min-width: 992px) and (max-width: 1199px){ 
3740  
/*--water_whjeel_carousel--*/
3741  
3742  
}
3743  
3744  
/*Medium devices (tablets, 768px and up)*/
3745  
@media (min-width: 768px) and (max-width: 991px){
3746  
 
3747  
}
3748  
3749  
/*Small devices (landscape phones, 576px and up)*/
3750  
@media (min-width: 576px) and (max-width: 767px){ 
3751  
 #page-new-col,
3752  
.content-sidebar {
3753  
    float: left;
3754  
    width: 100%;
3755  
}
3756  
}
3757  
/*Extra small devices (portrait phones, less than 576px)*/
3758  
/*No media query since this is the default in Bootstrap*/
3759  
@media (min-width: 0px) and (max-width: 575px){
3760  
#page-new-col,
3761  
.content-sidebar {
3762  
    float: left;
3763  
    width: 100%;
3764  
}
3765  
}
3766  
.col {
3767  
    position: initial;
3768  
    display: flex;
3769  
    flex-direction: column;
3770  
    justify-content: center;
3771  
    align-items: center;
3772  
    min-height: 270px;
3773  
}</style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" href="https://use.typekit.net/pyt6xmw.css"><link rel="stylesheet" type="text/css" href="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/themes/perseverance/assets/css/headhesive.css"><link rel="stylesheet" type="text/css" href="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/themes/perseverance/assets/css/style.css"><link href="https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@500&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap" rel="stylesheet"> <!--Accessibility Checker--> <noscript class="STANDARD">Your browser does not support JavaScript!</noscript> <noscript class="STANDARD">Your browser does not support JavaScript!</noscript> <!--/Accessibility Checker--> <!--CF7 Fixes--> <!--/CF7Fixes--> <!--Trespass Notice--> <!--/Trespass Notice--> <script type="text/javascript" src="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/themes/perseverance/assets/js/headhesive.js"></script> <!--Zoho PageSense Snippet --> <script src="https://cdn.pagesense.io/js/adasitecompliance/153547ddb4f5496b9b817583d2f2cb14.js"></script> <link href="https://cdn.shortpixel.ai" rel="preconnect" crossorigin></head><body id="top-header"><div class="skip-navigation"> <a class="sr-only sr-only-focusable scroll" href="#headertop">Skip to main navigation</a> <a class="sr-only sr-only-focusable scroll" href="#content" >Skip to main content</a> <a class="sr-only sr-only-focusable scroll" href="#footer" >Skip to footer</a></div><section id=""></section><div id="top"> <!-- Navbar --><div id="headertop"><div class="shadow-sm"><nav id="navbar_header" class="navbar"><div class="                    container-fluid 
3774  
 " > <a id="sitenav" class="navbar-brand ml-auto ml-md-0 mr-auto" style="color:"
3775  
 href="http://9hz.eed.myftpupload.com"> <img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYxNCAxNjE0IiB3aWR0aD0iMTYxNCIgaGVpZ2h0PSIxNjE0IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGc2VjdXJlc2VydmVyY2RuLm5ldCUyRjE2Ni42Mi4xMDcuMjAlMkY5aHouZWVkLm15ZnRwdXBsb2FkLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjAxJTJGYWRhc2NMb2dvLnBuZyIgZGF0YS13PSIxNjE0IiBkYXRhLWg9IjE2MTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1"
3776  
 alt="ADA Site Compliance"
3777  
 width="75" /> </a><div > <button class="navbar-toggler btn-block" type="button"
3778  
 data-toggle="collapse" data-target="#navbarToggler"
3779  
 aria-controls="navbarToggler" aria-expanded="false" aria-label="Menu"> <span class="align-middle">Menu</span><span class="navbar-toggler-icon ml-1"></span> </button><div class="collapse navbar-collapse" id="navbarToggler"><ul id="main-nav" class="navbar-nav"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-23" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home active menu-item-23 nav-item"><a href="http://9hz.eed.myftpupload.com" class="nav-link">Home</a></li><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3559" class="scrollLink menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home active menu-item-3559 nav-item"><a href="http://9hz.eed.myftpupload.com/#ADAdigitalsolutions" class="nav-link">Solutions</a></li><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3569" class="scrollLink menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home active menu-item-3569 nav-item"><a href="http://9hz.eed.myftpupload.com/#accessibility" class="nav-link">Accessibility</a></li><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3695" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3695 nav-item"><a href="http://9hz.eed.myftpupload.com/ada-color-contrast-checker/" class="nav-link">Color Contrast</a></li><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3696 nav-item"><a href="http://9hz.eed.myftpupload.com/contact/" class="nav-link">Contact</a></li></ul></div></div></div></nav> <!--<div id="subnav" class="subnav"><div class="container-fluid"><div class="row"><div class="col"> <button class="navbar-toggler btn-block mb-2" type="button" data-toggle="collapse" data-target="#subnavToggler"
3780  
 aria-controls="subnavToggler" aria-expanded="false" aria-label="Toggle navigation"> <span class="align-middle">View More Links</span><i class="fas fa-chevron-down ml-1"></i> </button><div class="collapse navbar-collapse" id="subnavToggler"><ul id="subnav-menu" class="category-tags"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home active menu-item-23 nav-item"><a href="http://9hz.eed.myftpupload.com" class="nav-link">Home</a></li><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="scrollLink menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home active menu-item-3559 nav-item"><a href="http://9hz.eed.myftpupload.com/#ADAdigitalsolutions" class="nav-link">Solutions</a></li><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="scrollLink menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home active menu-item-3569 nav-item"><a href="http://9hz.eed.myftpupload.com/#accessibility" class="nav-link">Accessibility</a></li><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3695 nav-item"><a href="http://9hz.eed.myftpupload.com/ada-color-contrast-checker/" class="nav-link">Color Contrast</a></li><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3696 nav-item"><a href="http://9hz.eed.myftpupload.com/contact/" class="nav-link">Contact</a></li></ul></div></div><div class="col-lg-4 ml-auto"><div class="d-flex h-100"><form role="search" method="get" class="form-group my-auto flex-fill" action="http://9hz.eed.myftpupload.com/"> <label for="searchinput-5edea36747b1a" class="sr-only">Search</label><div class="input-group flex-fill"> <input id="searchinput-5edea36747b1a" type="search" class="form-control" placeholder="Search" value="" name="s"><div class="input-group-append"> <button class="btn btn-secondary" type="submit"> <i class="fas fa-search"></i> Search </button></div></div></form></div></div></div></div></div> --></div></div> <a id="showHere"></a><div id="content" class="sticky-content"> <!-- <script type="text/javascript">jQuery(document).ready(function(){
3781  
        $(window).scroll(function() {    
3782  
            var scroll = $(window).scrollTop();
3783  
            var sticky_header=false;
3784  
            if (scroll >100 && (sticky_header==false)) {
3785  
                $("#headertop").addClass("sticky-header");
3786  
            }else{
3787  
                $("#headertop").removeClass("sticky-header");
3788  
            }
3789  
        });
3790  
    });</script> --><div class="container-fluid"><div class="row row-page"><main class="col" id="page-new-col"><link type="text/css" rel="stylesheet" href="https://ozplayer.global.ssl.fastly.net/3.5/ozplayer-core/ozplayer.min.css" media="all" /><link type="text/css" rel="stylesheet" href="https://ozplayer.global.ssl.fastly.net/3.5/ozplayer-skin/highlights-blue.css" media="all" /><link type="text/css" rel="stylesheet" href="https://ozplayer.global.ssl.fastly.net/3.5/transcript.css" media="all" /> <script type="text/javascript" src="https://ozplayer.global.ssl.fastly.net/3.5/ozplayer-core/mediaelement.min.js"></script> <section class="container-fluid" id="homeHeroSection2"><h1><div class="responsiveLogoCont"> <img src="https://cdn.shortpixel.ai/spai/q_lossy+ret_img/http://9hz.eed.myftpupload.com/wp-content/uploads/2020/01/adascLogo.png" data-spai-eager="1" class="responsiveLogo noLazyLoad" alt="ADA Site Compliance"></div><p id="digitalHeroHeader" class="textAlignCenter">Legal<span class="yellowPeriod">.</span> Compliance<span class="yellowPeriod">.</span> Experts<span class="yellowPeriod">.</span></h1><div class="heroButtonCont"> <a class="transpWhiteButton hvr-grow" href="/contact/">contact us</a></div><div class="heroWording"><p id="boldWords">digital accessibility solutions</p></div><div class="heroIconGrid textAlignCenter"><div class="heroIconDiv" id="laptopIcon"> <img class="heroIcon" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzc1IDU4MiIgd2lkdGg9Ijc3NSIgaGVpZ2h0PSI1ODIiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZMYXB0b3AtU2NyZWVuLnBuZyIgZGF0YS13PSI3NzUiIGRhdGEtaD0iNTgyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt=""></div><div class="heroIconDiv" id="phoneIcon"> <img class="heroIcon" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTgyIDU4MiIgd2lkdGg9IjU4MiIgaGVpZ2h0PSI1ODIiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZQaG9uZS1jb2cucG5nIiBkYXRhLXc9IjU4MiIgZGF0YS1oPSI1ODIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt=""></div><div class="heroIconDiv" id="pdfIcon"> <img class="heroIcon" id="pdfImg" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTgyIDU4MiIgd2lkdGg9IjU4MiIgaGVpZ2h0PSI1ODIiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDUlMkZpY29uLXBkZl9hZG9iZS0yLnBuZyIgZGF0YS13PSI1ODIiIGRhdGEtaD0iNTgyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt=""></div><div class="heroIconDiv" id="videoIcon"> <img class="heroIcon" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTIwIDUyMCIgd2lkdGg9IjUyMCIgaGVpZ2h0PSI1MjAiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZWaWRlby1JY29uLnBuZyIgZGF0YS13PSI1MjAiIGRhdGEtaD0iNTIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt=""></div></div><div class="heroWording"><p id="skinnyWords">websites <span class="yellowText">|</span> mobile apps <span class="yellowText">|</span> PDFs <span class="yellowText">|</span> videos</p></div></section><section class="container-fluid"><div class="containerPadding"><div class="row justify-content-md-center" id="widgetContainer"><div class="col col-12 order-1 col-lg-6 col-sm-12 order-lg-1 col-md-12 col-xl-5 order-md-1 order-sm-1 widgetWords"><h2>Is your website compliant?</h2></div><div class="col col-12 order-2 col-lg-3 col-sm-12 order-lg-2 col-md-8 col-xl-4 order-md-2 order-sm-2"> <input type="text" placeholder="Enter your website address" aria-label="Enter your website address for an accessibility evaluation" autocomplete="url" id="txtUrl" onchange="onChangeUrl(this)"></div><div class="col col-12 order-3 col-lg-2 col-sm-12 order-lg-3 col-md-4 order-md-3 order-sm-3" id="testButton"> <button class="widgetButton yellowButton hvr-grow" id="btnScan" onclick="RunScan();" type="button" tabindex="0">Start Test</button></div><div id="loadingDiv2" style="display:none;" class="order-4 order-lg-4 order-md-4 order-sm-4" role="status" aria-live="polite" > <img src='data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTUwIDE1MCIgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxNTAiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRmFjY2Vzc2liaWxpdHlDaGVja2VyJTJGbG9hZGluZy5naWYiIGRhdGEtdz0iMTUwIiBkYXRhLWg9IjE1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=' data-spai='1' alt="loading" height="75px" width="75px" ><span style="font-size: 1.5em;" id="ScanMessageLink">Running Scan&#8230;</span></div></div></div></section><section class="container-fluid greyBackground" id="accessibility"><div class="containerPadding"><h2 class="textAlignCenter" id="ourSolutions">Attract Visitors<span class="roundPeriod">.</span> Not Lawsuits<span class="roundPeriod">.</span></h2><div class="yellowSeparator"></div><div class="row"><div class="col col-12 col-md-6 col-lg-6"> <a class="sr-only sr-only-focusable" href="#accessibilityDesc">Skip Focus Past Video Controls</a><figure id="ozplayer-1-container" class="ozplayer-container"><div  data-responsive="ozplayer-1-container" data-controls="stack" class="ozplayer" id="ozplayer-1" data-transcript="ozplayer-1-transcript" ><video  controls="controls" preload="none"> <source src="https://youtu.be/puK_YzL1ilc" type="video/x-youtube"></source> <track src="http://9hz.eed.myftpupload.com/wp-content/uploads/2020/05/Captions-and-Text-on-Screen.vtt" kind="captions" srclang="en" default="default" ></track><div class="ozplayer-fallback"><ul><li><a href="https://youtu.be/puK_YzL1ilc">Video for playback</a></li></ul></div></video></div> <details class="ozplayer-expander" open="open"> <summary>Video Transcript</summary><div id="ozplayer-1-transcript" class="ozplayer-transcript"></div> </details></figure></div><div class="col col-12 col-md-6 col-lg-6" id="accessibilityDesc"><h3 id="videoMargin"><strong>Why should you make your digital products and services accessible to all? <br>Because it’s the lawful and ethical thing to do.</strong></h3><p id="documentFacts">Our experts will help your websites, mobile apps, PDFs, and videos comply within the Americans with Disabilities Act (ADA), Section 508, Title II and Title III regulations with the WCAG guidelines. Together we will navigate the path towards accessibility and compliance of your digital assets.</p><ul id="adaList"><li>1 out of 5 persons has a disability that may require assistive technology</li><li>Website accessibility lawsuits have increased over 400% since 2013</li><li>Settlements and legal fees can reach above six figures</li><li>Expand your audience and attract new visitors</li><li>Boost your brand experience with an accessible interface</li></ul></div></div><div class="row" id="certContainer"><div class="col col-6 col-md-6 col-lg-3 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDMyIDMwNiIgd2lkdGg9IjQzMiIgaGVpZ2h0PSIzMDYiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZ0aXRsZS1JSS5wbmciIGRhdGEtdz0iNDMyIiBkYXRhLWg9IjMwNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt="ADA Site Compliance - Title 2 Compliant"></div><div class="col col-6 col-md-6 col-lg-3 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDMyIDMwNiIgd2lkdGg9IjQzMiIgaGVpZ2h0PSIzMDYiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZ0aXRsZS1JSUkucG5nIiBkYXRhLXc9IjQzMiIgZGF0YS1oPSIzMDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt="ADA Site Compliance - Title 3 Compliant"></div><div class="col col-6 col-md-6 col-lg-3 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDMyIDMwNiIgd2lkdGg9IjQzMiIgaGVpZ2h0PSIzMDYiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZzZWN0aW9uLTUwOC5wbmciIGRhdGEtdz0iNDMyIiBkYXRhLWg9IjMwNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt="ADA Site Compliance - Section 508 Compliant"></div><div class="col col-6 col-md-6 col-lg-3 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDMyIDMwNiIgd2lkdGg9IjQzMiIgaGVpZ2h0PSIzMDYiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZXQ0FHLnBuZyIgZGF0YS13PSI0MzIiIGRhdGEtaD0iMzA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt="ADA Site Compliance - WCAG 2.1 Compliant"></div></div></div></section><section id="ADAdigitalsolutions" class="container-fluid"><div class="containerPadding"><h2 class="textAlignCenter" id="whyAccessibility">Digital Accessibility Solutions</h2><div class="yellowSeparator"></div><p id="accessibilityText">A single line of code, artificial intelligence (AI), overlays, and widgets, (AudioEye, accessiBe, or UserWay) can only achieve approximately 5-50% compliance with WCAG 2.1 standards. Without comprehensive human auditing, your websites, mobile apps, PDFs, and videos are vulnerable to litigations, lawsuits, and demand letters.</p><div class="row justifyContent"><div class="col col-12 col-md-6 col-lg-6 col-xl-4 solutionCard" id="humanAuditCard"><div class="cardIcon textAlignCenter"> <img class="solutionCardIcon" id="humanAuditHead" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjY0IDI2NCIgd2lkdGg9IjI2NCIgaGVpZ2h0PSIyNjQiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDIlMkZIdW1hbi1FeHBlcnQtQXVkaXRpbmcuc3ZnIiBkYXRhLXc9IjI2NCIgZGF0YS1oPSIyNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt=""></div><div class="cardContents textAlignCenter"><h3 class="solutionCardHeader" id="humanAuditHeader">Human Expert Auditing</h3><p class="solutionCardWords" id="humanAuditWords">Human auditing and remediation is the only path for achieving accessibility and compliance. Without human auditing, your digital assets will remain legally compromised.</p></div></div><div class="col col-12 col-md-6 col-lg-6 col-xl-4 solutionCard" id="auditPlusCard"><div class="cardIcon textAlignCenter"> <img class="solutionCardIcon" id="auditPlusHead" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjY0IDI2NCIgd2lkdGg9IjI2NCIgaGVpZ2h0PSIyNjQiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZBdWRpdC1QbHVzLUljb24uc3ZnIiBkYXRhLXc9IjI2NCIgZGF0YS1oPSIyNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt=""></div><div class="cardContents textAlignCenter"><h3 class="solutionCardHeader" id="auditPlusHeader">Audit Plus</h3><p class="solutionCardWords" id="auditPlusWords">An integrated approach of human and technological auditing. Focusing specifically on accessibility errors and issues most often attracting litigations, lawsuits, and demand letters.</p></div></div><div class="col col-12 col-md-6 col-lg-6 col-xl-4 solutionCard" id="techAuditCard"><div class="cardIcon textAlignCenter"> <img class="solutionCardIcon" id="techAuditHead" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjYzIDI2MyIgd2lkdGg9IjI2MyIgaGVpZ2h0PSIyNjMiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDIlMkZUZWNobm9sb2dpY2FsLUF1ZGl0aW5nLnN2ZyIgZGF0YS13PSIyNjMiIGRhdGEtaD0iMjYzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt=""></div><div class="cardContents textAlignCenter"><h3 class="solutionCardHeader" id="techAuditHeader">Technological Auditing</h3><p class="solutionCardWords" id="techAuditWords">Technology-based testing to embark on the path of accessibility and compliance. Providing detailed audit reports and solutions to remedy many accessibility errors and issues.</p></div></div><div class="col col-12 col-md-6 col-lg-6 col-xl-4 solutionCard"  id="remediationCard"><div class="cardIcon textAlignCenter"> <img class="solutionCardIcon" id="remediationHead" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjY0IDI2NCIgd2lkdGg9IjI2NCIgaGVpZ2h0PSIyNjQiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDIlMkZXZWJzaXRlLVJlbWVkaWF0aW9uLUljb24uc3ZnIiBkYXRhLXc9IjI2NCIgZGF0YS1oPSIyNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt=""></div><div class="cardContents textAlignCenter"><h3 class="solutionCardHeader" id="remediationHeader">Website Remediation</h3><p class="solutionCardWords" id="remediationWords">To achieve the highest WCAG standards, our development team corrects accessibility errors found in your audit report(s) and consults with your team to make the necessary changes.</p></div></div><div class="col col-12 col-md-6 col-lg-6 col-xl-4 solutionCard" id="migrationCard"><div class="cardIcon textAlignCenter"> <img class="solutionCardIcon" id="migrationHead" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjY0IDI2NCIgd2lkdGg9IjI2NCIgaGVpZ2h0PSIyNjQiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZ3ZWJzaXRlLW1pZ3JhdGlvbi5wbmciIGRhdGEtdz0iMjY0IiBkYXRhLWg9IjI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt=""></div><div class="cardContents textAlignCenter" id="migrationContent"><h3 class="solutionCardHeader" id="migrationHeader">New Compliant Website</h3><p class="solutionCardWords" id="techAuditWords">Accessible website design is our expertise.  A newly built site, rather than auditing and remediating an existing site, is often more cost-effective for maintaining ADA compliance.</p></div></div><div class="col col-12 col-md-6 col-lg-6 col-xl-4 solutionCard" id="mitigationCard"><div class="cardIcon textAlignCenter"> <img class="solutionCardIcon" id="mitigationHead" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjY0IDI2NCIgd2lkdGg9IjI2NCIgaGVpZ2h0PSIyNjQiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZvbmdvaW5nLXJpc2stbWl0aWdhdGlvbi5wbmciIGRhdGEtdz0iMjY0IiBkYXRhLWg9IjI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt=""></div><div class="cardContents textAlignCenter"><h3 class="solutionCardHeader" id="mitigationHeader">PDF &#038; Video Compliance</h3><p class="solutionCardWords" id="mitigationWords">Governmental and business entities must ensure PDFs, documents, and videos are accessible. Our team adds the required accessibility features and will remediate your assets.</p></div></div></div><div class="row" id="solutionsCTA"><div class="row marginAuto"><div class="col col-12 solButtonContainer"> <a href="/contact/" class="blueButton hvr-grow">Contact Us</a></div></div></div></div></section><section class="container-fluid greyBackground" id="ourTechnology"><div class="containerPadding"><h2 class="textAlignCenter headerBuffer" id="techHeader">Supported Platforms &#038; Technologies</h2><div class="yellowSeparator"></div><p class="textAlignCenter" id="subTextPadding">ADA Site Compliance supports all developer platforms, CMS, e-commerce technologies, and languages.</p><ul class="row"><li class="col col-12 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="techImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzcyIDk1IiB3aWR0aD0iMzcyIiBoZWlnaHQ9Ijk1IiBkYXRhLXU9IiUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjAyJTJGRHJ1cGFsLnN2ZyIgZGF0YS13PSIzNzIiIGRhdGEtaD0iOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt="Drupal"></li><li class="col col-12 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="techImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzUxIDEwMCIgd2lkdGg9IjM1MSIgaGVpZ2h0PSIxMDAiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDIlMkZTaG9waWZ5LnN2ZyIgZGF0YS13PSIzNTEiIGRhdGEtaD0iMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt="Shopify"></li><li class="col col-12 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="techImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDkwIDk5IiB3aWR0aD0iNDkwIiBoZWlnaHQ9Ijk5IiBkYXRhLXU9IiUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjAyJTJGV29yZHByZXNzLnN2ZyIgZGF0YS13PSI0OTAiIGRhdGEtaD0iOTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt="WordPress"></li><li class="col col-12 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="techImageWidth" id="phpLogo" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDEwMCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIxMDAiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZwaHAtbG9nby1iaWdnZXIucG5nIiBkYXRhLXc9IjIwMCIgZGF0YS1oPSIxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt="PHP"></li><li class="col col-12 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="techImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDM1IDExNiIgd2lkdGg9IjQzNSIgaGVpZ2h0PSIxMTYiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZQcmVzdGFzaG9wLTEucG5nIiBkYXRhLXc9IjQzNSIgZGF0YS1oPSIxMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt="Prestashop"></li><li class="col col-12 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="techImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTMyIDEwMyIgd2lkdGg9IjUzMiIgaGVpZ2h0PSIxMDMiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDIlMkZPcGVuY2FydC5zdmciIGRhdGEtdz0iNTMyIiBkYXRhLWg9IjEwMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt="Opencart"></li></ul></div></section><section class="container-fluid" id="sampleSection"><div class="containerPadding"><h2 class="textAlignCenter headerBuffer">Accessibility Articles &#038; Resources</h2><div class="yellowSeparator"></div><div class="row" id="resourceGrid"><div class="col col-12 col-md-6 col-lg-4"><div class="card" style="width: 18rem;"> <img class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjU2MCAxNzU2IiB3aWR0aD0iMjU2MCIgaGVpZ2h0PSIxNzU2IiBkYXRhLXU9IiUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjA1JTJGZGlzYWJpbGl0eS1yaWdodHMtbGF3LXNjYWxlZC5qcGciIGRhdGEtdz0iMjU2MCIgZGF0YS1oPSIxNzU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt=""><div class="card-body"><h3 class="card-title resourceTitle">Disability Rights Laws</h3><p class="card-text cardWords">View federal regulations in detail: Rehabilitation Act, ADA Title I, ADA Title II, Title III, and Section <span aria-hidden="true">508 of the Rehabilitation Act.</span></p><div class="blueButtonContrastContainer"><a href="https://www.ada.gov/cguide.htm" class="blueButton hvr-grow" target="_blank" rel="noopener noreferrer">What is the ADA?<span class="screen-reader-only"> (opens in a new tab)</span></a></div></div></div></div><div class="col col-12 col-md-6 col-lg-4"><div class="card" style="width: 18rem;"> <img class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjU2MCAxNzQ1IiB3aWR0aD0iMjU2MCIgaGVpZ2h0PSIxNzQ1IiBkYXRhLXU9IiUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjA1JTJGYWNjZXNzaWJpbGl0eS1ndWlkZWxpbmVzLXNjYWxlZC5qcGciIGRhdGEtdz0iMjU2MCIgZGF0YS1oPSIxNzQ1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt=""><div class="card-body"><h3 class="card-title resourceTitle">Accessibility Guidelines</h3><p class="card-text cardWords">Thousands of pages are published in the Web Content Accessibility Guidelines (WCAG).</p><div class="blueButtonContrastContainer"><a href="https://www.w3.org/TR/WCAG21/" class="blueButton hvr-grow" target="_blank" rel="noopener noreferrer">Learn about WCAG<span class="screen-reader-only"> (opens in a new tab)</span></a></div></div></div></div><div class="col col-12 col-md-6 col-lg-4"><div class="card" style="width: 18rem;"> <img class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTI4MCA4NzMiIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijg3MyIgZGF0YS11PSIlMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYwNSUyRlJlZ3VsYXRpb25zLVN0YW5kYXJkcy5wbmciIGRhdGEtdz0iMTI4MCIgZGF0YS1oPSI4NzMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt=""><div class="card-body"><h3 class="card-title resourceTitle">Top 5 Tips for a Compliant Website</h3><p class="card-text cardWords">Here are 5 things you must do to have an ADA compliant website. The Americans with <span aria-hidden="true">Disabilities Act (ADA) is one of America’s most comprehensive and powerful pieces of civil rights legislation.</span></p><div class="blueButtonContrastContainer"><a href="/5-things-you-must-do-to-have-an-ada-compliant-website/" class="blueButton hvr-grow">5 Compliance Tips</a></div></div></div></div> <!--<div class="col col-12 col-md-6 col-lg-4"><div class="card" style="width: 18rem;"> <img class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjU2MCAxNzA3IiB3aWR0aD0iMjU2MCIgaGVpZ2h0PSIxNzA3IiBkYXRhLXU9IiUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjA1JTJGQURBLVdlYnNpdGUtQ29tcGxpYW5jZS1QcmltZXItc2NhbGVkLmpwZyIgZGF0YS13PSIyNTYwIiBkYXRhLWg9IjE3MDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt=""><div class="card-body"><h3 class="card-title resourceTitle">The ADA Website Compliance Primer</h3><p class="card-text cardWords">How to make my website accessible and compliant within WCAG standards. The acronym POUR (Perceivable, Operable, Understandable, Robust) are the main principles to categorize common accessibility issues.</p><div class="blueButtonContrastContainer"><a href="/blog-2/" class="blueButton hvr-grow">POUR Principles</a></div></div></div></div><div class="col col-12 col-md-6 col-lg-4"><div class="card" style="width: 18rem;"> <img class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTY1NCAzODU1IiB3aWR0aD0iNTY1NCIgaGVpZ2h0PSIzODU1IiBkYXRhLXU9IiUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjA1JTJGVG9vbHMtcmVzaXplZC5wbmciIGRhdGEtdz0iNTY1NCIgZGF0YS1oPSIzODU1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt=""><div class="card-body"><h3 class="card-title resourceTitle">What Tools Can and <strong>Cannot</strong> Do</h3><p class="card-text cardWords">Tools (such as Audioeye, accessiBe, or Userway) can produce false or misleading results. All accessibility aspects cannot be checked automatically. Human judgement is required. Web accessibility evaluation tools cannot determine accessibility, they can only assist in doing so.</p><div class="blueButtonContrastContainer"><a href="https://www.w3.org/WAI/test-evaluate/tools/selecting/#features" class="blueButton hvr-grow">Widgets & Tools</a></div></div></div></div><div class="col col-12 col-md-6 col-lg-4"><div class="card" style="width: 18rem;"> <img class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTY1NCAzODU1IiB3aWR0aD0iNTY1NCIgaGVpZ2h0PSIzODU1IiBkYXRhLXU9IiUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjA1JTJGU2VjdGlvbi01MDgtQ29uZm9ybWFuY2UucG5nIiBkYXRhLXc9IjU2NTQiIGRhdGEtaD0iMzg1NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt=""><div class="card-body"><h3 class="card-title resourceTitle">Testing for Section 508 Conformance</h3><p class="card-text cardWords">Automated scanning tools cannot apply human subjectivity, and therefore produce excessive false positives, or when configured to eliminate false positives.</p><div class="blueButtonContrastContainer"><a href="https://www.section508.gov/test/testing-overview#Manual" class="blueButton hvr-grow">Section 508</a></div></div></div></div> --></div></div></section><section id="testimonials" class="greyBackground"><div class="containerPadding"><h2 class="textAlignCenter headerBuffer">Our Happy Clients</h2><div class="yellowSeparator"></div><p class="textAlignCenter">We have championed accessibility and compliance for thousands of public and private entities.</p><div class="row"><div class="col col-6 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzAwIDQ2NiIgd2lkdGg9IjcwMCIgaGVpZ2h0PSI0NjYiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZGaXZlLUd1eXMtMUMucG5nIiBkYXRhLXc9IjcwMCIgZGF0YS1oPSI0NjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt="Five Guys"></div><div class="col col-6 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjI3OCAxMDI4IiB3aWR0aD0iMjI3OCIgaGVpZ2h0PSIxMDI4IiBkYXRhLXU9IiUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMCUyRjA0JTJGcmF3bGluZ3MtMUMucG5nIiBkYXRhLXc9IjIyNzgiIGRhdGEtaD0iMTAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt="Rawlings Est. 1887"></div><div class="col col-6 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzA0IDIwOSIgd2lkdGg9IjcwNCIgaGVpZ2h0PSIyMDkiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZXZXN0ZXJuLVVuaW9uXzFDLnBuZyIgZGF0YS13PSI3MDQiIGRhdGEtaD0iMjA5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" data-spai="1" alt="Western Union"></div><div class="col col-6 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjI3MiA3NTIiIHdpZHRoPSIyMjcyIiBoZWlnaHQ9Ijc1MiIgZGF0YS11PSIlMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjAlMkYwNCUyRndhZmZsZS1ob3VzZS1sb2dvXzFDLnBuZyIgZGF0YS13PSIyMjcyIiBkYXRhLWg9Ijc1MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt="Waffle House"></div><div class="col col-6 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAwIDE2MiIgd2lkdGg9IjMwMCIgaGVpZ2h0PSIxNjIiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZJYmVyb3N0YXJfSG90ZWxzX19SZXNvcnRzX0xvZ29fMUMucG5nIiBkYXRhLXc9IjMwMCIgZGF0YS1oPSIxNjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PC9zdmc+" data-spai="1" alt="Iberostar Hotels &#038; Resorts"></div><div class="col col-6 col-md-4 col-lg-4 col-xl-2 brandImage"> <img class="brandImageWidth" src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjM4IDExNCIgd2lkdGg9IjIzOCIgaGVpZ2h0PSIxMTQiIGRhdGEtdT0iJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIwJTJGMDQlMkZCQU1fMUMtMS5wbmciIGRhdGEtdz0iMjM4IiBkYXRhLWg9IjExNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt="Books a million"></div></div></div></section><section id="cta" class="row globalCTA"><div class="col col-12 col-md-4 col-lg-4" id="quoteOne"><blockquote class="textAlignCenter" id="quoteText">&#8220;Accessible design is good design&#8221;</blockquote> &nbsp;<br><p class="textAlignCenter" id="citationText">&#8211; Steve Ballmer, Former <strong>Microsoft</strong> CEO</p></div><div class="col col-12 col-md-4 col-lg-4" id="contactColumn"><h2>Have a question<span class="yellowPeriod">?</span></h2><p class="infoText">We’re always here to help.</p><div class="MODcenter2"> <a href="/contact/" class="yellowButton hvr-grow">Contact Us</a></div></div><div class="col col-12 col-md-4 col-lg-4" id="quoteTwo"><blockquote class="textAlignCenter" id="quoteText">&#8220;Accessibility is a human right, and a basic value&#8221;</blockquote> &nbsp;<br><p class="textAlignCenter" id="citationText">&#8211; Tim Cook, <strong>Apple</strong> CEO</p></div></div></section> <script type="text/javascript" src="https://ozplayer.global.ssl.fastly.net/3.5/ozplayer-core/ozplayer.free.js"></script> <script type="text/javascript" src="https://ozplayer.global.ssl.fastly.net/3.5/ozplayer-lang/en.js"></script> <script type="text/javascript" src="https://ozplayer.global.ssl.fastly.net/3.5/config.js"></script> <hr></main><aside class="content-sidebar pt-3"></aside></div></div></div> <!-- /#content --></div> <!-- /#top --><link rel="stylesheet" href="footer/css/footerstyle.css" type="text/css" /><link rel="stylesheet" href="footer/css/swiper.css" type="text/css" /><link rel="stylesheet" href="footer/css/dark.css" type="text/css" /><link rel="stylesheet" href="footer/css/font-icons.css" type="text/css" /><link rel="stylesheet" href="footer/css/animate.css" type="text/css" /><link rel="stylesheet" href="footer/css/magnific-popup.css" type="text/css" /><link rel="stylesheet" href="footer/css/responsive.css" type="text/css" /><link rel="stylesheet" href="../footer/css/footerstyle.css" type="text/css" /><link rel="stylesheet" href="../footer/css/swiper.css" type="text/css" /><link rel="stylesheet" href="../footer/css/dark.css" type="text/css" /><link rel="stylesheet" href="../footer/css/font-icons.css" type="text/css" /><link rel="stylesheet" href="../footer/css/animate.css" type="text/css" /><link rel="stylesheet" href="../footer/css/magnific-popup.css" type="text/css" /><link rel="stylesheet" href="../footer/css/responsive.css" type="text/css" /><style>.desc li { font-size: .875rem; line-height: 1em; font-family: 'Libre Franklin', sans-serif;}  
3791  
.desc2 li {font-size: .875rem;padding-left: 1em; line-height: 1em; font-family: 'Libre Franklin', sans-serif;}  
3792  
.col1 li {font-size: 3rem; line-height: 1em; font-family: 'Libre Franklin', sans-serif;}   
3793  
.sr-only2 {font-size: .875rem; display: none; color: white; background: black;}
3794  
.copyFormat li {font-size: .875rem; padding-left: 1em; line-height: 1em; font-family: 'Libre Franklin', sans-serif; } 
3795  
.contact1 { font-size: 1rem !important; font-family: 'Libre Franklin', sans-serif;}
3796  
a.contact2:link { color: white !important; text-decoration: underline !important; font-family: 'Libre Franklin', sans-serif;}  
3797  
a.contact2:visited {color: white !important; text-decoration: underline !important; font-family: 'Libre Franklin', sans-serif;}
3798  
a.contact2:hover { color: white !important; text-decoration: underline !important; font-family: 'Libre Franklin', sans-serif;}
3799  
a.contact2:active { color: white !important; text-decoration: underline !important; font-family: 'Libre Franklin', sans-serif;}</style><footer style="margin-top: -3.4em;" id="footer" class="dark"><div class="container"> <!-- Footer Widgets
3800  
 ============================================= --><div class="footer-widgets-wrap clearfix"><div class="col_half"><div class="widget widget_links clearfix"><h2>Accessibility Compliance</h2><ul class="desc"><li>Americans with Disabilities Act (ADA)</li><li>Accessible Canada Act (ACA)</li><li>Department of Justice Accessibility and Accommodations Handbook (DOJ)</li><li>General Services Administration (GSA)</li><li>United States Access Board (ICT)</li><li>Accessibility for Ontarians with Disabilities Act (AODA)</li><li>Canadian Human Rights Act (Canada)</li><li>Chinese Law on the Protection of Persons with Disabilities (China)</li><li>European Accessibility Act (EAA)</li><li>Equal Rights for Persons with Disabilities Law (Israel)</li><li>Spanish Association for Standardization and Certification (AENOR)</li><li>Web and Mobile Accessibility Directive (Europe)</li><li>World Web Consortium (W3C)</li><li>Web Accessibility Initiative (WAI)</li><li>Web Content Accessibility Guidelines (WCAG)</li><li>Guide to the Integrated Accessibility Standards Regulation (Canada)</li><li>WCAG 2.0 AA</li><li>WCAG 2.0 AAA</li><li>WCAG 2.1 AA</li><li>WCAG 2.1 AAA</li><li>ADA Title III</li><li>ADA Title II</li><li>ADA Title I</li><li>Section 508</li><li>Twenty-First Century Communications and Video Accessibility Act of 2010 (CVAA)</li><li>Authoring Tool Accessibility Guidelines (ATAG)</li><li>Disability Discrimination Act 1992 (Australia)</li><li>ISO 27001 (Canada)</li><li>EAA/EN 301 549 (Europe)</li><li>IS 5568 (Israel)</li><li>RGAA 3 (France)</li><li>JIS X 8341 (Japan)</li><li>UNE 139803:2012 (Spain)</li><li>DUNS Registered</li></ul></div></div><div class="col_one_fourth"><div class="widget widget_links clearfix"><h2>Supported Platforms</h2><ul class="desc"><li>WordPress</li><li>Jumla</li><li>Drupal</li><li>Magento</li><li>Shopify</li><li>OpenCart</li><li>Prestashop</li><li>Android</li><li>IOS</li><li>HTML Websites</li><li>PHP Websites</li><li>.NET Websites</li><li>Additional Platforms</li></ul> <br><br><h2>Accessibility Developer Languages</h2><ul class="desc"><li>PHP - Custom</li><li>PHP - Laravel</li><li>AJAX</li><li>HTML</li><li>Objective C</li><li>SWIFT</li><li>Java</li><li>JavaScript</li><li>Microsoft .net</li><li>Additional Languages</li></ul> <br><br><h2>Accomplish Digital Accessibility</h2><ul class="desc"><li>Accessible Website Migration</li><li>Accessible Website Remediation</li><li>Accessible Mobile Applications</li><li>Accessible PDFs and Documents</li><li>Accessible Video Captioning</li><li>Accessibility Audits</li><li>Accessibility Checker</li><li>Accessibility Consulting</li><li>Accessibility Maintenance</li><li>Accessibility Training</li><li>Developer Support</li><li>Document and Media Remediation</li><li>Web Accessibility Consulting</li><li>Web Accessibility Training</li></ul></div></div><div class="col_one_fourth col_last"><div class="widget clearfix copyFormat"><h2>Contact Us</h2> <a class="contact1" href="mailto:info@adasitecompliance.com">info@adasitecompliance.com</a><br> <span class="contact1"> (561) 258-9300<span><br></div><div class="widget clearfix" style="margin-bottom: 0px;"><h2>Follow us on Social Media</h2><div class="row"><div class="col-lg-2 clearfix bottommargin-sm"> <a href="https://www.facebook.com/adaSiteCompliance/" class="social-icon si-dark si-colored si-facebook nobottommargin" style="margin-right: 10px;"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> <span class="sr-only" style="color: white; background: black;">Facebook</span> </a></div><div class="col-lg-2 clearfix bottommargin-sm"> <a href="https://twitter.com/siteCompliance" class="social-icon si-dark si-colored si-twitter nobottommargin" style="margin-right: 10px;"> <i class="icon-twitter"></i> <i class="icon-twitter"></i> <span class="sr-only2">Twitter</span> </a></div><div class="col-lg-2 clearfix bottommargin-sm"> <a href="https://instagram.com" class="social-icon si-dark si-colored si-instagram nobottommargin" style="margin-right: 10px;"> <i class="icon-instagram"></i> <i class="icon-instagram"></i> <span class="sr-only2">Instagram</span> </a></div><div class="col-lg-2 clearfix bottommargin-sm"> <a href="https://youtube.com" class="social-icon si-dark si-colored si-youtube nobottommargin" style="margin-right: 10px;"> <i class="icon-youtube"></i> <i class="icon-youtube"></i> <span class="sr-only2">YouTube</span> </a></div><div class="col-lg-4 clearfix"> <a href="https://www.linkedin.com/company/adasitecompliance/" class="social-icon si-dark si-colored si-linkedin nobottommargin" style="margin-right: 10px;"> <i class="icon-linkedin"></i> <i class="icon-linkedin"></i> <span class="sr-only2">LinkedIn</span> </a></div></div></div><div class="widget widget_links clearfix"><h2>Proud Supporters of</h2><ul class="desc"><li><img src="/footer/images/nad4.png" alt="National Association of the Deaf Logo"</li><li><img src="/footer/images/humanityInclusion2.png" alt="Humanity & Inclusion Logo"</li><li><img src="/footer/images/wbub1.png" alt="World Blind Union Logo"</li><li><img src="/footer/images/eo3.png" alt="Entrepreneurs Organization Member Logo"</li></ul></div><div class="widget widget_links clearfix"><h2>Accessibility Policy</h2> <a href="https://adasitecompliance.com/xap_policy/?h=ADASC" target="_blank"><img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMSAxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGd3d3LmFkYXNpdGVjb21wbGlhbmNlLmNvbSUyRmltZyUyRkFQb2xpY3kucG5nIiBkYXRhLXc9IjEiIGRhdGEtaD0iMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48L3N2Zz4=" data-spai="1" alt="ADA Site Compliance-Accessibility Policy"></a></div></div></div><!-- .footer-widgets-wrap end --></div> <!-- Copyrights
3801  
============================================= --><div id="copyrights" style="color: white;" class="copyFormat"><div class="container clearfix"><div class="col_two_fifth"><div class="widget clearfix"> Copyright &copy; 2020 ADA Site Compliance<br> <a class="contact2" href="/terms-of-use/">Terms of Use</a> / <a class="contact2" href="/privacy-policy/">Privacy Policy</a></div></div><div class="col_two_fifth"> <i class="icon-envelope2"></i> <a class="contact2" href="mailto:info@adasitecompliance.com">info@adasitecompliance.com</a> <span class="middot">&middot;</span> <i class="icon-headphones"></i> (561)258-9300</div><div class="col_one_fifth col_last tright"><div class="top-link"> <a class="contact2" href="#top" title="Click to navigate back to top of page"> Top <i class="fas fa-chevron-up"></i> </a></div></div></div></div><!-- #copyrights end --></footer><!-- #footer end --> <script>// Set options
3802  
        var options = {
3803  
            offset: '#showHere',
3804  
            offsetSide: 'top-header',
3805  
            classes: {
3806  
                clone:   'banner--clone',
3807  
                stick:   'banner--stick',
3808  
                unstick: 'banner--unstick'
3809  
            }
3810  
        };
3811  
3812  
        // Initialise with options
3813  
        var banner = new Headhesive('.navbar', options);
3814  
3815  
        // Headhesive destroy
3816  
        // banner.destroy();</script> <script src="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/themes/perseverance/assets/js/jquery.min.js"></script> <script src="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/themes/perseverance/assets/js/bootstrap.bundle.min.js"></script> <script src="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/themes/perseverance/assets/js/custom.js"></script> <script type="text/javascript">function collapseExpand() {
3817  
  var dots = document.getElementById("dots");
3818  
  var moreText = document.getElementById("more");
3819  
  var btnText = document.getElementById("myBtn");
3820  
3821  
  if (dots.style.display === "none") {
3822  
    dots.style.display = "inline";
3823  
    btnText.innerHTML = "Read more";
3824  
    moreText.style.display = "none";
3825  
  } else {
3826  
    dots.style.display = "none";
3827  
    btnText.innerHTML = "Read less";
3828  
    moreText.style.display = "inline";
3829  
  }
3830  
switch(document.getElementById("myBtn").getAttribute('aria-expanded')){
3831  
case 'false':
3832  
document.getElementById("myBtn").setAttribute('aria-expanded', 'true');
3833  
break;
3834  
case 'true':
3835  
document.getElementById("myBtn").setAttribute('aria-expanded', 'false');
3836  
break;
3837  
}
3838  
} 
3839  
function keyCollapseExpand() {
3840  
    if (event.keyCode == 13) {
3841  
        collapseExpand();
3842  
    } else if(event.keyCode == 9 || event.keyCode == 16){
3843  
        //do nothing
3844  
    } else {
3845  
        console.log("Error: not a supported key; press Enter (keyCode = 13)");
3846  
    }
3847  
}</script><script type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/blogpost/js/script.js?ver=3fb17285166ba41290517ac9b12abe72&#038;time=1591634532'></script> <script type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/blogpost/js/loadmore.js?ver=3fb17285166ba41290517ac9b12abe72&#038;time=1591634532'></script> <script type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/contact-form-7-style/js/frontend-min.js?ver=3.1.8&#038;time=1591634532'></script> <script type='text/javascript'>/* <![CDATA[ */
3848  
var wpcf7 = {"apiSettings":{"root":"http:\/\/9hz.eed.myftpupload.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}};
3849  
/* ]]> */</script> <script type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.9&#038;time=1591634532'></script> <script type='text/javascript'>/* <![CDATA[ */
3850  
var wpcf7_redirect_forms = {"10812":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"","thankyou_page_url":""},"10393":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"myfnc(2);","thankyou_page_url":""},"9666":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"","thankyou_page_url":""},"9637":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"1000","after_sent_script":"var doc = document;\r\ndoc.getElementById(&quot;exampleModalCenter&quot;).style.display=&quot;none&quot;;\r\ndoc.getElementsByClassName(&quot;modal-backdrop&quot;)[0].style.display = &quot;none&quot;;\r\ndoc.getElementsByClassName(&quot;modal-open&quot;)[0].style.overflow = &quot;visible&quot;;\r\ndoc.getElementsByTagName(&quot;body&quot;)[0].style.paddingRight = &quot;0&quot;;\r\ndoc.getElementById(&quot;compHealthNumPerc&quot;).style.fontSize  = &quot;5rem&quot;;\r\ndoc.getElementById(&quot;compFails&quot;).style.fontSize  = &quot;5rem&quot;;\r\ndoc.getElementById(&quot;compPages&quot;).style.fontSize  = &quot;5rem&quot;;\r\nvar url = window.location.href;\r\ndoHealth(url);\r\ndoFailures(url);\r\ndoPages(url);","thankyou_page_url":""},"2716":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"","thankyou_page_url":""},"2297":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"","thankyou_page_url":""},"879":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"","thankyou_page_url":""},"876":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"","thankyou_page_url":""},"875":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"","thankyou_page_url":""},"851":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"","thankyou_page_url":""},"811":{"page_id":"0","external_url":"","use_external_url":"","open_in_new_tab":"","http_build_query":"","http_build_query_selectively":"","http_build_query_selectively_fields":"","delay_redirect":"0","after_sent_script":"","thankyou_page_url":""}};
3851  
/* ]]> */</script> <script type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/wpcf7-redirect/js/wpcf7-redirect-script.js?time=1591634532'></script> <script type='text/javascript'>/* <![CDATA[ */
3852  
var spai_settings = {"api_url":"https:\/\/cdn.shortpixel.ai\/spai\/w_%WIDTH%+q_lossy+ret_img","method":"src","crop":"1","debug":"","site_url":"http:\/\/9hz.eed.myftpupload.com","plugin_url":"http:\/\/9hz.eed.myftpupload.com\/wp-content\/plugins\/shortpixel-adaptive-images","version":"1.8.8","excluded_selectors":[],"eager_selectors":["img.noLazyLoad"],"noresize_selectors":[],"excluded_paths":["regex:\/\\\/\\\/([^\\\/]*\\.|)gravatar.com\\\/\/","regex:\/footer\/"],"active_integrations":{"nextgen":false,"modula":false,"elementor":false,"elementor-addons":false,"viba-portfolio":false,"envira":false,"everest":false,"wp-bakery":false,"woocommerce":false,"foo":false,"oxygen":false,"slider-revolution":false,"smart-slider":false,"wp-grid-builder":false,"social-pug":false,"content-views":false,"wp-rocket":{"lazyload":false,"css-filter":false,"minify-css":false},"theme":"Perseverance Child"},"parse_css_files":"1","backgrounds_max_width":"","sep":"+","webp":"1","sniper":"http:\/\/9hz.eed.myftpupload.com\/wp-content\/plugins\/shortpixel-adaptive-images\/img\/target.cur","affected_tags":"{\"link\":1,\"script\":2}","ajax_url":"http:\/\/9hz.eed.myftpupload.com\/wp-admin\/admin-ajax.php"};
3853  
/* ]]> */</script> <script data-cfasync="false" type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/shortpixel-adaptive-images/js/ai.min.js?ver=1.8.8&#038;time=1591634532'></script> <script type='text/javascript'>/* <![CDATA[ */
3854  
var wpcf7cf_global_settings = {"ajaxurl":"http:\/\/9hz.eed.myftpupload.com\/wp-admin\/admin-ajax.php"};
3855  
/* ]]> */</script> <script type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/plugins/cf7-conditional-fields/js/scripts.js?ver=1.8.6&#038;time=1591634532'></script> <script type='text/javascript' src='https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-includes/js/wp-embed.min.js?ver=3fb17285166ba41290517ac9b12abe72&#038;time=1591634532'></script> <script defer src="https://secureservercdn.net/166.62.107.20/9hz.eed.myftpupload.com/wp-content/cache/autoptimize/js/autoptimize_e40f1c2bc42d1b2db200d62b1e651ffc.js"></script>
3856  
<script src="https://botcompany.de/1028300/raw" type="text/javascript"></script>
3857  
</body>

download  render html  show line numbers   

Travelled to 7 computer(s): bhatertpkbcr, mqqgnosmbjvj, pyentgdyhuwx, pzhvpgtvlbxg, tvejysmllsmz, vouqrxazstgt, xrpafgyirdlv

No comments. add comment

Snippet ID: #1028303
Snippet name: ADAptive Chat Bot Demo Page
Eternal ID of this version: #1028303/1
Text MD5: eed5761c2644d844cf87a6fb384c802d
Author: stefan
Category: web chat bots
Type: HTML
Public (visible to everyone): Yes
Archived (hidden from active list): No
Created/modified: 2020-06-08 23:29:04
Source code size: 130594 bytes / 3857 lines
Pitched / IR pitched: No / No
Views / Downloads: 192 / 221
Referenced in: [show references]