1<!DOCTYPE html> 2<html dir="ltr" lang="en-US"> 3<head> 4
4<script> 5 if (location.protocol != 'https:') 6 { 7 // location.href = 'https:' + window.location.href.substring(window.location.protocol.length); 8 } 9 </script>
9 10 <link rel="icon" href="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b7a861.png"> 11<link rel="apple-touch-icon" href="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b7a861.png"> 12 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 13 <meta name="generator" content="AttractWell.com" /> 14 <meta name="author" content="Paul Gatto" /> 15 16 <link rel="stylesheet" href="https://webcache.attractwell.com/app/common/all-marketing-site-css.min.css" type="text/css" /> 17
17<script src="https://webcache.attractwell.com/app/common/all-marketing-site-js.min.js"></script>
17 18 <!-- Stylesheets 19 ============================================= --> 20<!-- <link href="//fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" />--> 21 <!-- 22 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/bootstrap-337.css" type="text/css" /> 23 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/style-2.css" type="text/css" /> 24 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/dark.css" type="text/css" /> 25 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/animate.css" type="text/css" /> 26 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/magnific-popup.css" type="text/css" /> 27 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/responsive.css" type="text/css" /> 28 --> 29 <link href="https://fonts.googleapis.com/css?family=Baloo+Chettan|Caveat:400,700|Comfortaa:400,700|Crete+Round:400,400i|Euphoria+Script|Indie+Flower|Lato:300,400,400i,700,700i|Merriweather:400,400i,700,700i|Nanum+Myeongjo:400,800|Open+Sans:400,400i,700,700i|Oswald:400,700|Permanent+Marker|Playfair+Display:400,400i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Tangerine:400,700|Cormorant+Garamond:400,400i,700,700i|Crimson+Text:400,400i,700,700i|Josefin+Slab:400,400i,700,700i|Livvic:400,400i,600,600i|Montserrat:400,400i,600,600i|Nanum+Gothic:4
2900,700|Old+Standard+TT:400,400i,700|Roboto:400,400i,700,700i|Aguafina+Script&display=swap" rel="stylesheet">
29<script src="https://kit.fontawesome.com/569c6654a7.js" crossorigin="anonymous" defer></script>
29 30 <meta name="viewport" content="width=device-width, initial-scale=1" /> 31 <!--[if lt IE 9]> 32
32<script src="//css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
32 33 <![endif]--> 34 35 36 37 <!-- Facebook share tags 38 ============================================= --> 39 <meta property="og:type" content="website" /> 40 <meta property="og:image:type" content="image/jpg" /> 41<!-- <meta property="og:image:width" content="1200" />--> 42<!-- <meta property="og:image:height" content="630" />--> 43 <meta property="og:title" content="All Products | NCI Self-Study Materials" /> 44<meta property="og:description" content="NCI offers a variety of practice materials for interpreters, including written and oral sample certification test for state and federal court as well as language lab style exercises for both legal and medical interpreting. We also have glossaries for both Navajo and Haitian Creole." /> 45 46 <!-- Document Title 47 ============================================= --> 48 <title>All Products | NCI Self-Study Materials</title> 49 50 <!-- Blog RSS feed --> 51 <link rel="alternate" href="https://nationalcenterforinterpretation.com/feed" title="RSS feed" type="application/rss+xml" /> 52 53 <!-- External JavaScripts 54 ============================================= --> 55 <style type="text/css" media="all"> 56 .fr-view span > h1, .fr-view span > h2, .fr-view span > h3, .fr-view span > h4, .fr-view span > h5, .fr-view span > h6 { color: revert !important; font-size: inherit !important; font-weight: inherit !important; } 57 h1 {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 58h2 {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 59h3 {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 60h4 {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 61h5 {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 62h6 {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 63#logo {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 64#primary-menu ul li a {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 65#primary-menu ul > li > ul > li > a { font-weight: 300; text-transform:none !important; color:#333333; } 66#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 67.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a, {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 68.dark #header-wrap:not(.not-dark) #primary-menu > .container > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li > a, .overlay-menu #primary-menu.dark > ul > li > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > #overlay-menu-close, .overlay-menu #primary-menu.dark > #overlay-menu-close, .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-cart a, .dark #header-wrap:not(.not-dark) #side-panel-trigger a, .dark #top-cart .top-cart-item-desc a, body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a, .dark #header-wrap:not(.not-dark) #top-search a:hover, .dark #header-wrap:not(.not-dark) #top-cart a:hover, .dark #header-wrap:not(.not-dark) #side-panel-trigger a:hover, .dark #header-wrap:not(.not-dark) #top-search form input {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:inherit !important; } 69#top-search form input {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 70.entry-link {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 71.entry.entry-date-section span {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 72.button.button-desc {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 73ul.tab-nav-lg li a {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 74.counter {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 75label {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 76.nav-tree li a {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 77.wedding-head .first-name, .wedding-head .last-name, .wedding-head .and {font-family:Lato,sans-serif; font-weight: 300; text-transform:none !important; color:#333333; } 78body {font-family: Lato,sans-serif; font-weight: 400; } 79small {font-family: Lato,sans-serif; font-weight: 400; } 80.font-body {font-family: Lato,sans-serif; font-weight: 400; } 81#primary-menu ul ul a {font-family: Lato,sans-serif; font-weight: 400; } 82.wp-caption {font-family: Lato,sans-serif; font-weight: 400; } 83.feature-box.fbox-center.fbox-italic p {font-family: Lato,sans-serif; font-weight: 400; } 84.skills li .progress-percent .counter {font-family: Lato,sans-serif; font-weight: 400; } 85.nav-tree ul ul a {font-family: Lato,sans-serif; font-weight: 400; } 86.button { text-transform: none; } 87.font-secondary {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 88.entry-meta li {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; }
89.entry-link span {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 90.entry blockquote p {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 91.more-link {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 920 {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 93.button.button-desc span {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 94.testi-content p {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 95.team-title span {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 96.before-heading {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 97.wedding-head .first-name span, .wedding-head .last-name span {font-family: Lato,sans-serif; font-style: italic; font-weight: 700; } 98 label { 99 font-weight: 500 !important; 100 color: #666; 101 } 102 /* 103 #page-title h1 { 104 font-weight: 600 !important; 105 color: #666; 106 }*/ 107 @media( min-width: 992px ) { 108 .fr-view section, .fr-view a { 109 scroll-margin-top: 100px; 110 } 111 } 112 .color { 113 color: #ab0520; 114 } 115 ::selection { 116 background: #ab0520; 117 } 118 ::-moz-selection { 119 background: #ab0520; /* Firefox */ 120 } 121 ::-webkit-selection { 122 background: #ab0520; /* Safari */ 123 } 124 a { 125 color: #ab0520; 126 } 127 a:hover:not(.button) { 128 color: #0c234b; 129 } 130 h1 > span:not(.nocolor), 131 h2 > span:not(.nocolor), 132 h3 > span:not(.nocolor), 133 h4 > span:not(.nocolor), 134 h5 > span:not(.nocolor), 135 h6 > span:not(.nocolor) { color: inherit; } 136 137 .bgcolor, 138 .bgcolor #header-wrap { background-color: #ab0520 !important; } 139 140 .color { color: #ab0520 !important; } 141 142 .border-color { border-color: #ab0520 !important; } 143 144 .top-links ul ul, 145 .top-links ul div.top-link-section { 146 border-top: 1px solid #ab0520; 147 } 148 149 .header-extras li .he-text span { 150 color: #ab0520; 151 } 152 153 /*#primary-menu > ul > li:hover a,*/ 154 /*#primary-menu > ul > li.current a { color: *//*; }*/ 155 156 #primary-menu ul ul, 157 #primary-menu ul li .mega-menu-content { 158 border-top: 0; /*2px solid #ab0520;*/ 159 } 160 161 .dark #primary-menu:not(.not-dark) ul ul a, #primary-menu.dark ul ul a, #primary-menu ul li a { 162 color: #333333 !important; 163 } 164 165 166 .dark #primary-menu:not(.not-dark) ul ul li:hover > a, #primary-menu.dark ul ul li:hover > a, #primary-menu ul li a:hover { 167 color: #bd8862 !important; 168 } 169 170 #primary-menu ul ul li:hover > a, #primary-menu ul li a:hover, 171 #header-wrap #primary-menu ul ul li:hover > a, #header-wrap #primary-menu ul li a:hover { 172 color: #bd8862 !important; 173 } 174 175 /* 176 @media (min-width:992px) { 177 #header.full-header #primary-menu { 178 position: absolute; 179 right: 30px; 180 width: calc( 100% - 577px ); 181 } 182 #header.sticky-header #primary-menu { 183 position: absolute; 184 right: 30px; 185 width: calc( 100% - 250px ); 186 } 187 #header.full-header #primary-menu > ul { 188 float: right; 189 } 190 } 191 */ 192 193 /*#primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: */#ffb885/* !important; }*/ 194 195 /* 196 #primary-menu > div > ul > li:hover a, 197 #primary-menu > div > ul > li.current a { color: #ffb885; } 198 */ 199 200 #primary-menu.style-3 > ul > li.current > a { 201 background-color: #ab0520; 202 } 203 204 /* 205 #primary-menu.style-4 > ul > li:hover > a, 206 #primary-menu.style-4 > ul > li.current > a { border-color: #ffb885; } 207 */ 208 209 #primary-menu.style-6 > ul > li > a:after, 210 #primary-menu.style-6 > ul > li.current > a:after { 211 border-top: 2px solid #ab0520; 212 } 213 214 /* 215 #primary-menu.sub-title > ul > li:hover > a, 216 #primary-menu.sub-title > ul > li.current > a, 217 #primary-menu.sub-title > div > ul > li:hover > a, 218 #primary-menu.sub-title > div > ul > li.current > a { 219 background-color: #ffb885; 220 } 221 */ 222 223 /*#top-cart a:hover { color: #ffb885; }*/ 224 225 #top-cart > a > span { 226 background-color: #ab0520; 227 } 228 229 #top-cart .top-cart-content { 230 border-top: 2px solid #ab0520; 231 } 232 233 /*.top-cart-item-image:hover { border-color: #ffb885; }*/ 234 235 /*.top-cart-item-desc a:hover { color: #ffb885 !important; }*/ 236 237 .top-cart-action span.top-checkout-price { 238 color: #ab0520; 239 } 240 241 #page-menu-wrap { background-color: #ab0520; } 242 243 #page-menu.dots-menu nav li.current a { background-color: #ab0520; } 244 245 #page-menu.dots-menu nav li .dots-menu-caption { 246 background-color: #ab0520; 247 } 248 249 #page-menu.dots-menu nav li .dots-menu-caption:after { 250 border-left: 6px solid #ab0520; 251 } 252 253 /*.breadcrumb a:hover { color: #ffb885; }*/ 254 255 /*#portfolio-filter li a:hover { color: #ffb885; }*/ 256 257 #portfolio-filter li.activeFilter a { 258 background-color: #ab0520; 259 } 260 261 /*#portfolio-shuffle:hover { 262 background-color: #ffb885; 263 }*/ 264 265 /*.portfolio-desc h3 a:hover { color: #ffb885; }*/ 266 267 /*.portfolio-overlay a:hover { 268 color: #ffb885; 269 }*/ 270 271 /*#portfolio-navigation a:hover { color: #ffb885; }*/ 272 273 /*.entry-title h2 a:hover { color: #ffb885; } 274 275 .entry-meta li a:hover { color: #ffb885; } 276 277 .entry-link:hover { 278 background-color: #ffb885; 279 } 280 281 .post-timeline .entry:hover .entry-timeline, 282 .post-timeline .entry:hover .timeline-divider { 283 border-color: #ffb885; 284 color: #ffb885; 285 } 286 287 .ipost .entry-title h3 a:hover, 288 .ipost .entry-title h4 a:hover { color: #ffb885; } 289 */ 290 291 .more-link { 292 display: inline-block; 293 border-bottom: 1px solid #ab0520; 294 } 295 296 /* 297 .spost .entry-title h4 a:hover, 298 .mpost .entry-title h4 a:hover { color: #ffb885; } 299 300 .comment-content .comment-author a:hover { color: #ffb885; } 301 302 .product-title h3 a:hover, 303 .single-product .product-title h2 a:hover { color: #ffb885; } 304 */ 305 306 .product-price ins { 307 color: #ab0520; 308 } 309 310 .sale-flash { 311 background-color: #ab0520; 312 } 313 314 .single-product .product-price { 315 color: #ab0520; 316 } 317 318 /*.cart-product-thumbnail img:hover { border-color: #ffb885; }*/ 319 320 /*.button { 321 background-color: #ab0520; 322 }*/ 323 324 /* button color overrides */ 325 326 .button-leaf { background-color: #eeaa7b;}.button-green { background-color: #ee8e4c;} 327 /*.button.button-dark:hover { background-color: #ffb885; }*/ 328 329 /* 330 .button.button-3d:hover { 331 background-color: #ffb885 !important; 332 } 333 */ 334 335 .promo.promo-flat { background-color: #ab0520; } 336 337 .feature-box .fbox-icon i, 338 .feature-box .fbox-icon img { 339 background-color: #ab0520; 340 } 341 342 .feature-box.fbox-outline .fbox-icon { 343 border: 1px solid #ab0520; 344 } 345 346 .feature-box.fbox-border .fbox-icon { 347 border: 1px solid #ab0520; 348 } 349 350 .feature-box.fbox-border .fbox-icon i, 351 .feature-box.fbox-border .fbox-icon img { 352 color: #ab0520; 353 } 354 355 .feature-box.fbox-plain .fbox-icon i, 356 .feature-box.fbox-plain .fbox-icon img { 357 color: #ab0520; 358 } 359 360 .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #ab0520; } 361 362 /*.fbox-effect.fbox-dark .fbox-icon i:hover, 363 .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #ffb885; } 364 365 .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, 366 .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #ffb885; } 367 */ 368 369 .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #ab0520; } 370 371 .process-steps li.active h5, 372 .process-steps li.ui-tabs-active h5 { 373 color: #ab0520; 374 } 375 376 .process-steps li.active a,
377 .process-steps li.ui-tabs-active a { 378 background-color: #ab0520 !important; 379 } 380 381 .process-steps li.active a, 382 .process-steps li.ui-tabs-active a { 383 background-color: #ab0520 !important; 384 border-color: #ab0520 !important; 385 } 386 387 /* 388 .i-rounded:hover, 389 .i-circled:hover { 390 background-color: #ffb885; 391 } 392 */ 393 394 .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a { 395 border-top: 2px solid #ab0520; 396 } 397 398 .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a { 399 border-bottom: 2px solid #ab0520; 400 } 401 402 ul.tab-nav.tab-nav2 li.ui-state-active a { 403 background-color: #ab0520; 404 } 405 406 ul.tab-nav-lg li.ui-tabs-active a { 407 color: #ab0520; 408 } 409 410 /* 411 .sidenav > .ui-tabs-active > a, 412 .sidenav > .ui-tabs-active > a:hover { 413 background-color: #ffb885 !important; 414 } 415 */ 416 417 /*.faqlist li a:hover { color: #ffb885 !important; }*/ 418 419 .testimonial .flex-control-nav li a { 420 background-color: #ab0520; 421 } 422 423 .team-title span { 424 color: #ab0520; 425 } 426 427 .pricing-box.best-price .pricing-price { 428 color: #ab0520; 429 } 430 431 .skills li .progress { 432 background-color: #ab0520; 433 } 434 435 /* 436 .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { 437 background-color: #ffb885 !important; 438 }*/ 439 440 .owl-theme .owl-dots .owl-dot span { 441 background-color: #ab0520; 442 } 443 444 .title-block { 445 border-left: 7px solid #ab0520; 446 } 447 448 .title-block-right { 449 border-right: 7px solid #ab0520; 450 } 451 452 .heading-block.border-color:after { border-color: #ab0520; } 453 454 .fancy-title.title-border-color:before { 455 border-top: 1px solid #ab0520; 456 } 457 458 .fancy-title.title-bottom-border h1, 459 .fancy-title.title-bottom-border h2, 460 .fancy-title.title-bottom-border h3, 461 .fancy-title.title-bottom-border h4, 462 .fancy-title.title-bottom-border h5, 463 .fancy-title.title-bottom-border h6 { 464 border-bottom: 2px solid #ab0520; 465 } 466 467 /*#gotoTop:hover { background-color: #ffb885; }*/ 468 469 /*.tagcloud a:hover { 470 border-color: #ffb885 !important; 471 color: #ffb885 !important; 472 }*/ 473 474 .nav-tree li:hover > a, 475 .nav-tree li.current > a, 476 .nav-tree li.active > a { color: #ab0520 !important; } 477 478 .btn-link, 479 .pagination > li > a, .pagination > li > span, 480 .pagination > li > a:hover, 481 .pagination > li > span:hover, 482 .pagination > li > a:focus, 483 .pagination > li > span:focus { color: #ab0520; } 484 485 .pagination > .active > a, 486 .pagination > .active > span, 487 .pagination > .active > a:hover, 488 .pagination > .active > span:hover, 489 .pagination > .active > a:focus, 490 .pagination > .active > span:focus { 491 background-color: #ab0520 !important; 492 border-color: #ab0520 !important; 493 } 494 495 .nav-pills > li.active > a, 496 .nav-pills > li.active > a:hover, 497 .nav-pills > li.active > a:focus { background-color: #ab0520; } 498 499 /* 500 .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a, 501 .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a, 502 .overlay-menu #primary-menu.dark > ul > li:hover > a, 503 .overlay-menu #primary-menu.dark > ul > li.current > a { color: #ffb885 !important; } 504 */ 505 506 .dark #primary-menu:not(.not-dark) ul ul, 507 .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, 508 #primary-menu.dark ul ul, 509 #primary-menu.dark ul li .mega-menu-content { 510 border-top-color: #ab0520; 511 } 512 513 .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2, 514 #primary-menu.dark ul li .mega-menu-content.style-2 { 515 border-top-color: #ab0520; 516 } 517 518 .dark #top-cart .top-cart-content { 519 border-top-color: #ab0520; 520 } 521 522 /* 523 .dark .top-cart-item-image:hover { border-color: #ffb885; } 524 525 .dark .top-cart-item-desc a:hover { color: #ffb885 !important; } 526 527 528 .dark .post-timeline .entry:hover .entry-timeline, 529 .dark .post-timeline .entry:hover .timeline-divider { 530 border-color: #ffb885; 531 color: #ffb885; 532 } 533 534 .dark .cart-product-thumbnail img:hover { border-color: #ffb885; } 535 536 .dark .button-dark:hover { background-color: #ffb885; } 537 */ 538 539 .dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #ab0520; } 540 541 /* 542 .dark .fbox-effect.fbox-dark .fbox-icon i:hover, 543 .dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #ffb885; } 544 545 .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, 546 .dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #ffb885; } 547 */ 548 549 .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #ab0520; } 550 551 /* 552 .dark .i-rounded:hover, 553 .dark .i-circled:hover { 554 background-color: #ffb885; 555 } 556 */ 557 558 .dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #ab0520; } 559 560 /*
561 .dark .tagcloud a:hover { 562 background-color: #ffb885; 563 } 564 */ 565 566 /* 567 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, 568 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, 569 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, 570 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #ffb885 !important; } 571 */ 572 573 /* 574 #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a { 575 color: #ffb885 !important; 576 } 577 578 #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #ffb885 !important; } 579 */ 580 581 #page-menu nav { 582 background-color: #ab0520; 583 } 584 585 /* 586 #portfolio-filter li a:hover { color: #ffb885; } 587 */ 588 589 .iconlist-color li i { color: #ab0520; } 590 591 /* button helper */ 592.button.button-red:not(.button-border) { 593text-decoration:none; 594background-color:#8b0015; 595color:#ffffff; 596border-radius:2px; 597text-transform:uppercase; 598text-shadow:1px 1px 1px rgba(0,0,0,0.2); 599transition: all 0.3s ease; 600position:relative;z-index:1; 601border-top: 0px solid rgb(139, 0, 21); 602border-right: 0px solid rgb(139, 0, 21); 603border-bottom: 0px solid rgb(139, 0, 21); 604border-left: 0px solid rgb(139, 0, 21); 605} 606 607.button.button-red:hover { 608color:#ffffff; 609} 610 611.button.button-leaf:not(.button-border) { 612text-decoration:none; 613background-color:#0c234b; 614color:#ffffff; 615border-radius:2px; 616text-transform:uppercase; 617text-shadow:1px 1px 1px rgba(0,0,0,0.2); 618transition: all 0.3s ease; 619position:relative;z-index:1; 620border-top: 0px solid rgb(55, 141, 189); 621border-right: 0px solid rgb(55, 141, 189); 622border-bottom: 0px solid rgb(55, 141, 189); 623border-left: 0px solid rgb(55, 141, 189); 624} 625 626.button.button-leaf:hover { 627color:#ffffff; 628} 629 630.button.button-teal:not(.button-border) { 631text-decoration:none; 632background-color:#53777a; 633color:#ffffff; 634border-radius:1px; 635text-transform:uppercase; 636text-shadow:1px 1px 1px rgba(0,0,0,0.2); 637transition: all 0.3s ease; 638position:relative;z-index:1; 639border-top: 0px none rgb(255, 255, 255); 640border-right: 0px none rgb(255, 255, 255); 641border-bottom: 0px none rgb(255, 255, 255); 642border-left: 0px none rgb(255, 255, 255); 643} 644 645.button.button-teal:hover { 646color:#ffffff; 647} 648 649.button.button-yellow:not(.button-border) { 650text-decoration:none; 651background-color:#ecd078; 652color:#333333; 653border-radius:1px; 654text-transform:uppercase; 655text-shadow:none; 656transition: all 0.3s ease; 657position:relative;z-index:1; 658border-top: 0px none rgb(51, 51, 51); 659border-right: 0px none rgb(51, 51, 51); 660border-bottom: 0px none rgb(51, 51, 51); 661border-left: 0px none rgb(51, 51, 51); 662} 663 664.button.button-yellow:hover { 665color:#333333; 666} 667 668.button:not(.button-border) { 669text-decoration:none; 670background-color:#1abc9c; 671color:#ffffff; 672border-radius:1px; 673text-transform:uppercase; 674text-shadow:1px 1px 1px rgba(0,0,0,0.2); 675transition: all 0.3s ease; 676position:relative;z-index:1; 677border-top: 0px none rgb(255, 255, 255); 678border-right: 0px none rgb(255, 255, 255); 679border-bottom: 0px none rgb(255, 255, 255); 680border-left: 0px none rgb(255, 255, 255); 681} 682 683.button.button-:hover { 684color:#ffffff; 685} 686 687.button.button-green:not(.button-border) { 688text-decoration:none; 689background-color:#ee8e4c; 690color:#ffffff; 691border-radius:1px; 692text-transform:uppercase; 693text-shadow:1px 1px 1px rgba(0,0,0,0.2); 694transition: all 0.3s ease; 695position:relative;z-index:1; 696border-top: 0px none rgb(255, 255, 255); 697border-right: 0px none rgb(255, 255, 255); 698border-bottom: 0px none rgb(255, 255, 255); 699border-left: 0px none rgb(255, 255, 255); 700} 701 702.button.button-green:hover { 703color:#ffffff; 704} 705 706.button.button-brown:not(.button-border) { 707text-decoration:none; 708background-color:#774f38; 709color:#ffffff; 710border-radius:1px; 711text-transform:uppercase; 712text-shadow:1px 1px 1px rgba(0,0,0,0.2); 713transition: all 0.3s ease; 714position:relative;z-index:1; 715border-top: 0px none rgb(255, 255, 255); 716border-right: 0px none rgb(255, 255, 255); 717border-bottom: 0px none rgb(255, 255, 255); 718border-left: 0px none rgb(255, 255, 255); 719} 720 721.button.button-brown:hover { 722color:#ffffff; 723} 724 725.button.button-aqua:not(.button-border) { 726text-decoration:none; 727background-color:#40c0cb; 728color:#ffffff; 729border-radius:1px; 730text-transform:uppercase; 731text-shadow:1px 1px 1px rgba(0,0,0,0.2); 732transition: all 0.3s ease; 733position:relative;z-index:1; 734border-top: 0px none rgb(255, 255, 255); 735border-right: 0px none rgb(255, 255, 255); 736border-bottom: 0px none rgb(255, 255, 255); 737border-left: 0px none rgb(255, 255, 255); 738} 739 740.button.button-aqua:hover { 741color:#ffffff; 742} 743 744.button.button-lime:not(.button-border) { 745text-decoration:none; 746background-color:#aee239; 747color:#333333; 748border-radius:1px; 749text-transform:uppercase; 750text-shadow:none; 751transition: all 0.3s ease; 752position:relative;z-index:1; 753border-top: 0px none rgb(51, 51, 51); 754border-right: 0px none rgb(51, 51, 51); 755border-bottom: 0px none rgb(51, 51, 51); 756border-left: 0px none rgb(51, 51, 51); 757} 758 759.button.button-lime:hover { 760color:#333333; 761} 762 763.button.button-purple:not(.button-border) { 764text-decoration:none; 765background-color:#5d4157; 766color:#ffffff; 767border-radius:1px; 768text-transform:uppercase; 769text-shadow:1px 1px 1px rgba(0,0,0,0.2); 770transition: all 0.3s ease; 771position:relative;z-index:1; 772border-top: 0px none rgb(255, 255, 255); 773border-right: 0px none rgb(255, 255, 255); 774border-bottom: 0px none rgb(255, 255, 255); 775border-left: 0px none rgb(255, 255, 255); 776} 777 778.button.button-purple:hover { 779color:#ffffff; 780} 781 782.button.button-pink:not(.button-border) { 783text-decoration:none; 784background-color:#f89fa1; 785color:#ffffff; 786border-radius:1px; 787text-transform:uppercase; 788text-shadow:1px 1px 1px rgba(0,0,0,0.2); 789transition: all 0.3s ease; 790position:relative;z-index:1; 791border-top: 0px none rgb(255, 255, 255); 792border-right: 0px none rgb(255, 255, 255); 793border-bottom: 0px none rgb(255, 255, 255); 794border-left: 0px none rgb(255, 255, 255); 795} 796 797.button.button-pink:hover { 798color:#ffffff; 799} 800 801.button.button-blue:not(.button-border) { 802text-decoration:none; 803background-color:#1265a8; 804color:#ffffff; 805border-radius:1px; 806text-transform:uppercase; 807text-shadow:1px 1px 1px rgba(0,0,0,0.2); 808transition: all 0.3s ease; 809position:relative;z-index:1; 810border-top: 0px none rgb(255, 255, 255); 811border-right: 0px none rgb(255, 255, 255); 812border-bottom: 0px none rgb(255, 255, 255); 813border-left: 0px none rgb(255, 255, 255); 814} 815 816.button.button-blue:hover { 817color:#ffffff; 818} 819 820.button.button-dirtygreen:not(.button-border) { 821text-decoration:none; 822background-color:#1693a5; 823color:#ffffff; 824border-radius:1px; 825text-transform:uppercase; 826text-shadow:1px 1px 1px rgba(0,0,0,0.2); 827transition: all 0.3s ease; 828position:relative;z-index:1; 829border-top: 0px none rgb(255, 255, 255); 830border-right: 0px none rgb(255, 255, 255); 831border-bottom: 0px none rgb(255, 255, 255); 832border-left: 0px none rgb(255, 255, 255); 833} 834 835.button.button-dirtygreen:hover { 836color:#ffffff; 837} 838 839.button.button-amber:not(.button-border) { 840text-decoration:none; 841background-color:#eb9c4d; 842color:#ffffff; 843border-radius:1px; 844text-transform:uppercase; 845text-shadow:1px 1px 1px rgba(0,0,0,0.2); 846transition: all 0.3s ease; 847position:relative;z-index:1; 848border-top: 0px none rgb(255, 255, 255); 849border-right: 0px none rgb(255, 255, 255); 850border-bottom: 0px none rgb(255, 255, 255); 851border-left: 0px none rgb(255, 255, 255); 852} 853 854.button.button-amber:hover { 855color:#ffffff; 856} 857 858.button.button-black:not(.button-border) { 859text-decoration:none; 860background-color:#111111; 861color:#ffffff; 862border-radius:1px; 863text-transform:uppercase; 864text-shadow:1px 1px 1px rgba(0,0,0,0.2); 865transition: all 0.3s ease; 866position:relative;z-index:1; 867border-top: 0px none rgb(255, 255, 255); 868border-right: 0px none rgb(255, 255, 255); 869border-bottom: 0px none rgb(255, 255, 255); 870border-left: 0px none rgb(255, 255, 255); 871} 872 873.button.button-black:hover { 874color:#ffffff; 875} 876 877.button.button-white:not(.button-border) { 878text-decoration:none; 879background-color:#f0f0f0; 880color:#333333; 881border-radius:1px; 882text-transform:uppercase; 883text-shadow:none; 884transition: all 0.3s ease; 885position:relative;z-index:1; 886border-top: 0px none rgb(51, 51, 51); 887border-right: 0px none rgb(51, 51, 51); 888border-bottom: 0px none rgb(51, 51, 51); 889border-left: 0px none rgb(51, 51, 51); 890} 891 892.button.button-white:hover { 893color:#333333; 894} 895 896 897 /* Additional overrides for default button styles */ 898 899 .button.button-rounded { 900 border-radius: 3px; 901 } 902 .button.button-3d { 903 border-bottom: 0; 904 border-radius: 3px; 905 } 906 .button { 907 border-radius: 3px; 908 } 909 /*.form-control {*/ 910 /* box-shadow: 0 1px 1px rgba(0, 0, 0, .075);*/ 911 /* border-radius: 1px;*/ 912 /*}
912*/ 913 .panel-default > .panel-heading { 914 border-bottom: 0; 915 padding-bottom: 10px; 916 } 917 .modal-content { 918 border-radius: 8px; 919 box-shadow: 2px 2px 3px rgba(0, 0, 0, .3); 920 } 921 922 .dropdown-menu, .popover { 923 border-radius: 8px; 924 -moz-border-radius: 8px; 925 -webkit-border-radius: 8px; 926 } 927 928 .tooltip, .popover, .team-title span { 929 font-family: Lato,sans-serif; 930 } 931 932 .ui-tooltip { 933 font-family: Lato,sans-serif !important; 934 } 935 936 .ui-widget-content:not(.tabs):not(.tab-container):not(.tab-content):not(.ui-tabs-panel):not(.ui-slider) { 937 background: #eeeeee !important; /*rgb(245,245,245);*/ 938 color: #333333; 939 border-radius: 2px; 940 } 941 .ui-widget-content.tabs { 942 background: #ffffff; 943 border: 0; 944 } 945 .tabs .tab-nav { 946 background: #ffffff; 947 border: 0; 948 } 949 .ui-tabs .ui-tabs-nav:not(.sidenav) .ui-tabs-anchor { 950 padding: 0 15px !important; 951 } 952 .ui-tooltip { 953 box-shadow: none !important; /*1px 1px 3px rgba(0, 0, 0, .1) !important;*/ 954 border: #eeeeee !important; 955 } 956 body .ui-tooltip { 957 border: 1px solid #eeeeee; 958 border-radius: 2px; 959 } 960 .tab-container { 961 padding: 0; 962 background: #ffffff; 963 font-size: 14px; 964 } 965 .popover { 966 box-shadow: 2px 2px 3px rgba(0, 0, 0, .3); 967 } 968 .dropdown-menu { 969 box-shadow: 2px 2px 3px rgba(0, 0, 0, .3); 970 } 971 .tooltip.top .tooltip-arrow { 972 border-top-color: #eeeeee; 973 } 974 .tooltip.left .tooltip-arrow { 975 border-left-color: #eeeeee; 976 } 977 .tooltip.right .tooltip-arrow { 978 border-right-color: #eeeeee; 979 } 980 .tooltip.bottom .tooltip-arrow { 981 border-bottom-color: #eeeeee; 982 } 983 .tooltip-inner { 984 background-color: #eeeeee; 985 border-radius: 2px; 986 color: #333333; 987 font-size: 13px; 988 } 989 .tooltip.in { 990 opacity: 1; 991 } 992 .alert { 993 border-radius: 1px; 994 } 995 996 997</style> 998<style> 999 :root { 1000 --black-background-color: #000000; 1001 --darkest-background-color: #111111; 1002 --darker-background-color: #2A2A2A; 1003 --dark-background-color: #3A3A3A; 1004 --medium-dark-background-color: #555555; 1005 --dark-mode-default-text-color: #eeeeee; 1006 --dark-mode-muted-text-color: #999999; 1007 --dark-mode-default-contrast-text-color: #333333; 1008 --whitest-background-color: #ffffff; 1009 --not-as-white-background-color: #eeeeee; 1010 --medium-white-background-color: #dddddd; 1011 } 1012 body.dark-mode:not(.no-dark-mode) { 1013 background: var(--darkest-background-color) !important; 1014 color: var(--dark-mode-default-text-color) !important; 1015 } 1016 body.dark-mode:not(.no-dark-mode) { 1017 .popover { 1018 background: var(--medium-dark-background-color) !important; 1019 color: var(--dark-mode-default-text-color) !important; 1020 } 1021 1022 & :is(:not(.fr-view)) { 1023 #content, .content-wrap.app-wrapper, .white-background, 1024 div.back-office-menu-layout-grid-menu, div.sidebar, .grid-equal-row-2 > div, .grid-equal-row-3 > div, 1025 .dropzone, #primary-menu ul ul { 1026 background: var(--darkest-background-color) !important; 1027 color: var(--dark-mode-default-text-color) !important; 1028 } 1029 1030 #primary-menu ul ul { 1031 border-top: 1px solid; 1032 } 1033 1034 .dropdown-menu { 1035 background: var(--black-background-color); 1036 } 1037 1038 .panel, .modal-content, .panel-body, .ui-tabs-panel, .customModal, 1039 .back-office-top-header, #page-title, .list-item-row, .sidenav.ui-tabs-nav, .ui-widget-content:not(.tabs):not(.tab-container):not(.tab-content):not(.ui-tabs-panel):not(.ui-slider), 1040 .settings-description, .callout-wrapper, .callout-wrapper-external, 1041 .table-responsive, .table-hover, .nav-tabs, .settings-group, .pricing-box, 1042 .feature-box.fbox-bg.fbox-center, .well { 1043 background: var(--dark-background-color) !important;
1044 color: var(--dark-mode-default-text-color) !important; 1045 border-color: #444 !important; 1046 } 1047 1048 .modal-header, .modal-footer { 1049 border-color: #444 !important; 1050 } 1051 1052 .table > thead > tr > th, 1053 .table > tbody > tr > th, 1054 .table > tfoot > tr > th, 1055 .table > thead > tr > td, 1056 .table > tbody > tr > td, 1057 .table > tfoot > tr > td { 1058 border-top-color: #444 !important; 1059 } 1060 1061 .table > thead > tr > th { 1062 border-bottom-color: #444 !important; 1063 } 1064 1065 input, textarea, select, .select2-dropdown, .select2-selection { 1066 background: var(--darker-background-color) !important; 1067 color: var(--dark-mode-default-text-color) !important; 1068 caret-color: auto; 1069 } 1070 1071 #_elev_io input { 1072 background: #ffffff !important; 1073 color: #333333 !important; 1074 } 1075 #_elev_io input::placeholder { 1076 color: #555555 !important; 1077 } 1078 1079 .off-white-background, .panel-heading, .table-hover > tbody > tr:hover, 1080 .sidenav > li > a:hover, .pricing-title { 1081 background: var(--medium-dark-background-color) !important; 1082 color: var(--dark-mode-default-text-color) !important; 1083 } 1084 1085 .pricing-title { 1086 text-shadow: none; 1087 } 1088 1089 #wrapper, .back-office-menu-layout-grid-content, .page-end-spacer { 1090 background: var(--darkest-background-color); 1091 } 1092 1093 .always-white-background { 1094 background: var(--not-as-white-background-color) !important; 1095 } 1096 1097 .not-as-white-background-and-text { 1098 background: var(--darkest-background-color) !important; 1099 color: var(--dark-mode-default-text-color) !important; 1100 } 1101 1102 .dim-text, .text-muted { 1103 color: var(--dark-mode-default-text-color) !important; 1104 } 1105 1106 .dark-text-color, .select2-selection--multiple .select2-selection__choice, .c3-tooltip-container, 1107 .keen-c3-legend, .keen-c3-legend-label-overlay, label.contrast, div.style-msg, div.style-msg .sb-msg h4 { 1108 color: var(--dark-mode-default-contrast-text-color) !important; 1109 } 1110 1111 .always-white-background-invert, .charting-panel-body { 1112 background: var(--medium-white-background-color) !important; 1113 filter: invert(1); 1114 } 1115 1116 h1:not(.fr-view h1, .swal2-modal h1), h2:not(.fr-view h2, .swal2-modal h2), h3:not(.fr-view h3, .swal2-modal h3), h4:not(.fr-view h4, .swal2-modal h4), 1117 h5:not(.fr-view h5, .swal2-modal h5), h6:not(.fr-view h6, .swal2-modal h6), 1118 h4.sidebar-menu-header, 1119 .sidenav > li > a, 1120 label:not(.swal2-modal label), button.close, .button-border, .panel-activity, 1121 .select2-container--default .select2-selection--single .select2-selection__rendered { 1122 color: var(--dark-mode-default-text-color) !important; 1123 } 1124 1125 input::placeholder, textarea::placeholder, select::placeholder { 1126 color: var(--dark-mode-muted-text-color) !important; 1127 } 1128 button.close { 1129 opacity: 1; 1130 } 1131 1132 a:not(.button):not(.fr-view a), 1133 .widget_links li a, 1134 .site-name-text { 1135 color: #bd8862 !important; 1136 } 1137 1138 .button-white, .btn-default { 1139 background: var(--medium-dark-background-color) !important; 1140 color: var(--dark-mode-default-text-color) !important; 1141 border-color: #444 !important; 1142 } 1143 1144 i.light-mode { 1145 display:none; 1146 } 1147 1148 i.dark-mode { 1149 display: inline; 1150 } 1151 1152 #primary-menu ul li a { 1153 color: #bd8862 !important; 1154 } 1155 #primary-menu ul ul { 1156 box-shadow: 0 5px 12px 5px rgba( 255,255,255,0.2 ); 1157 } 1158 #primary-menu ul li ul li:hover a { 1159 color: #ffffff !important; 1160 background: var(--medium-dark-background-color) !important; 1161 } 1162 1163 #mobile-menu-header { 1164 background: var(--black-background-color); 1165 } 1166 .mobile-header { 1167 background-color: var(--medium-dark-background-color); 1168 } 1169 } 1170 } 1171 1172 .style-msg { 1173 border-radius: var(--app-border-radius-lg); 1174 } 1175 .style-msg .sb-msg, .style-msg2 .msgtitle, .style-msg2 .sb-msg { 1176 border-left: 0; 1177 } 1178 1179 /* Email Builder Preview Resets in Dark Mode */ 1180 body.dark-mode:not(.no-dark-mode) :is(
1181 .email-builder-preview-email-wrapper, 1182 .preview-email-body-preview, 1183 #email-builder-preview-area, 1184 #email-builder-confirmation-preview-area, 1185 #email-builder-cancellation-preview-area, 1186 #email-builder-reminder-preview-area, 1187 #email-builder-follow-up-preview-area 1188 ) { 1189 background-color: #ffffff !important; 1190 background: #ffffff !important; 1191 color: #333333 !important; 1192 } 1193 body.dark-mode:not(.no-dark-mode) :is( 1194 .email-builder-preview-email-wrapper, 1195 .preview-email-body-preview, 1196 #email-builder-preview-area, 1197 #email-builder-confirmation-preview-area, 1198 #email-builder-cancellation-preview-area, 1199 #email-builder-reminder-preview-area, 1200 #email-builder-follow-up-preview-area 1201 ) :is(h1, h2, h3, h4, h5, h6, p, span, div, label, td, th, table, a):not([style*="color"]) { 1202 color: #333333 !important; 1203 } 1204 body.dark-mode:not(.no-dark-mode) :is( 1205 .email-builder-preview-email-wrapper, 1206 .preview-email-body-preview, 1207 #email-builder-preview-area, 1208 #email-builder-confirmation-preview-area, 1209 #email-builder-cancellation-preview-area, 1210 #email-builder-reminder-preview-area, 1211 #email-builder-follow-up-preview-area 1212 ) :is(.white-background, .always-white-background) { 1213 background-color: #ffffff !important; 1214 background: #ffffff !important; 1215 } 1216 1217 i.dark-mode { 1218 display:none; 1219 } 1220 1221 .mobile-header { 1222 background-color: #f5f5f5; 1223 border-bottom: 1px solid #eeeeee; 1224 padding: 10px 5px 10px 30px; 1225 } 1226 1227 .white-background { 1228 background-color: var(--whitest-background-color); 1229 } 1230 1231 .not-as-white-background-and-text, .off-white-background { 1232 background: var(--not-as-white-background-color) !important; 1233 } 1234 1235 .always-white-background { 1236 background-color: var(--whitest-background-color) !important; 1237 } 1238 1239 .dim-text { 1240 color: var(--dark-mode-muted-text-color) !important; 1241 } 1242 1243 .page-end-spacer { 1244 height: 100px; 1245 background: var(--app-background-color); 1246 } 1247 1248 :root { 1249 --fancy-box-shadow: 0 0 0 1px rgba(64,87,109,0.04),0 2px 4px -1px rgba(64,87,109,0.3),inset 0 0 0 1px rgba(0,0,0,.1); 1250 --fancy-box-shadow-hover: 0 0 0 1px rgba(64,87,109,0.04),0 2px 4px -1px rgba(64,87,109,0.3); 1251 } 1252 1253 textarea { 1254 resize: vertical; 1255 } 1256 .large-font-text-input { 1257 font-size: 1.8rem; 1258 height: auto; 1259 line-height: normal !important; 1260 } 1261 .button { 1262 text-align:center; 1263 height: auto; 1264 padding: 11px 22px 9px 22px; 1265 white-space: normal; 1266 line-height: normal; 1267 } 1268 1269 .button.button-mini { 1270 text-align:center; 1271 padding: 4px 14px 2px 14px; 1272 height: auto; 1273 line-height: 19px; 1274 white-space: normal; 1275 } 1276 1277 .button.button-small { 1278 text-align:center; 1279 padding: 6px 17px 4px 17px; 1280 height: auto; 1281 line-height: 21px; 1282 white-space: normal; 1283 } 1284 1285 .button.button-large { 1286 text-align:center; 1287 padding: 9px 26px 7px 26px; 1288 height: auto; 1289 line-height: 27px; 1290 white-space: normal; 1291 } 1292 1293 .button.button-xlarge { 1294 text-align:center; 1295 padding: 11px 32px 8px 32px; 1296 height: auto; 1297 line-height: 30px; 1298 white-space: normal; 1299 } 1300 1301 .button.button-border { 1302 line-height: normal; 1303 } 1304 #gotoTop, .stretched #gotoTop { 1305 right: 60px; 1306 bottom: 13px; 1307 } 1308 @media (min-width: 992px) { 1309 #header.transparent-header.full-header.sticky-header:not(.dark) > #header-wrap > .container { 1310 background: rgba(255,255,255,0.8); 1311 } 1312 #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container { 1313 background: rgba(50,50,50,0.9); 1314 } 1315 #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu { 1316 height: auto; 1317 } 1318 #header.transparent-header.full-header.sticky-header > #header-wrap > .container > #primary-menu > ul { 1319 height: auto; 1320 }
1321 #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul { 1322 height: auto; 1323 } 1324 #header.transparent-header.full-header:not(.dark):not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped { 1325 background: rgba(255,255,255,0.8); 1326 } 1327 #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul { 1328 height: auto; 1329 } 1330 #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap > .container > #primary-menu > ul.dropped { 1331 background: rgba(50,50,50,0.9); 1332 } 1333 #header.transparent-header.full-header.sticky-header.dark > #header-wrap > .container > #primary-menu > ul { 1334 background: rgba(50,50,50,0.9); 1335 } 1336 .modal-xl { 1337 width: 98vw; 1338 } 1339 } 1340 @media (max-width: 991px) { 1341 /* this allows items in the mobile menu to wrap correctly */ 1342 body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { 1343 height: fit-content !important; 1344 color: #0c234b !important; 1345 } 1346 1347 /* Shrink padding in mobile dialog boxes */ 1348 .modal > .modal-dialog { 1349 margin: 0; 1350 } 1351 .modal > .modal-dialog > .modal-body { 1352 padding: 0; 1353 }
1354 .modal-dialog { 1355 width: 100dvw; 1356 } 1357 .modal-xl { 1358 max-width: 100%; 1359 width: 100%; 1360 } 1361 1362 #primary-menu ul li { 1363 padding: 13px 0; 1364 } 1365 1366 #primary-menu ul li a, #primary-menu.style-2 > div > ul > li > a { 1367 line-height: 1.5 !important; 1368 height: auto !important; 1369 } 1370 } 1371 1372 .voice-button-wrapper { 1373 display: grid; 1374 grid-template-columns: auto 1fr; 1375 grid-gap: 5px; 1376 align-items: center; 1377 } 1378 .voice-button-wrapper-align-top { 1379 align-items: start; 1380 } 1381 @media( max-width: 991px ) { 1382 .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) { 1383 grid-template-columns: 1fr auto; 1384 } 1385 .voice-button-wrapper:not(.voice-button-wrapper-left-align-button) > *:first-child { 1386 order: 2; 1387 } 1388 } 1389 1390 /* Columnar grids */ 1391 1392 /* 2 across, 1 across on mobile, for a 2x3 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */ 1393 1394 .grid-equal-row-2 { 1395 display: grid; 1396 grid-template-columns: repeat(2, minmax(0,1fr)); 1397 column-gap: 1rem; 1398 row-gap: 5px; 1399 margin-bottom: 40px; 1400 } 1401 @media (max-width:991px) { 1402 .grid-equal-row-2 { 1403 grid-template-columns: 1fr; 1404 } 1405 .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; } 1406 .grid-equal-body-column-1 { grid-column: 1; grid-row: 2; } 1407 .grid-equal-footer-column-1 { grid-column: 1; grid-row: 3; } 1408 1409 .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; } 1410 .grid-equal-body-column-2 { grid-column: 1; grid-row: 5; } 1411 .grid-equal-footer-column-2 { grid-column: 1; grid-row: 6; } 1412 } 1413 1414 /* 3 across, 1 across on mobile, for a 3x3 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */ 1415 1416 .grid-equal-row-3 { 1417 display: grid; 1418 grid-template-columns: repeat(3, minmax(0,1fr)); 1419 column-gap: 1rem; 1420 row-gap: 5px; 1421 margin-bottom: 40px; 1422 } 1423 @media (max-width:991px) { 1424 .grid-equal-row-3 { 1425 grid-template-columns: 1fr; 1426 } 1427 .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; } 1428 .grid-equal-body-column-1 { grid-column: 1; grid-row: 2; } 1429 .grid-equal-footer-column-1 { grid-column: 1; grid-row: 3; } 1430 1431 .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; } 1432 .grid-equal-body-column-2 { grid-column: 1; grid-row: 5; } 1433 .grid-equal-footer-column-2 { grid-column: 1; grid-row: 6; } 1434 1435 .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; } 1436 .grid-equal-body-column-3 { grid-column: 1; grid-row: 8; } 1437 .grid-equal-footer-column-3 { grid-column: 1; grid-row: 9; } 1438 } 1439 1440 /* Same as grid-equal-row-3 but without the header row. 1441 * 3 across, 1 across on mobile, for a 3x2 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */ 1442 1443 .grid-equal-row-3-no-header { 1444 display: grid; 1445 grid-template-columns: repeat(3, 1fr); 1446 column-gap: 1rem; 1447 row-gap: 5px; 1448 margin-bottom: 40px; 1449 } 1450 @media (max-width:991px) { 1451 .grid-equal-row-3-no-header { 1452 grid-template-columns: 1fr; 1453 } 1454 .grid-equal-body-column-1 { grid-column: 1; grid-row: 1; } 1455 .grid-equal-footer-column-1 { grid-column: 1; grid-row: 2; } 1456 1457 .grid-equal-body-column-2 { grid-column: 1; grid-row: 3; margin-top: 30px; } 1458 .grid-equal-footer-column-2 { grid-column: 1; grid-row: 4; } 1459 1460 .grid-equal-body-column-3 { grid-column: 1; grid-row: 5; margin-top: 30px; } 1461 .grid-equal-footer-column-3 { grid-column: 1; grid-row: 6; } 1462 } 1463 1464 /* 2 across, 1 across on mobile, for a 2x2 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */ 1465 1466 .grid-equal-row-2-centered { 1467 display: grid; 1468 grid-template-columns: repeat(6, 1fr); 1469 column-gap: 1rem; 1470 row-gap: 5px; 1471 margin-bottom: 40px; 1472 grid-template-areas: 1473 "a b b c c d" 1474 "a e e f f d"; 1475 } 1476 .grid-equal-row-2-centered .grid-equal-body-column-1 { grid-area: b; } 1477 .grid-equal-row-2-centered .grid-equal-footer-column-1 { grid-area: e; } 1478 1479 .grid-equal-row-2-centered .grid-equal-body-column-2 { grid-area: c; } 1480 .grid-equal-row-2-centered .grid-equal-footer-column-2 { grid-area: f; } 1481 1482 @media (max-width:991px) { 1483 .grid-equal-row-2-centered { 1484 grid-template-columns: 1fr; 1485 grid-template-areas: none; 1486 } 1487 .grid-equal-row-2-centered .grid-equal-body-column-1 { grid-column: 1; grid-row: 1; } 1488 .grid-equal-row-2-centered .grid-equal-footer-column-1 { grid-column: 1; grid-row: 2; } 1489 1490 .grid-equal-row-2-centered .grid-equal-body-column-2 { grid-column: 1; grid-row: 3; margin-top: 30px; } 1491 .grid-equal-row-2-centered .grid-equal-footer-column-2 { grid-column: 1; grid-row: 4; } 1492 } 1493 1494 /* 1 across desktop, 1 across on mobile, for a 1x2 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */ 1495 1496 .grid-equal-row-1-centered { 1497 display: grid; 1498 grid-template-columns: repeat(6, 1fr); 1499 column-gap: 1rem; 1500 row-gap: 5px; 1501 margin-bottom: 40px; 1502 grid-template-areas: 1503 "a a b b d d" 1504 "a a e e d d"; 1505 } 1506 .grid-equal-row-1-centered .grid-equal-body-column-1 { grid-area: b; } 1507 .grid-equal-row-1-centered .grid-equal-footer-column-1 { grid-area: e; } 1508 1509 @media (max-width:991px) { 1510 .grid-equal-row-1-centered { 1511 grid-template-columns: 1fr; 1512 grid-template-areas: none; 1513 } 1514 .grid-equal-row-1-centered .grid-equal-body-column-1 { grid-column: 1; grid-row: 1; } 1515 .grid-equal-row-1-centered .grid-equal-footer-column-1 { grid-column: 1; grid-row: 2; } 1516 } 1517 1518 /* 4 across, 1 across on mobile, for a 4x1 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */ 1519 1520 .grid-equal-row-4 { 1521 display: grid; 1522 grid-template-columns: repeat(4, 1fr); 1523 column-gap: 1rem; 1524 row-gap: 5px; 1525 margin-bottom: 40px; 1526 } 1527 @media (max-width:991px) { 1528 .grid-equal-row-4 { 1529 grid-template-columns: 1fr; 1530 } 1531 .grid-equal-heading-column-1 { grid-column: 1; grid-row: 1; } 1532 .grid-equal-body-column-1 { grid-column: 1; grid-row: 2; } 1533 .grid-equal-footer-column-1 { grid-column: 1; grid-row: 3; } 1534 1535 .grid-equal-heading-column-2 { grid-column: 1; grid-row: 4; margin-top: 30px; } 1536 .grid-equal-body-column-2 { grid-column: 1; grid-row: 5; } 1537 .grid-equal-footer-column-2 { grid-column: 1; grid-row: 6; } 1538 1539 .grid-equal-heading-column-3 { grid-column: 1; grid-row: 7; margin-top: 30px; } 1540 .grid-equal-body-column-3 { grid-column: 1; grid-row: 8; } 1541 .grid-equal-footer-column-3 { grid-column: 1; grid-row: 9; } 1542 1543 .grid-equal-heading-column-4 { grid-column: 1; grid-row: 10; margin-top: 30px; } 1544 .grid-equal-body-column-4 { grid-column: 1; grid-row: 11; } 1545 .grid-equal-footer-column-4 { grid-column: 1; grid-row: 12; } 1546 } 1547 1548 /* 5 across, 1 across on mobile, for a 5x1 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */ 1549 1550 .grid-equal-row-5 { 1551 display: grid; 1552 grid-template-columns: repeat(5, 1fr); 1553 column-gap: 1rem; 1554 row-gap: 5px; 1555 margin-bottom: 40px; 1556 } 1557 @media (max-width:991px) { 1558 .grid-equal-row-5 { 1559 grid-template-columns: 1fr; 1560 } 1561 } 1562 1563 /* 6 across, 1 across on mobile, for a 6x1 grid that should be aligned horizontally & vertically on desktop but collapse into one column on mobile */ 1564 1565 .grid-equal-row-6 { 1566 display: grid; 1567 grid-template-columns: repeat(6, 1fr); 1568 column-gap: 1rem; 1569 row-gap: 5px; 1570 margin-bottom: 40px; 1571 } 1572 @media (max-width:991px) { 1573 .grid-equal-row-6 { 1574 grid-template-columns: 1fr; 1575 } 1576 } 1577 1578 /* 2 across, 1 across on mobile */ 1579 .grid-row-2 { 1580 row-gap: 1rem; 1581 margin: 0.5rem 0; 1582 } 1583 1584 @media (max-width: 991px) { 1585 .grid-row-2 { 1586 display: grid; grid-template-columns: repeat(1, 1fr); 1587 } 1588 } 1589 1590 @media (min-width: 992px) { 1591 .grid-row-2 { 1592 display: grid; grid-template-columns: repeat(2, 1fr); 1593 } 1594 } 1595 1596 /* 3 across, 1 across on mobile */ 1597 .grid-row-3 { 1598 row-gap: 1rem; 1599 margin: 0.5rem 0; 1600 } 1601 1602 @media (max-width: 991px) { 1603 .grid-row-3 { 1604 display: grid; grid-template-columns: repeat(1, 1fr); 1605 } 1606 } 1607 1608 @media (min-width: 992px) { 1609 .grid-row-3 { 1610 display: grid; grid-template-columns: repeat(3, 1fr); 1611 } 1612 } 1613 1614 /* 2 across, first 2/3, second 1/3, 1 across on mobile */ 1615 .grid-row-2-2-1 { 1616 row-gap: 1rem; 1617 margin: 0.5rem 0; 1618 } 1619 1620 @media (max-width: 991px) { 1621 .grid-row-2-2-1 { 1622 display: grid; grid-template-columns: repeat(1, 1fr); 1623 } 1624 } 1625 1626 @media (min-width: 992px) { 1627 .grid-row-2-2-1 { 1628 display: grid; 1629 grid-template-columns: 2fr 1fr; 1630 } 1631 } 1632 1633 /* 4 across, 2 across on mobile */ 1634 .grid-row-4 { 1635 row-gap: 1rem; 1636 margin: 0.5rem 0; 1637 } 1638 1639 @media (max-width: 991px) { 1640 .grid-row-4 { 1641 display: grid; grid-template-columns: repeat(2, 1fr); 1642 } 1643 } 1644 1645 @media (min-width: 992px) { 1646 .grid-row-4 { 1647 display: grid; grid-template-columns: repeat(4, 1fr); 1648 } 1649 } 1650 1651 /* 5 across, 1 across on mobile */ 1652 .grid-row-5 { 1653 row-gap: 1rem; 1654 margin: 0.5rem 0; 1655 } 1656 1657 @media (max-width: 991px) { 1658 .grid-row-5 { 1659 display: grid; grid-template-columns: repeat(1, 1fr); 1660 } 1661 } 1662 1663 @media (min-width: 992px) { 1664 .grid-row-5 { 1665 display: grid; grid-template-columns: repeat(5, 1fr); 1666 } 1667 } 1668 1669 /* 6 across, 2 across on mobile */ 1670 .grid-row-6 { 1671 row-gap: 1rem; 1672 margin: 0.5rem 0; 1673 } 1674 1675 @media (max-width: 991px) { 1676 .grid-row-6 { 1677 display: grid; grid-template-columns: repeat(2, 1fr); 1678 } 1679 } 1680 1681 @media (min-width: 992px) { 1682 .grid-row-6 { 1683 display: grid; grid-template-columns: repeat(6, 1fr); 1684 } 1685 } 1686 1687 /* 8 across, 2 across on mobile */ 1688 .grid-row-8 { 1689 row-gap: 1rem; 1690 margin: 0.5rem 0; 1691 } 1692 1693 @media (max-width: 991px) { 1694 .grid-row-8 { 1695 display: grid; grid-template-columns: repeat(2, 1fr); 1696 } 1697 } 1698 1699 @media (min-width: 992px) { 1700 .grid-row-8 { 1701 display: grid; grid-template-columns: repeat(8, 1fr); 1702 } 1703 } 1704 1705 /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 2 columns on mobile. */ 1706 .grid-list-variable-small {
1707 display: grid; 1708 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 1709 column-gap: 3rem; 1710 row-gap: 3rem; 1711 } 1712 @media (min-width:992px) { 1713 .grid-list-variable-small { 1714 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 1715 } 1716 } 1717 @media (min-width:1400px) { 1718 .grid-list-variable-small { 1719 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 1720 } 1721 } 1722 @media (min-width:1800px) { 1723 .grid-list-variable-small { 1724 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 1725 } 1726 } 1727 @media (min-width:2200px) { 1728 .grid-list-variable-small { 1729 grid-template-columns: repeat( 6, minmax(0, 1fr) ); 1730 } 1731 } 1732 @media (min-width:2600px) { 1733 .grid-list-variable-small { 1734 grid-template-columns: repeat( 7, minmax(0, 1fr) ); 1735 } 1736 } 1737 @media (min-width:3000px) { 1738 .grid-list-variable-small { 1739 grid-template-columns: repeat( 8, minmax(0, 1fr) ); 1740 } 1741 } 1742 1743 /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */ 1744 .grid-list-variable-small-1-column { 1745 display: grid; 1746 grid-template-columns: repeat( 1, minmax(0, 1fr) ); 1747 column-gap: 3rem; 1748 row-gap: 3rem; 1749 } 1750 @media (min-width:992px) { 1751 .grid-list-variable-small-1-column { 1752 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 1753 } 1754 } 1755 @media (min-width:1200px) { 1756 .grid-list-variable-small-1-column { 1757 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 1758 } 1759 } 1760 @media (min-width:1600px) { 1761 .grid-list-variable-small-1-column { 1762 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 1763 } 1764 } 1765 @media (min-width:2000px) { 1766 .grid-list-variable-small-1-column { 1767 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 1768 } 1769 } 1770 @media (min-width:2400px) { 1771 .grid-list-variable-small-1-column { 1772 grid-template-columns: repeat( 6, minmax(0, 1fr) ); 1773 } 1774 } 1775 @media (min-width:2800px) { 1776 .grid-list-variable-small-1-column { 1777 grid-template-columns: repeat( 7, minmax(0, 1fr) ); 1778 } 1779 } 1780 1781 /* Grid with variable number of columns based on screen width - for panels with smaller content. Starts with 1 column on mobile. */ 1782 .grid-list-variable { 1783 display: grid; 1784 grid-template-columns: repeat( 1, minmax(0, 1fr) ); 1785 column-gap: 3rem; 1786 row-gap: 3rem; 1787 } 1788 @media (min-width:992px) { 1789 .grid-list-variable { 1790 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 1791 } 1792 } 1793 @media (min-width:1400px) { 1794 .grid-list-variable { 1795 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 1796 } 1797 } 1798 @media (min-width:1800px) { 1799 .grid-list-variable { 1800 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 1801 } 1802 } 1803 @media (min-width:2200px) { 1804 .grid-list-variable { 1805 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 1806 } 1807 } 1808 @media (min-width:2600px) { 1809 .grid-list-variable { 1810 grid-template-columns: repeat( 6, minmax(0, 1fr) ); 1811 } 1812 } 1813 @media (min-width:3000px) { 1814 .grid-list-variable { 1815 grid-template-columns: repeat( 8, minmax(0, 1fr) ); 1816 } 1817 } 1818 1819 /* Grid with variable number of columns based on screen width - for panels with larger content. Starts with 1 column on mobile. */ 1820 .grid-list-variable-large { 1821 display: grid; 1822 grid-template-columns: repeat( 1, minmax(0, 1fr) ); 1823 column-gap: 3rem; 1824 row-gap: 3rem; 1825 } 1826 @media (min-width:1300px) { 1827 .grid-list-variable-large { 1828 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 1829 } 1830 } 1831 @media (min-width:1800px) { 1832 .grid-list-variable-large { 1833 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 1834 } 1835 } 1836 @media (min-width:2200px) { 1837 .grid-list-variable-large { 1838 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 1839 } 1840 } 1841 @media (min-width:2600px) { 1842 .grid-list-variable-large { 1843 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 1844 } 1845 } 1846 @media (min-width:3000px) { 1847 .grid-list-variable-large { 1848 grid-template-columns: repeat( 6, minmax(0, 1fr) ); 1849 } 1850 } 1851 1852 1853 /* Override for section class styles for pages built with the page editor */ 1854 section .content-wrap .section { 1855 background: transparent none; 1856 } 1857 1858 /* Enlarge the default width of the container class to allow for use of more space on mobile */ 1859 @media (max-width: 767px) { 1860 #header.full-header .container, .container, .container-fullwidth { 1861 width: calc( 100vw - 20px ) !important; 1862 } 1863 } 1864 1865 .flex-center { 1866 display: flex; 1867 justify-content: center; 1868 align-items: center; 1869 } 1870 @media (max-width: 991px) { 1871 .flex-center { 1872 flex-direction: column; 1873 } 1874 } 1875 1876 1877 :not(.fr-view) table { margin-bottom: 0; } 1878 div:not(.fr-wrapper) > .fr-view table td, div:not(.fr-wrapper) > .fr-view table th { border: 0; } 1879 1880 /* Rotate any element */ 1881 .rotate { 1882 animation: rotate 1.5s linear infinite; 1883 }
1884 @keyframes rotate { 1885 to { 1886 transform: rotate(360deg); 1887 } 1888 } 1889 1890 /* A tilt-shake animation used for missing required fields. See also the highlightRequiredField() function at the bottom of this file. */ 1891 @keyframes tilt-shaking { 1892 0% { transform: rotate(0deg); } 1893 25% { transform: rotate(5deg); } 1894 50% { transform: rotate(0deg); } 1895 75% { transform: rotate(-5deg); } 1896 100% { transform: rotate(0deg); } 1897 } 1898 .tilt-shaking { 1899 scale: 1.1; 1900 animation: tilt-shaking 0.25s infinite; 1901 } 1902 1903 1904 /* Hide on website (not in back office) */ 1905 .hide-on-website { display: none; } 1906 1907 1908 .aw-carousel { 1909 box-sizing: border-box; 1910 height: 100%; 1911 overflow: hidden; 1912 align-items: center; 1913 justify-content: center; 1914 text-align: center; 1915 width: 100%; 1916 1917 & > div { 1918 display: flex; 1919 1920 overflow-x: auto; 1921 scroll-snap-type: x mandatory; 1922 1923 scroll-behavior: smooth; 1924 -webkit-overflow-scrolling: touch; 1925 } 1926 1927 & > .aw-slides { 1928 margin-bottom: 5px; 1929 height: 300px; 1930 -ms-overflow-style: none; scrollbar-width: none; } 1931 1932 & > .aw-slides::-webkit-scrollbar {
1933 display: none; 1934 } 1935 1936 & > .aw-slides > div { 1937 scroll-snap-align: start; 1938 flex-shrink: 0; 1939 width: 100%; 1940 margin-right: 50px; 1941 position: relative; 1942 overflow: hidden; 1943 1944 display: flex; 1945 justify-content: center; 1946 align-items: center; 1947 flex-direction: column; 1948 } 1949 1950 & > .aw-slides div.aw-image-only a, & > .aw-slides div.aw-image-only img { 1951 object-fit: contain; 1952 width: 100% !important; 1953 height: 100%; 1954 } 1955 &.aw-carousel-cover-slide-image > .aw-slides div.aw-image-only img { 1956 object-fit: cover; 1957 } 1958 1959 & > .aw-slides div .fr-video { 1960 width: 500px; 1961 } 1962 @media( max-width: 991px ) { 1963 & > .aw-slides div .fr-video { 1964 width: 90vw; 1965 } 1966 } 1967 1968 & > a { 1969 display: inline-flex; 1970 width: 1.6rem; 1971 height: 1.6rem; 1972 background: #333333; 1973 text-decoration: none; 1974 align-items: center; 1975 justify-content: center; 1976 border-radius: 50%; 1977 border: 1px solid #ffffff; 1978 margin: 0 0 0.5rem 0; 1979 position: relative; 1980 } 1981 1982 & > a:hover { 1983 filter: brightness( 0.9 ); 1984 } 1985 1986 & > a:active { 1987 top: 1px; 1988 } 1989 1990 & > a:focus { 1991 background: #000; 1992 } 1993 1994 & > a + a { 1995 margin-left: 5px; 1996 } 1997 1998 &.aw-carousel-no-dots > a { 1999 display: none; 2000 } 2001 } 2002 2003 .aw-countdown { 2004 display: flex; 2005 justify-content: center; 2006 margin: 1em 0; 2007 @media( max-width: 767px ) { 2008 & { 2009 font-size: 3vw !important; 2010 } 2011 } 2012 2013 & > div { 2014 display: flex; 2015 padding: 0.6em 1.8em 1.6em 1.6em; 2016 cursor: default; 2017 } 2018 2019 & > div > div { 2020 display: flex; 2021 flex-direction: column; 2022 align-items: center; 2023 margin: 0 0.8em; 2024 } 2025 2026 & > div > div > span:first-child { 2027 font-size: 4em; 2028 margin-top: 0.15em; 2029 text-align: center; 2030 } 2031 2032 & > div > div > span:last-child { 2033 font-size: 1.2em; 2034 } 2035 } 2036 2037 </style> 2038<style> 2039@keyframes awTickerScroll { 2040 0% { transform: translate3d(0, 0, 0); } 2041 100% { transform: translate3d(-50%, 0, 0); } 2042} 2043.aw-ticker-wrap { 2044 overflow: hidden; 2045 background-color: var(--tw-bg, transparent); 2046} 2047.aw-ticker { 2048 display: flex; 2049 align-items: center; 2050 white-space: nowrap; 2051 will-change: transform; 2052 animation: awTickerScroll 22s linear infinite; 2053 width: max-content; 2054 flex-shrink: 0; 2055 padding: var(--tw-py, 20px) 0; 2056} 2057.aw-ticker-wrap:not(.no-pause-hover) .aw-ticker:hover { 2058 animation-play-state: paused; 2059} 2060.aw-ticker-item { 2061 display: inline-flex; 2062 align-items: center; 2063 flex: 0 0 auto; 2064 background: var(--tb-bg, #ffffff); 2065 color: var(--tb-color, #3f4242); 2066 padding: var(--tb-py, 12px) var(--tb-px, 18px); 2067 border-radius: var(--tb-r, 30px); 2068 font-size: var(--tb-fs, 17px); 2069 font-family: var(--tb-font, inherit); 2070 font-weight: var(--tb-fw, normal); 2071 font-style: var(--tb-fstyle, normal); 2072 line-height: 1.2; 2073 box-shadow: var(--tb-shadow, none); 2074 border: var(--tb-border, none); 2075 margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0; 2076} 2077.aw-ticker-item a { 2078 color: inherit; 2079 text-decoration: none; 2080} 2081.aw-ticker-item a:hover { 2082 text-decoration: underline; 2083} 2084.aw-ticker-sep { 2085 display: inline-flex; 2086 align-items: center; 2087 justify-content: center; 2088 flex: 0 0 auto; 2089 height: var(--ts-size, 10px); 2090 margin: 0 calc(var(--tb-gap, 4px) * 2) 0 0; 2091} 2092.aw-ticker-sep::before { 2093 content: ""; 2094 display: block; 2095 border-radius: 999px; 2096 flex: 0 0 auto; 2097 width: var(--ts-size, 10px); 2098 height: var(--ts-size, 10px); 2099 background: var(--ts-color, #47d4e0); 2100} 2101@media (prefers-reduced-motion: reduce) { 2102 .aw-ticker { animation: none; } 2103} 2104@media (max-width: 480px) { 2105 .aw-ticker-item { font-size: 85%; } 2106} 2107</style> 2108
2109<script> 2110 $(function() { 2111 2112 (function() { 2113 var tickers = document.querySelectorAll('.aw-ticker-wrap'); 2114 if (!tickers.length) return; 2115 2116 if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return; 2117 2118 tickers.forEach(function(wrap) { 2119 var raw = wrap.getAttribute('data-ticker'); 2120 if (!raw) { return; } 2121 try { 2122 var cfg = JSON.parse(raw); 2123 var duration = cfg.speed || 22; 2124 var dir = (cfg.direction === 'right') ? 1 : -1; 2125 var track = wrap.querySelector('.aw-ticker'); 2126 if (track) { 2127 track.style.animation = 'none'; 2128 track.style.webkitAnimation = 'none'; 2129 2130 function startAnimation() { 2131 var halfWidth = track.scrollWidth / 2; 2132 var pos = 0; 2133 var last = null; 2134 var isPaused = false; 2135 var speedPxPerSec = halfWidth / duration; 2136 2137 if (window.ResizeObserver) { 2138 var observer = new ResizeObserver(function() { 2139 halfWidth = track.scrollWidth / 2; 2140 speedPxPerSec = halfWidth / duration; 2141 }); 2142 observer.observe(track); 2143 } 2144 2145 if (cfg.pause_on_hover !== false) { 2146 wrap.addEventListener('mouseenter', function() { isPaused = true; }); 2147 wrap.addEventListener('mouseleave', function() { isPaused = false; }); 2148 } 2149 2150 function step(ts) { 2151 if (last === null) last = ts; 2152 var delta = (ts - last) / 1000; 2153 last = ts; 2154 2155 if (halfWidth > 0 && !isPaused) { 2156 pos += dir * speedPxPerSec * delta; 2157 if (dir === -1 && pos <= -halfWidth) { 2158 pos += halfWidth; 2159 } else if (dir === 1 && pos >= 0) { 2160 pos -= halfWidth; 2161 } 2162 track.style.transform = 'translate3d(' + pos + 'px, 0, 0)'; 2163 track.style.webkitTransform = 'translate3d(' + pos + 'px, 0, 0)'; 2164 } 2165 requestAnimationFrame(step); 2166 } 2167 requestAnimationFrame(step); 2168 } 2169 2170 function init() { 2171 var containerW = wrap.offsetWidth; 2172 if (containerW === 0) { 2173 setTimeout(init, 100); 2174 return; 2175 } 2176 2177 var safetyLimit = 20; 2178 while (track.scrollWidth / 2 < containerW && safetyLimit-- > 0) { 2179 var existing = track.innerHTML; 2180 track.innerHTML = existing + existing; 2181 } 2182 2183 startAnimation(); 2184 } 2185 init(); 2186 } 2187 if (cfg.pause_on_hover === false) wrap.classList.add('no-pause-hover'); 2188 } catch(e) {} 2189 }); 2190 })(); 2191 let AwCarouselIntervals = {}, AwCarouselAutoAdvanceTime = 5000; 2192 2193 // Pause carousel auto-advance when user clicks into a video iframe (Bunny.net, YouTube, Vimeo) 2194 // When the user clicks an iframe, the main window loses focus. We detect that and check 2195 // if the now-focused element is an iframe inside an aw-carousel. 2196 let awCarouselFocusInterval = null; 2197 $(window).on('blur', function() { 2198 setTimeout(function() { 2199 let el = document.activeElement; 2200 if (el && el.tagName === 'IFRAME') { 2201 let carousel = $(el).closest('.aw-carousel'); 2202 if (carousel.length) { 2203 carousel.addClass('aw-video-playing'); 2204 } 2205 } 2206 }, 0); 2207 }); 2208 $(window).on('focus', function() { 2209 $('.aw-carousel.aw-video-playing').removeClass('aw-video-playing'); 2210 }); 2211 function createRandomString( strLength = 20 ) 2212 { 2213 let result = []; 2214 let charSet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'; 2215 2216 while (strLength--) 2217 result.push(charSet.charAt(Math.floor(Math.random() * charSet.length))); 2218 2219 return result.join(''); 2220 } 2221 function AwCarouselGoToNextSlide( carousel ) 2222 { 2223 if (carousel.find('video').toArray().some(v => !v.paused) || carousel.hasClass('aw-video-playing')) return; 2224 let slides_container = carousel.find('.aw-slides'); 2225 let slides = slides_container.children(); 2226 let carousel_bounding_rect = carousel[0].getBoundingClientRect(); 2227 2228 for( let i = 0; i < slides.length; i++ ) { 2229 let slide_bounding_rect = slides[i].getBoundingClientRect(); 2230 if( Math.floor(slide_bounding_rect.x) === Math.floor(carousel_bounding_rect.x) ) { 2231 let slide_width = slide_bounding_rect.width; 2232 let next_slide_index = i + 1; 2233 if( next_slide_index >= slides.length ) 2234 next_slide_index = 0; 2235 if( next_slide_index === 0 ) 2236 slides_container[0].scrollLeft = 0; 2237 else 2238 slides_container[0].scrollLeft += Math.ceil(slide_width); 2239 break; 2240 } 2241 } 2242 } 2243 2244 function GetCarouselSlideAdvanceTime( carousel ) 2245 { 2246 let slide_advance_time = carousel.attr('data-auto-advance-seconds'); 2247 if( slide_advance_time == '' || typeof slide_advance_time === 'undefined' ) 2248 slide_advance_time = AwCarouselAutoAdvanceTime; 2249 else 2250 slide_advance_time = parseInt( slide_advance_time, 10 ) * 1000; 2251 return slide_advance_time; 2252 } 2253 2254 $('.aw-carousel').each( function() { 2255 let carousel = $(this); 2256 let slides = carousel.find('.aw-slides'); 2257 let slide_advance_time = GetCarouselSlideAdvanceTime( carousel ); 2258 2259 let carousel_id = createRandomString(); 2260 while( $('#' + carousel_id + '-slide-1' ).length > 0 ) 2261 carousel_id = createRandomString(); 2262 2263 let carousel_dot_color = ''; 2264 let first_dot = carousel[0].querySelector('& > a'); 2265 if( first_dot !== null ) 2266 carousel_dot_color = first_dot.style.backgroundColor; 2267 carousel.find('> a').remove(); 2268 2269 slides.attr('data-carousel-id', carousel_id ); 2270 2271 slides.children().each( function( index ) { 2272 let slide_id = carousel_id + '-slide-' + (index + 1); 2273 $(this).attr('id', slide_id ); 2274 let new_link = document.createElement('a'); 2275 new_link.setAttribute('href', '#' + slide_id );
2276 new_link.setAttribute('data-slide-index', index + 1 ); 2277 if( carousel_dot_color !== '' ) 2278 new_link.setAttribute('style','background-color: ' + carousel_dot_color + ';'); 2279 new_link.innerHTML = ' '; 2280 carousel.append( new_link ); 2281 }); 2282 2283 2284 if( carousel.hasClass('aw-automatic-carousel') ) 2285 AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( carousel ), slide_advance_time ); 2286 }); 2287 2288 $('.aw-carousel > a').click( function( evt ) { 2289 let slides_container = $(this).parent().find('.aw-slides'); 2290 let slide_width = slides_container.children()[0].getBoundingClientRect().width; 2291 let slide_index = parseInt( $(this).attr('data-slide-index'), 10 ); 2292 slides_container[0].scrollLeft = (slide_width * (slide_index - 1)); 2293 2294 // get the entire carousel 2295 let carousel = $(this).parent(); 2296 let slide_advance_time = GetCarouselSlideAdvanceTime( carousel ); 2297 2298 2299 let carousel_id = slides_container.attr('data-carousel-id'); 2300 if( AwCarouselIntervals[ carousel_id ] ) { 2301 clearInterval( AwCarouselIntervals[ carousel_id ] ); 2302 AwCarouselIntervals[ carousel_id ] = setInterval( () => AwCarouselGoToNextSlide( $(this).parent().parent() ), slide_advance_time ); 2303 } 2304 evt.preventDefault(); 2305 evt.stopPropagation(); 2306 return false; 2307 }); 2308 }); 2309</script>
2309 2310
2311<script> 2312 let countdownTimers = []; 2313 function StartCountdownTimers( countdown_selector = '.aw-countdown', options = {} ) 2314 { 2315 function countdown( element, expiration_url ) { 2316 let end_date_time = element.getAttribute('data-end-datetime'); 2317 let timer_length = element.getAttribute('data-end-minutes'); 2318 2319 if( typeof end_date_time !== 'string' && typeof timer_length !== 'string' ) 2320 return false; 2321 2322 if( typeof allowUndo === 'boolean' ) 2323 allowUndo = false; 2324 2325 let targetDate; 2326 2327 if( typeof end_date_time === 'string' ) 2328 targetDate = new Date( end_date_time ); 2329 else { 2330 let end_minutes = parseInt(timer_length, 10); 2331 if( isNaN( end_minutes ) ) 2332 return false; 2333 let current_date = new Date(); 2334 targetDate = new Date(); 2335 targetDate.setTime( current_date.getTime() + (end_minutes * 60 * 1000) ); 2336 if( options && options['remove-end-minutes'] === true ) 2337 element.removeAttribute('data-end-minutes'); 2338 element.setAttribute('data-end-datetime', targetDate.toISOString()); 2339 } 2340 const now = new Date(); 2341 2342 const difference = targetDate - now; 2343 2344 let days = Math.max(Math.floor(difference / (1000 * 60 * 60 * 24)), 0); 2345 let hours = Math.max(Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)), 0); 2346 let minutes = Math.max(Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60)), 0); 2347 let seconds = Math.max(Math.floor((difference % (1000 * 60)) / 1000), 0); 2348 2349 let days_text = days.toString().padStart(2, '0'); 2350 let hours_text = hours.toString().padStart(2, '0'); 2351 let minutes_text = minutes.toString().padStart(2, '0'); 2352 let seconds_text = seconds.toString().padStart(2, '0'); 2353 2354 element.querySelector('& > div > div:first-child > span:first-child').textContent = days_text; 2355 element.querySelector('& > div > div:nth-child(2) > span:first-child').textContent = hours_text; 2356 element.querySelector('& > div > div:nth-child(3) > span:first-child').textContent = minutes_text; 2357 element.querySelector('& > div > div:nth-child(4) > span:first-child').textContent = seconds_text; 2358 2359 if( typeof allowUndo === 'boolean' ) 2360 allowUndo = false; 2361 2362 if( expiration_url !== null && expiration_url !== '' && days <= 0 && hours <= 0 && minutes <= 0 && seconds <= 0 ) 2363 location.href = expiration_url; 2364 } 2365 function createCountdownHtml( element, color, background_color ) 2366 { 2367 if( element.innerHTML !== '' && element.querySelectorAll('div > div > span').length === 8 ) { 2368 if( color !== null ) 2369 element.style.color = color; 2370 if( background_color !== null ) 2371 element.style.backgroundColor = background_color; 2372 element.querySelectorAll('div > div > span:first-child').forEach( element => { 2373 element.innerHTML = '00'; 2374 }); 2375 } 2376 else { 2377 element.innerHTML = '<div style="' + 2378 (color !== null ? 'color:' + escapeHtml(color) + ';' : '') + 2379 (background_color !== null ? 'background-color:' + escapeHtml(background_color) + ';' : '') + '">' + 2380 '<div><span>00</span><span>Days</span></div>' + 2381 '<div><span>00</span><span>Hours</span></div>' + 2382 '<div><span>00</span><span>Minutes</span></div>' + 2383 '<div><span>00</span><span>Seconds</span></div>' + 2384 '</div>'; 2385 } 2386 } 2387 2388 let default_countdown_selector = '.aw-countdown'; 2389 let has_custom_selector = (typeof countdown_selector === 'string' && countdown_selector !== default_countdown_selector ); 2390 if( !has_custom_selector ) 2391 countdown_selector = default_countdown_selector; 2392 2393 for( let i = countdownTimers.length - 1; i >= 0; i-- ) { 2394 if (!has_custom_selector || (countdown_selector.charAt(0) === '#' && countdownTimers[i].id === countdown_selector.substring(1))) { 2395 clearInterval(countdownTimers[i].interval); 2396 countdownTimers.splice(i, 1); 2397 } 2398 } 2399 2400 let countdown_elements = document.querySelectorAll( countdown_selector ); 2401 2402 for( let i = 0; i < countdown_elements.length; i++ ) { 2403 let element = countdown_elements[i]; 2404 let end_date_time = element.getAttribute('data-end-datetime'); 2405 let timer_length = element.getAttribute('data-end-minutes'); 2406 let expiration_url = element.getAttribute('data-expiration-url'); 2407 let color = element.getAttribute('data-color'); 2408 let background_color = element.getAttribute('data-background-color'); 2409 if( typeof end_date_time === 'string' || typeof timer_length === 'string' ) { 2410 createCountdownHtml( element, color, background_color ); 2411 2412 if( options && options.remember === true && typeof element.getAttribute('data-end-minutes') === 'string' && element.getAttribute('data-end-minutes') !== '' ) { 2413 let existing_expires = Cookies.get('aw-countdown-' + i); 2414 if( typeof existing_expires === 'undefined' ) { 2415 let expiration_minutes = element.getAttribute('data-end-minutes'); 2416 if (expiration_minutes) { 2417 expiration_minutes = parseInt(expiration_minutes, 10); 2418 2419 if( typeof end_date_time !== 'string' ) { 2420 let current_date = new Date(); 2421 let targetDate = new Date(); 2422 targetDate.setTime( current_date.getTime() + (expiration_minutes * 60 * 1000) ); 2423 end_date_time = targetDate.toISOString(); 2424 } 2425 let cookie_expires_date = new Date(new Date().getTime() + ((expiration_minutes + 1440) * 60 * 1000)); 2426 Cookies.set('aw-countdown-' + i, end_date_time, { 2427 path: window.location.pathname, 2428 expires: cookie_expires_date 2429 }); 2430 } 2431 } 2432 else { 2433 element.setAttribute('data-end-datetime', existing_expires); 2434 } 2435 } 2436 2437 countdown( element, expiration_url );
2438 countdownTimers.push( { id: element.id, interval: setInterval(() => countdown( element, expiration_url ), 1000) } ); 2439 } 2440 } 2441 } 2442 2443 document.addEventListener('DOMContentLoaded', function() { 2444 StartCountdownTimers( '.aw-countdown', { 2445 remember: true }); 2446 } ); 2447 2448</script>
2448 2449
2450<script> 2451 $(function() { 2452 function MenuCheck() 2453 { 2454 try { 2455 let jquery_element = $('#primary-menu > ul'); 2456 let js_element = jquery_element[0]; 2457 if( js_element.getBoundingClientRect().y > 0 && !jquery_element.hasClass('dropped') ) 2458 jquery_element.addClass('dropped'); 2459 else if( js_element.getBoundingClientRect().y === 0 && jquery_element.hasClass('dropped') ) 2460 jquery_element.removeClass('dropped'); 2461 } 2462 catch( err ) {} 2463 } 2464 $(window).resize( MenuCheck ); 2465 MenuCheck(); 2466 2467 $('[href^="#copytoclipboard="]').click( function() { 2468 let text = $(this).attr('href').substring(17); 2469 CopyToClipboard( decodeURIComponent( text ) ); 2470 return false; 2471 }); 2472 }); 2473 2474 function highlightRequiredField( field_id, callback ) 2475 { 2476 $('#' + field_id).addClass('tilt-shaking'); 2477 setTimeout( () => { 2478 $('#' + field_id).removeClass('tilt-shaking'); 2479 if( typeof callback === 'function' ) 2480 callback(); 2481 }, 750 ); 2482 } 2483 2484 function CopyToClipboard( text, success_message = 'Copied to clipboard', failure_message = 'Failed to copy to clipboard' ) 2485 { 2486 window.navigator.clipboard.writeText( text ).then( function() { 2487 toastr.info( success_message ); 2488 }, function() { 2489 toastr.error( failure_message ); 2490 }); 2491 return false; 2492 } 2493</script>
2493 2494 <!-- Override Styles --> 2495 <style media="all"> 2496 #primary-menu-trigger { 2497 font-size: 27px; 2498 margin-left: 10px; 2499 } 2500 .thin-font { 2501 font-weight: 300; 2502 } 2503 .section { 2504 background-color: #f7f7f7; 2505 } 2506 .bottle-lineup { 2507 height: 160px; 2508 } 2509 .bottle-popular { 2510 background-size: contain; 2511 background-repeat: no-repeat; 2512 background-position: center; 2513 height: 100px !important; 2514 } 2515 .menu-flag { 2516 width:16px; 2517 position: relative; 2518 top:-2px; 2519 margin-right:5px; 2520 } 2521 #logo > a { 2522 text-transform: none !important; 2523 } 2524 #logo { 2525 border-right: 0 !important; 2526 } 2527 #logo a.standard-logo { display: inline; } 2528 2529 #logo a.retina-logo { display: none; } 2530 2531 #header.transparent-header.full-header #header-wrap { 2532 border-bottom: none; /* Remove top line in the theme to clean up display */ 2533 } 2534 2535 #primary-menu-trigger { 2536 text-align: left; 2537 } 2538 2539 .get-started-button-top { 2540 float:right; 2541 } 2542 .get-started-button-bottom { 2543 display:none; 2544 } 2545 2546 .inherit-link-weight { 2547 font-weight: inherit !important; 2548 } 2549 2550 .site-name-text { 2551 -webkit-transition: all .4s ease, opacity .3s ease; 2552 -o-transition: all .4s ease, opacity .3s ease; 2553 transition: all .4s ease, opacity .3s ease; 2554 display:inline-block; 2555 } 2556 @media( max-width: 991px ) { 2557 .site-name-text { 2558 margin-left: 27px; 2559 max-height: 7rem; 2560 overflow: hidden; 2561 } 2562 #primary-menu ul li a { 2563 font-size: 16px; 2564 } 2565 } 2566 2567 #header.sticky-header .site-name-text { 2568 font-size: 20px; 2569 position: relative; 2570 top: -20px; 2571 } 2572 /*#header.sticky-header #logo {*/ 2573 /*margin-top: 10px;*/ 2574 /*}*/ 2575 2576 #footer.dark .social-icon.si-borderless { 2577 color: #999999 !important; 2578 } 2579 2580 .blog-image { 2581 width: auto !important; 2582 margin-left:auto; 2583 max-height: 200px; 2584 margin-top: -30px; 2585 } 2586 2587 .margin-bottom-20 { 2588 margin-bottom: 20px; 2589 } 2590 2591 2592 .about-me-text p { 2593 margin-bottom:20px; 2594 } 2595 2596 .about-me-text td, th { 2597 padding: 10px; 2598 } 2599 2600 .fr-view td, th { 2601 padding: 10px; 2602 } 2603 2604 .logo-image { 2605 display: inline !important; 2606 max-width: 400px !important; 2607 max-height: 100px; 2608 } 2609 2610 ul, ol { 2611 padding-left: revert; 2612 } 2613 2614 .topmargin-xs { 2615 margin-top: 15px; 2616 } 2617
2618 .modal-inner { 2619 color: #333; 2620 font-weight:300; 2621 margin-bottom:10px; 2622 margin-top:20px; 2623 font-size:18px; 2624 } 2625 2626 .font-weight-normal { 2627 font-weight: normal; 2628 } 2629 .smaller-font { 2630 font-size: 15px; 2631 } 2632 2633 #header.transparent-header.full-header #header-wrap { 2634 border-bottom: none; /* Remove top line in the theme to clean up display */ 2635 } 2636 #header.transparent-header.full-header.dark > #header-wrap:not(.not-dark) { 2637 background: rgba(50,50,50,0.3); 2638 } 2639 #header.transparent-header.full-header.dark:not(.sticky-header) > #header-wrap { 2640 background: rgba(50,50,50,0.9); 2641 } 2642 .dark #logo a { 2643 color: #f0f0f0; 2644 } 2645 2646 2647 .toppadding-sm { padding-top: 20px; } 2648 .bottompadding-sm { padding-bottom: 20px; } 2649 2650 2651 2652 .fr-code { font-weight: normal; } 2653 2654 @media (max-width: 991px) { 2655 2656 .fr-video > iframe { 2657 height: auto !important; 2658 min-height: 250px; 2659 margin: 10px 0; 2660 } 2661 } 2662.fr-box.fr-basic .fr-element.fr-view, #page-editor, .landing-page-editable { font-family: Lato,sans-serif;font-weight:normal;font-style:normal;text-transform:none;}.fr-box.fr-basic .fr-element.fr-view h1, #page-editor h1, .landing-page-editable h1, 2663 .fr-box.fr-basic .fr-element.fr-view h2, #page-editor h2, .landing-page-editable h2, 2664 .fr-box.fr-basic .fr-element.fr-view h3, #page-editor h3, .landing-page-editable h3, 2665 .fr-box.fr-basic .fr-element.fr-view h4, #page-editor h4, .landing-page-editable h4, 2666 .fr-box.fr-basic .fr-element.fr-view h5, #page-editor h5, .landing-page-editable h6, 2667 .fr-box.fr-basic .fr-element.fr-view h6, #page-editor h6, .landing-page-editable h6 { font-family: Lato,sans-serif;font-weight:normal;font-style:normal;text-transform:none;} 2668 .widget_links li { 2669 display:inline-block; 2670 width:24%; 2671 } 2672 @media (max-width: 991px) { 2673 .widget_links li { 2674 width:32%; 2675 } 2676 } 2677 @media (max-width: 767px) { 2678 .widget_links li { 2679 width:50%; 2680 } 2681 } 2682 @media (max-width: 480px) { 2683 .widget_links li { 2684 width:100%; 2685 } 2686 } 2687 2688 2689 2690 @media (min-width: 480px) { 2691 .leftpad25-not-mobile { 2692 padding-left:25px; 2693 } 2694 } 2695 @media (max-width: 480px ) { 2696 .site-name-text { 2697 font-size: 24px !important; 2698 } 2699 .logo-image { 2700 display: inline !important; 2701 max-width: 330px !important; 2702 max-height: 100px; 2703 } 2704 } 2705 @media (max-width: 767px) { 2706 .blog-image { 2707 display:block; 2708 width:100%; 2709 max-height: none; 2710 max-width: 100%; 2711 } 2712 } 2713 @media (max-width: 991px) { 2714 /*#logo a.standard-logo { display: inline-block; }*/ 2715 .get-started-button-top { 2716 display:none; 2717 } 2718 .get-started-button-bottom { 2719 display: inline-block; 2720 } 2721 #logo .site-name-text { 2722 position: relative; 2723 top: 29px; 2724 } 2725 .blog-image { 2726 margin-right:auto; 2727 } 2728 #contact-message { 2729 min-height:auto; 2730 }
2731 .modal-image-link { 2732 display:block; 2733 margin:0 20px 20px 0; 2734 float:none; 2735 } 2736 .menu-item-overflow { 2737 overflow:hidden; 2738 white-space:nowrap; 2739 text-overflow:ellipsis; 2740 } 2741 } 2742 2743 @media 2744 only screen and (-webkit-min-device-pixel-ratio: 2), 2745 only screen and ( min--moz-device-pixel-ratio: 2), 2746 only screen and ( -o-min-device-pixel-ratio: 2/1), 2747 only screen and ( min-device-pixel-ratio: 2), 2748 only screen and ( min-resolution: 192dpi), 2749 only screen and ( min-resolution: 2dppx) { 2750 2751 #logo a.standard-logo { 2752 display: none; 2753 } 2754 2755 #logo a.retina-logo { 2756 display: inline; 2757 } 2758 } 2759 2760 @media 2761 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px), 2762 only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 991px), 2763 only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 991px), 2764 only screen and ( min-device-pixel-ratio: 2) and (max-width: 991px), 2765 only screen and ( min-resolution: 192dpi) and (max-width: 991px), 2766 only screen and ( min-resolution: 2dppx) and (max-width: 991px) { 2767 /*#logo a.standard-logo { display: none; } 2768 #logo a.retina-logo { display: inline-block; }*/ 2769 .get-started-button-top { 2770 display:none; 2771 } 2772 .get-started-button-bottom { 2773 display: inline-block; 2774 } 2775 2776 #logo .site-name-text { 2777 position: relative; 2778 top: 29px; 2779 } 2780 .blog-image { 2781 margin-right:auto; 2782 } 2783 } 2784 2785 @media( min-width: 992px ) { 2786 section { 2787 clear:both; 2788 } 2789 } 2790 2791 /* Icon Fonts */ 2792 @font-face { 2793 font-family: 'font-icons'; 2794 src:url('/themes/modern-fonts/font-icons.eot'); 2795 src:url('/themes/modern-fonts/font-icons.eot') format('embedded-opentype'), 2796 url('https://webcache.attractwell.com/third-party/font-icons/font-icons.woff') format('woff'), 2797 url('https://webcache.attractwell.com/third-party/font-icons/font-icons.ttf') format('truetype'), 2798 url('/themes/modern-fonts/font-icons.svg') format('svg'); 2799 font-weight: normal; 2800 font-style: normal; 2801 } 2802 2803 @font-face { 2804 font-family: 'lined-icons'; 2805 src:url('/themes/modern-fonts/lined-icons.eot'); 2806 src:url('/themes/modern-fonts/lined-icons.eot') format('embedded-opentype'), 2807 url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.woff') format('woff'), 2808 url('https://webcache.attractwell.com/third-party/font-icons/lined-icons.ttf') format('truetype'), 2809 url('/themes/modern-fonts/lined-icons.svg') format('svg'); 2810 font-weight: normal; 2811 font-style: normal; 2812 } 2813 2814 @font-face { 2815 font-family: 'Simple-Line-Icons'; 2816 src:url('/themes/modern-fonts/Simple-Line-Icons.eot'); 2817 src:url('/themes/modern-fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), 2818 url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.woff') format('woff'), 2819 url('https://webcache.attractwell.com/third-party/font-icons/Simple-Line-Icons.ttf') format('truetype'), 2820 url('/themes/modern-fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg'); 2821 font-weight: normal; 2822 font-style: normal; 2823 } 2824.clearfix::after { 2825 clear: both; 2826 display: block; 2827 content: ""; 2828 height: 0; 2829} 2830.hide-by-clipping { 2831 position: absolute; 2832 width: 1px; 2833 height: 1px; 2834 padding: 0; 2835 margin: -1px; 2836 overflow: hidden; 2837 clip: rect(0, 0, 0, 0); 2838 border: 0; 2839} 2840img.fr-rounded, 2841.fr-img-caption.fr-rounded img { 2842 border-radius: 10px; 2843 -moz-border-radius: 10px; 2844 -webkit-border-radius: 10px; 2845 -moz-background-clip: padding; 2846 -webkit-background-clip: padding-box; 2847 background-clip: padding-box; 2848} 2849img.fr-bordered, 2850.fr-img-caption.fr-bordered img { 2851 border: solid 5px #CCC; 2852} 2853img.fr-bordered { 2854 -webkit-box-sizing: content-box; 2855 -moz-box-sizing: content-box; 2856 box-sizing: content-box; 2857} 2858.fr-img-caption.fr-bordered img { 2859 -webkit-box-sizing: border-box; 2860 -moz-box-sizing: border-box; 2861 box-sizing: border-box; 2862} 2863img.fr-shadow, 2864.fr-img-caption.fr-shadow img { 2865 -webkit-box-shadow: 10px 10px 5px 0px #cccccc; 2866 -moz-box-shadow: 10px 10px 5px 0px #cccccc; 2867 box-shadow: 10px 10px 5px 0px #cccccc; 2868} 2869.fr-view span[style~="color:"] a { 2870 color: inherit; 2871} 2872.fr-view strong { 2873 font-weight: 700; 2874} 2875.fr-view table { 2876 border: none; 2877 border-collapse: collapse; 2878 empty-cells: show; 2879 max-width: 100%; 2880 table-layout: fixed; 2881} 2882.fr-view table td { 2883 min-width: 5px; 2884} 2885.fr-view table.fr-dashed-borders td, 2886.fr-view table.fr-dashed-borders th { 2887 border-style: dashed; 2888} 2889.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { 2890 background: #f5f5f5; 2891} 2892.fr-view table td, 2893.fr-view table th, 2894.member-area .fr-view table td, 2895.member-area .fr-view table th { 2896 border: 0; 2897}
2898.back-office-menu-layout-grid-content .fr-view table td, 2899.back-office-menu-layout-grid-content .fr-view table th { 2900 border: 1px solid #dddddd; 2901} 2902.fr-view table td:empty, 2903.fr-view table th:empty { 2904 height: 20px; 2905} 2906.fr-view table td.fr-highlighted, 2907.fr-view table th.fr-highlighted { 2908 border: 1px double red; 2909} 2910.fr-view table td.fr-thick, 2911.fr-view table th.fr-thick { 2912 border-width: 2px; 2913} 2914.fr-view table th { 2915 background: #e6e6e6; 2916} 2917.fr-view hr { 2918 clear: both; 2919 user-select: none; 2920 -o-user-select: none; 2921 -moz-user-select: none; 2922 -khtml-user-select: none; 2923 -webkit-user-select: none; 2924 -ms-user-select: none; 2925 page-break-after: always; 2926 border-top: 2px solid #bbb; 2927} 2928.fr-view .fr-file { 2929 position: relative; 2930} 2931/* paperclip icon after inserting file 2932.fr-view .fr-file::after { 2933 position: relative; 2934 content: "\1F4CE"; 2935 font-weight: normal; 2936} 2937*/ 2938.fr-view pre { 2939 white-space: pre-wrap; 2940 word-wrap: break-word; 2941 overflow: visible; 2942} 2943.fr-view[dir="rtl"] blockquote { 2944 border-left: none; 2945 border-right: solid 2px #5e35b1; 2946 margin-right: 0; 2947 padding-right: 5px; 2948 padding-left: 0px; 2949} 2950.fr-view[dir="rtl"] blockquote blockquote { 2951 border-color: #00bcd4; 2952} 2953.fr-view[dir="rtl"] blockquote blockquote blockquote { 2954 border-color: #43a047; 2955} 2956.fr-view blockquote { 2957 border-left: solid 2px currentColor; 2958 margin-left: 0; 2959 padding-left: 15px; 2960 color: inherit; 2961} 2962.fr-view blockquote blockquote { 2963 border-color: inherit; 2964 color: inherit; 2965} 2966.fr-view blockquote blockquote blockquote { 2967 border-color: inherit; 2968 color: inherit; 2969} 2970.fr-view span.fr-emoticon { 2971 font-weight: normal; 2972 font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; 2973 display: inline; 2974 line-height: 0; 2975} 2976.fr-view span.fr-emoticon.fr-emoticon-img { 2977 background-repeat: no-repeat !important; 2978 font-size: inherit; 2979 height: 1em; 2980 width: 1em; 2981 min-height: 20px; 2982 min-width: 20px; 2983 display: inline-block; 2984 margin: -0.1em 0.1em 0.1em; 2985 line-height: 1; 2986 vertical-align: middle; 2987} 2988.fr-view .fr-text-gray { 2989 color: #AAA !important; 2990} 2991.fr-view .fr-text-bordered { 2992 border-top: solid 1px #222; 2993 border-bottom: solid 1px #222; 2994 padding: 10px 0; 2995} 2996.fr-view .fr-text-spaced { 2997 letter-spacing: 1px; 2998} 2999.fr-view .fr-text-uppercase { 3000 text-transform: uppercase; 3001} 3002.fr-view img { 3003 position: relative; 3004 max-width: 100%; 3005} 3006.fr-view img.fr-dib { 3007 margin: 5px auto; 3008 display: block; 3009 float: none; 3010 vertical-align: top; 3011} 3012.fr-view img.fr-dib.fr-fil { 3013 margin-left: 0; 3014 text-align: left; 3015} 3016.fr-view img.fr-dib.fr-fir { 3017 margin-right: 0; 3018 text-align: right; 3019} 3020.fr-view img.fr-dii { 3021 display: inline-block; 3022 float: none; 3023 vertical-align: bottom; 3024 margin-left: 5px; 3025 margin-right: 5px; 3026 max-width: calc(100% - (2 * 5px)); 3027} 3028.fr-view img.fr-dii.fr-fil { 3029 float: left; 3030 margin: 5px 20px 20px 0; 3031 max-width: calc(100% - 5px); 3032} 3033.fr-view img.fr-dii.fr-fir { 3034 float: right; 3035 margin: 5px 0 20px 20px; 3036 max-width: calc(100% - 5px); 3037} 3038.fr-view span.fr-img-caption { 3039 position: relative; 3040 max-width: 100%; 3041} 3042.fr-view span.fr-img-caption.fr-dib { 3043 margin: 5px auto; 3044 display: block; 3045 float: none; 3046 vertical-align: top; 3047} 3048.fr-view span.fr-img-caption.fr-dib.fr-fil { 3049 margin-left: 0; 3050 text-align: left; 3051} 3052.fr-view span.fr-img-caption.fr-dib.fr-fir { 3053 margin-right: 0; 3054 text-align: right; 3055} 3056.fr-view span.fr-img-caption.fr-dii { 3057 display: inline-block; 3058 float: none; 3059 vertical-align: bottom; 3060 margin-left: 5px; 3061 margin-right: 5px; 3062 max-width: calc(100% - (2 * 5px)); 3063} 3064.fr-view span.fr-img-caption.fr-dii.fr-fil { 3065 float: left; 3066 margin: 5px 5px 5px 0; 3067 max-width: calc(100% - 5px); 3068} 3069.fr-view span.fr-img-caption.fr-dii.fr-fir { 3070 float: right; 3071 margin: 5px 0 5px 5px; 3072 max-width: calc(100% - 5px); 3073} 3074.fr-view .fr-video { 3075 text-align: center; 3076 position: relative; 3077} 3078.fr-view .fr-video > * { 3079 -webkit-box-sizing: content-box; 3080 -moz-box-sizing: content-box; 3081 box-sizing: content-box; 3082 max-width: 100%; 3083 border: none; 3084} 3085.fr-view .fr-video.fr-dvb { 3086 display: block; 3087 clear: both; 3088} 3089.fr-view .fr-video.fr-dvb.fr-fvl { 3090 text-align: left; 3091} 3092.fr-view .fr-video.fr-dvb.fr-fvr { 3093 text-align: right; 3094} 3095.fr-view .fr-video.fr-dvi { 3096 display: inline-block; 3097} 3098.fr-view .fr-video.fr-dvi.fr-fvl { 3099 float: left; 3100} 3101.fr-view .fr-video.fr-dvi.fr-fvr { 3102 float: right; 3103} 3104.fr-view a.fr-strong { 3105 font-weight: 700; 3106} 3107.fr-view a.fr-green { 3108 color: green; 3109} 3110.fr-view .fr-img-caption { 3111 text-align: center; 3112} 3113.fr-view .fr-img-caption .fr-img-wrap { 3114 padding: 0px; 3115 display: inline-block; 3116 margin: auto; 3117 text-align: center; 3118 width: 100%; 3119} 3120.fr-view .fr-img-caption .fr-img-wrap img { 3121 display: block; 3122 margin: auto; 3123 width: 100%; 3124} 3125.fr-view .fr-img-caption .fr-img-wrap > span { 3126 margin: auto; 3127 display: block; 3128 padding: 5px 5px 10px; 3129 font-size: 14px; 3130 font-weight: initial; 3131 -webkit-box-sizing: border-box; 3132 -moz-box-sizing: border-box; 3133 box-sizing: border-box; 3134 -webkit-opacity: 0.9; 3135 -moz-opacity: 0.9; 3136 opacity: 0.9; 3137 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 3138 width: 100%; 3139 text-align: center; 3140} 3141.fr-view button.fr-rounded, 3142.fr-view input.fr-rounded, 3143.fr-view textarea.fr-rounded { 3144 border-radius: 1px; 3145 -moz-border-radius: 1px; 3146 -webkit-border-radius: 1px; 3147 -moz-background-clip: padding; 3148 -webkit-background-clip: padding-box; 3149 background-clip: padding-box; 3150} 3151.fr-view button.fr-large, 3152.fr-view input.fr-large, 3153.fr-view textarea.fr-large { 3154 font-size: 24px; 3155} 3156/** 3157 * Image style. 3158 */ 3159a.fr-view.fr-strong { 3160 font-weight: 700; 3161} 3162a.fr-view.fr-green { 3163 color: green; 3164} 3165/** 3166 * Link style. 3167 */ 3168img.fr-view { 3169 position: relative; 3170 max-width: 100%; 3171} 3172img.fr-view.fr-dib { 3173 margin: 5px auto; 3174 display: block; 3175 float: none; 3176 vertical-align: top; 3177} 3178img.fr-view.fr-dib.fr-fil { 3179 margin-left: 0; 3180 text-align: left; 3181} 3182img.fr-view.fr-dib.fr-fir { 3183 margin-right: 0; 3184 text-align: right; 3185} 3186img.fr-view.fr-dii { 3187 display: inline-block; 3188 float: none; 3189 vertical-align: bottom; 3190 margin-left: 5px; 3191 margin-right: 5px; 3192 max-width: calc(100% - (2 * 5px)); 3193} 3194img.fr-view.fr-dii.fr-fil { 3195 float: left; 3196 margin: 5px 5px 5px 0; 3197 max-width: calc(100% - 5px); 3198} 3199img.fr-view.fr-dii.fr-fir { 3200 float: right; 3201 margin: 5px 0 5px 5px; 3202 max-width: calc(100% - 5px); 3203} 3204span.fr-img-caption.fr-view { 3205 position: relative; 3206 max-width: 100%; 3207} 3208span.fr-img-caption.fr-view.fr-dib { 3209 margin: 5px auto; 3210 display: block; 3211 float: none; 3212 vertical-align: top; 3213} 3214span.fr-img-caption.fr-view.fr-dib.fr-fil { 3215 margin-left: 0; 3216 text-align: left; 3217} 3218span.fr-img-caption.fr-view.fr-dib.fr-fir { 3219 margin-right: 0; 3220 text-align: right; 3221} 3222span.fr-img-caption.fr-view.fr-dii { 3223 display: inline-block; 3224 float: none; 3225 vertical-align: bottom; 3226 margin-left: 5px; 3227 margin-right: 5px; 3228 max-width: calc(100% - (2 * 5px)); 3229} 3230span.fr-img-caption.fr-view.fr-dii.fr-fil { 3231 float: left; 3232 margin: 5px 5px 5px 0; 3233 max-width: calc(100% - 5px); 3234} 3235span.fr-img-caption.fr-view.fr-dii.fr-fir { 3236 float: right; 3237 margin: 5px 0 5px 5px; 3238 max-width: calc(100% - 5px); 3239} 3240 3241/* Shrink the Froala line breaker floating button to prevent overlap on small images */ 3242.fr-line-breaker .fr-floating-btn { 3243 transform: scale(0.7) !important; 3244 transform-origin: center !important; 3245} 3246 3247/* Optional: Add hover effect if you want it to scale up full size on hover */ 3248.fr-line-breaker:hover .fr-floating-btn { 3249 transform: scale(1) !important; 3250 transition: transform 0.1s ease; 3251} 3252 3253 [data-animate]:not(.animated) { 3254 opacity: 0; 3255 } 3256 </style> 3257 <link rel="stylesheet" href="https://attractwell.com/site-assets/themes/attractwell/css/font-icons.css" type="text/css" /> 3258 3259 <link rel="canonical" href="https://nationalcenterforinterpretation.com/store" /> 3260<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 3260-3261
3260 3261<script async src="https://www.googletagmanager.com/gtag/js?id=
3261G-9K8ES564XP
vendor: 13 bytes, line 3261
3261"></script>
3262<script> 3263
vendor: 138 bytes, lines 3263-3267
3263window.dataLayer = window.dataLayer || []; 3264 function gtag(){dataLayer.push(arguments);} 3265 gtag('js', new Date()); 3266 3267 gtag('config', '
3267G-9K8ES564XP
vendor: 5 bytes, line 3267
3267');
3268</script>
3268 3269</head> 3270 3271<body class="stretched no-transition"> 3272 3273 3274 3275 3276<!-- Document Wrapper 3277============================================= --> 3278<div id="wrapper" class="clearfix"> 3279 3280 <!-- Header 3281 ============================================= --> 3282 <header id="header" class="transparent-header full-header" data-sticky-class="not-dark"> 3283 3284 <div id="header-wrap"> 3285 3286 <div class="container clearfix"> 3287 3288 <div id="primary-menu-trigger"><i class="icon-reorder"></i></div> 3289 3290 <!-- Logo 3291 ============================================= --> 3292 <div id="logo"> 3293 <a href="/" class="standard-logo" data-dark-logo="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b9a3b2.png"> 3294 <img src="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b9a3b2.png" alt="National Center for Interpretation" class="logo-image" fetchpriority="high"> 3295 </a> 3296 <a href="/" class="retina-logo" data-dark-logo="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b9a3b2.png"> 3297 <img src="https://attractwell-4984-fast.b-cdn.net/images/4984/697d6f7b9a3b2.png" alt="National Center for Interpretation" class="logo-image" fetchpriority="high"> 3298 </a> 3299 </div><!-- #logo end --> 3300 3301 3302 3303 <!-- Primary Navigation 3304 ============================================= --> 3305 <nav id="primary-menu" xclass="dark"> 3306 3307 3308 <ul style="touch-action: pan-y;border-right: 0;margin-right: 0;padding-right: 0;"> 3309 <style> 3310 @media (min-width:992px) { 3311 .top-menu-pulldown-menu-container { 3312 overflow: auto; 3313 max-height: calc(100vh - 100px); 3314 } 3315 } 3316</style> 3317 3318<li><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com" style="background-image:none;">Home</a><li><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/page/professional-development" style="background-image:none;">Professional Development Webinars</a><li><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/store/products" style="background-image:none;">Self-Study Materials</a><li><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/page/citi" style="background-image:none;">Court Interpreter Training Institute</a><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/page/resources" style="background-image:none;">Resources</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://nationalcenterforinterpretation.com/page/certification-info">About Certification</a></li><li class="sf-with-ul"><a href="https://nationalcenterforinterpretation.com/page/professional-organizations">Professional Organizations</a></li></ul><li class="sub-menu"><span class="hidden-md hidden-lg" style="display:inline-block;float:right;background-image:none;"><i class="icon-chevron-down" style="line-height: normal;padding:12px 19px 12px 12px;position:relative;top:-8px;"></i></span><a class="sub-menu-header-link" href="https://nationalcenterforinterpretation.com/page/about" style="background-image:none;">About NCI</a><ul style="display: none;" class="top-menu-pulldown-menu-container"><li class="sf-with-ul"><a href="https://nationalcenterforinterpretation.com/page/contact">Contact Us</a></li><li class="sf-with-ul"><a href="https://nationalcenterforinterpretation.com/page/mailing-list">Join Mailing List</a></li></ul></li>
3318<script> 3319 $(function() { 3320 $('a.sub-menu-header-link').click( function() { 3321 if( $(this)[0].getAttribute('target') === '_blank' ) 3322 return; 3323 3324 if( $(this)[0].href.endsWith('#') === false ) 3325 location.href = $(this)[0].href; 3326 }); 3327 }); 3328</script>
3328 3329 </ul> 3330 3331 </nav><!-- #primary-menu end --> 3332 3333 </div> 3334 3335 </div> 3336 3337 </header><!-- #header end --> 3338 3339 <main role="main"> 3340 3341 <style> 3342 @media print { 3343 #header, .no-print { 3344 display: none !important; 3345 } 3346 #header a[href]:after, .no-print { 3347 content: none !important; 3348 } 3349 } 3350 .inline-block { 3351 display: inline-block; 3352 } 3353 @media (min-width:992px) { 3354 .inline-block-desktop { 3355 display: inline-block; 3356 } 3357 } 3358 a.dark-link { 3359 color: #91684b; 3360 } 3361 a.dark-link:hover { 3362 color: #ba8561; 3363 } 3364 .button-white { background: #f0f0f0; } 3365 .table.no-table-striping > thead > tr > th, 3366 .table.no-table-striping > tbody > tr > th, 3367 .table.no-table-striping > tfoot > tr > th, 3368 .table.no-table-striping > thead > tr > td, 3369 .table.no-table-striping > tbody > tr > td, 3370 .table.no-table-striping > tfoot > tr > td { 3371 border-top: 1px solid transparent; 3372 } 3373 .list-title-link { 3374 font-size: 20px; 3375 font-weight: bold; 3376 color: #91684b; 3377 word-break: break-word; 3378 } 3379 .list-item-section { 3380 /*background-image: linear-gradient( to bottom right, #f3f3f3, #f7f7f7 );*/ 3381 /*padding: 30px 40px 10px 40px;*/ 3382 /*border-radius: 10px;*/ 3383 /*box-shadow: 1px 1px 1px rgba(0,0,0,0.09);*/ 3384 margin-bottom: 20px; 3385 } 3386 /* Creates a grid of rows within a list-item-section class, for normal density content */ 3387 @media (min-width:1200px) { 3388 .list-item-section-grid { 3389 display: grid; 3390 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 3391 column-gap: 6rem; 3392 row-gap: 0rem; 3393 } 3394 } 3395 @media (min-width:2000px) { 3396 .list-item-section-grid { 3397 display: grid; 3398 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 3399 column-gap: 6rem; 3400 row-gap: 0rem; 3401 } 3402 } 3403 @media (min-width:2500px) { 3404 .list-item-section-grid { 3405 display: grid; 3406 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 3407 column-gap: 6rem; 3408 row-gap: 0rem; 3409 } 3410 } 3411 @media (min-width:3000px) { 3412 .list-item-section-grid { 3413 display: grid; 3414 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 3415 column-gap: 6rem; 3416 row-gap: 0rem; 3417 } 3418 } 3419 3420 /* Creates a grid of rows within a list-item-section class, for high density content that needs more space */ 3421 @media (min-width:1500px) { 3422 .list-item-section-grid-large { 3423 display: grid; 3424 grid-template-columns: repeat( 2, minmax(0, 1fr) ); 3425 column-gap: 6rem; 3426 row-gap: 0rem; 3427 } 3428 } 3429 @media (min-width:2300px) { 3430 .list-item-section-grid-large { 3431 display: grid; 3432 grid-template-columns: repeat( 3, minmax(0, 1fr) ); 3433 column-gap: 6rem; 3434 row-gap: 0rem; 3435 } 3436 } 3437 @media (min-width:2800px) { 3438 .list-item-section-grid-large { 3439 display: grid; 3440 grid-template-columns: repeat( 4, minmax(0, 1fr) ); 3441 column-gap: 6rem; 3442 row-gap: 0rem; 3443 } 3444 } 3445 @media (min-width:3300px) { 3446 .list-item-section-grid-large { 3447 display: grid; 3448 grid-template-columns: repeat( 5, minmax(0, 1fr) ); 3449 column-gap: 6rem; 3450 row-gap: 0rem; 3451 } 3452 } 3453 /* Card-style containers — share the same softer border, modern radius, and 3454 subtle hover treatment as the redesigned .form-control / wizard panels. */ 3455 .list-item-row { 3456 padding-bottom:15px; 3457 padding-top:15px; 3458 border: 1px solid #e2e3e7; 3459 border-radius: 22px; 3460 background: #ffffff; 3461 margin-bottom: 30px; 3462 box-shadow: var(--panel-box-shadow); 3463 transition: border-color 0.15s, background 0.15s; 3464 } 3465 .list-item-row.list-item-row-hover:hover { 3466 border-color: #c2c5cc; 3467 background: #f7f7f5; 3468 } 3469 .list-item-row a.button-large { 3470 padding: 10px; 3471 height:auto; 3472 line-height: 22px; 3473 text-transform: none; 3474 letter-spacing: 0.2px; 3475 margin: 0 0 5px 0; 3476 } 3477 .settings-group { 3478 background: #ffffff; 3479 padding: 20px; 3480 border: 1px solid #e2e3e7; 3481 border-radius: 12px; 3482 box-shadow: var(--panel-box-shadow); 3483 } 3484 .settings-group-no-shadow { 3485 background: #ffffff; 3486 padding: 20px; 3487 border: 1px solid #e2e3e7; 3488 border-radius: 12px; 3489 } 3490 body.dark-mode:not(.no-dark-mode) .list-item-row, 3491 body.dark-mode:not(.no-dark-mode) .settings-group, 3492 body.dark-mode:not(.no-dark-mode) .settings-group-no-shadow { 3493 background: var(--dark-background-color); 3494 border-color: #444;
3495 color: var(--dark-mode-default-text-color); 3496 } 3497 body.dark-mode:not(.no-dark-mode) .list-item-row.list-item-row-hover:hover { 3498 border-color: #5a5a5a; 3499 background: #2c2c2c; 3500 } 3501 .on-page-search-box { 3502 width:15em; 3503 display:inline-block; 3504 font-size:16px; 3505 border-radius: 8px 0 0 8px; 3506 height: 34px; 3507 } 3508 .text-right-desktop { 3509 text-align: right; 3510 } 3511 .pull-right-desktop { 3512 float:right; 3513 } 3514 .div-block { 3515 display: block; 3516 } 3517 .button-panel { 3518 margin:1rem 0 0 0; 3519 font-size:16px; 3520 } 3521 .button-panel a+a { 3522 margin-left: 10px; 3523 } 3524 .action-button-panel a { 3525 text-align: center; 3526 display: block; 3527 } 3528 .action-button-panel a+a { 3529 margin-top: 1rem; 3530 } 3531 .text-bold { 3532 font-weight: bold; 3533 } 3534 .break-radio-items, .break-breadcrumb-nav { 3535 display: inline-block; 3536 } 3537 .link-path { 3538 display: inline-block; 3539 position:relative; 3540 top:-3px; 3541 } 3542 .list-details-panel { 3543 margin-top: 10px; 3544 } 3545 @media (max-width: 991px) { 3546 .text-bold-mobile { 3547 font-weight: bold; 3548 } 3549 .link-path { 3550 display: block; 3551 top: 0; 3552 } 3553 .break-radio-items { 3554 display: block; 3555 } 3556 .font-16-mobile { 3557 font-size: 16px; 3558 } 3559 .font-20-mobile { 3560 font-size: 20px; 3561 } 3562 .list-item-section { 3563 /*background: #f7f7f7;*/ 3564 width: 100vw; 3565 position: relative; 3566 left: 50%; 3567 right: 50%; 3568 margin-left: -50vw; 3569 margin-right: -50vw; 3570 padding: 20px 25px; 3571 border-radius: 0; 3572 box-shadow: none; 3573 } 3574 .list-item-row .btn-block { 3575 margin: 10px 0; 3576 } 3577 .list-title-link { 3578 font-size: 24px; 3579 } 3580 .on-page-search-box { 3581 display: inline-block; 3582 } 3583 .text-right-desktop { 3584 text-align: unset; 3585 } 3586 .text-center-mobile { 3587 text-align: center; 3588 } 3589 .pull-right-desktop { 3590 float:none; 3591 } 3592 .button-panel { 3593 font-size:18px; 3594 margin: 2rem 0 1rem 0; 3595 } 3596 .btn-block-mobile { 3597 display: block; 3598 width: 100%; 3599 margin: 0 0 10px 0; 3600 float: none !important; 3601 } 3602 .btn-block-mobile-margin-fix { 3603 margin-left: 0; 3604 margin-right: 0; 3605 } 3606 .topmargin-mobile { 3607 margin-top: 50px !important; 3608 } 3609 .mobile-label { 3610 display: inline; 3611 } 3612 .bottommargin-sm-mobile { 3613 margin-bottom: 30px; 3614 } 3615 .tab-bar-mobile { 3616 text-align: center; 3617 font-size:20px; 3618 line-height: 200%; 3619 } 3620 .list-details-panel a { 3621 padding-top: 10px; 3622 font-size: 18px; 3623 display: block; 3624 } 3625 .nomargin-mobile { 3626 margin: 0; 3627 } 3628 } 3629 @media (min-width: 992px) { 3630 .bottommargin-desktop { 3631 margin-bottom: 50px; 3632 } 3633 } 3634 kbd a { 3635 color: #F0F0F0; 3636 } 3637 kbd a:hover:not(.button) { 3638 color: #D0D0D0; 3639 } 3640</style><style> 3641 .tooltip.top .tooltip-arrow { 3642 border-top-color: #333333; 3643 } 3644 .tooltip.left .tooltip-arrow { 3645 border-left-color: #333333; 3646 } 3647 .tooltip.right .tooltip-arrow { 3648 border-right-color: #333333; 3649 } 3650 .tooltip.bottom .tooltip-arrow { 3651 border-bottom-color: #333333; 3652 } 3653 .tooltip-inner { 3654 background-color: #333333; 3655 border-radius: 2px; 3656 color: #eeeeee; 3657 font-size: 13px; 3658 } 3659</style>
3659<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
3659 3660<style> 3661 .swal2-container { 3662 z-index: 9999; 3663 } 3664 .swal2-container label { 3665 font-size: 1.8rem; 3666 } 3667 @media (max-width:991px) { 3668 .swal2-container .mobile-width-max { 3669 max-width: 90%; 3670 } 3671 } 3672 .swal2-styled, .swal2-html-container { 3673 font-size: 1.6rem; 3674 } 3675 .swal2-html-container:has(.voice-button-wrapper) { 3676 overflow: visible; 3677 z-index: 2; 3678 } 3679 3680 /* Buttons — align with the app's built-in .button styles. Confirm uses the 3681 product config's primary button color (with its dedicated hover color); 3682 deny / cancel use the secondary / danger colors and darken on hover via 3683 a filter. Modern radius, no text-shadow, smooth transition. */ 3684 .swal2-cancel, .swal2-confirm, .swal2-deny { 3685 padding: 10px 22px; 3686 border-radius: 999px; 3687 color: #fff; 3688 font-weight: 600; 3689 letter-spacing: normal; 3690 text-shadow: none; 3691 font-size: 1.6rem; 3692 line-height: 2.2rem; 3693 border: 0; 3694 transition: background-color 0.15s, filter 0.15s, box-shadow 0.15s; 3695 } 3696 .swal2-confirm { 3697 background-color: #eeaa7b; 3698 order: 2; 3699 } 3700 .swal2-confirm:hover, .swal2-confirm:focus { 3701 background-color: #ffb885; 3702 } 3703 .swal2-deny { 3704 background-color: #66b9bf; 3705 } 3706 .swal2-cancel { 3707 background-color: #C02942; 3708 } 3709 .swal2-deny:hover, .swal2-deny:focus, 3710 .swal2-cancel:hover, .swal2-cancel:focus { 3711 filter: brightness(0.92); 3712 } 3713 .swal2-cancel:focus, .swal2-confirm:focus, .swal2-deny:focus { 3714 outline: none; 3715 box-shadow: 0 0 0 3px rgba(63, 138, 82, 0.25); 3716 } 3717 3718 /* Inputs / selects / textareas — match the redesigned .form-control style: 3719 softer 1px border, 8px radius, modest padding, green focus ring. */ 3720 .swal2-input, .swal2-validation-message, div:is(.swal2-container) .swal2-select, .swal2-radio { 3721 font-size: 1.8rem; 3722 } 3723 .swal2-input, 3724 .swal2-textarea,
3725 div:is(.swal2-container) .swal2-select, 3726 select.swal2-input, 3727 .swal2-input[type=text], 3728 .swal2-input[type=number], 3729 .swal2-input[type=email], 3730 .swal2-input[type=password], 3731 .swal2-input[type=url] { 3732 box-shadow: none; 3733 border: 1px solid #e2e3e7; 3734 border-radius: 999px; 3735 padding: 10px 12px; 3736 background: #ffffff; 3737 color: #1f2024; 3738 transition: border-color 0.15s, box-shadow 0.15s; 3739 } 3740 .swal2-input:hover, 3741 .swal2-textarea:hover, 3742 div:is(.swal2-container) .swal2-select:hover, 3743 select.swal2-input:hover { 3744 border-color: #c2c5cc; 3745 } 3746 .swal2-input:focus, 3747 .swal2-textarea:focus, 3748 div:is(.swal2-container) .swal2-select:focus, 3749 select.swal2-input:focus { 3750 outline: none; 3751 border-color: #3f8a52; 3752 box-shadow: 0 0 0 3px #ecf6ee; 3753 } 3754 .swal2-input::placeholder, 3755 .swal2-textarea::placeholder { 3756 color: #8a8e98; 3757 } 3758 .swal2-input[type=number] { 3759 text-align: right; 3760 } 3761 .swal2-input[type=number]::-webkit-inner-spin-button { 3762 margin-left: 7px; 3763 } 3764 div:is(.swal2-container) .swal2-radio, div:is(.swal2-container) .swal2-checkbox, .swal2-radio > label { 3765 display:block; 3766 text-transform:none; 3767 } 3768 div:is(.swal2-container) .swal2-radio label, div:is(.swal2-container) .swal2-checkbox label { 3769 margin-bottom: inherit; 3770 } 3771 3772 body.dark-mode:not(.no-dark-mode) .swal2-popup { 3773 background-color: #2a2a2a; 3774 color: #e5e5e5; 3775 } 3776 body.dark-mode:not(.no-dark-mode) .swal2-title, 3777 body.dark-mode:not(.no-dark-mode) .swal2-html-container, 3778 body.dark-mode:not(.no-dark-mode) .swal2-html-container strong, 3779 body.dark-mode:not(.no-dark-mode) .swal2-html-container b, 3780 body.dark-mode:not(.no-dark-mode) .swal2-html-container p, 3781 body.dark-mode:not(.no-dark-mode) .swal2-html-container label, 3782 body.dark-mode:not(.no-dark-mode) .swal2-radio label, 3783 body.dark-mode:not(.no-dark-mode) .swal2-checkbox label { 3784 color: #e5e5e5; 3785 } 3786 body.dark-mode:not(.no-dark-mode) .swal2-html-container a { 3787 color: #7ab8ff; 3788 } 3789 body.dark-mode:not(.no-dark-mode) .swal2-input, 3790 body.dark-mode:not(.no-dark-mode) .swal2-textarea,
3791 body.dark-mode:not(.no-dark-mode) div:is(.swal2-container) .swal2-select, 3792 body.dark-mode:not(.no-dark-mode) select.swal2-input, 3793 body.dark-mode:not(.no-dark-mode) .swal2-input[type=text], 3794 body.dark-mode:not(.no-dark-mode) .swal2-input[type=number], 3795 body.dark-mode:not(.no-dark-mode) .swal2-input[type=email], 3796 body.dark-mode:not(.no-dark-mode) .swal2-input[type=password], 3797 body.dark-mode:not(.no-dark-mode) .swal2-input[type=url] { 3798 background: var(--dark-background-color); 3799 color: var(--dark-mode-default-text-color); 3800 border-color: #444; 3801 } 3802 body.dark-mode:not(.no-dark-mode) .swal2-input:hover, 3803 body.dark-mode:not(.no-dark-mode) .swal2-textarea:hover, 3804 body.dark-mode:not(.no-dark-mode) div:is(.swal2-container) .swal2-select:hover, 3805 body.dark-mode:not(.no-dark-mode) select.swal2-input:hover { 3806 border-color: #5a5a5a; 3807 } 3808 body.dark-mode:not(.no-dark-mode) .swal2-input:focus, 3809 body.dark-mode:not(.no-dark-mode) .swal2-textarea:focus, 3810 body.dark-mode:not(.no-dark-mode) div:is(.swal2-container) .swal2-select:focus, 3811 body.dark-mode:not(.no-dark-mode) select.swal2-input:focus { 3812 border-color: #6fb37e; 3813 box-shadow: 0 0 0 3px rgba(63, 138, 82, 0.25); 3814 } 3815 body.dark-mode:not(.no-dark-mode) .swal2-input::placeholder, 3816 body.dark-mode:not(.no-dark-mode) .swal2-textarea::placeholder { 3817 color: #888; 3818 } 3819 body.dark-mode:not(.no-dark-mode) .swal2-validation-message { 3820 background: #3a3a3a; 3821 color: #e5e5e5; 3822 } 3823 body.dark-mode:not(.no-dark-mode) .swal2-footer { 3824 border-top-color: #555; 3825 color: #e5e5e5; 3826 } 3827</style> 3828<style> 3829 :root { 3830 --spacing-025: 0.25rem; 3831 --spacing-05: 0.5rem; 3832 --spacing-1: 1rem; 3833 --spacing-15: 1.5rem; 3834 --spacing-2: 2rem; 3835 --spacing-25: 2.5rem; 3836 --spacing-3: 3rem; 3837 --spacing-35: 3.5rem; 3838 --spacing-4: 4rem; 3839 --spacing-45: 4.5rem; 3840 --spacing-5: 5rem; 3841 } 3842 .aw-accordion details { 3843 --background-color-closed: #ccc; 3844 --background-color-open: #b4b4b4; 3845 --background-color-content: #f0f0f0; 3846 overflow: hidden; 3847 margin: 0; 3848 3849 > summary { 3850 background: var(--background-color-closed); 3851 padding: 0.5em; 3852 cursor: pointer; 3853 border-radius: 2px; 3854 3855 transition: background 0.25s ease, color 0.25s ease; 3856 3857 &:hover { 3858 filter: brightness( 1.1 ); 3859 } 3860 margin-top: 5px; 3861 position: relative; 3862 top: -1px; 3863 } 3864 > summary::marker { 3865 content: ''; 3866 } 3867 > summary::-webkit-details-marker { 3868 display: none; 3869 } 3870 > p, > div, > ul, > ol { 3871 background-color: var(--background-color-content); 3872 margin: 0; 3873 } 3874 3875 &[open] { 3876 > summary { 3877 background: var(--background-color-open); 3878 } 3879 } 3880 &[open] > summary:before { 3881 transform: rotate(45deg); 3882 } 3883 > summary:before { 3884 content: '+'; 3885 display: inline-block; 3886 margin: 0 0.5em 0 0.25em; 3887 font-size: 20px; 3888 transition: transform 0.25s ease; 3889 } 3890 3891 > *:not(summary) { 3892 padding: 1em; 3893 } 3894 } 3895 3896 :not(details) + details, 3897 details:first-child summary { 3898 border-top-left-radius: 5px; 3899 border-top-right-radius: 5px; 3900 } 3901 details:not(details:has(+ details)):last-child summary { 3902 border-bottom-left-radius: 5px; 3903 border-bottom-right-radius: 5px; 3904 } 3905 </style>
3906<script> 3907 window.addEventListener('DOMContentLoaded', function() { 3908 class Accordion { 3909 constructor(el) { 3910 // Store the <details> element 3911 this.el = el; 3912 // Store the <summary> element 3913 this.summary = el.querySelector('summary'); 3914 // Store the <div class="aw-accordion-content"> element. A plain <details> (an imported 3915 // page, or hand-written markup) has no such wrapper, so this can be null - see 3916 // getExpandedHeight() for how the open height is measured in that case. 3917 this.content = el.querySelector('.aw-accordion-content'); 3918 3919 // Store the animation object (so we can cancel it if needed) 3920 this.animation = null; 3921 // Store if the element is closing 3922 this.isClosing = false; 3923 // Store if the element is expanding 3924 this.isExpanding = false; 3925 // Detect user clicks on the summary element 3926 this.summary.addEventListener('click', (e) => this.onClick(e)); 3927 } 3928 3929 static canEnhance(el) { 3930 return el.querySelector('summary') !== null; 3931 } 3932 3933 onClick(e) { 3934 try { 3935 // Add an overflow on the <details> to avoid content overflowing 3936 this.el.style.overflow = 'hidden'; 3937 // Check if the element is being closed or is already closed 3938 if (this.isClosing || !this.el.open) { 3939 this.open(); 3940 // Check if the element is being openned or is already open 3941 } else if (this.isExpanding || this.el.open) { 3942 this.shrink(); 3943 } 3944 // Stop default behaviour from the browser 3945 e.preventDefault(); 3946 } 3947 catch (e) { 3948 // do nothing 3949 } 3950 } 3951 3952 shrink() { 3953 // Set the element as "being closed" 3954 this.isClosing = true; 3955 3956 // Store the current height of the element 3957 const startHeight = `${this.el.offsetHeight}px`; 3958 // Calculate the height of the summary 3959 const endHeight = `${this.summary.offsetHeight}px`; 3960 3961 // If there is already an animation running 3962 if (this.animation) { 3963 // Cancel the current animation 3964 this.animation.cancel(); 3965 } 3966 3967 // Start a WAAPI animation 3968 this.animation = this.el.animate({ 3969 // Set the keyframes from the startHeight to endHeight 3970 height: [startHeight, endHeight] 3971 }, { 3972 duration: 400, 3973 easing: 'ease-out' 3974 }); 3975 3976 // When the animation is complete, call onAnimationFinish() 3977 this.animation.onfinish = () => this.onAnimationFinish(false); 3978 // If the animation is cancelled, isClosing variable is set to false 3979 this.animation.oncancel = () => this.isClosing = false; 3980 } 3981 3982 getExpandedHeight() { 3983 if( this.content ) { 3984 return this.summary.offsetHeight + this.content.offsetHeight; 3985 } 3986 return this.el.scrollHeight; 3987 } 3988 3989 open() { 3990 // Apply a fixed height on the element 3991 this.el.style.height = `${this.el.offsetHeight}px`; 3992 // Force the [open] attribute on the details element 3993 this.el.open = true; 3994 // Wait for the next frame to call the expand function 3995 window.requestAnimationFrame(() => this.expand()); 3996 } 3997 3998 expand() { 3999 try { 4000 this.animateExpand(); 4001 } 4002 catch (err) { 4003 this.onAnimationFinish(true); 4004 } 4005 } 4006 4007 animateExpand() { 4008 // Set the element as "being expanding" 4009 this.isExpanding = true; 4010 // Get the current fixed height of the element 4011 const startHeight = `${this.el.offsetHeight}px`; 4012 // Calculate the open height of the element (summary height + content height) 4013 const endHeight = `${this.getExpandedHeight()}px`; 4014 4015 // If there is already an animation running 4016 if (this.animation) { 4017 // Cancel the current animation 4018 this.animation.cancel(); 4019 } 4020 4021 // Start a WAAPI animation 4022 this.animation = this.el.animate({ 4023 // Set the keyframes from the startHeight to endHeight 4024 height: [startHeight, endHeight] 4025 }, { 4026 duration: 400, 4027 easing: 'ease-out' 4028 }); 4029 // When the animation is complete, call onAnimationFinish() 4030 this.animation.onfinish = () => this.onAnimationFinish(true); 4031 // If the animation is cancelled, isExpanding variable is set to false 4032 this.animation.oncancel = () => this.isExpanding = false;
4033 } 4034 4035 onAnimationFinish(open) { 4036 // Set the open attribute based on the parameter 4037 this.el.open = open; 4038 // Clear the stored animation 4039 this.animation = null; 4040 // Reset isClosing & isExpanding 4041 this.isClosing = false; 4042 this.isExpanding = false; 4043 // Remove the overflow hidden and the fixed height 4044 this.el.style.height = this.el.style.overflow = ''; 4045 } 4046 } 4047 4048 document.querySelectorAll('.aw-accordion details').forEach((el) => { 4049 try { 4050 if( Accordion.canEnhance(el) ) { 4051 new Accordion(el); 4052 } 4053 } 4054 catch (err) { 4055 } 4056 }); 4057 }); 4058 </script>
4058<script type="text/javascript"> 4059 function getAnalyticsCookie(cname) { 4060 var name = cname + "="; 4061 var decodedCookie = decodeURIComponent(document.cookie); 4062 var ca = decodedCookie.split(';'); 4063 for(var i = 0; i <ca.length; i++) { 4064 var c = ca[i]; 4065 while (c.charAt(0) == ' ') { 4066 c = c.substring(1); 4067 } 4068 if (c.indexOf(name) == 0) { 4069 return c.substring(name.length, c.length); 4070 } 4071 } 4072 return ""; 4073 } 4074 function RecordInternalAnalytics( stream, data ) { 4075 data.action = 'record_event'; 4076 data.stream = stream; 4077 data.contact_id = getAnalyticsCookie('contact_id'); 4078 $.ajax({ 4079 type: 'POST', 4080 url: '/app/analytics-api', 4081 data: data, 4082 dataType: 'json' 4083 }).done( function( data ) { 4084 }); 4085 } 4086 !function(name,path,ctx){ 4087 var latest,prev=name!=='Keen'&&window.Keen?window.Keen:false;ctx[name]=ctx[name]||{ready:function(fn){var h=document.getElementsByTagName('head')[0],s=document.createElement('script'),w=window,loaded;s.onload=s.onerror=s.onreadystatechange=function(){if((s.readyState&&!(/^c|loade/.test(s.readyState)))||loaded){return}s.onload=s.onreadystatechange=null;loaded=1;latest=w.Keen;if(prev){w.Keen=prev}else{try{delete w.Keen}catch(e){w.Keen=void 0}}ctx[name]=latest;ctx[name].ready(fn)};s.async=1;s.src=path;h.parentNode.insertBefore(s,h)}} 4088 }('KeenAsync','https://webcache.attractwell.com/third-party/keen-datavis/keen-tracking-1.1.3.min.js',this); 4089 // was https://d26b395fwzu5fz.cloudfront.net/keen-tracking-1.1.3.min.js 4090 4091 var globalAnalyticsClient = {}; 4092
4093 globalAnalyticsClient.recordEvent = function( stream, data ) { 4094 RecordInternalAnalytics( stream, data ); 4095 } 4096 // Record an event 4097 globalAnalyticsClient.recordEvent("public_page_views", {"url_params":{"sitepath":"store","look_for_page":"1","rulenum":"1","page-link-path":"store"},"account_id":4984,"type":"website_view","url":"https:\/\/nationalcenterforinterpretation.com",title:document.title}); 4098 4099 4100 4101 4102 4103 function RecordExternalClickAnalytics( url, title, is_signup_link = false ) 4104 { 4105 var type_to_use = "website_link_click"; 4106 if( is_signup_link === true ) 4107 type_to_use = "website_signup_link_click"; 4108 4109 globalAnalyticsClient.recordEvent("public_page_views", { 4110 "url": url, 4111 "title": title, 4112 "type": type_to_use, 4113 "account_id": 4984 4114 }); 4115 4116 4117 RecordInternalAnalytics("public_page_views", { 4118 "url": url, 4119 "title": title, 4120 "type": type_to_use, 4121 "account_id": 4984 4122 }); 4123 4124 } 4125 4126 function RecordContactWebsiteSignUpLinkClick( contact_id ) 4127 { 4128 // records if a contact clicked the website signup link 4129 if( contact_id != '' ) { 4130 $.ajax({ 4131 type: 'POST', 4132 url: '/app/contacts', 4133 data: { 4134 'contact_website_signup_link_click': 1, 4135 'contact_id': contact_id 4136 }, 4137 dataType: 'json' 4138 }).done( function( data ) { 4139 }); 4140 } 4141 } 4142 </script>
4142 <style> 4143 .checkout-field-div { 4144 margin-bottom: 10px; 4145 } 4146 .checkout-field-error { 4147 margin-bottom:5px; 4148 font-size:16px; 4149 text-align:center; 4150 } 4151 .checkout-field-input { 4152 font-size: 1.7rem; 4153 height:auto; 4154 margin-bottom: 1.5rem; 4155 } 4156 .delete-cart-item { 4157 cursor: pointer; 4158 padding: 2px 5px; 4159 } 4160 #toast-container { 4161 z-index: 2001 !important; 4162 } 4163 #cart-prices { 4164 margin: 5px 0; 4165 color: #777777; 4166 background: #f0f0f0; 4167 padding: 5px 0; 4168 } 4169 #cart-subtotal { 4170 padding: 0 5px; 4171 } 4172 #cart-shipping-inner{ 4173 padding: 0 5px; 4174 } 4175 .coupon-description { 4176 margin-left: 20px; 4177 } 4178 .coupon-discounts { 4179 font-style: italic; 4180 margin-left: 20px; 4181 } 4182 .grand-total-div { 4183 font-weight: bold; 4184 background: #e3e3e3; 4185 padding: 4px; 4186 margin-top: 5px; 4187 color: #333333; 4188 } 4189 #cart-panel-sidepanel { 4190 position: fixed; 4191 top: 0; 4192 right: 0; 4193 display: flex; 4194 flex-direction: column; 4195 background-color: #f5f5f5; 4196 width: 375px; 4197 height: 100vh; 4198 max-width: 100%; 4199 overflow-y: auto; 4200 z-index: 2000; 4201 overscroll-behavior-y: contain; 4202 transform: translateX( 400px ); 4203 opacity: 0; 4204 transition: transform 0.3s, opacity 0.3s; 4205 } 4206 #cart-panel-sidepanel.open { 4207 transform: translateX( 0 ); 4208 opacity: 1; 4209 } 4210 @media (max-width: 991px) { 4211 #cart-panel-sidepanel { 4212 width: 100vw; 4213 } 4214 } 4215 .cart-panel-backdrop { 4216 position: fixed; 4217 top: 0; 4218 left: 0; 4219 width: 100vw; 4220 height: 100vh; 4221 background-color: rgba( 33, 33, 33, 0.5 ); 4222 z-index: 1200; 4223 display:none; 4224 opacity: 0; 4225 transition: opacity 0.3s; 4226 } 4227 .cart-panel-backdrop.open { 4228 opacity: 1; 4229 } 4230 .cart-panel-close-button { 4231 position: absolute; 4232 right: 16px; 4233 top: 6px; 4234 z-index: 2001; 4235 font-size: 3.3rem; 4236 cursor: pointer; 4237 padding: 10px; 4238 } 4239 .cart-panel-close-button:hover { 4240 color: #888888; 4241 } 4242 .cart-panel-header { 4243 position: -webkit-sticky; 4244 position: sticky; 4245 top: 0; 4246 z-index: 100; 4247 padding: 20px 24px 5px 24px; 4248 background-color: #f5f5f5; 4249 flex-shrink: 0; 4250 } 4251 .cart-panel-header h3 { 4252 margin-bottom: 10px; 4253 } 4254 .cart-panel-content { 4255 padding: 0 24px 24px; 4256 flex: 1 0; 4257 } 4258 .cart-item { 4259 padding: 10px; 4260 display: grid; 4261 grid-template-columns: 50px 2fr 1fr; 4262 column-gap: 1rem; 4263 } 4264 .cart-item + .cart-item { 4265 border-top: 10px solid #f5f5f5; 4266 } 4267 .cart-item-photo { 4268 grid-column: 1; 4269 grid-row: 1; 4270 } 4271 .cart-item-photo img { 4272 width: 100%; 4273 } 4274 .cart-item-description { 4275 grid-column: 2; 4276 grid-row: 1; 4277 font-size: 15px; 4278 } 4279 .cart-item-price { 4280 grid-column: 3; 4281 grid-row: 1; 4282 font-size: 15px; 4283 text-align: right; 4284 } 4285 .cart-item-quantity { 4286 margin-top: 10px; 4287 } 4288 .cart-item-add-on-div { 4289 font-weight: 300; 4290 color: #888888; 4291 margin-top: 10px; 4292 } 4293 .cart-item-add-on-instructions { 4294 font-weight: 300; 4295 font-style: italic; 4296 font-size: 13px; 4297 } 4298 #cart-contents { 4299 background: white; 4300 clear:both; 4301 } 4302 4303 #store-body { 4304 margin: 1rem 0; 4305 } 4306 .store-top-menu { 4307 background: #fafafa; 4308 padding: 0 0 10px 0; 4309 font-size: 1.75rem; 4310 position: sticky; 4311 top: 60px; z-index: 3; 4312 clear:both; 4313 } 4314 .store-top-menu-item { 4315 display: inline-block; 4316 } 4317 .store-top-menu-item + .store-top-menu-item { 4318 margin-left: 2rem; 4319 } 4320 #search { 4321 transition: all 0.5s ease; 4322 } 4323 4324 .product-framework { 4325 display: grid; 4326 grid-template-columns: 30rem 1fr; column-gap: 3rem; 4327 row-gap: 1rem; 4328 margin-top: 2.5rem; 4329 } 4330 .product-framework-categories { 4331 grid-column: 1; 4332 grid-row: 1; 4333 } 4334 4335 .product-framework-body { 4336 grid-column: 2; 4337 grid-row: 1; 4338 } 4339 @media (max-width:991px) { 4340 .product-framework { 4341 grid-template-columns: 1fr; 4342 } 4343 4344 .product-framework-categories { 4345 grid-column: 1; 4346 grid-row: 2; 4347 } 4348 4349 .product-framework-body { 4350 grid-column: 1; 4351 grid-row: 1; 4352 } 4353 .store-top-menu { 4354 top: 0; 4355 } 4356 } 4357 @media (min-width: 992px) { 4358 .float-left-desktop { 4359 float:left; 4360 } 4361 .product-framework { 4362 margin-top: -1rem; 4363 } 4364 .product-framework-categories { 4365 border-right: 1px solid #eeeeee; 4366 padding-right: 1rem; 4367 padding-top: 3.5rem; 4368 padding-bottom: 3.5rem; 4369 } 4370 .product-framework-body { 4371 padding-top: 3.5rem; 4372 } 4373 } 4374 </style> 4375<div class="store-top-menu"> 4376 <div class="container-fullwidth clearfix"> 4377 <div class="text-center"> 4378 <div class="store-top-menu-item"><a href="https://nationalcenterforinterpretation.com/store">Self-Study Materials</a></div> 4379 <div class="store-top-menu-item"> 4380 <a href="#" id="search-icon"><i class="icon-line-search" data-toggle="tooltip" data-placement="bottom" title="Search"></i></a> 4381 <form action="https://nationalcenterforinterpretation.com/store/products" style="display:inline-block;"><input id="search" name="search" type="text" placeholder="Search" maxlength="50" class="form-control" style="display:none;width: 0;"></form> 4382 </div> 4383 <div class="store-top-menu-item"><a href="https://nationalcenterforinterpretation.com/store/my-account"><i class="icon-user" data-toggle="tooltip" data-placement="bottom" title="My Account"></i></a></div> 4384 <div class="store-top-menu-item"> 4385 <a href="#" id="cart-icon" data-toggle="tooltip" data-placement="bottom" title="Cart"><i class="icon-shopping-cart"></i><span class="badge" id="cart-item-count" style="visibility: hidden;"></span></a>
4386 <span id="extra-check-out-text"></span> 4387 </div> 4388 </div> 4389 </div> 4390</div> 4391<section id="content" style="margin-bottom:0;"> 4392 <div class="container-fullwidth"> 4393 <div id="store-body"> 4394 <div class="product-framework"> 4395 <div class="product-framework-body"><style> 4396 .individual-product { 4397 font-size: 1.75rem; 4398 margin-bottom: 5rem; 4399 } 4400 .individual-product h1 { 4401 font-size: 3rem !important; 4402 } 4403 .store-products-collections h2 { 4404 font-size: 18px !important; 4405 margin-bottom: 10px; 4406 } 4407 .collections-list { 4408 font-size: 1.75rem; 4409 } 4410 .collection-name { 4411 padding: 0.25rem 0; 4412 } 4413 .products-list { 4414 font-size: 1.75rem; 4415 margin-bottom: 5rem; 4416 } 4417 .selected-product-name { 4418 font-weight: bold; 4419 } 4420 .product-price { 4421 color: #ab0520; 4422 font-size: 18px; 4423 font-weight: normal; 4424 opacity: 0.8; 4425 } 4426 .store-sold-out-badge { 4427 display: inline-block; 4428 margin-top: 0.5rem; 4429 padding: 0.15rem 0.75rem; 4430 font-size: 1.3rem; 4431 font-weight: bold; 4432 text-transform: uppercase; 4433 letter-spacing: 0.05rem; 4434 color: #ffffff; 4435 background-color: #888888; 4436 border-radius: 3px; 4437 } 4438 .product-sold-out img, 4439 .product-sold-out svg, 4440 .product-sold-out h2, 4441 .product-sold-out .product-price { 4442 opacity: 0.5; 4443 filter: grayscale(100%); 4444 } 4445 @media (max-width: 991px) { 4446 .collections-list { 4447 text-align: center; 4448 background: #f8f8f8; 4449 margin-left: -8vw; 4450 margin-right: -8vw; 4451 padding: 20px 0; 4452 margin-bottom: -10px; 4453 border-bottom: 1px solid #eeeeee; 4454 } 4455 } 4456 </style><style> 4457 .collection-name { 4458 padding: 0.25rem 0; 4459 } 4460 .products-list { 4461 font-size: 1.75rem; 4462 margin-bottom: 5rem; 4463 } 4464 .selected-product-name { 4465 font-weight: bold; 4466 } 4467</style> 4468<div style="clear:both;"> </div> 4469<div class="product-content col_last clearfix products-list"> 4470 4471 <div class="store-products-collections"> 4472 4473 <div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-oral-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d255ea5768.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-a-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d255e939b8.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-b-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d2564ce4e1.jpg" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-oral-download">FCICE Sample Oral Test - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-oral-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-a-download">FCICE Sample Written Exam - Test A - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-a-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-b-download">FCICE Sample Written Exam - Test B - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/fcice-sample-written-b-download"><div class="product-price"><div>$55</div></div></a></div></div><div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/haitian-creole-glossary-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/69680dc69c093.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/legal-interpretools-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/69680dca77da4.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/medical-essentials-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/69680dc159928.jpg" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/haitian-creole-glossary-download">Haitian-Creole Glossary - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/haitian-creole-glossary-download"><div class="product-price"><div>$25</div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/legal-interpretools-download">Legal Interpretools - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/legal-interpretools-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/medical-essentials-download">Medical Essentials - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/medical-essentials-download"><div class="product-price"><div>$55</div></div></a></div></div><div class="grid-equal-row-3-no-header"><div class="grid-equal-body-column-1 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/medical-interpretools-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/698a34a2af3c6.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/navajo-glossary-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/69680dc56a652.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-3 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/state-court-sample-oral-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d2565c8b9a.jpg" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/medical-interpretools-download">Medical Interpretools - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/medical-interpretools-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/navajo-glossary-download">Navajo Glossary of Legal and Related Terms - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/navajo-glossary-download"><div class="product-price"><div>$25</div></div></a></div><div class="grid-equal-footer-column-3 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/state-court-sample-oral-download">State Court Sample Oral Test (Spanish/English) - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/state-court-sample-oral-download"><div class="product-price"><div>$55</div></div></a></div></div><div class="grid-equal-row-2-centered"><div class="grid-equal-body-column-1 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-a-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/696d2569cd7bf.jpg" class="collection-class"></a></div><div class="grid-equal-body-column-2 text-center"><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-b-download"><img src="https://attractwell-4984-fast.b-cdn.net/images/4984/697158fb98d16.jpg" class="collection-class"></a></div><div class="grid-equal-footer-column-1 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-a-download">State Written Practice Test A - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-a-download"><div class="product-price"><div>$55</div></div></a></div><div class="grid-equal-footer-column-2 text-center"><h2><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-b-download">State Written Practice Test B - Digital Download</a></h2><a href="https://nationalcenterforinterpretation.com/store/products/state-written-practice-test-b-download"><div class="product-price"><div>$55</div></div></a></div></div> 4474 </div> 4475 4476 </div> 4477 4478<div style="clear:both;"> </div> 4479</div><div class="product-framework-categories"><div class="no-print collections-list"> 4480 <div class="sidebar-widgets-wrap"> 4481 <div class="widget widget_links clearfix"> 4482 4483 <div class="collection-name"><a href="https://nationalcenterforinterpretation.com/store/products" class="selected-product-name">All Products</a></div><div class="collection-name"><a href="https://nationalcenterforinterpretation.com/store/collections/test-prep">Certification Test Prep for State and Federal Courts</a></div><div class="collection-name"><a href="https://nationalcenterforinterpretation.com/store/collections/glossaries">Glossaries for Navajo and Haitian Creole</a></div><div class="collection-name"><a href="https://nationalcenterforinterpretation.com/store/collections/home-interpreting-labs">Home Interpreting Labs for Court and Medical Interpreting</a></div> </div> 4484 </div> 4485 </div></div> </div> 4486 </div> 4487 </div> 4488 4489 </section> 4490<div class="store-custom-page-footer fr-view"><section style="background-position: 0% 0%; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(12, 35, 75); background-size: cover; background-repeat: no-repeat;" class="jarallax" data-speed="0.3" draggable="false">
4490<div class="content-wrap nopadding"><div class="section notopborder nomargin toppadding-sm bottompadding-sm" style="padding-top: 124px; padding-bottom: 159px; background: none;"><div class="container clearfix" draggable="false"><div class="row"><div class="col-md-4 non-editable"><div class="editable div-clone" draggable="false"><div><br></div><div style="font-size:16px;"><span style="color: rgb(255, 255, 255);">FOLLOW NCI</span></div><div style="font-size:16px;"><br></div><div style="font-size:16px;"><a href="https://facebook.com" target="_blank" rel="noopener noreferrer" draggable="false"><img src="https://attractwell-1195-fast.b-cdn.net/images/1195/6916578ab6142.png" style="width: 32px;" class="fr-fic fr-dii" alt=" " draggable="false" loading="lazy"></a><a href="https://instagram.com" target="_blank" rel="noopener noreferrer" draggable="false"><img src="https://attractwell-1195-fast.b-cdn.net/images/1195/69165797717c6.png" style="width: 33px;" class="fr-fic fr-dii" alt=" " draggable="false" loading="lazy"></a><a href="https://linkedin.com" target="_blank" rel="noopener noreferrer" draggable="false"><img src="https://attractwell-1195-fast.b-cdn.net/images/1195/691657a652975.png" style="width: 33px;" class="fr-fic fr-dii" alt=" " draggable="false" loading="lazy"></a><a href="https://youtube.com" target="_blank" rel="noopener noreferrer" draggable="false"><img src="https://attractwell-1195-fast.b-cdn.net/images/1195/691657b507f79.png" style="width: 32px;" class="fr-fic fr-dii" alt=" " draggable="false" loading="lazy"></a></div></div></div><div class="col-md-4 non-editable"><div class="editable div-clone" draggable="false"><hr><h3 style="font-size: 16px; text-align: center;"><span style="font-size: 26px; color: rgb(255, 255, 255);">Stay Up to Date</span></h3><h3 style="font-size: 16px; text-align: center;"><span style="font-family: Montserrat, sans-serif; color: rgb(255, 255, 255);">Join our mailing list for news on upcoming trainings!</span></h3><div style="text-align: center;"><a href="https://nationalcenterforinterpretation.com/page/mailing-list" class="button-light button-red button" draggable="false" target="_blank" rel="noopener noreferrer">Join Mailing List</a></div><hr><div><br></div></div></div><div class="col-md-4 non-editable"><div class="editable div-clone" draggable="false"><div><br></div><div data-pasted="true" style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;">© Copyright All Rights Reserved by National Center for Interpretation LLC</span></div><div style="text-align: right;"><br></div><div style="color: rgb(85, 85, 85); font-family: Lato, sans-serif; font-size: 18.6667px; font-style: normal; font-weight: 400; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://attractwell.com/legal/refund-policy" target="_blank" rel="noopener noreferrer" style="font-size: 16px;" draggable="false"></a></span></div><div style="color: rgb(85, 85, 85); font-family: Lato, sans-serif; font-size: 18.6667px; font-style: normal; font-weight: 400; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://attractwell.com/legal/refund-policy" target="_blank" rel="noopener noreferrer" style="font-size: 16px;" draggable="false"></a></span></div><div style="color: rgb(85, 85, 85); font-family: Lato, sans-serif; font-size: 18.6667px; font-style: normal; font-weight: 400; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://attractwell.com/legal/refund-policy" target="_blank" rel="noopener noreferrer" style="font-size: 16px;" draggable="false"></a></span></div><div style="color: rgb(85, 85, 85); font-family: Lato, sans-serif; font-size: 18.6667px; font-style: normal; font-weight: 400; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://attractwell.com/legal/refund-policy" target="_blank" rel="noopener noreferrer" style="font-size: 16px;" draggable="false"></a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://nationalcenterforinterpretation.com/page/contact" draggable="false" class="button-large button-red button">CONTACT</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="#" draggable="false"></a></span></div><div style="text-align: right;"><br></div><div style="text-align: right;" data-pasted="true"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://nationalcenterforinterpretation.com/page/privacy" draggable="false" style="font-size: 16px;">PRIVACY</a> | <a href="https://nationalcenterforinterpretation.com/page/refund" style="font-size: 16px;" draggable="false">REFUND</a> <span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; text-align: right;" data-pasted="true"> | <a href="https://nationalcenterforinterpretation.com/page/terms-and-conditions" draggable="false">TERMS OF USE</a></span></span></div><div style="text-align: right;"><br></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://nationalcenterforinterpretation.com/page/home" draggable="false">HOME</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif;"><a href="https://nationalcenterforinterpretation.com/page/citi" draggable="false">CITI</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif;"><a href="https://nationalcenterforinterpretation.com/page/training-schedule" draggable="false">TRAINING SCHEDULE</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif;"><a href="https://nationalcenterforinterpretation.com/store" draggable="false">SELF-STUDY MATERIALS</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><a href="https://nationalcenterforinterpretation.com/page/about" draggable="false" style="font-family: Montserrat,sans-serif;">ABOUT NCI</a></span></div><div style="text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-size: 16px;"><br></span></div><div style="font-size: 16px; text-align: right;"><span style="color: rgb(255, 255, 255);"><br></span><br></div></div></div></div></div></div></div></section></div><div id="cart-panel" style="display:none;"> 4491 <div class="cart-panel-backdrop"></div> 4492 <div id="cart-panel-sidepanel"> 4493 <div class="cart-panel-header"> 4494 <div class="cart-panel-close-button"> 4495 × 4496 </div> 4497 <h3>Cart</h3> 4498 <div id="check-out-now-div" style="padding: 0 24px 10px;display:none; text-align:center;"> 4499 <button class="button button-green nomargin btn-block" id="check-out-now-button">Check Out Now</button> 4500 <button class="button button-white button-light button-small btn-block" style="margin: 5px 0 0 0;" id="cart-panel-continue-shopping">Continue Shopping</button> 4501 </div> 4502 <div id="cart-prices"> 4503 <div id="cart-subtotal" class="text-center-mobile text-right-desktop" style="margin-bottom:5px;"></div> 4504 <div id="cart-shipping" class="text-center-mobile text-right-desktop" style="margin-bottom:5px;"></div> 4505 <div id="cart-coupon-code" class="text-center"> 4506 <label for="coupon-code" style="font-weight: 400 !important; font-size: 14px !important; letter-spacing: normal;">Coupon code</label> 4507 <input type="text" maxlength="20" id="coupon-code" name="coupon-code" class="form-control" style="letter-spacing:normal; width: 8rem;display:inline-block;height: auto; font-size: 12px; padding: 4px 6px;" autocomplete="one-time-code"> 4508 <button type="button" class="button button-mini button-white button-light" id="apply-coupon-button">Apply</button> 4509 </div> 4510 </div> 4511 </div> 4512 <div class="cart-panel-content"> 4513 <div id="cart-contents"></div> 4514 </div> 4515 </div> 4516</div> 4517 4518<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true"> 4519 <div class="modal-dialog xmodal-lg"> 4520 <div class="modal-body"> 4521 <div class="modal-content"> 4522 <div class="modal-body"> 4523 <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">×</button> 4524 <!-- 4525 <h4 class="uppercase ls1" style="margin-bottom:10px;" id="loginModalLabel"> 4526 Check Out 4527 </h4> 4528 --> 4529 4530 <h4 style="clear:both;text-align: center;"> 4531 What is your email? 4532 </h4> 4533 4534 <div class="checkout-field-div" id="account-email-div"> 4535 <div id="account-email-error-message" class="checkout-field-error" style="display:none;">Please enter a valid email address.</div> 4536 <input type="email" maxlength="100" placeholder="Email Address" id="account-email" class="form-control checkout-field-input" style="margin-bottom:5px;"> 4537 <div class="text-center"> 4538 <input type="checkbox" id="account-create-checkbox" style="margin: 10px 0 0 0;"> 4539 <label for="account-create-checkbox" class="thin-font">Create an account with this email</label> 4540 </div> 4541 </div> 4542 4543 <div class="checkout-field-div" style="display:none;" id="account-password-div"> 4544 <div id="account-password-error-message" class="checkout-field-error" style="display:none;">Password must be at least 8 characters.</div> 4545 <input type="password" placeholder="Password" id="account-password" class="form-control checkout-field-input" data-toggle="tooltip" title="Enter your account password." autocomplete="new-password"> 4546 </div> 4547 4548 <div class="checkout-field-div" style="display:none;" id="account-name-div"> 4549 <div id="account-name-error-message" class="checkout-field-error" style="display:none;">Please enter your full name.</div> 4550 <input type="text" maxlength="50" placeholder="Your Full Name" id="account-name" class="form-control checkout-field-input"> 4551 </div> 4552 4553 <div id="account-password-not-working" style="display:none;" class="text-center bottommargin-sm"> 4554 <a href="https://nationalcenterforinterpretation.com/members?password-not-working=1" target="_blank"> 4555 Password not working? 4556 </a> 4557 </div> 4558 4559 <button class="button button-leaf btn-block" style="margin: 0 0 10px 0;" id="checkout-continue-button">Continue</button> 4560 </div> 4561 </div> 4562 </div> 4563 </div> 4564</div> 4565 4566
4567<script> 4568 let legacy_storage_prefix = ''; 4569 let storage_prefix = legacy_storage_prefix + "store2767_"; 4570 let cart_key = storage_prefix + 'cart_contents', coupon_key = storage_prefix + 'cart_coupon', discount_key = storage_prefix + 'cart_discount'; 4571 let store_id = 2767; 4572 let store_currency_symbol = "$"; 4573 4574 if( localStorage.getItem( cart_key ) === null && localStorage.getItem( legacy_storage_prefix + 'cart_contents' ) !== null ) { 4575 ['cart_contents', 'cart_coupon', 'cart_discount'].forEach( function( key_suffix ) { 4576 const legacy_value = localStorage.getItem( legacy_storage_prefix + key_suffix ); 4577 if( legacy_value !== null ) { 4578 localStorage.setItem( storage_prefix + key_suffix, legacy_value ); 4579 localStorage.removeItem( legacy_storage_prefix + key_suffix ); 4580 } 4581 }); 4582 } 4583 let tax_enabled = true; 4584 let global_cart_subtotal, global_discounted_cart_subtotal, global_cart_grand_total; 4585 var entityMap = { 4586 "&": "&", 4587 "<": "<", 4588 ">": ">", 4589 '"': '"', 4590 "'": ''', 4591 "/": '/' 4592}; 4593 4594function escapeHtml(string) { 4595 if( string === null ) 4596 return ''; 4597 return String(string).replace(/[&<>"'\/]/g, function (s) { 4598 return entityMap[s]; 4599 }); 4600} 4601 4602function abbreviateText( text, max_length ) 4603{ 4604 if( typeof max_length == 'undefined' ) 4605 max_length = 30; 4606 4607 var display_text = text; 4608 4609 if( text.length > (max_length + 5)) 4610 display_text = text.substr( 0, max_length ) + '...'; 4611 4612 return display_text; 4613} 4614 4615function htmlToText( html ) { 4616 var d = document.createElement( 'div' ); 4617 d.innerHTML = html; 4618 return d.textContent; 4619} 4620 4621function insertStringAtCursor( field_object, string_to_insert ) 4622{ 4623 if (document.selection) { 4624 field_object.focus(); 4625 sel = document.selection.createRange(); 4626 sel.text = string_to_insert; 4627 } 4628 else if (field_object.selectionStart || field_object.selectionStart == '0') { 4629 var startPos = field_object.selectionStart; 4630 var endPos = field_object.selectionEnd; 4631 field_object.value = field_object.value.substring(0, startPos) 4632 + string_to_insert 4633 + field_object.value.substring(endPos, field_object.value.length); 4634 } else { 4635 field_object.value += string_to_insert; 4636 } 4637} 4638 function StartCheckout( extra_data = null ) 4639 { 4640 let cart_contents = GetCartContents(); 4641 toastr.clear(); 4642 toastr.info('Please wait...'); 4643 let data = { 4644 cart_contents: cart_contents, 4645 coupon_code: GetCartCouponCode(), 4646 create_account: $('#account-create-checkbox').is(':checked') ? 1 : 0, 4647 store_id: store_id, 4648 }; 4649 if( typeof extra_data === 'object' ) 4650 data = { ...data, ...extra_data }; 4651 4652 $.ajax({ 4653 url: "https:\/\/nationalcenterforinterpretation.com\/store\/cart\/start-checkout", 4654 method: "POST", 4655 dataType: "json", 4656 data: data 4657 }) 4658 .done(function( data_obj ) { 4659 toastr.clear(); 4660 if( data_obj.success ) { 4661 4662 if( data_obj.data === 'new_customer' ) { 4663 $('#account-name-div').slideDown(); 4664 setTimeout( () => {$('#account-name').focus(); EnableControl('checkout-continue-button'); }, 300); 4665 } 4666 else if( data_obj.data === 'check_password_match' ) { 4667 toastr.error('Please check your password.'); 4668 EnableControl('checkout-continue-button'); 4669 $('#account-password-div').slideDown(); 4670 $('#account-password-not-working').slideDown(); 4671 $('#account-password').focus(); 4672 } 4673 else if( data_obj.data === 'missing_payment_processor' ) 4674 toastr.error('Please set up a payment processor under Store Settings or <a href="/app/store-setup/settings" target="_blank">
4674click here to go to Store Settings</a>.'); 4675 else 4676 location.href = data_obj.results.checkout_url; 4677 } 4678 4679 else if( data_obj.code === 'check_email' ) { 4680 toastr.error('Please check your email address.'); 4681 $('#account-email').focus(); 4682 EnableControl('checkout-continue-button'); 4683 } 4684 4685 else if( data_obj.code === 'show_password' ) { 4686 EnableControl('checkout-continue-button'); 4687 $('#account-password-div').slideDown(); 4688 $('#account-password').focus(); 4689 } 4690 4691 else if( data_obj.code === 'check_password' ) { 4692 toastr.error('Please check your password. It needs to be at least 8 characters in length.'); 4693 EnableControl('checkout-continue-button'); 4694 $('#account-password-div').slideDown(); 4695 $('#account-password').focus(); 4696 } 4697 else if( data_obj.code === 'try_again' ) { 4698 EnableControl('checkout-continue-button'); 4699 toastr.error('Please try again in a few minutes. If this persists, please contact support.'); 4700 } 4701 4702 else if( data_obj.code === 'use_another_email' ) { 4703 EnableControl('checkout-continue-button'); 4704 toastr.error('Please contact the store owner to purchase, or use another email address.'); 4705 } 4706 4707 else if( data_obj.code === 'cart_empty' ) { 4708 toastr.error('Cart is empty or all of your items are out of stock. Please add at least one item to the cart and try again.'); 4709 EnableControl('checkout-continue-button'); 4710 } 4711 4712 else if( data_obj.code === 'cart_zero' ) { 4713 toastr.error('Please place at least $1 into the cart to be able to check out.'); 4714 EnableControl('checkout-continue-button'); 4715 } 4716 4717 else if( data_obj.code === 'vault_full' ) { 4718 EnableControl('checkout-continue-button'); 4719 toastr.error( data_obj.message, '', { timeOut: 20000 } ); 4720 } 4721 4722 else if( data_obj.message.startsWith( 'Stripe Tax has not been activated' ) ) 4723 toastr.error('Stripe Tax has not been activated. Please do so in the Stripe control panel, or disable tax collection inside your Stripe account. Email [email protected] if you have questions about enabling this.'); 4724 4725 else if( data_obj.code === 'no_payment_methods' ) { 4726 EnableControl('checkout-continue-button'); 4727 toastr.error('Payment Setup Incomplete: This store is not yet configured to accept payments in your selected currency. Please contact Paul Gatto at [email protected] to activate USD in the Stripe Dashboard.'); 4728 } 4729 4730 else { 4731 EnableControl('checkout-continue-button'); 4732 toastr.error('Something went wrong during checkout. Please try again in a few minutes or email [email protected] if it persists.'); 4733 } 4734 4735 }) 4736 .fail(function( jqXHR, textStatus ) { 4737 toastr.error( "Request failed: " + textStatus, 'Something went wrong during checkout. Please try again in a few minutes or email [email protected] if it persists.' ); 4738 EnableControl('checkout-continue-button'); 4739 }); 4740 4741 return false; 4742 } 4743 4744 function CheckEnterKeyPress( evt ) 4745 { 4746 if( evt.keyCode === 13 ) 4747 $('#checkout-continue-button').click(); 4748 } 4749 4750 function ValidateCheckoutName() 4751 { 4752 let name_control = $('#account-name'); 4753 let name_error_message_control = $('#account-name-error-message'); 4754 let name = name_control.val(); 4755 if( name.length < 2 || !name.includes(' ') ) { 4756 name_error_message_control.slideDown(); 4757 name_control.css('border','2px solid red').focus(); 4758 return false;
4759 } 4760 EnableControl('checkout-continue-button'); 4761 4762 name_error_message_control.slideUp(); 4763 name_control.css('border',''); 4764 return name; 4765 } 4766 4767 function ValidateCheckoutPassword() 4768 { 4769 let password_control = $('#account-password'); 4770 let password_error_message_control = $('#account-password-error-message'); 4771 let password = password_control.val(); 4772 if( password.length < 8 || password === $('#account-email').val() ) { 4773 password_error_message_control.slideDown(); 4774 password_control.css('border','2px solid red').focus(); 4775 return false; 4776 } 4777 4778 EnableControl('checkout-continue-button'); 4779 password_error_message_control.slideUp(); 4780 password_control.css('border',''); 4781 return password; 4782 } 4783 4784 function ValidateCheckoutEmailAddress() 4785 { 4786 let email_control = $('#account-email'); 4787 let email_error_message_control = $('#account-email-error-message'); 4788 let email = email_control.val(); 4789 if( !email.includes('@') || !email.includes('.') ) { 4790 email_error_message_control.slideDown(); 4791 email_control.css('border','2px solid red').focus(); 4792 return false; 4793 } 4794 4795 EnableControl('checkout-continue-button'); 4796 email_error_message_control.slideUp(); 4797 email_control.css('border',''); 4798 return email; 4799 } 4800 4801 function DisableControl( button_id ) 4802 { 4803 $('#' + button_id ).css('pointer-events','none').css('opacity','0.5').css('filter','grayscale(1)').attr('disabled','disabled'); 4804 } 4805 4806 function EnableControl( button_id ) 4807 { 4808 $('#' + button_id ).css('pointer-events','auto').css('opacity','1').css('filter','grayscale(0)').attr('disabled',false); 4809 } 4810 4811 $(function() { 4812 setInterval( UpdateCartBadge, 2000 ); 4813 UpdateCartBadge(); 4814 4815 global_cart_subtotal = BigNumber('0.00'); 4816 $('#search-icon').click( function() { 4817 $('#search').show().css('width','15rem').focus(); 4818 return false; 4819 }); 4820 $('.cart-panel-backdrop').click( CloseCart ); 4821 $('.cart-panel-close-button').click( CloseCart ); 4822 $('#cart-panel-continue-shopping').click( CloseCart ); 4823 $('#loginModal').on('show.bs.modal', function () { 4824 $('#account-password-error-message').hide(); 4825 $('#account-password-div').hide(); 4826 $('#account-name-error-message').hide(); 4827 $('#account-name-div').hide(); 4828 }) 4829 .on('shown.bs.modal', function () { 4830 $('#account-email').focus(); 4831 }); 4832 4833 $('#cart-subtotal').on('click','.remove-coupon-code',function() { 4834 Swal.fire({ 4835 title: 'Do you wish to remove this coupon code from your order?<br><br>' + GetCartCouponCode(), 4836 showDenyButton: false, 4837 showCancelButton: true, 4838 confirmButtonText: "Yes" 4839 }).then((result) => { 4840 if (result.isConfirmed) { 4841 SetCartCouponCode(); 4842 SetCartDiscount(); 4843 RenderCartContents(); 4844 } 4845 }); 4846 return false; 4847 }); 4848 $('#extra-check-out-text').on('click','#extra-check-out-link', function() { 4849 OpenCart(); 4850 return false; 4851 }) 4852 $('#check-out-now-button').click( function() { 4853 CloseCart(); 4854 $('#loginModal').modal('show'); 4855 4856 }); 4857 4858 $('#coupon-code').on('keydown', function( evt ) { 4859 if( evt.keyCode === 13 ) 4860 $('#apply-coupon-button').click(); 4861 }); 4862 4863 $('#apply-coupon-button').click( function() { 4864 toastr.info('Applying coupon...'); 4865 let existing_coupon = GetCartCouponCode(); 4866 let new_coupon = $('#coupon-code').val().trim(); 4867 if( existing_coupon !== new_coupon ) { 4868 let cart = GetCartContents(); 4869 if( cart.length === 0 ) { 4870 toastr.clear(); 4871 return false;
4872 } 4873 4874 let data = { 4875 cart_contents: cart, 4876 coupon_code: new_coupon, 4877 store_id: store_id 4878 }; 4879 $.ajax({ 4880 url: "https:\/\/nationalcenterforinterpretation.com\/store\/cart\/apply-coupon", 4881 method: "POST", 4882 dataType: "json", 4883 data: data, 4884 coupon_code: new_coupon 4885 }) 4886 .done(function( data_obj ) { 4887 toastr.clear(); 4888 if( data_obj.success ) { 4889 SetCartDiscount( data_obj.results ); 4890 SetCartCouponCode( this.coupon_code ); 4891 RenderCartContents(); 4892 } 4893 }) 4894 .fail(function( jqXHR, textStatus ) { 4895 SetCartDiscount(); 4896 SetCartCouponCode(); 4897 RenderCartContents(); 4898 }); 4899 } 4900 else 4901 toastr.clear(); 4902 }); 4903 4904 $('#account-email').change( function() { 4905 ValidateCheckoutEmailAddress(); 4906 $('#account-name-div').slideUp(); 4907 } ).keypress( CheckEnterKeyPress ); 4908 4909 $('#account-password').change( function() { 4910 ValidateCheckoutPassword(); 4911 $('#account-name-div').slideUp(); 4912 }).keypress( CheckEnterKeyPress ); 4913 4914 $('#account-name').change( ValidateCheckoutName ).keypress( CheckEnterKeyPress ); 4915 4916 $('#checkout-continue-button').click( function() { 4917 let email = ValidateCheckoutEmailAddress(); 4918 if( email === false ) 4919 return false; 4920 4921 let create_account = $('#account-create-checkbox').is(':checked'); 4922 4923 4924 if( create_account && $('#account-password-div').css('display') === 'none' ) { 4925 DisableControl('checkout-continue-button'); 4926 4927 $('#account-password-error-message').hide(); 4928 $('#account-password-div').slideDown(); 4929 setTimeout(() => { 4930 EnableControl('checkout-continue-button'); 4931 $('#account-password').focus(); 4932 }, 300) 4933 } 4934 else { 4935 if( create_account && ValidateCheckoutPassword() === false ) 4936 return false; 4937 4938 let account_name_visible = ($('#account-name-div').css('display') !== 'none'); 4939 let account_name = (account_name_visible ? $('#account-name').val().trim() : ''); 4940 if( account_name_visible && account_name === '' ) { 4941 $('#account-name-error-message').slideDown(); 4942 $('#account-name').focus(); 4943 return false; 4944 } 4945 DisableControl('checkout-continue-button'); 4946 StartCheckout({ 4947 'email': $('#account-email').val(), 4948 'password': $('#account-password').val(), 4949 'customer_name': account_name 4950 }); 4951 } 4952 }); 4953 4954 $('#cart-icon').click( function() { 4955 OpenCart(); 4956 return false; 4957 }); 4958 $('#cart-contents').on('change','.cart-item-quantity-select', function() { 4959 let cart_index = $(this).attr('data-index'); 4960 let new_quantity = parseInt( $(this).val(), 10 ); 4961 let cart = GetCartContents(); 4962 if( new_quantity === 0 ) { 4963 Swal.fire({ 4964 title: 'Are you sure you wish to remove this item from your cart?', 4965 showDenyButton: false, 4966 showCancelButton: true, 4967 confirmButtonText: "Yes" 4968 }).then((result) => { 4969 if (result.isConfirmed) { 4970 cart.splice(cart_index, 1); 4971 SetCartContents( cart ); 4972 RenderCartContents(); 4973 } 4974 }); 4975 } 4976 else { 4977 cart[cart_index].quantity = new_quantity; 4978 4979 SetCartContents( cart ); 4980 RenderCartContents(); 4981 } 4982 }) 4983 .on('click', '.delete-cart-item', function() { 4984 let cart_index = $(this).attr('data-index'); 4985 let cart = GetCartContents(); 4986 Swal.fire({ 4987 title: 'Are you sure you wish to remove this item from your cart?',
4988 showDenyButton: false, 4989 showCancelButton: true, 4990 confirmButtonText: "Yes" 4991 }).then((result) => { 4992 if (result.isConfirmed) { 4993 cart.splice(cart_index, 1); 4994 SetCartContents( cart ); 4995 RenderCartContents(); 4996 } 4997 }); 4998 }) 4999 .on('click','.edit-cart-item-add-on-instructions', function() { 5000 let cart_index = $(this).attr('data-cart-index'); 5001 let add_on_index = $(this).attr('data-add-on-index'); 5002 let cart = GetCartContents(); 5003 if( Array.isArray( cart ) && Array.isArray( cart[ cart_index ].add_ons ) ) { 5004 let selector_suffix = cart_index + '-' + add_on_index; 5005 let instructions_div = $('#cart-item-add-on-instructions-' + selector_suffix ); 5006 let instructions = cart[ cart_index ].add_ons[ add_on_index ].instructions; 5007 let s = '<textarea class="form-control" id="cart-item-instructions-textarea-' + selector_suffix + '">' + 5008 (typeof instructions === 'string' ? escapeHtml( instructions ) : '') + '</textarea>' + 5009 '<button type="button" class="btn-small save-cart-item-instructions button button-white button-light btn-block" style="margin: 5px 0 0 0;" ' + 5010 'data-cart-index="' + cart_index + '" data-add-on-index="' + add_on_index + '">Save</button>'; 5011 instructions_div.html( s ); 5012 $('#cart-item-instructions-textarea-' + selector_suffix).focus(); 5013 } 5014 }) 5015 .on('click','.save-cart-item-instructions',function() { 5016 let cart_index = $(this).attr('data-cart-index'); 5017 let add_on_index = $(this).attr('data-add-on-index'); 5018 let instructions_div = $('#cart-item-add-on-instructions-' + cart_index + '-' + add_on_index ); 5019 let cart = GetCartContents(); 5020 if( Array.isArray( cart ) && Array.isArray( cart[ cart_index ].add_ons ) ) { 5021 let new_instructions = $('#cart-item-instructions-textarea-' + cart_index + '-' + add_on_index ).val().trim(); 5022 cart[ cart_index ].add_ons[ add_on_index ].instructions = new_instructions; 5023 instructions_div.html( GetHtmlForAddOnInstructions( new_instructions, cart_index, add_on_index ) ); 5024 SetCartContents( cart ); 5025 } 5026 }); 5027 5028 let coupon_code = "".trim(); 5029 if( coupon_code !== '' ) { 5030 $('#coupon-code').val( coupon_code ); 5031 $('#apply-coupon-button').click(); 5032 } 5033 }); 5034 5035 function GetCartContents() 5036 { 5037 let cart = localStorage.getItem( cart_key ); 5038 if( typeof cart === 'string' ) { 5039 let cart_object = JSON.parse(cart); 5040 if( !Array.isArray( cart_object ) ) 5041 return []; 5042 else 5043 return cart_object; 5044 } 5045 else 5046 return []; 5047 } 5048 5049 function SetCartContents( new_cart ) 5050 { 5051 localStorage.setItem( cart_key, JSON.stringify( new_cart ) ); 5052 UpdateCartBadge(); 5053 } 5054 5055 function SetCartCouponCode( code ) 5056 { 5057 if( typeof code === 'undefined' ) 5058 localStorage.removeItem( coupon_key ); 5059 else 5060 localStorage.setItem( coupon_key, code ); 5061 } 5062 5063 function GetCartCouponCode() 5064 { 5065 return localStorage.getItem( coupon_key ); 5066 } 5067 5068 function SetCartDiscount( discount_data ) 5069 { 5070 if( typeof discount_data === 'undefined' ) 5071 localStorage.removeItem( discount_key ); 5072 else 5073 localStorage.setItem( discount_key, JSON.stringify( discount_data ) ); 5074 } 5075 5076 function GetCartDiscount() 5077 { 5078 let discount = localStorage.getItem( discount_key ); 5079 if( typeof discount === 'string' ) { 5080 let discount_object = JSON.parse(discount); 5081 if( !Array.isArray( discount_object ) ) 5082 return []; 5083 else 5084 return discount_object; 5085 } 5086 else 5087 return []; 5088 } 5089 5090 function UpdateCartBadge() 5091 { 5092 let new_cart = GetCartContents(); 5093 5094 let badge_counter = 0; 5095 for( let i = 0; i < new_cart.length; i++ ) 5096 badge_counter += parseInt( new_cart[i].quantity, 10 ); 5097 5098 $('#cart-item-count').html( badge_counter ).css('visibility',( badge_counter === 0 ? 'hidden' : 'visible' )); 5099 if( badge_counter > 0 ) 5100 $('#extra-check-out-text').html('<a href="#" id="extra-check-out-link" class="button button-leaf" style="margin: 10px 0 0 0;">' + 5101 "Cart" + 5102 '</a>'); 5103 else 5104 $('#extra-check-out-text').html(''); 5105 } 5106 5107 function GetCurrentTotalQuantityForProduct( product ) 5108 { 5109 let cart = GetCartContents(); 5110 5111 let has_reached_max_quantity = false;
5112 let scan_cart = true; 5113 let total_existing_quantity_in_cart = 0; 5114 for( let i = 0; i < cart.length; i++ ) { 5115 if (cart[i].product_id == product.product_id && cart[i].variant_id == product.variant_id) 5116 total_existing_quantity_in_cart += parseInt( cart[i].quantity, 10 ); 5117 5118 if( total_existing_quantity_in_cart >= product.max_quantity ) 5119 total_existing_quantity_in_cart = product.max_quantity; 5120 5121 if( product.quantity + total_existing_quantity_in_cart > product.max_quantity ) { 5122 has_reached_max_quantity = true; 5123 scan_cart = false; 5124 } 5125 } 5126 return { 5127 total_existing_quantity_in_cart: total_existing_quantity_in_cart, 5128 has_reached_max_quantity: has_reached_max_quantity 5129 }; 5130 } 5131 5132 function AddProductToCart( product ) 5133 { 5134 let cart = GetCartContents(); 5135 5136 let found_existing_item_in_cart = false; 5137 let cart_inspection = GetCurrentTotalQuantityForProduct( product ); 5138 let max_quantity = Math.max( parseInt(product.max_quantity,10), cart_inspection.total_existing_quantity_in_cart ); 5139 5140 if( cart_inspection.has_reached_max_quantity ) { 5141 found_existing_item_in_cart = true; 5142 toastr.clear(); 5143 toastr.info('Maximum quantity reached','',{timeOut: 10000}); 5144 } 5145 else { 5146 for (let i = 0; i < cart.length; i++) { 5147 let all_found = true; 5148 5149 if (cart[i].product_id == product.product_id && cart[i].variant_id == product.variant_id) { 5150 5151 if (Array.isArray(cart[i].add_ons) && Array.isArray(product.add_ons)) { 5152 let found_add_on_matches = []; 5153 for (let j = 0; j < cart[i].add_ons.length; j++) { 5154 let found_add_on_match = false; 5155 for (let k = 0; k < product.add_ons.length; k++) { 5156 if (cart[i].add_ons[j].id == product.add_ons[k].id && 5157 (product.add_ons[k].allow_user_input_customization_text != 1 || 5158 (product.add_ons[k].allow_user_input_customization_text == 1 && 5159 cart[i].add_ons[j].instructions == product.add_ons[k].instructions))) { 5160 found_add_on_match = true; 5161 break; 5162 } 5163 } 5164 found_add_on_matches[j] = found_add_on_match; 5165 } 5166 for (let j = 0; j < found_add_on_matches.length; j++) 5167 if (found_add_on_matches[j] !== true) 5168 all_found = false; 5169 5170 if (cart[i].add_ons.length !== product.add_ons.length) 5171 all_found = false; 5172 } 5173 if (all_found) { 5174 found_existing_item_in_cart = true; 5175 5176 if (parseInt(cart[i].quantity, 10) + parseInt(product.quantity, 10) > max_quantity ) { 5177 cart[i].quantity = parseInt(max_quantity, 10); 5178 toastr.clear(); 5179 toastr.info('Quantity reduced to match what is in-stock','',{timeOut: 10000}); 5180 } 5181 else 5182 cart[i].quantity = parseInt(cart[i].quantity, 10) + parseInt(product.quantity, 0); 5183 5184 break; 5185 } 5186 } 5187 } 5188 } 5189 if( !found_existing_item_in_cart ) 5190 cart.push( product ); 5191 5192 SetCartContents( cart ); 5193 OpenCart(); 5194 } 5195 5196 function RemoveProductFromCart( product_id ) 5197 { 5198 let cart = GetCartContents(); 5199 5200 for( let i = 0; i < cart.length; i++ ) { 5201 if (cart[i].product_id == product_id) { 5202 cart.splice(i, 1); 5203 SetCartContents( cart ); 5204 UpdateCartBadge(); 5205 return; 5206 } 5207 } 5208 } 5209 5210 function EmptyCart() { 5211 SetCartContents([]); 5212 UpdateCartBadge(); 5213 } 5214 5215 function GetHtmlForAddOnInstructions( instructions, cart_index, add_on_index ) 5216 { 5217 return ( typeof instructions === 'string' && instructions.trim() !== '' ? escapeHtml( instructions ) : 'Add instructions' ) + 5218 '<a href="#" class="edit-cart-item-add-on-instructions" data-cart-index="' + cart_index + '" data-add-on-index="' + add_on_index + '">' + 5219 '<i class="icon-pencil"></i></a>'; 5220 } 5221
5222 function RenderCartContents( skip_shipping = false ) 5223 { 5224 let s = ''; 5225 let cart = GetCartContents(); 5226 let total_price = new BigNumber('0.00'); 5227 let discounts = GetCartDiscount(); 5228 5229 if( cart.length === 0 ) { 5230 s = '<div style="padding: 20px;">No items.</div>'; 5231 $('#check-out-now-div').hide(); 5232 } 5233 else { 5234 let cart_coupon_code = GetCartCouponCode(); 5235 $('#coupon-code').val( cart_coupon_code === null ? '' : cart_coupon_code ); 5236 5237 $('#check-out-now-div').show(); 5238 for( let i = 0; i < cart.length; i++ ) { 5239 let item = cart[i]; 5240 let item_price = (typeof item.sale_price === 'string' && item.sale_price !== '' ? item.sale_price : item.price); 5241 let item_is_on_sale = (typeof item.sale_price === 'string' && item.sale_price !== ''); 5242 total_price = total_price.plus( BigNumber( item.quantity ).times( BigNumber( item_price ) ) ); 5243 5244 let cart_inspection = GetCurrentTotalQuantityForProduct( item ); 5245 let max_quantity = parseInt(item.quantity,10) + parseInt(item.max_quantity,10) - cart_inspection.total_existing_quantity_in_cart; 5246 if( max_quantity > item.max_quantity ) 5247 max_quantity = item.max_quantity; 5248 if( max_quantity < item.quantity ) 5249 max_quantity = item.quantity; 5250 5251 let add_on_html = ''; 5252 let add_on_price_difference = new BigNumber('0.00'); 5253 for( let j = 0; j < item.add_ons.length; j++ ) { 5254 let add_on = item.add_ons[j]; 5255 total_price = total_price.plus( BigNumber( item.quantity ).times( BigNumber( typeof add_on.sale_price_difference === 'string' && add_on.sale_price_difference !== '' ? add_on.sale_price_difference : add_on.price_difference ) ) ); 5256 add_on_html += '<div class="cart-item-add-on-div">' + escapeHtml( add_on.name ); 5257 if( typeof add_on.sale_price_difference === 'string' && add_on.sale_price_difference !== '' ) { 5258 add_on_html += ' <del>' + escapeHtml(store_currency_symbol + add_on.price_difference) + '</del>' + 5259 escapeHtml(store_currency_symbol + add_on.sale_price_difference); 5260 add_on_price_difference = add_on_price_difference.plus( BigNumber( add_on.sale_price_difference ) ); 5261 } 5262 else { 5263 add_on_html += ' ' + escapeHtml(store_currency_symbol + add_on.price_difference); 5264 add_on_price_difference = add_on_price_difference.plus( BigNumber( add_on.price_difference ) ); 5265 } 5266 5267 add_on_html += '<div class="cart-item-add-on-instructions" id="cart-item-add-on-instructions-' + i + '-' + j + '">' + 5268 (add_on.allow_user_input_customization_text == 1 ? GetHtmlForAddOnInstructions( add_on.instructions, i, j ) : '') + 5269 '</div>'; 5270 5271 add_on_html += '</div>'; 5272 } 5273 5274 let quantity_html = '<div class="cart-item-quantity">'; 5275 quantity_html += '<select id="cart-item-quantity' + i + '" class="form-control cart-item-quantity-select" data-index="' + i +'" style="width: auto;">'; 5276 for( let j = 0; j <= max_quantity; j++ ) { 5277 quantity_html += '<option value="' + j + '"' + ( item.quantity == j ? ' selected' : '') + '>' + 5278 'Qty: ' + j + '</option>'; 5279 } 5280 quantity_html += '</select>'; 5281 5282 quantity_html += '</div>'; 5283 5284 let price_html = '', base_price_html = ''; 5285 let item_price_bignumber = new BigNumber( item.price ); 5286 let item_base_price_bignumber = item_price_bignumber; 5287 item_price_bignumber = item_price_bignumber.plus( add_on_price_difference ); 5288 if( item_is_on_sale ) { 5289 let item_sale_price_bignumber = new BigNumber( item.sale_price ); 5290 item_base_price_bignumber = item_sale_price_bignumber; 5291 5292 item_sale_price_bignumber = item_sale_price_bignumber.plus( add_on_price_difference ); 5293 5294 price_html += '<del>' + escapeHtml(store_currency_symbol + item_price_bignumber) + '</del> ' + 5295 ( item_sale_price_bignumber.isZero() ? 'Free' : escapeHtml(store_currency_symbol + item_sale_price_bignumber) ); 5296 5297 if( !item_base_price_bignumber.isEqualTo( item_sale_price_bignumber ) ) 5298 base_price_html = ' (' + store_currency_symbol + item_base_price_bignumber + '/ea)'; 5299 } 5300 else { 5301 price_html += escapeHtml(store_currency_symbol + item_price_bignumber); 5302 if( !item_base_price_bignumber.isEqualTo( item_price_bignumber ) ) 5303 base_price_html = ' (' + store_currency_symbol + item_base_price_bignumber + '/ea)'; 5304 } 5305 5306 price_html += ' <i class="icon-trash2 delete-cart-item" data-index="' + i + '"></i>'; 5307 5308 5309 5310 s += '<div class="cart-item">' + 5311 '<div class="cart-item-photo">' + 5312 (typeof item.product_image_url === 'string' && item.product_image_url !== '' ? '<img src="' + escapeHtml( item.product_image_url ) + '" alt="' + escapeHtml( item.product_name ) + '">' : '' ) + 5313 '</div>' + 5314 '<div class="cart-item-description">' + 5315 escapeHtml( item.product_name ) + 5316 base_price_html + 5317 (typeof item.variant_name === 'string' && item.variant_name !== '' ? '<div class="cart-item-variant-name">' + escapeHtml( item.variant_name ) + '</div>' : '' ) + 5318 add_on_html + 5319 '</div>' + 5320 '<div class="cart-item-price">' + 5321 price_html + 5322 quantity_html + 5323 '</div>' + 5324 '</div>'; 5325 } 5326 } 5327 5328 $('#cart-contents').html( s ); 5329 let discounted_price = total_price; 5330 let discount_html = ''; 5331 let coupon_code = ''; 5332 for( let i = 0; i < discounts.length; i++ ) { 5333 let discount = discounts[i]; 5334 if( i === 0 ) { 5335 coupon_code = discount.discount_code; 5336 discount_html += '<div class="coupon-description"><span class="float-left-desktop">Coupon Code:</span> <kbd><a href="#" class="remove-coupon-code" data-toggle="tooltip" title="Click to remove coupon code">' + escapeHtml( discount.discount_code ) + ' ' + 5337 '×</a></kbd></div>'; 5338 } 5339 let discount_amount = new BigNumber( discount.discount_amount ); 5340 discount_amount = discount_amount.dividedBy( 100 ) 5341 discounted_price = discounted_price.minus( discount_amount ); 5342 5343 discount_html += '<div class="coupon-discounts"><span class="float-left-desktop">' + 5344 escapeHtml( discount['discount_description'] ); 5345 5346 if( discount.discount_type === 'free_shipping' ) 5347 discount_html += '</span> '; 5348 else 5349 discount_html += ':</span> -' + store_currency_symbol + escapeHtml(discount_amount.toFormat(2)); 5350 5351 discount_html += '</div>'; 5352 } 5353 if( discounted_price.isLessThan( 0 ) ) 5354 discounted_price = new BigNumber('0.00'); 5355 if( discounted_price.isEqualTo( total_price ) ) 5356 $('#cart-subtotal').html('<div><strong><span class="float-left-desktop">Subtotal:</span> ' + store_currency_symbol + total_price.toFormat(2) + '</strong></div>' + discount_html ); 5357 else 5358 $('#cart-subtotal').html('<div><strong><span class="float-left-desktop">Subtotal:</span> ' + store_currency_symbol + total_price.toFormat(2) + '</strong></div>' + 5359 discount_html + 5360 '<div><strong><span class="float-left-desktop">Discounted Subtotal:</span> ' + store_currency_symbol + discounted_price.toFormat(2) + '</strong></div>'); 5361 5362 global_cart_subtotal = total_price; 5363 global_discounted_cart_subtotal = discounted_price; 5364 global_cart_grand_total = discounted_price; 5365 if( skip_shipping === false ) 5366 CalculateShipping(); 5367 5368 $('body').tooltip({ 5369 selector: '[data-toggle=tooltip]' 5370 }); 5371 } 5372 5373 function CalculateShipping() 5374 { 5375 if( $('#cart-shipping').html() != '' ) 5376 $('#cart-shipping').html(' '); 5377 5378 let cart = GetCartContents(); 5379 if( cart.length === 0 ) 5380 return false;
5381 5382 let data = { 5383 cart_contents: cart, 5384 coupon_code: GetCartCouponCode(), 5385 store_id: store_id 5386 }; 5387 $.ajax({ 5388 url: "https:\/\/nationalcenterforinterpretation.com\/store\/cart\/calculate-shipping", 5389 method: "POST", 5390 dataType: "json", 5391 data: data 5392 }) 5393 .done(function( data_obj ) { 5394 toastr.clear(); 5395 if( data_obj.success ) { 5396 let shipping_cost_string; 5397 let shipping_cost = new BigNumber( 0 ); 5398 5399 if( data_obj.results.shipping_cost == '0' ) 5400 shipping_cost_string = 'Free'; 5401 else if( data_obj.results.shipping_cost == '' || typeof data_obj.results.shipping_cost === 'undefined' ) 5402 shipping_cost_string = ''; 5403 else { 5404 shipping_cost = new BigNumber(data_obj.results.shipping_cost); 5405 shipping_cost_string = store_currency_symbol + shipping_cost.toFormat(2); 5406 } 5407 global_cart_grand_total = global_discounted_cart_subtotal.plus( shipping_cost ); 5408 if( global_cart_grand_total.isLessThan( 0 ) ) 5409 global_cart_grand_total = new BigNumber('0.00'); 5410 let grand_total_html = '<div class="grand-total-div"><span class="float-left-desktop">Total:</span> ' + 5411 store_currency_symbol + global_cart_grand_total.toFormat( 2 ) + 5412 (tax_enabled ? '*' : '') + 5413 '</div>'; 5414 if( tax_enabled ) 5415 grand_total_html += '<div style="margin:5px;" class="text-center"><em>* Tax is calculated during checkout</em></div>'; 5416 5417 if( shipping_cost_string != '' ) 5418 $('#cart-shipping').html('<div id="cart-shipping-inner"><span class="float-left-desktop">Shipping:</span> ' + shipping_cost_string + '</div>' + grand_total_html); 5419 else 5420 $('#cart-shipping').html( grand_total_html ); 5421 5422 let server_discounts = Array.isArray( data_obj.results.discounts ) ? data_obj.results.discounts : []; 5423 if( server_discounts.length > 0 ) { 5424 SetCartDiscount( server_discounts ); 5425 RenderCartContents( true ); 5426 } 5427 else if( GetCartDiscount().length > 0 ) { 5428 SetCartDiscount(); 5429 RenderCartContents( true ); 5430 } 5431 } 5432 else 5433 $('#cart-shipping').html(''); 5434 }) 5435 .fail(function( jqXHR, textStatus ) { 5436 $('#cart-shipping').html(''); 5437 }); 5438 } 5439 5440 function OpenCart() 5441 { 5442 $('body').css('overflow','hidden'); 5443 RenderCartContents(); 5444 $('#cart-panel').show(); 5445 $('.cart-panel-backdrop').show().addClass('open'); 5446 $('#cart-panel-sidepanel').addClass('open'); 5447 } 5448 function CloseCart() 5449 { 5450 $('body').css('overflow','auto'); 5451 $('.cart-panel-backdrop').hide().removeClass('open'); 5452 $('#cart-panel-sidepanel').removeClass('open'); 5453 setTimeout( () => $('#cart-panel').hide(), 350 ); 5454 } 5455</script>
vendor: 1 bytes, line 5455
5455
5456<script src='https://cdn.jsdelivr.net/npm/[email protected]/bignumber.min.js'></script>
5456 5457 </main><!-- main content end --> 5458 5459 <a name="contact"></a> 5460 5461 <div class="fr-view" style="font-size:14pt;" id="site-custom-footer-div"></div> 5462</div><!-- #wrapper end --> 5463 5464 5465 5466 5467<style> 5468 .subscribe { 5469 font-weight: 300; 5470 margin-bottom:15px; 5471 } 5472 .subscribe label { 5473 font-weight: 300; 5474 display:inline; 5475 white-space:nowrap; 5476 } 5477 .subscribe > span, .subscribe > span > span { 5478 white-space:nowrap; 5479 } 5480 #contact-me-message { 5481 min-height:60px; 5482 margin-bottom:10px; 5483 max-height:120px; 5484 } 5485 .contact-form-address { 5486 display:none; 5487 } 5488 .sm-form-control { 5489 font-size: 1.8rem; 5490 height: auto; 5491 } 5492 .contact-form-grid { 5493 display: grid; 5494 grid-template-columns: 1fr; 5495 grid-gap: 2rem; 5496 align-items: center; 5497 justify-items: center; 5498 padding: 1rem; 5499 } 5500 .contact-form-grid > div { 5501 width: 100%; 5502 } 5503 @media (max-width: 991px) { 5504 .contact-form-grid { 5505 grid-template-columns: 1fr; 5506 } 5507 } 5508</style> 5509 5510<!-- Contact Me Modal --> 5511<div class="modal fade" id="contactMeModal" tabindex="-1" role="dialog" aria-labelledby="contactMeModalLabel" aria-hidden="true"> 5512 <div class="modal-dialog modal-lg"> 5513 <div class="modal-body"> 5514 <div class="modal-content"> 5515 <div class="modal-body"> 5516 <div class="contact-form-grid"> 5517 <div> 5518 <div class="text-center"> 5519 <button type="button" class="close pull-right" data-dismiss="modal" aria-hidden="true">×</button> 5520 <h2 class="ls1 nobottommargin" id="contactMeModalLabel">Paul Gatto</h2> 5521 5522 <div style="color: #888888;font-weight:300;margin-bottom:10px;"> 5523 USA<br> <a href="tel:520-900-0221">520-900-0221</a> 5524 • 5525 <a href="mailto:nci@nationalcenterforinterpretation.com">nci@nationalcenterforinterpretation.com</a> 5526 <div style="margin-top:1rem;text-align:center;"> 5527 5528 <style> 5529 .social-icon { 5530 float: none; 5531 display: inline-block; 5532 } 5533 .si-snapchat:hover { 5534 background-color: #fffc00; 5535 } 5536 .snapchat-adjust { 5537 padding-top: 9px; 5538 } 5539 .snapchat-adjust:hover { 5540 padding-top: 15px; 5541 } 5542 .snapchat-adjust:not(.si-small):hover { 5543 padding-top: 18px; 5544 } 5545 .snapchat-adjust:hover i:first-child { 5546 visibility: hidden; 5547 } 5548 .snapchat-adjust i:last-child { 5549 color: #333 !important; 5550 } 5551 .fa-x-twitter:first-of-type { 5552 margin-top: 8px; 5553 } 5554 .fa-x-twitter:last-child { 5555 margin-top: 24px; 5556 } 5557 .fa-x-twitter-large { 5558 padding-top: 1px; 5559 } 5560 .fa-snapchat-ghost:first-of-type { 5561 margin-bottom:10px; 5562 } 5563 .fa-snapchat-ghost:last-child { 5564 position: relative; 5565 top: -1px; 5566 } 5567 .snapchat-adjust-large { 5568 padding-top: 10px; 5569 } 5570 .snapchat-adjust-large:hover { 5571 padding-top: 18px; 5572 } 5573 .snapchat-adjust-large:hover i:first-child { 5574 visibility: hidden; 5575 } 5576 .dark .snapchat-adjust-large i:last-child { 5577 color: #333 !important; 5578 } 5579 .fa-snapchat-ghost-large:first-of-type { 5580 margin-bottom:10px; 5581 } 5582 </style><a href="https://www.facebook.com/ncillc" target="_blank" class="social-icon si-small si-borderless si-facebook"> 5583 <i class="icon-facebook"></i> 5584 <i class="icon-facebook"></i> 5585 </a><a href="https://www.linkedin.com/company/ncillc/" target="_blank" class="social-icon si-small si-borderless si-linkedin"> 5586 <i class="icon-linkedin"></i> 5587 <i class="icon-linkedin"></i> 5588 </a> </div> 5589</div> 5590 5591 5592 <div><input type="text" id="contact-me-name" name="contact-me-name" value="" class="sm-form-control" placeholder="Name" maxlength="50" style="margin-bottom:10px;"></div> 5593 <div class="row"> 5594 <div class="col-md-6"><input type="text" id="contact-me-phone" name="contact-me-phone" value="" class="sm-form-control" placeholder="Phone" maxlength="50" style="margin-bottom:10px;"></div> 5595 <div class="col-md-6"><input type="email" id="contact-me-email" name="contact-me-email" value="" class="sm-form-control" placeholder="Email" maxlength="100" style="margin-bottom:10px;"></div> 5596 </div> 5597 <div style="margin-bottom:10px;"> 5598 <select class="sm-form-control" id="contact-me-country" name="contact-me-country"> 5599 <optgroup label="My Country"> 5600 <option value="">Please select</option> 5601 <option value="USA" selected>USA</option><option value="Australia">Australia</option><option value="Canada">Canada</option><option value="Singapore">Singapore</option><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antarctica">Antarctica</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Austria">Austria</option><option value="Azerbaidjan">Azerbaidjan</option><option value="Bahamas">Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia-Herzegovina">Bosnia-Herzegovina</option><option value="Botswana">Botswana</option><option value="Bouvet Island">Bouvet Island</option><option value="Brazil">Brazil</option><option value="British Indian Ocean Territory">British Indian Ocean Territory</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canary Islands">Canary Islands</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="China">China</option><option value="Christmas Island">Christmas Island</option><option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Congo, The Democratic Republic Of The">Congo, The Democratic Republic Of The</option><option value="Cook Islands">Cook Islands</option><option value="Costa Rica">Costa Rica</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="East Timor">East Timor</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Ethiopia">Ethiopia</option><option value="Falkland Islands">Falkland Islands</option><option value="Faroe Islands">Faroe Islands</option><option value="Fiji Islands">Fiji Islands</option><option value="Finland">Finland</option><option value="France">
5601France</option><option value="French Guyana">French Guyana</option><option value="French Polynesia">French Polynesia</option><option value="French Southern Territories">French Southern Territories</option><option value="Gabon">Gabon</option><option value="Gambia">Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadeloupe">Guadeloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Heard and McDonald Islands">Heard and McDonald Islands</option><option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Ivory Coast">Ivory Coast</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jersey">Jersey</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="Korea">Korea</option><option value="Kosovo">Kosovo</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Lao Peoples Democratic Republic">Lao Peoples Democratic Republic</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macau">Macau</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova, Republic Of">Moldova, Republic Of</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montenegro">Montenegro</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar">Myanmar</option><option value="Nambia">Nambia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="Netherlands Antilles">Netherlands Antilles</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="Northern Mariana Islands">Northern Mariana Islands</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Panama">Panama</option><option value="Paupau New Guinea">Paupau New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn">Pitcairn</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Reunion">Reunion</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Rwanda">Rwanda</option><option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option><option value="Saint Lucia">Saint Lucia</option><option value="Saint Vincent And The Grenadines">Saint Vincent And The Grenadines</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="Sao Tome And Principe">Sao Tome And Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia">Serbia</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="South Africa">South Africa</option><option value="South Georgia And The South Sandwich Islands">South Georgia And The South Sandwich Islands</option><option value="Spain">Spain</option><option value="Srilanka">Srilanka</option><option value="St. Helena">St. Helena</option><option value="St. Pierre And Miquelon">St. Pierre And Miquelon</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Svalbard And Jan Mayen Islands">Svalbard And Jan Mayen Islands</option><option value="Swaziland">Swaziland</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syrian Arab Republic">Syrian Arab Republic</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad And Tobago">Trinidad And Tobago</option><option value="Tunisia">Tunisia</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks And Caicos Islands">Turks And Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom">United Kingdom</option><option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option><option value="Uruguay">Uruguay</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="Virgin Islands (British)">Virgin Islands (British)</option><option value="Virgin Islands (US)">Virgin Islands (US)</option><option value="Wallis And Futuna Islands">Wallis And Futuna Islands</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option> </optgroup> 5602 </select> 5603 </div> 5604 <div> 5605 <div><input type="text" id="contact-address" name="contact-address" value="" class="sm-form-control contact-form-address" placeholder="Address" style="margin-bottom:10px;"></div> 5606 <textarea id="contact-me-message" name="contact-me-message" class="sm-form-control" placeholder="Your message to Paul Gatto (optional)"></textarea> 5607 <div class="subscribe text-center"> 5608 <label style="margin-right:5px;"> 5609 Contact me by 5610 </label>
5611 <span> 5612 <span> 5613 <input type="checkbox" name="subscribe-email" id="subscribe-email" value="1" checked style="margin-right:5px;"><label for="subscribe-email" style="margin-right:10px;">Email</label> 5614 </span> 5615 <span> 5616 <input type="checkbox" name="subscribe-text" id="subscribe-text" value="1" style="margin-right:5px;"><label for="subscribe-text">Text</label> 5617 </span> 5618 </span> 5619 </div> 5620 <div class="text-center"> 5621 <button type="button" id="send-message-button" class="button button-large button-green nomargin" value="submit">Send Message</button> 5622 </div> 5623 </div> 5624 </div> 5625 </div> 5626 </div> 5627 </div> 5628 </div> 5629 </div> 5630 </div> 5631</div> 5632
5633<script> 5634 function IsEU( country ) 5635 { 5636 var EU_countries = ["Austria","Belgium","Bulgaria","Croatia","Cyprus","Czech Republic","Denmark","Estonia","Finland","France","Germany","Greece","Hungary","Ireland","Italy","Latvia","Lithuania","Luxembourg","Malta","Netherlands","Netherlands Antilles","Poland","Portugal","Romania","Slovakia","Slovenia","Spain","Sweden","United Kingdom"]; 5637 5638 if( EU_countries.indexOf( country ) > -1 ) 5639 return true; 5640 else 5641 return false; 5642 } 5643 5644 $(function() { 5645 $('#contactMeModal').on('shown.bs.modal', function () { 5646 $('#contact-me-name').focus(); 5647 }); 5648 $('#contact-me-country').change( function() { 5649 if( IsEU( $(this).val() ) ) 5650 $('#subscribe-email').prop('checked',false); 5651 else 5652 $('#subscribe-email').prop('checked',true); 5653 }); 5654 $('#contact-me-country').change(); 5655 }); 5656 5657 $('#send-message-button').click( function() { 5658 var contact_name = $('#contact-me-name').val().trim(); 5659 var contact_email = $('#contact-me-email').val().trim(); 5660 var contact_phone = $('#contact-me-phone').val().trim(); 5661 var contact_message = $('#contact-me-message').val().trim(); 5662 var contact_country = $('#contact-me-country').val(); 5663 5664 if( contact_name == '' ) { 5665 toastr.error( 'Please enter your name.' ); 5666 $('#contact-me-name').focus(); 5667 return; 5668 } 5669 if( contact_email == '' && contact_phone == '' ) { 5670 toastr.error( 'Please enter either your phone or email address.' ); 5671 $('#contact-me-phone').focus(); 5672 return; 5673 } 5674 5675 if( contact_message == '' && !$('#subscribe-text').prop('checked') && !$('#subscribe-email').prop('checked') ) { 5676 toastr.error( 'Please either choose a way to be contacted or enter a message.'); 5677 $('#contact-me-message').focus(); 5678 return; 5679 } 5680 5681 if ($('#subscribe-text').prop('checked') && contact_phone == '') { 5682 toastr.error('Please enter your mobile phone number to be contacted by text.'); 5683 $('#contact-me-phone').focus(); 5684 return; 5685 } 5686 if ($('#subscribe-email').prop('checked') && contact_email == '') { 5687 toastr.error('Please enter your email address to be contacted by email.'); 5688 $('#contact-me-email').focus(); 5689 return; 5690 } 5691 5692 $('#contactMeModal').modal('hide'); 5693 toastr.info('Message sending...'); 5694 $.ajax({ 5695 //url: //, 5696 url: "https://nationalcenterforinterpretation.com/app/contact-me-form", 5697 method: "POST", 5698 dataType: "json", 5699 crossDomain: true, 5700 data: { 5701 'contact-name' : contact_name, 5702 'contact-email' : contact_email, 5703 'contact-phone' : contact_phone, 5704 'contact-message' : contact_message, 5705 'contact-country' : contact_country, 5706 'contact-address' : $('#contact-address').val(), 5707 'subscribe-email' : ($('#subscribe-email').prop('checked') ? '1' : '0'), 5708 'subscribe-text' : ($('#subscribe-text').prop('checked') ? '1' : '0'), 5709 'enroller-number' : "", 5710 'enroller-name' : "", 5711 'sponsor-number' : "", 5712 'sponsor-name' : "", 5713 'utm_source' : null, 5714 'utm_campaign' : null, 5715 'utm_medium' : null, 5716 'utm_term' : null, 5717 'utm_content' : null, 5718 'request_source' : 'contact_me', 5719 "analytics_campaign" : null } 5720 }) 5721 .done(function( data ) { 5722 if( data.success ) { 5723 toastr.success('Message sent!', {timeOut: 10000}); 5724 $('#contact-me-message').val(''); 5725 } 5726 else if( data.code == 'Invalid Email' ) { 5727 toastr.error( 'Please check your email address.' ); 5728 $('#contact-me-email').focus(); 5729 } 5730 else if( data.code == 'Missing Name' ) { 5731 toastr.error( 'Please enter your name.' ); 5732 $('#contact-me-name').focus(); 5733 } 5734 else if( data.code == 'Email Or Phone Required' ) { 5735 toastr.error( 'Please enter either your phone or email address.' ); 5736 $('#contact-me-phone').focus(); 5737 } 5738 else if( data.code == 'Missing Message' ) { 5739 toastr.error( 'Please enter a message.' ); 5740 $('#contact-me-message').focus(); 5741 } 5742 else 5743 toastr.error('Message not sent. Please contact me by email or phone instead.'); 5744 5745 }) 5746 .fail(function( jqXHR, textStatus ) { 5747 toastr.error( "Request failed: " + textStatus, 'Message not sent. Please contact me by email or phone instead.' ); 5748 }); 5749 }); 5750</script>
5750 5751 5752 5753<!-- Go To Top 5754============================================= --> 5755<div id="gotoTop" class="icon-angle-up"></div> 5756 5757<!-- Footer Scripts 5758============================================= -->
5759<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5759 5760
5760<script type="text/javascript" src="https://attractwell.com/site-assets/themes/attractwell/js/functions.min.js"></script>
vendor: 1 bytes, line 5760
5760
5761<script type="text/javascript" src="https://attractwell.com/site-assets/js/jquery.quickfit.js"></script>
5761 5762<!--
5762<script type="text/javascript" src="https://attractwell.com/site-assets/js/js.cookie.js"></script>
5762 -->
5763<script type="text/javascript"> 5764 var quickfit_options_large = { 5765 min: 15, 5766 max: 36, 5767 width: 300 5768 //truncate: true 5769 }; 5770 var quickfit_options_small = { 5771 min: 12, 5772 max: 20, 5773 width: 200 5774 //truncate: true 5775 }; 5776 5777 function resizeText() 5778 { 5779 } 5780 5781 $(function() { 5782 // auto scale text name if it's too long, on both window resize and scroll 5783 $( window ).on( 'resize', resizeText ); 5784 $( window ).on( 'scroll', resizeText ); 5785 resizeText(); 5786 5787 $(window).load( function() { 5788 if( location.hash === '#contact' ) 5789 $('#contactMeModal').modal('show'); 5790 5791 $('a[href$="#contact"]').click( function() { 5792 $('#contactMeModal').modal('show'); 5793 return false; 5794 } ); 5795 5796 $('a[href$="#lead"]').click( function() { 5797 if( $('#leadModal').length === 0 && $('#lead').length === 0 ) { 5798 window.location.href = "\/\/#lead"; 5799 return false; 5800 } 5801 } ); 5802 5803 $( window ).resize(); 5804 }); 5805 5806 5807 $('.menu-flag-icon').click( function (){ 5808 Cookies.set("country",$(this).attr('data-flag'), { path: "\/PaulGatto" } ); // cookie valid to the current path 5809 window.scrollTo(0,0); // scroll to top of page 5810 location.reload(true); 5811 }); 5812 5813 $('#landing-page-log-out').click(function() { 5814 var path_scope = "\/PaulGatto"; 5815 Cookies.remove("registered-on-landing-page", {path: path_scope}); 5816 Cookies.remove('landing_account_id', {path: path_scope}); 5817 Cookies.remove('contact_id', {path: path_scope}); 5818 Cookies.remove('skip_registration', {path: path_scope}); 5819 }); 5820 5821 // instrument the page with click handlers 5822 $('a').click( function() { 5823 var url = $(this).attr('href'); 5824 var title = $(this).text();
5825 title = title.replace(/\\n/gi,'').trim(); 5826 if( url !== '#' ) { 5827 var is_sign_up_link = ($(this).hasClass('sign-up-link') || (url === null && null !== '')); 5828 RecordExternalClickAnalytics(url, title, is_sign_up_link ); 5829 if( is_sign_up_link && Cookies.get('contact_id') != '' ) 5830 RecordContactWebsiteSignUpLinkClick( Cookies.get('contact_id') ); 5831 } 5832 }); 5833 }); 5834</script>
vendor: 1 bytes, line 5834
5834
5835<script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
vendor: 1 bytes, line 5835
5835
5836<script>$(function() { $('audio').on('contextmenu', () => {return false}); });</script>
5836 5837 5838 5839</body> 5840</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.