1<!DOCTYPE html> <html lang="en" class="ciAn dir-ltr ci-sg-frontend"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <style> 2 /* latin-ext */ 3 @font-face { 4 font-family: 'DM Sans'; 5 font-style: normal; 6 font-weight: 400; 7 font-display: swap; 8 src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format('woff2'); 9 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 10 } 11 /* latin */ 12 @font-face { 13 font-family: 'DM Sans'; 14 font-style: normal; 15 font-weight: 400; 16 font-display: swap; 17 src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format('woff2'); 18 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 19 } 20 /* latin-ext */ 21 @font-face { 22 font-family: 'DM Sans'; 23 font-style: normal; 24 font-weight: 500; 25 font-display: swap; 26 src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format('woff2'); 27 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 28 } 29 /* latin */ 30 @font-face { 31 font-family: 'DM Sans'; 32 font-style: normal; 33 font-weight: 500; 34 font-display: swap; 35 src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format('woff2'); 36 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 37 } 38 /* latin-ext */ 39 @font-face { 40 font-family: 'DM Sans'; 41 font-style: normal; 42 font-weight: 700; 43 font-display: swap; 44 src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format('woff2'); 45 unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; 46 } 47 /* latin */ 48 @font-face { 49 font-family: 'DM Sans'; 50 font-style: normal; 51 font-weight: 700; 52 font-display: swap; 53 src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format('woff2'); 54 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 55 } 56 </style> <style> 57:root{ 58 --thmr-pl: #f89c1b; 59 --thmr-pb: #43215d; 60} 61</style> <style> 62body { 63 margin: 0; 64 font-family: "DM Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; 65 font-size: 1.8rem; 66 font-weight: 400; 67 line-height: 1.6667; 68 color: #000; 69 text-align: left; 70 background-color: #fff 71} 72</style> <link href="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/styles/a/bootstrap.min.css" rel="stylesheet" type="text/css"/> <link rel="stylesheet" href="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/styles/ph.css?211203638"> <!--##HeaderStart--> <title>Post Secondary / Scholarships</title><meta property="og:url" content="https://www.surreyschools.ca/advancementoffice/post-secondary-scholarships"/><meta property="og:type" content="article"/><meta property="og:title" content="Post Secondary / Scholarships"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Post Secondary / Scholarships"/><meta property="fb:app_id" content="966242223397117"/> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/> <meta charset="utf-8"/> <meta content="width=device-width, initial-scale=1.0" name="viewport"/> <link href="https://media.surreyschools.ca/media/Default/fgg/130775/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <!--##HeaderEnd-->
72<script>var _ci = {};_ci.siteId=130775;_ci.odlGrpId=202;_ci.sitePath='/advancementoffice';_ci.siteType='t';_ci.siteTitle='Advancement Office';_ci.urlName='advancementoffice';_ci.isHome=0;_ci.api='https://cicmsapi.azurewebsites.net/surrey';_ci.cdn='https://sb45storage.blob.core.windows.net/pub/themes';</script>
72
72<script>_ci.theme = {"pb":"#43215D","pd":"#45C0C0","pl":"#F89C1B","sb":"#0B4F6C","sd":"#1F2F44","sl":"#CEDCE2"}</script>
72 <style> 73 .fr-view table, 74 .fr-view table th, 75 .fr-view table td{ 76 border: 1px solid #333 !important; 77 } 78 79 .fr-view table.cinotblbdr, 80 .fr-view table.cinotblbdr table, 81 .fr-view table.cinotblbdr th, 82 .fr-view table.cinotblbdr td{ 83 border: none !important; 84 } 85</style> <style> 86 #wrapper #main .ci-article-section .jcf-select-opener:before{ 87 content:'' !important; 88 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.7 5.1"><polygon style="fill:rgb(100,100,100)" points="8,0 4.4,3.6 0.7,0 0,0.7 4.4,5.1 8.7,0.7"/></svg>'); 89 background-position: 0,0; 90 width:16px; 91 height:10px; 92 } 93 </style> <style> 94 .ci-social-networks li { 95 margin-bottom: 10px; 96 margin-left: 20px; 97 } 98 99 #wrapper #header .ci-header-top .ci-social-networks { 100 display: -webkit-box; 101 display: -ms-flexbox; 102 display: flex; 103 -ms-flex-wrap: wrap; 104 flex-wrap: wrap; 105 margin-left: -10px; 106 } 107 108 .event-active .event-slide { 109 right: 0 !important; 110 opacity: 1 !important; 111 visibility: visible !important; 112 z-index: 1000; 113 } 114 115 .events-holder .desc.event-active .event-slide { 116 opacity: 1; 117 visibility: visible; 118 right: 0 119 } 120 121 .events-holder .desc .event-opener:hover { 122 text-decoration: underline; 123 color: #02528a 124 } 125 126 .school-site .events-holder .desc .event-opener { 127 font-size: 1.8rem 128 } 129 130 .events-holder .meta-hold { 131 display: block; 132 font-size: 1.4rem; 133 color: #212121 134 } 135 136 .school-site .events-holder .btn { 137 margin-top: 10px 138 } 139 140 @media(min-width:640px) { 141 .school-site .events-holder .btn { 142 width: 236px 143 } 144 } 145 146 @media(min-width:1024px) { 147 .school-site .events-holder .btn { 148 margin-top: 21px 149 } 150 } 151 152 @media(min-width:1366px) { 153 .school-site .events-holder .btn { 154 margin-top: 46px 155 } 156 } 157 158 .event-slide { 159 position: fixed; 160 top: 0; 161 right: -320px; 162 width: 320px; 163 z-index: 999; 164 background: #f8f8f8; 165 padding: 33px 20px; 166 overflow-y: auto; 167 height: 100vh; 168 opacity: 0; 169 visibility: hidden; 170 box-shadow: -1px 0 0 #a6a6a6; 171 outline: none; 172 -webkit-transition: opacity .3s linear,visibility .3s linear,right .3s linear; 173 transition: opacity .3s linear,visibility .3s linear,right .3s linear 174 } 175 176 @media(min-width:480px) { 177 .event-slide { 178 width: 400px; 179 right: -400px; 180 padding: 22px 28px 181 } 182 } 183 184 .event-slide .close { 185 opacity: 1; 186 position: absolute; 187 top: 26px; 188 right: 37px; 189 float: none 190 } 191 192 .event-slide .close:hover { 193 opacity: .8 194 } 195 196 .event-slide .title { 197 font-size: 2.2rem; 198 line-height: 1.33; 199 font-weight: 300; 200 display: block; 201 margin-bottom: 30px; 202 padding-right: 50px; 203 color: #02528a 204 } 205 206 .event-slide .top-part { 207 font-size: 1.4rem; 208 line-height: 1.29; 209 margin-bottom: 13px 210 } 211 212 .event-slide time { 213 font-weight: 700; 214 display: block; 215 margin-bottom: 14px 216 } 217 218 .event-slide .h4 { 219 font-size: 2.2rem; 220 line-height: 1.23; 221 margin-bottom: 1px; 222 font-weight: 400; 223 color: #02528a; 224 display: block 225 } 226 227 .event-slide address { 228 font-size: 1.6rem; 229 color: #000; 230 margin-bottom: 3px 231 } 232 233 .event-slide .timing { 234 display: block; 235 font-size: 1.2rem; 236 color: #333 237 } 238 239 .event-slide .lbl { 240 display: block; 241 margin-bottom: 5px 242 } 243 244 .event-slide .tag { 245 display: block; 246 color: #666 247 } 248 249 .event-slide .text-holder { 250 font-size: 1.6rem; 251 line-height: 1.5; 252 margin-bottom: 42px; 253 color: #111 254 } 255 256 .event-slide .text-holder .text-title { 257 font-size: 1.4rem; 258 text-transform: uppercase; 259 color: #666; 260 display: block; 261 margin-bottom: 10px 262 } 263 264 .event-slide .btn-group { 265 width: 100%; 266 margin-bottom: 35px 267 } 268 269 .event-slide .btn { 270 width: 100%; 271 max-width: 100%; 272 font-size: 1.4rem; 273 line-height: 1.15; 274 font-weight: 600; 275 text-transform: uppercase; 276 border-radius: 0; 277 padding: 16px 12px; 278 position: static 279 } 280 281 .event-slide .ci-widget { 282 margin-bottom: 53px 283 } 284 285 .event-slide .ci-widget .heading { 286 font-size: 1.8rem; 287 line-height: 1.33; 288 font-weight: 600; 289 display: block; 290 border-bottom: 1px solid #c8c8c8; 291 padding: 0 5px 6px; 292 margin-bottom: 22px; 293 color: #02528a 294 } 295 296 .event-slide .ci-widget .files, .event-slide .ci-widget .links { 297 font-size: 16px 298 } 299 300 .event-slide .ci-widget .files a, .event-slide .ci-widget .links a { 301 color: #0c264c; 302 text-decoration: underline 303 } 304 305 .event-slide .ci-widget .files a:hover, .event-slide .ci-widget .links a:hover { 306 text-decoration: none 307 } 308 309 .event-slide .files li { 310 margin-bottom: 16px; 311 position: relative 312 } 313 314 .event-slide .files a { 315 padding-left: 24px 316 } 317 318 .event-slide .files img { 319 margin-right: 5px; 320 position: absolute; 321 top: 6px; 322 left: 5px 323 } 324 325 .event-slide .links li { 326 position: relative; 327 padding-left: 24px; 328 margin-bottom: 16px 329 } 330 331 .event-slide .links li:before { 332 content: ''; 333 background: #a6a6a6; 334 border-radius: 100%; 335 width: 6px; 336 height: 6px; 337 position: absolute; 338 top: 11px; 339 left: 8px 340 } 341 342 .event-slide .social-networks { 343 display: -webkit-box; 344 display: -ms-flexbox; 345 display: flex; 346 -ms-flex-wrap: wrap; 347 flex-wrap: wrap; 348 margin: -12px -6px 0 349 } 350 351 .event-slide .social-networks li { 352 padding: 0 6px 10px 353 } 354 355 .event-slide .social-networks a { 356 width: 48px; 357 height: 48px; 358 border-radius: 100%; 359 display: -webkit-box; 360 display: -ms-flexbox; 361 display: flex; 362 -webkit-box-align: center; 363 -ms-flex-align: center; 364 align-items: center; 365 -webkit-box-pack: center; 366 -ms-flex-pack: center; 367 justify-content: center 368 } 369 370 .event-slide .social-networks a:hover { 371 background: #bcd862 372 } 373 374 .clearfix:after { 375 content: ''; 376 display: block; 377 clear: both 378 } 379 380 .ellipsis { 381 white-space: nowrap; 382 text-overflow: ellipsis; 383 overflow: hidden 384 } 385 386 .mission-block { 387 padding-top: 19px; 388 padding-bottom: 20px 389 } 390 391 @media(min-width:1024px) { 392 .mission-block { 393 padding-top: 16px 394 } 395 } 396
397 @media(min-width:1366px) { 398 .mission-block { 399 padding-top: 26px 400 } 401 } 402 403 .mission-block .panel-holder { 404 border-radius: 2px; 405 overflow: hidden 406 } 407 408 @media(min-width:1024px) { 409 .mission-block .panel-holder { 410 display: -webkit-box; 411 display: -ms-flexbox; 412 display: flex; 413 -ms-flex-wrap: wrap; 414 flex-wrap: wrap; 415 -webkit-box-align: center; 416 -ms-flex-align: center; 417 align-items: center 418 } 419 } 420 421 .mission-block .img-holder { 422 position: relative; 423 background-image: -webkit-linear-gradient(top,#db9000 0%,#8b2709 100%); 424 background-image: linear-gradient(to bottom,#db9000 0%,#8b2709 100%); 425 overflow: hidden 426 } 427 428 @media(min-width:1024px) { 429 .mission-block .img-holder { 430 border-radius: 4px; 431 width: 50% 432 } 433 } 434 435 @media(min-width:1366px) { 436 .mission-block .img-holder { 437 width: 48.3% 438 } 439 } 440 441 .mission-block .img-holder img { 442 width: 100%; 443 mix-blend-mode: luminosity 444 } 445 446 .mission-block .desc-holder { 447 border: 1px solid #cfcece; 448 background: #f8f8f8; 449 padding: 19px 15px 22px; 450 color: #02528a; 451 font-size: 1.8rem; 452 line-height: 1.7778; 453 font-weight: 300 454 } 455 456 @media(min-width:480px) { 457 .mission-block .desc-holder { 458 padding-bottom: 23px 459 } 460 } 461 462 @media(min-width:640px) { 463 .mission-block .desc-holder { 464 padding-bottom: 25px 465 } 466 } 467 468 @media(min-width:1024px) { 469 .mission-block .desc-holder { 470 width: 50%; 471 border-top: 1px solid #cfcece; 472 margin-left: -1px; 473 padding: 25px 20px 19px; 474 line-height: 1.444; 475 border-radius: 0 4px 4px 0 476 } 477 } 478 479 @media(min-width:1366px) { 480 .mission-block .desc-holder { 481 width: 51.7%; 482 font-size: 2.4rem; 483 line-height: 1.3333; 484 padding: 36px 50px 37px 66px 485 } 486 } 487 488 .mission-block .desc-holder p { 489 margin-bottom: 0 490 } 491 492 @media(min-width:480px) { 493 .mission-block .desc-holder p { 494 margin-bottom: 7px 495 } 496 } 497 498 @media(min-width:640px) { 499 .mission-block .desc-holder p { 500 margin-bottom: 21px 501 } 502 } 503 504 @media(min-width:1024px) { 505 .mission-block .desc-holder p { 506 margin-bottom: 17px 507 } 508 } 509 510 @media(min-width:1366px) { 511 .mission-block .desc-holder p { 512 margin-bottom: 34px 513 } 514 } 515 516 .mission-block h2 { 517 font-size: 2.4rem; 518 margin-bottom: 10px; 519 color: #02528a 520 } 521 522 @media(min-width:480px) { 523 .mission-block h2 { 524 margin-bottom: 8px 525 } 526 } 527 528 @media(min-width:1024px) { 529 .mission-block h2 { 530 margin-bottom: 11px 531 } 532 } 533 534 @media(min-width:1366px) { 535 .mission-block h2 { 536 font-size: 3.2rem; 537 margin-bottom: 16px 538 } 539 } 540 541 .mission-block blockquote { 542 font-size: 1.5rem; 543 line-height: 1.4375; 544 font-weight: 300; 545 color: #02528a 546 } 547 548 @media(min-width:640px) { 549 .mission-block blockquote { 550 margin-bottom: 17px 551 } 552 } 553 554 @media(min-width:1024px) { 555 .mission-block blockquote { 556 margin-bottom: 26px 557 } 558 } 559
560 @media(min-width:1366px) { 561 .mission-block blockquote { 562 font-size: 2rem; 563 margin-bottom: 33px 564 } 565 } 566 567 .mission-block blockquote q { 568 display: block; 569 font-style: italic; 570 margin-bottom: 8px 571 } 572 573 @media(min-width:480px) { 574 .mission-block blockquote q { 575 display: inline 576 } 577 } 578 579 .mission-block blockquote cite { 580 font-size: 1.4rem; 581 font-weight: 400; 582 font-style: normal; 583 margin-left: 5px 584 } 585 586 @media(min-width:1366px) { 587 .mission-block blockquote cite { 588 font-size: 1.6rem; 589 margin-left: 10px 590 } 591 } 592 593 .mission-block .btn { 594 border: 3px solid #fce087; 595 background: #fff; 596 color: #02528a; 597 padding: 8px 12px; 598 width: 170px 599 } 600 601 .mission-block .btn:hover { 602 background: #fce087 603 } 604 605 .school-mission { 606 text-align: center; 607 padding-top: 14px; 608 padding-bottom: 4px; 609 position: relative 610 } 611 612 @media(min-width:480px) { 613 .school-mission { 614 padding-bottom: 0 615 } 616 } 617 618 @media(min-width:640px) { 619 .school-mission { 620 padding-bottom: 7px 621 } 622 } 623 624 @media(min-width:1024px) { 625 .school-mission { 626 padding-top: 41px; 627 padding-bottom: 0 628 } 629 } 630 631 .school-mission:after { 632 content: ''; 633 background: #02528a; 634 position: absolute; 635 bottom: 0; 636 left: 0; 637 right: 0; 638 top: 38%; 639 z-index: -2 640 } 641 642 @media(min-width:640px) { 643 .school-mission:after { 644 top: 40% 645 } 646 } 647 648 @media(min-width:1024px) { 649 .school-mission:after { 650 top: 63% 651 } 652 } 653 654 @media(min-width:1366px) { 655 .school-mission:after { 656 top: 56% 657 } 658 } 659 660 .school-mission .bg-holder { 661 border: 6px solid #fff; 662 border-radius: 10px; 663 position: relative; 664 color: #fff; 665 padding: 38px 15px 52px 666 } 667 668 @media(min-width:480px) { 669 .school-mission .bg-holder { 670 padding-top: 36px; 671 padding-bottom: 29px 672 } 673 } 674 675 @media(min-width:640px) { 676 .school-mission .bg-holder { 677 padding-top: 38px; 678 padding-bottom: 52px 679 } 680 } 681 682 @media(min-width:1024px) { 683 .school-mission .bg-holder { 684 padding-bottom: 58px 685 } 686 } 687 688 @media(min-width:1366px) { 689 .school-mission .bg-holder { 690 padding-top: 79px; 691 padding-bottom: 105px 692 } 693 } 694 695 .school-mission .bg-holder:after { 696 content: ''; 697 background-image: -webkit-linear-gradient(351deg,#bcd862 0%,#037240 100%); 698 background-image: linear-gradient(99deg,#bcd862 0%,#037240 100%); 699 position: absolute; 700 top: 0; 701 left: 0; 702 right: 0; 703 bottom: 0; 704 z-index: -1 705 } 706 707 .school-mission h2 { 708 font-size: 2.4rem; 709 margin-bottom: 20px; 710 text-transform: capitalize 711 } 712 713 @media(min-width:480px) { 714 .school-mission h2 { 715 margin-bottom: 24px 716 } 717 } 718 719 @media(min-width:640px) { 720 .school-mission h2 { 721 margin-bottom: 22px 722 } 723 } 724
725 @media(min-width:1366px) { 726 .school-mission h2 { 727 font-size: 3.2rem; 728 margin-bottom: 21px 729 } 730 } 731 732 .school-mission blockquote { 733 font-size: 2.8rem; 734 line-height: 1.2857; 735 font-weight: 300; 736 font-style: italic; 737 margin-bottom: 0 738 } 739 740 @media(min-width:1366px) { 741 .school-mission blockquote { 742 font-size: 4.4rem 743 } 744 } 745 746 @media(min-width:640px) { 747 .school-mission blockquote br { 748 display: none 749 } 750 } 751 752 .ci-social-block .slick-dots { 753 margin: 0; 754 padding: 0; 755 list-style: none 756 } 757 758 .clearfix:after { 759 content: ''; 760 display: block; 761 clear: both 762 } 763 764 .ellipsis { 765 white-space: nowrap; 766 text-overflow: ellipsis; 767 overflow: hidden 768 } 769 770 .slick-slider { 771 position: relative; 772 display: block; 773 box-sizing: border-box; 774 -webkit-touch-callout: none; 775 -webkit-user-select: none; 776 -ms-user-select: none; 777 user-select: none; 778 -ms-touch-action: pan-y; 779 touch-action: pan-y; 780 -webkit-tap-highlight-color: transparent 781 } 782 783 .slick-list { 784 position: relative; 785 overflow: hidden; 786 display: block; 787 margin: 0; 788 padding: 0 789 } 790 791 .slick-list:focus { 792 outline: none 793 } 794 795 .slick-list.dragging { 796 cursor: pointer; 797 cursor: hand 798 } 799 800 .slick-slider .slick-track, .slick-slider .slick-list { 801 -webkit-transform: translate3d(0,0,0); 802 -ms-transform: translate3d(0,0,0); 803 transform: translate3d(0,0,0) 804 } 805 806 .slick-track { 807 position: relative; 808 left: 0; 809 top: 0; 810 display: block 811 } 812 813 .slick-track:before, .slick-track:after { 814 content: ""; 815 display: table 816 } 817 818 .slick-track:after { 819 clear: both 820 } 821 822 .slick-loading .slick-track { 823 visibility: hidden 824 } 825 826 .slick-slide { 827 float: left; 828 height: 100%; 829 min-height: 1px; 830 display: none 831 } 832 833 [dir="rtl"] .slick-slide { 834 float: right 835 } 836 837 .slick-slide img { 838 display: block 839 } 840 841 .slick-slide.slick-loading img { 842 display: none 843 } 844 845 .slick-slide.dragging img { 846 pointer-events: none 847 } 848 849 .slick-initialized .slick-slide { 850 display: block 851 } 852 853 .slick-loading .slick-slide { 854 visibility: hidden 855 } 856 857 .slick-vertical .slick-slide { 858 display: block; 859 height: auto; 860 border: 1px solid transparent 861 } 862 863 .slick-arrow.slick-hidden { 864 display: none 865 } 866 867 .ci-social-block { 868 position: relative; 869 padding-top: 20px; 870 padding-bottom: 40px 871 } 872 873 @media(min-width:640px) { 874 .ci-social-block { 875 padding-bottom: 62px 876 } 877 } 878 879 @media(min-width:1024px) { 880 .ci-social-block { 881 padding-top: 28px; 882 padding-bottom: 33px 883 } 884 } 885 886 @media(min-width:1366px) { 887 .ci-social-block { 888 padding-top: 22px; 889 padding-bottom: 68px 890 } 891 } 892 893 .ci-social-block .bg-stretch {
894 border-top: 4px solid #fce087; 895 position: absolute; 896 top: -481px; 897 left: 0; 898 right: 0; 899 bottom: 0; 900 z-index: -1; 901 opacity: .8 902 } 903 904 @media(min-width:480px) { 905 .ci-social-block .bg-stretch { 906 top: -433px 907 } 908 } 909 910 @media(min-width:640px) { 911 .ci-social-block .bg-stretch { 912 top: -335px 913 } 914 } 915 916 @media(min-width:1024px) { 917 .ci-social-block .bg-stretch { 918 top: -144px 919 } 920 } 921 922 @media(min-width:1366px) { 923 .ci-social-block .bg-stretch { 924 top: -220px 925 } 926 } 927 928 .ci-social-block h2 { 929 font-size: 2.4rem; 930 line-height: 1.4167; 931 text-align: center; 932 position: relative; 933 color: #02528a; 934 padding-bottom: 17px; 935 margin: 0 auto 28px; 936 max-width: 600px 937 } 938 939 @media(min-width:480px) { 940 .ci-social-block h2 { 941 margin-bottom: 51px 942 } 943 } 944 945 @media(min-width:640px) { 946 .ci-social-block h2 { 947 margin-bottom: 35px 948 } 949 } 950 951 @media(min-width:1366px) { 952 .ci-social-block h2 { 953 font-size: 3.2rem; 954 padding-bottom: 15px; 955 margin-bottom: 38px 956 } 957 } 958 959 .ci-social-block h2:after { 960 content: ''; 961 height: 3px; 962 width: 100px; 963 background: #02528a; 964 position: absolute; 965 bottom: 0; 966 left: 50%; 967 -webkit-transform: translateX(-50%); 968 -ms-transform: translateX(-50%); 969 transform: translateX(-50%) 970 } 971 972 .ci-social-block .social-holder { 973 margin-bottom: 19px 974 } 975 976 @media(min-width:1024px) { 977 .ci-social-block .social-holder { 978 margin-bottom: 28px 979 } 980 } 981 982 @media(min-width:1366px) { 983 .ci-social-block .social-holder { 984 margin-bottom: 51px 985 } 986 } 987 988 .ci-social-block .slick-list { 989 margin-bottom: 16px 990 } 991 992 @media(min-width:640px) { 993 .ci-social-block .slick-list { 994 margin: 0 -10px 995 } 996 } 997 998 @media(min-width:1024px) { 999 .ci-social-block .slick-list { 1000 margin: 0 -8px 27px 1001 } 1002 } 1003 1004 @media(min-width:1366px) { 1005 .ci-social-block .slick-list { 1006 margin: 0 -28px 27px 1007 } 1008 } 1009 1010 @media(min-width:640px) { 1011 .ci-social-block .slick-slide { 1012 padding: 0 10px 1013 } 1014 } 1015 1016 @media(min-width:1024px) { 1017 .ci-social-block .slick-slide { 1018 padding: 0 8px 1019 } 1020 } 1021 1022 @media(min-width:1366px) { 1023 .ci-social-block .slick-slide { 1024 padding: 0 28px 1025 } 1026 } 1027 1028 .ci-social-block .card { 1029 border: 2px solid #c9c7c5; 1030 border-radius: 4px; 1031 background: #fff; 1032 overflow: hidden 1033 } 1034 1035 .ci-social-block .card-body { 1036 padding: 12px 13px 10px 1037 } 1038 1039 .ci-social-block .card-title { 1040 margin-bottom: 17px; 1041 margin-right: -5px; 1042 display: -webkit-box; 1043 display: -ms-flexbox; 1044 display: flex; 1045 -ms-flex-wrap: wrap; 1046 flex-wrap: wrap 1047 } 1048 1049 @media(min-width:1024px) { 1050 .ci-social-block .card-title { 1051 margin-bottom: 18px 1052 } 1053 } 1054 1055 .ci-social-block .card-title .dp { 1056 width: 34px; 1057 margin-right: 5px; 1058 margin-right: -3px 1059 } 1060 1061 @media(min-width:480px) { 1062 .ci-social-block .card-title .dp { 1063 margin-right: 3px 1064 } 1065 } 1066 1067 @media(min-width:640px) { 1068 .ci-social-block .card-title .dp { 1069 margin-right: 0 1070 } 1071 } 1072 1073 @media(min-width:1024px) { 1074 .ci-social-block .card-title .dp { 1075 margin-right: 3px 1076 } 1077 } 1078 1079 .ci-social-block .card-title .desc { 1080 -webkit-box-flex: 1; 1081 -ms-flex: 1; 1082 flex: 1; 1083 padding-top: 3px 1084 } 1085 1086 @media(min-width:480px) { 1087 .ci-social-block .card-title .desc { 1088 padding-top: 2px 1089 } 1090 } 1091 1092 @media(min-width:1024px) { 1093 .ci-social-block .card-title .desc { 1094 padding-top: 0 1095 } 1096 } 1097 1098 .ci-social-block .card-title .title { 1099 font-size: 1.3rem; 1100 line-height: 1.3846; 1101 font-weight: 600 1102 } 1103 1104 @media(min-width:480px) { 1105 .ci-social-block .card-title .title { 1106 font-size: 1.4rem 1107 } 1108 } 1109 1110 @media(min-width:640px) { 1111 .ci-social-block .card-title .title { 1112 font-size: 1.3rem 1113 } 1114 } 1115 1116 @media(min-width:1024px) { 1117 .ci-social-block .card-title .title { 1118 font-size: 1.4rem 1119 } 1120 } 1121 1122 .ci-social-block .card-title .username { 1123 font-size: 1rem; 1124 font-weight: 400 1125 } 1126 1127 .ci-social-block .card-title .username a { 1128 color: #606065 1129 } 1130 1131 .ci-social-block .post-holder { 1132 padding-bottom: 11px; 1133 margin-bottom: 5px; 1134 border-bottom: 2px solid #bcd862 1135 } 1136 1137 @media(min-width:480px) { 1138 .ci-social-block .post-holder { 1139 padding-bottom: 30px; 1140 min-height: 110px 1141 } 1142 } 1143 1144 @media(min-width:640px) { 1145 .ci-social-block .post-holder { 1146 padding-bottom: 16px; 1147 min-height: 110px 1148 } 1149 } 1150 1151 @media(min-width:1024px) { 1152 .ci-social-block .post-holder { 1153 padding: 0 3px 16px 1154 } 1155 } 1156
1157 @media(min-width:1366px) { 1158 .ci-social-block .post-holder { 1159 padding: 0 0 30px 1160 } 1161 } 1162 1163 .ci-social-block .text { 1164 display: block; 1165 font-size: 1.4rem; 1166 line-height: 1.3571; 1167 color: #606065 1168 } 1169 1170 .ci-social-block .text + .text { 1171 margin-top: 20px 1172 } 1173 1174 .ci-social-block time { 1175 font-size: 1.2rem; 1176 font-weight: 600; 1177 color: #666 1178 } 1179 1180 .ci-social-block .slick-dots { 1181 margin: 0; 1182 display: -webkit-box; 1183 display: -ms-flexbox; 1184 display: flex; 1185 -ms-flex-wrap: wrap; 1186 flex-wrap: wrap; 1187 -webkit-box-pack: center; 1188 -ms-flex-pack: center; 1189 justify-content: center 1190 } 1191 1192 .ci-social-block .slick-dots li { 1193 padding: 2px 7px; 1194 font-size: 0 1195 } 1196 1197 .ci-social-block .slick-dots li.slick-active button { 1198 background: #02528a 1199 } 1200 1201 .ci-social-block .slick-dots li button { 1202 display: block; 1203 text-indent: -9999px; 1204 overflow: hidden; 1205 line-height: 0; 1206 width: 16px; 1207 height: 16px; 1208 border: none; 1209 border-radius: 100%; 1210 background: #a6a6a6; 1211 opacity: .9; 1212 padding: 0; 1213 -webkit-transition: background .3s linear; 1214 transition: background .3s linear 1215 } 1216 1217 .ci-social-block .slick-dots li button:hover { 1218 background: #02528a 1219 } 1220 1221 .ci-social-block .btn-holder { 1222 text-align: center 1223 } 1224 1225 .ci-social-block .btn-holder .btn { 1226 width: 100% 1227 } 1228 1229 @media(min-width:640px) { 1230 .ci-social-block .btn-holder .btn { 1231 max-width: 313px 1232 } 1233 } 1234 1235 .clearfix:after { 1236 content: ''; 1237 display: block; 1238 clear: both 1239 } 1240 1241 .ellipsis { 1242 white-space: nowrap; 1243 text-overflow: ellipsis; 1244 overflow: hidden 1245 } 1246 </style> <style> @media (min-width:1366px) { .school-site .slick-arrow, .sec-school-site .slick-arrow { background: #a6a6a6 } } @media (min-width:1366px) { .school-site .slick-arrow:hover, .sec-school-site .slick-arrow:hover { background-color: #212121 } } @media (min-width:1024px) { .slick-dots li { margin: 3px } } @media (min-width:1366px) { .slick-dots li { margin: 3px 5px } } @media (min-width:1024px) { .slick-dots button { height: 5px; width: 23px } } @media (min-width:1366px) { .slick-dots button { height: 8px; width: 40px } } @media (min-width:1024px) { #wrapper { padding-top: 0 } } @media (min-width:1024px) { #wrapper.school-site, #wrapper.sec-school-site { padding-top: 0 } } @media (max-width:1023px) { #wrapper > .sticky-wrap { height: auto !important } } @media (min-width:1024px) { #wrapper > .sticky-wrap { position: static } } @media (min-width:1024px) { .ci-top-logo { width: 140px; margin: 0 auto; position: static; padding-top: 11px; padding-bottom: 14px; z-index: 0 } } @media (min-width:1024px) { .ci-top-logo img { width: 76px } } @media (min-width:1024px) { #header { position: relative } } @media (max-width:1023px) { .sticky-wrap-ci-nav-block { height: auto !important } } @media all and (max-width:1023px) and (-ms-high-contrast:none),(max-width:1023px) and (-ms-high-contrast:active) { .sticky-wrap-ci-nav-block { width: 100% } } @media (max-width:1023px) { .sticky-wrap-ci-nav-block .ci-nav-block { top: auto !important; left: auto !important; width: 100% !important; position: relative !important } } @media (min-width:1024px) { .ci-header-top { padding: 21px 0 16px; height: auto; background-color: transparent } }
1246 @media (min-width:1366px) { .ci-header-top { padding: 20px 0 0 } } @media (min-width:640px) { .school-site .ci-header-top, .sec-school-site .ci-header-top { height: 80px } } @media (min-width:1024px) { .school-site .ci-header-top, .sec-school-site .ci-header-top { height: auto; padding-bottom: 23px } } @media (min-width:1366px) { .school-site .ci-header-top, .sec-school-site .ci-header-top { padding-bottom: 15px } } @media (min-width:1024px) { .ci-header-top:after { display: none } } @media (min-width:480px) { .ci-header-top .ci-logo { margin-left: -2px } } @media (min-width:640px) { .ci-header-top .ci-logo { margin-left: -2px } } @media (min-width:1366px) { .ci-header-top .ci-logo { width: 352px; padding-left: 32px } } @media (min-width:480px) { .school-site .ci-header-top .ci-logo, .sec-school-site .ci-header-top .ci-logo { left: 21px; width: 295px; padding-top: 10px } } @media (min-width:640px) { .school-site .ci-header-top .ci-logo, .sec-school-site .ci-header-top .ci-logo { left: 42px; top: 10px; width: 490px; padding-top: 17px } } @media (max-width:1365px) { .school-site .ci-header-top .ci-logo, .sec-school-site .ci-header-top .ci-logo { z-index: 100 } } @media (min-width:1366px) { .school-site .ci-header-top .ci-logo, .sec-school-site .ci-header-top .ci-logo { position: relative; left: auto; right: auto; padding-left: 0; margin-top: -27px; margin-bottom: -20px; width: 786px; padding-top: 43px; padding-bottom: 30px } } @media (min-width:480px) { .sec-school-site .ci-header-top .ci-logo { width: 302px } } @media (min-width:640px) { .sec-school-site .ci-header-top .ci-logo { width: 472px } } @media (min-width:1366px) { .sec-school-site .ci-header-top .ci-logo { width: 786px } } @media (min-width:480px) { .ci-header-top .ci-logo .ci-brand-name { font-size: 18px; line-height: 1.11112; padding-left: 92px } } @media (min-width:640px) { .ci-header-top .ci-logo .ci-brand-name { font-size: 24px; line-height: 1.15; padding-left: 110px } } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-brand-name { color: #3c3c3c; font-size: 38px; font-weight: 500; line-height: 1.2; padding-left: 212px } } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-brand-name span { display: table; color: #3c3c3c; font-size: 22px; font-weight: 400; line-height: 1.2 } } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-brand-name strong { display: block; margin-bottom: 4px } } @media (min-width:640px) { .ci-header-top .ci-logo .ci-img { width: 87px; height: 92px; padding-left: 10px } } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-img { top: -10px; left: 22px; width: 160px; height: 180px; padding: 0 0 13px 12px } } @media (min-width:1366px) { .sec-school-site .ci-header-top .ci-logo .ci-img { padding-bottom: 19px } } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-img:before { border-width: 4px; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg) } } @media (min-width:640px) { .school-site .ci-header-top .ci-logo img, .sec-school-site .ci-header-top .ci-logo img { width: 48px } } @media (min-width:1366px) { .school-site .ci-header-top .ci-logo img, .sec-school-site .ci-header-top .ci-logo img { width: 90px } } @media (min-width:640px) { .sec-school-site .ci-header-top .ci-logo img { width: 45px } } @media (min-width:1366px) { .sec-school-site .ci-header-top .ci-logo img { width: 83px } } @media (min-width:1366px) { .ci-header-top .ci-wrap { padding-top: 1px; padding-right: 7px; margin-bottom: -10px } } @media (min-width:1680px) { .ci-header-top .ci-wrap { padding-right: 23px } } @media (min-width:1366px) { .ci-header-top .ci-hold { font-size: 14px; line-height: 1.2; margin-left: 11px; margin-bottom: 10px } } @media (min-width:1024px) { .ci-header-top .ci-hold > a { display: block; padding: 20px 9px 24px } .ci-header-top .ci-hold > a:hover { background-color: #f0f1fa } .ci-header-top .ci-hold:last-child { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media (min-width:1366px) { .ci-header-top .ci-hold:last-child { width: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media (min-width:1024px) { .ci-header-top .ci-hold:last-child:before { display: none } }
1246 @media (min-width:1366px) { .ci-header-top .ci-hold:last-child:before { display: block } } @media (min-width:1024px) { .ci-header-top .language-hold .dropdown-opener { margin-top: 0; margin-bottom: 0; padding: 20px 25px 24px 9px } } @media (min-width:1024px) { .ci-header-top .language-hold .dropdown-opener:hover { background-color: #f0f1fa } } @media (min-width:1366px) { .ci-header-top .language-hold .dropdown-opener svg { width: 9px; right: 7px; height: 6px; margin-top: -1px } } @media (min-width:640px) { .ci-header-top .ci-social-networks { margin-left: auto } } @media (min-width:1024px) { .ci-header-top .ci-social-networks { margin-right: 25px } } @media (min-width:1366px) { .ci-header-top .ci-social-networks { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none; margin: 5px 5px 0 auto } } @media (min-width:1680px) { .ci-header-top .ci-social-networks { margin-right: 14px } } @media (min-width:1024px) { .school-site .ci-header-top .ci-social-networks, .sec-school-site .ci-header-top .ci-social-networks { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 23px; margin-right: 30px; margin-bottom: 0; max-width: 36% } } @media (min-width:1366px) { .school-site .ci-header-top .ci-social-networks, .sec-school-site .ci-header-top .ci-social-networks { margin-top: 64px; margin-right: 34px } } @media (min-width:1024px) { .sec-school-site .ci-header-top .ci-social-networks { margin-right: 20px } } @media (min-width:1366px) { .sec-school-site .ci-header-top .ci-social-networks { margin-right: 35px } } @media (min-width:1024px) { .search-form { z-index: 2 } } @media (min-width:1024px) { .search-form input[type=search] { height: 58px; font-size: 14px; font-weight: 400; line-height: 1.24; border-radius: 0; letter-spacing: .01em; text-transform: none; padding: 11px 47px 11px 3px } } @media (min-width:1024px) { .search-form button { right: 21px; margin-top: 0 } } @media (min-width:1024px) { .search-form button svg { width: 17px; height: 20px } } @media (min-width:1366px) { .ci-quick-links-drop { margin-right: 5px; margin-left: 1px } } @media (min-width:1366px) { .ci-quick-links-drop.show .nav-link { background-color: #f0f1fa } } @media (min-width:1366px) { .school-site .ci-quick-links-drop.ci-login-drop .ci-link-list, .sec-school-site .ci-quick-links-drop.ci-login-drop .ci-link-list { -webkit-column-count: inherit; column-count: inherit } .school-site .ci-quick-links-drop.ci-login-drop .ci-link-list li, .sec-school-site .ci-quick-links-drop.ci-login-drop .ci-link-list li { margin-bottom: 0 !important } } @media (min-width:1024px) { .ci-quick-links-drop .nav-link { margin-top: 0; margin-bottom: 0; padding: 20px 25px 24px 9px } } @media (min-width:1024px) { .ci-quick-links-drop .nav-link:hover { background-color: #f0f1fa } } @media (min-width:1366px) { .ci-quick-links-drop .nav-link svg { width: 9px; height: 6px; right: 7px; margin-top: -1px } .ci-quick-links-drop .ci-link-list { -webkit-column-count: 4; column-count: 4; -webkit-column-gap: 6px; column-gap: 6px; max-width: 1034px } } @media (min-width:1024px) { .ci-quick-links-drop .ci-link-list li { font-size: 14px } } @media (min-width:1366px) { .ci-quick-links-drop .ci-link-list li:last-child { margin-bottom: 22px } } @media (min-width:1366px) { .ci-quick-links-drop .ci-link-list a { padding: 12px 19px } } @media (min-width:1366px) { .ci-quick-links-drop .dropdown-menu { bottom: auto; top: 100%; width: 940px; padding: 17px 10px 20px; box-shadow: 0 3px 6px rgba(0,0,0,.16) } } @media (min-width:1680px) { .ci-quick-links-drop .dropdown-menu { width: 1070px } } @media (max-width:1023px) { .ci-quick-links-drop .dropdown-menu { max-height: 340px; overflow-x: hidden; overflow-y: auto } } @media (min-width:1366px) { .school-site .ci-quick-links-drop .dropdown-menu, .sec-school-site .ci-quick-links-drop .dropdown-menu { width: 700px; right: -3px } } @media (min-width:1680px) { .school-site .ci-quick-links-drop .dropdown-menu, .sec-school-site .ci-quick-links-drop .dropdown-menu { width: 960px } } @media (min-width:1024px) { .language-hold.d-lg-none { top: -9999px; position: absolute; visibility: hidden; display: block !important } }
1246 @media (min-width:1366px) { .language-hold .dropdown-opener { font-size: 14px; line-height: 1.2 } } @media (min-width:1366px) { .language-hold.show .dropdown-opener { background-color: #f0f1fa } } @media (min-width:1024px) { .language-hold .language-dropdown { top: 100%; bottom: auto; width: 152px; margin: 4px 0 0; box-shadow: 0 3px 6px rgba(0,0,0,.16) } } @media (min-width:1366px) { .language-hold .language-dropdown { width: 167px; margin: 0 } } @media (min-width:1680px) { .language-hold .language-dropdown { width: 180px } } @media (min-width:1024px) { .ci-nav-block { background-color: transparent; position: relative; z-index: 20 } } @media (min-width:1366px) { .ci-nav-block { margin-left: -10px; margin-right: -10px } } @media (min-width:1024px) { .ci-nav-block > .container:before { top: 0; bottom: 0; right: 42px; content: ''; width: 55px; position: absolute; border-radius: 0 0 3px 0; background-color: #43215d } } @media (min-width:1366px) { .ci-nav-block > .container:before { right: 20px } } @media (min-width:1024px) { .school-site .ci-nav-block > .container:before, .sec-school-site .ci-nav-block > .container:before { background-color: #f89c1b } } @media (min-width:1366px) { .school-site .ci-nav-block > .container:before, .sec-school-site .ci-nav-block > .container:before { right: 40px } } @media (min-width:1024px) { .ci-nav-block .container { padding: 0 32px } } @media (min-width:1366px) { .ci-nav-block .container { padding: 0 20px } .school-site .ci-nav-block .container, .sec-school-site .ci-nav-block .container { padding: 0 40px } } @media (min-width:1024px) { .ci-nav-block #nav { padding: 0 18px } } @media (min-width:1366px) { .ci-nav-block #nav { padding: 0 9px } } @media (min-width:1024px) { .ci-nav-block #nav:after { position: absolute; top: 0; left: 10px; right: 262px; bottom: 0; content: ''; z-index: -1; border-radius: 0 0 3px 3px; background-color: #43215d } } @media (min-width:1366px) { .ci-nav-block #nav:after { left: 0; right: 290px } } @media (min-width:1024px) { .school-site .ci-nav-block #nav:after, .sec-school-site .ci-nav-block #nav:after { right: 112px } .ci-nav-block #nav:before { position: absolute; top: 30px; left: 0; right: 0; bottom: -10px; content: ''; z-index: -1; border-radius: 0 0 3px 3px; background-image: -webkit-linear-gradient(top,#fff 0%,rgba(255,255,255,.6) 85%,rgba(255,255,255,.6) 100%); background-image: linear-gradient(180deg,#fff 0%,rgba(255,255,255,.6) 85%,rgba(255,255,255,.6) 100%) } } @media (min-width:1366px) { .ci-nav-block #nav:before { left: -10px; right: -10px } } @media (min-width:1024px) { .school-site .ci-nav-block #nav:before, .sec-school-site .ci-nav-block #nav:before { background: rgba(255,255,255,.8) } .fixed-position .ci-nav-block #nav:before { box-shadow: 0 0 6px rgba(56,56,56,.5); background: rgba(255,255,255,.6); top: 0 } } .ci-nav-block #nav .skew-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; pointer-events: none } @media (min-width:1024px) { .ci-nav-block #nav .skew-bg:after, .ci-nav-block #nav .skew-bg:before { position: absolute; top: 0; width: 90px; right: 259px; bottom: 0; content: ''; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; background-color: #43215d } } @media (min-width:1366px) { .ci-nav-block #nav .skew-bg:after, .ci-nav-block #nav .skew-bg:before { right: 289px } } @media (min-width:1024px) { .school-site .ci-nav-block #nav .skew-bg:after, .school-site .ci-nav-block #nav .skew-bg:before, .sec-school-site .ci-nav-block #nav .skew-bg:after, .sec-school-site .ci-nav-block #nav .skew-bg:before { right: 99px } } @media (min-width:1366px) { .school-site .ci-nav-block #nav .skew-bg:after, .school-site .ci-nav-block #nav .skew-bg:before, .sec-school-site .ci-nav-block #nav .skew-bg:after, .sec-school-site .ci-nav-block #nav .skew-bg:before { right: 89px } } @media (min-width:1024px) { .ci-nav-block #nav .skew-bg:after { right: 39px; width: 50px } } @media (min-width:1366px) { .ci-nav-block #nav .skew-bg:after { right: 29px } } @media (min-width:1024px) { .school-site .ci-nav-block #nav .skew-bg:after, .sec-school-site .ci-nav-block #nav .skew-bg:after { background-color: #f89c1b; right: 39px } }
1246 @media (min-width:1366px) { .school-site .ci-nav-block #nav .skew-bg:after, .sec-school-site .ci-nav-block #nav .skew-bg:after { right: 29px } } @media (max-width:1023px) { .ci-nav-block .main-nav { overflow: hidden } } @media (min-width:1024px) { .ci-nav-block .main-nav { padding-right: 242px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: static } } @media (min-width:1366px) { .ci-nav-block .main-nav { padding-right: 290px } } @media (min-width:1024px) { .school-site .ci-nav-block .main-nav, .sec-school-site .ci-nav-block .main-nav { padding-right: 90px } } @media (min-width:1024px) { .ci-nav-block .main-nav > li { border-bottom: none; font-size: 16px; line-height: 1.25; letter-spacing: .01em; padding-left: 1px } } @media (min-width:1366px) { .ci-nav-block .main-nav > li { padding-left: 2px; font-size: 20px; line-height: 1.23; padding-right: 16px } } @media (min-width:1024px) { .school-site .ci-nav-block .main-nav > li, .sec-school-site .ci-nav-block .main-nav > li { padding-left: 2px; padding-right: 23px } } @media (min-width:1366px) { .school-site .ci-nav-block .main-nav > li, .sec-school-site .ci-nav-block .main-nav > li { padding-right: 14px } } @media (min-width:1024px) { .ci-nav-block .main-nav > li.active > a:after { opacity: 1; visibility: visible } } @media (min-width:1024px) { .ci-nav-block .main-nav > li.drop-active .dropmenu, .ci-nav-block .main-nav > li.item-active > a:after { opacity: 1; visibility: visible } .ci-nav-block .main-nav > li.drop-active > a { color: #43215d; background-color: #f89c1b } } @media (min-width:1024px) { .ci-nav-block .main-nav > li > a { color: #fff; z-index: 2; padding: 21px 13px 19px } } @media (min-width:1366px) { .ci-nav-block .main-nav > li > a { padding: 18px 17px } } @media (min-width:1024px) { .school-site .ci-nav-block .main-nav > li > a, .sec-school-site .ci-nav-block .main-nav > li > a { padding: 21px 13px 19px } } @media (min-width:1366px) { .school-site .ci-nav-block .main-nav > li > a, .sec-school-site .ci-nav-block .main-nav > li > a { padding: 18px 17px } } @media (min-width:1024px) { .ci-nav-block .main-nav > li > a:after { content: ''; height: 6px; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; position: absolute; background-color: #f89c1b } .ci-nav-block .main-nav > li > a:hover { color: #43215d; background-color: #f89c1b } } @media (min-width:1024px) { .ci-nav-block .main-nav > li > a .inner-opener { display: none } } @media (min-width:1024px) { .ci-nav-block .ci-block-frame { background-color: transparent; position: absolute; top: 0; right: 0; bottom: 0; padding: 0; width: 1px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media (min-width:1366px) { .school-site .ci-nav-block .ci-block-frame, .sec-school-site .ci-nav-block .ci-block-frame { right: 20px } } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .search-drop { width: auto; position: static } .school-site .ci-nav-block .ci-block-frame .search-drop.show:before, .sec-school-site .ci-nav-block .ci-block-frame .search-drop.show:before { display: block } .school-site .ci-nav-block .ci-block-frame .search-drop:before, .sec-school-site .ci-nav-block .ci-block-frame .search-drop:before { display: none; position: absolute; top: 0; right: 270px; bottom: 0; content: ''; width: 11px; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg); background: #fff } } @media (min-width:1366px) { .school-site .ci-nav-block .ci-block-frame .search-drop:before, .sec-school-site .ci-nav-block .ci-block-frame .search-drop:before { right: 288px } } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .search-opener { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; position: absolute; top: 50%; right: 64px; padding-top: 2px; margin-top: -2px } } @media (min-width:1366px) { .ci-nav-block .ci-block-frame .search-opener { right: 42px } } @media (min-width:1024px) { .school-site .ci-nav-block .ci-block-frame .search-opener, .sec-school-site .ci-nav-block .ci-block-frame .search-opener { margin-top: -1
1246px } } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .search-opener svg { width: 17px; height: 20px } .school-site .ci-nav-block .ci-block-frame .search-opener svg, .sec-school-site .ci-nav-block .ci-block-frame .search-opener svg { fill: #43215d } } @media (min-width:1024px) { .school-site .ci-nav-block .ci-block-frame .search-opener:hover svg, .sec-school-site .ci-nav-block .ci-block-frame .search-opener:hover svg { fill: #fff } } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .dropdown-menu { display: none; position: absolute; top: 0; right: 42px; bottom: 0; left: auto; height: 61px; width: 219px; border: 1px solid #b4bbe8; background-color: #fff; border-radius: 0 0 3px 0 } } @media (min-width:1366px) { .ci-nav-block .ci-block-frame .dropdown-menu { width: 258px; right: 20px } } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .dropdown-menu:after { position: absolute; top: -1px; width: 23px; right: 216px; bottom: -1px; content: ''; pointer-events: none; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; background-color: #fff; border: 1px solid #b4bbe8; border-right-width: 0 } } @media (min-width:1366px) { .ci-nav-block .ci-block-frame .dropdown-menu:after { right: 256px } } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .dropdown-menu.show { display: block } } @media (min-width:1024px) { .ci-nav-block .btn.btn-primary { background-color: transparent !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0 !important; box-shadow: none !important; padding: 5px 0 5px 19px; font-weight: 400; letter-spacing: .01em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; width: 151px; right: 131px; z-index: 2; content: ''; margin: 0; bottom: 0; top: 0 } } @media (min-width:1366px) { .ci-nav-block .btn.btn-primary { width: 190px; right: 109px; font-size: 20px; line-height: 1.1 } } @media (min-width:1024px) { .ci-nav-block .btn.btn-primary:hover:before { background-color: #43215d } } @media (min-width:1024px) { .ci-nav-block .btn.btn-primary:before { position: absolute; top: 0; left: 0; right: 0; bottom: .5px; content: ''; z-index: -1; background-color: #f89c1b; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100% } .dropmenu { position: absolute; top: 100%; left: 10px; right: 10px; opacity: 0; margin-left: auto; margin-right: auto; max-width: 1640px; visibility: hidden; border-radius: 0 0 3px 3px; box-shadow: 0 0 6px rgba(56,56,56,.5); background-color: #fff; -webkit-transition: opacity .3s linear,visibility .3s linear; transition: opacity .3s linear,visibility .3s linear } } @media (min-width:1366px) { .dropmenu { left: 0; right: 0 } } @media (max-width:1023px) { .dropmenu .container { max-width: 100%; padding: 0 } } @media (min-width:1024px) { .dropmenu .container { display: block; padding: 0 } .dropmenu .nav-wrap { max-width: 1205px } } @media (min-width:480px) { .nav-opener { right: 31px } } @media (min-width:1024px) { .nav-opener { display: none } } @media (min-width:480px) { .nav-active .nav-opener { right: 26px } } @media (min-width:1024px) { .ci-r-holder.mobile { position: absolute; left: -9999px; top: -9999px; visibility: hidden } } @media (min-width:1366px) { .ci-r-holder.desktop { max-width: calc(100% - 360px) } } @media (max-width:1365px) { .ci-r-holder.desktop { position: absolute; left: -9999px; top: -9999px; visibility: hidden } } @media (min-width:1366px) { .school-site .ci-r-holder.desktop, .sec-school-site .ci-r-holder.desktop { width: 100%; padding-left: 250px; max-width: none; padding-top: 16px; padding-right: 31px } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .ci-r-holder.desktop { margin-left: auto; width: calc(100% - 230px) } } @media (min-width:640px) { .school-site .nav-drop, .sec-school-site .nav-drop { height: calc(100vh - 80px); height: calc(var(--vh, 1vh)*100 - 80px) } } @media (min-width:1024px) { .school-site .nav-drop, .sec-school-site .nav-drop { height: auto } } @media (max-width:1023px) { .nav-drop { overflow-y: auto; overflow-x: hidden } } @media all and (max-width:1023px) and (-ms-high-contrast:none),(max-width:1023px) and (-ms-high-contrast:active) { .nav-drop { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media (min-width:1024px) { .nav-drop { max-width: none; position: static; -webkit-transform: none; -ms-transform: none; transform: none; height: auto; border-left: none; background-color: transparent } } @media (min-width:375px) { .nav-drop .ci-header-top { padding: 10px 22px 20px } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .nav-drop .ci-header-top { width: 100% } } @media (min-width:1024px) { .nav-drop .ci-header-top { position: absolute; top: -9999px; left: -9999px; width: 100%; visibility: hidden } } @media (min-width:375px) { .school-site .nav-drop .ci-header-top, .sec-school-site .nav-drop .ci-header-top { padding: 20px 22px } }
1246 @media (min-width:1366px) { .ci-toggle-holder { margin-top: -2px } .school-site .ci-toggle-holder, .sec-school-site .ci-toggle-holder { margin: 17px 55px 0 21px } } @media (min-width:375px) { .ci-toggle-holder + .ci-social-networks li { margin-left: 10px } .ci-toggle-holder + .ci-social-networks { padding-left: 23px } } @media (min-width:1024px) { .sec-lvl { background: 0 0; padding: 15px 10px 34px; -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 10px; column-gap: 10px } } @media (min-width:1366px) { .sec-lvl { -webkit-column-gap: 16px; column-gap: 16px; padding: 15px 10px 66px } } @media (min-width:1366px) { .sec-lvl > li { margin-bottom: 2px; letter-spacing: .01em } } @media (min-width:1024px) { .sec-lvl > li > a { display: block; text-transform: capitalize; padding: 13px 15px; border-radius: 3px; color: #666; outline-offset: -2px } } @media (min-width:1366px) { .sec-lvl > li > a { padding: 17px 18px } } @media (min-width:1024px) { .sec-lvl > li > a:hover { background-color: #f0f1fa; text-decoration: underline; color: #290b40 } } @media (min-width:1024px) { .sec-lvl > li > a .sec-opener { display: none } } @media (min-width:1024px) { .third-lvl { display: none } } @media (min-width:1024px) { .third-lvl > li { font-size: 1.4rem; line-height: 1.375; font-weight: 400; padding-top: 4px; margin-bottom: 7px } } @media (min-width:1024px) { .third-lvl > li > a { color: #3c3c3c; display: inline-block; vertical-align: top; padding: 0 } .third-lvl > li > a:hover { color: #43215d; text-decoration: underline } } @media (min-width:1024px) { .third-lvl > li > a .third-opener { display: none } } @media (max-width:1023px) { [data-inner-slide] { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateX(150%); -ms-transform: translateX(150%); transform: translateX(150%); -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; z-index: 2; padding: 0 0 12px; visibility: hidden; background-color: #f7f7f7 } [data-inner-slide] > li { margin-bottom: 6px } } @media (min-width:1024px) { [data-inner-slide] > li:first-child { display: none } } @media (max-width:1023px) { [data-inner-slide] > li:first-child { margin: 0 0 18px; font-weight: 700; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6 } } @media (max-width:1023px) { [data-inner-slide] > li:first-child > a { padding: 24px 65px 22px 40px; background-color: #fff; color: #43215d; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 400 } [data-inner-slide] > li:first-child > a .inner-opener, [data-inner-slide] > li:first-child > a .inner-opener:before { position: absolute; width: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } [data-inner-slide] > li:first-child > a .inner-opener { right: 18px; height: 22px } [data-inner-slide] > li:first-child > a .inner-opener:before { content: ''; background-color: #43215d; height: 4px } } [data-inner-slide] > li .fourth-lvl > li:first-child img { left: 12px } @media (max-width:1023px) { [data-inner-slide] > li .fourth-lvl > li + li > a { padding-left: 28px; color: #3c3c3c } [data-inner-slide] > li .fourth-lvl > li + li > a:hover, [data-inner-slide] > li > a:hover { color: #43215d } [data-inner-slide] > li > a { display: block; color: #1e102e; padding: 7px 49px 7px 19px; position: relative } [data-inner-slide] > li > a .third-opener:after, [data-inner-slide] > li > a .third-opener:before { background: #43215d } .active > [data-inner-slide] { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible } [data-slide].js-acc-hidden { display: none !important } } @media (min-width:640px) { .alert { padding: 9px 0 } } @media (min-width:480px) { .alert .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1660px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } @media (min-width:480px) { .alert .r-holder { max-width: 70%; margin-bottom: 0 } } @media (min-width:1024px) { .alert .r-holder { max-width: 80% } } .alert em { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis } @media (min-width:480px) { .btn-alert { margin: 0 -10px 0 0 } } @media (min-width:480px) { .ci-banner { padding-top: 35px; margin-bottom: 81px } } @media (min-width:640px) { .ci-banner { padding-top: 33px; margin-bottom: 72px } } @media (min-width:1024px) { .ci-banner { margin-bottom: 91px; padding-top: 38px } }
1246 @media (min-width:1366px) { .ci-banner { margin-bottom: 58px; padding-top: 40px } } @media (min-width:480px) { .school-site .ci-banner { padding-top: 30px; margin-bottom: 95px } } @media (min-width:640px) { .school-site .ci-banner { padding-top: 48px; padding-left: 10px; padding-right: 10px } } @media (min-width:1024px) { .school-site .ci-banner { padding-top: 23px } } @media (min-width:1366px) { .school-site .ci-banner { padding-top: 30px; margin-bottom: 90px } } @media (min-width:480px) { .sec-school-site .ci-banner { padding-top: 40px; margin-bottom: 36px } } @media (min-width:640px) { .sec-school-site .ci-banner { padding-top: 48px; padding-left: 10px; padding-right: 10px; margin-bottom: 39px } } @media (min-width:1024px) { .sec-school-site .ci-banner { padding-top: 23px; margin-bottom: 25px } } @media (min-width:1366px) { .sec-school-site .ci-banner { padding-top: 30px; margin-bottom: 50px } } @media (min-width:480px) { .ci-banner:after { height: 217px } } @media (min-width:640px) { .ci-banner:after { height: 290px } } @media (min-width:1024px) { .ci-banner:after { top: -30px; height: 325px; border-radius: 2px 2px 0 0 } } @media (min-width:1366px) { .ci-banner:after { height: 540px } } @media (min-width:480px) { .school-site .ci-banner:after { height: 203px } } @media (min-width:640px) { .school-site .ci-banner:after { height: 295px } } @media (min-width:1024px) { .school-site .ci-banner:after { height: 305px; top: -25px } } @media (min-width:1366px) { .school-site .ci-banner:after { height: 470px; top: -30px } } @media (min-width:480px) { .sec-school-site .ci-banner:after { height: 272px } } @media (min-width:640px) { .sec-school-site .ci-banner:after { height: 335px } } @media (min-width:1024px) { .sec-school-site .ci-banner:after { height: 305px; top: -25px } } @media (min-width:1366px) { .sec-school-site .ci-banner:after { height: 470px; top: -30px } } @media (min-width:480px) { .ci-banner .catg { font-size: 1.3rem; line-height: 1.2; margin-bottom: 13px } } @media (min-width:640px) { .ci-banner .catg { margin-bottom: 15px } } @media (min-width:1024px) { .ci-banner .catg { font-size: .7rem; line-height: 1.2; padding-right: 29px; margin-bottom: 11px } } @media (min-width:1366px) { .ci-banner .catg { font-size: 1.3rem; line-height: 1.2; margin-bottom: 18px; padding-right: 49px } } @media (min-width:480px) { .ci-banner .catg:after { margin-top: -1px } } @media (min-width:1024px) { .ci-banner .catg:after { width: 23px; height: 1px } } @media (min-width:1366px) { .ci-banner .catg:after { width: 40px; height: 2px; margin-top: 0 } } @media (min-width:1366px) { .school-site .ci-banner .catg:after { margin-top: -1px; background-color: #a6a6a6 } } @media (min-width:1366px) { .sec-school-site .ci-banner .catg:after { margin-top: -1px; background-color: #a6a6a6 } } @media (min-width:480px) { .ci-banner .ci-slide { background: rgba(255,255,255,.6); padding: 10px 10px 0; border-radius: 3px 3px 0 0 } .school-site .ci-banner .ci-slide, .sec-school-site .ci-banner .ci-slide { padding: 0; background-color: transparent } } @media (min-width:1024px) { .school-site .ci-banner .ci-slide, .sec-school-site .ci-banner .ci-slide { background: rgba(255,255,255,.6); padding: 10px 10px 0; border-radius: 3px 3px 0 0 } } @media (min-width:1366px) { .school-site .ci-banner .ci-slide, .sec-school-site .ci-banner .ci-slide { background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,.1) 0%,#fff 100%); background-image: linear-gradient(to top,rgba(255,255,255,.1) 0%,#fff 100%) } } @media (min-width:1024px) { .sec-school-site .ci-banner .ci-slide { padding-bottom: 10px } } @media (min-width:1366px) { .sec-school-site .ci-banner .ci-slide { background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,.2) 0%,#fff 100%); background-image: linear-gradient(to top,rgba(255,255,255,.2) 0%,#fff 100%) } } @media (min-width:480px) { .ci-banner .ci-txt { padding: 13px 10px 75px; margin-left: -10px; margin-right: -10px } } @media (min-width:640px) { .ci-banner .ci-txt { margin-left: 0; margin-right: 0; padding: 18px 80px 95px 20px } } @media (min-width:1024px) { .ci-banner .ci-txt { width: 34.3%; padding: 66px 20px 140px 40px } }
1246 @media (min-width:1366px) { .ci-banner .ci-txt { padding: 7.35% 20px 165px 4.65%; width: 34.9% } } @media (min-width:480px) { .school-site .ci-banner .ci-txt { padding-bottom: 80px; margin-right: 0; margin-left: 0 } } @media (min-width:640px) { .school-site .ci-banner .ci-txt { padding: 18px 80px 90px 20px } } @media (min-width:1024px) { .school-site .ci-banner .ci-txt { padding: 66px 20px 125px 40px } } @media (min-width:1366px) { .school-site .ci-banner .ci-txt { padding: 121px 20px 160px 56px; width: 33.2% } } @media (min-width:480px) { .sec-school-site .ci-banner .ci-txt { padding-bottom: 11px; margin-right: 0; margin-left: 0 } } @media (min-width:640px) { .sec-school-site .ci-banner .ci-txt { padding: 18px 80px 17px 20px } } @media (min-width:1024px) { .sec-school-site .ci-banner .ci-txt { padding: 66px 20px 120px 40px } } @media (min-width:1366px) { .sec-school-site .ci-banner .ci-txt { padding: 70px 20px 160px 46px; width: 33.2% } } @media (min-width:1680px) { .sec-school-site .ci-banner .ci-txt { padding: 121px 20px 160px 56px } } @media (min-width:1024px) { .ci-banner .ci-img { width: 65.7% } } @media (min-width:1366px) { .ci-banner .ci-img { width: 65.1% } } @media (min-width:480px) { .school-site .ci-banner .ci-img, .sec-school-site .ci-banner .ci-img { padding: 0 10px } } @media (min-width:640px) { .school-site .ci-banner .ci-img, .sec-school-site .ci-banner .ci-img { padding: 0 } } @media (min-width:1366px) { .school-site .ci-banner .ci-img, .sec-school-site .ci-banner .ci-img { width: 66.8% } } @media (min-width:480px) { .ci-banner h1 { margin-right: 2%; line-height: 1.3; margin-bottom: 20px } } @media (min-width:640px) { .ci-banner h1 { line-height: 1.1667; margin-bottom: 30px } } @media (min-width:1024px) { .ci-banner h1 { font-size: 2.6rem; line-height: 1.077; margin-bottom: 52px } } @media (min-width:1366px) { .ci-banner h1 { font-size: 3.8rem; line-height: 1.0527; margin-bottom: 24.4% } } @media (min-width:480px) { .school-site .ci-banner h1 { margin-bottom: 20px } } @media (min-width:640px) { .school-site .ci-banner h1 { margin-bottom: 30px } } @media (min-width:1024px) { .school-site .ci-banner h1 { margin-bottom: 52px } } @media (min-width:1366px) { .school-site .ci-banner h1 { margin-bottom: 116px } } @media (min-width:480px) { .sec-school-site .ci-banner h1 { margin-bottom: 20px } } @media (min-width:640px) { .sec-school-site .ci-banner h1 { margin-bottom: 30px } } @media (min-width:1024px) { .sec-school-site .ci-banner h1 { margin-bottom: 52px; margin-right: -5px } } @media (min-width:1366px) { .sec-school-site .ci-banner h1 { margin-right: 0; font-size: 3.4rem; line-height: 1.0527 } } @media (min-width:1680px) { .sec-school-site .ci-banner h1 { margin-bottom: 76px; font-size: 3.8rem; line-height: 1.0527 } } @media (min-width:480px) { .ci-banner .btn { margin: 0 1px; width: 130px } } @media (min-width:640px) { .ci-banner .btn { margin: 0; width: 154px } } @media (min-width:1024px) { .ci-banner .btn { margin: 0 -1px; font-size: 1.2rem; line-height: 1.2; min-width: 106px; width: auto; max-width: 100%; padding: 8px 10px } } @media (min-width:1366px) { .ci-banner .btn { min-width: 154px; font-size: 1.7rem; line-height: 1.2; margin: 0 1px; padding: 13px 10px } } @media (min-width:480px) { .ci-banner .ci-slick-contoller { left: auto; right: 10px; bottom: 93px; max-width: calc(100% - 140px) } } @media (min-width:640px) { .ci-banner .ci-slick-contoller { right: 30px; bottom: 113px } } @media (min-width:1024px) { .ci-banner .ci-slick-contoller { bottom: 95px; right: 0; max-width: none; width: 34.3% } } @media (min-width:1366px) { .ci-banner .ci-slick-contoller { bottom: 125px; width: 34.9%; padding-left: 4.65% } } @media (min-width:480px) { .school-site .ci-banner .ci-slick-contoller { bottom: 98px; right: 9px } } @media (min-width:640px) { .school-site .ci-banner .ci-slick-contoller { bottom: 108px; right: 20px } } @media (min-width:1024px) { .school-site .ci-banner .ci-slick-contoller { bottom: 80px; right: 0 } } @media (min-width:1366px) { .school-site .ci-banner .ci-slick-contoller { bottom: 125px; right: -7px } } @media (min-width:480px) { .sec-school-site .ci-banner .ci-slick-contoller { bottom: 30px; right: 9px } } @media (min-width:640px) { .sec-school-site .ci-banner .ci-slick-contoller { bottom: 36px; right: 20px } } @media (min-width:1024px) { .sec-school-site .ci-banner .ci-slick-contoller { bottom: 85px; right: 0 } }
1246 @media (min-width:1366px) { .sec-school-site .ci-banner .ci-slick-contoller { bottom: 135px; right: -8px } } @media (min-width:1024px) { .ci-banner .slick-arrow { left: 36px; width: 21px; height: 21px; padding-top: 2px } } @media (min-width:1366px) { .ci-banner .slick-arrow { left: -3px; width: 36px; height: 36px; padding-top: 0 } } @media (min-width:1024px) { .ci-banner .slick-arrow img { width: 5px } } @media (min-width:1366px) { .ci-banner .slick-arrow img { width: 7px } } @media (min-width:1024px) { .ci-banner .slick-arrow.slick-next { left: auto; right: 36px; padding-top: 1px } } @media (min-width:1366px) { .ci-banner .slick-arrow.slick-next { right: -3px; padding-top: 0 } } @media (min-width:480px) { .ci-banner .contoller { margin-right: 0 } } @media (min-width:1024px) { .ci-banner .contoller { margin-left: 0; margin-right: auto; padding: 0 67px } } @media (min-width:1366px) { .ci-banner .contoller { padding: 0 50px } } @media (min-width:1366px) { .ci-banner .ci-banner-slider { margin-left: -10px; margin-right: -10px } } @media (min-width:1024px) { .school-site .ci-banner .ci-banner-slider, .sec-school-site .ci-banner .ci-banner-slider { margin-left: -10px; margin-right: -10px } } @media (min-width:1366px) { .school-site .ci-banner .ci-banner-slider, .sec-school-site .ci-banner .ci-banner-slider { margin-left: 10px; margin-right: 10px } } @media (min-width:1024px) { .ci-banner .ci-banner-slider .ci-frame { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; border-radius: 2px 2px 0 0 } } @media (min-width:480px) { .school-site .ci-banner .ci-banner-slider .ci-frame, .sec-school-site .ci-banner .ci-banner-slider .ci-frame { background-color: transparent } } @media (min-width:480px) { .ci-find-it-fast { border-width: 3px; padding-left: 0; padding-right: 0 } } @media (min-width:1366px) { .ci-find-it-fast { border: 0; margin-left: auto; margin-right: auto; max-width: 1780px } } @media (min-width:480px) { .ci-find-it-fast .ci-icon { margin-bottom: 15px } } @media (min-width:640px) { .ci-find-it-fast .ci-icon { width: 160px; height: 160px; margin-bottom: 21px } } @media (min-width:640px) { .school-site .ci-find-it-fast .ci-icon, .sec-school-site .ci-find-it-fast .ci-icon { width: 160px; height: 160px } } @media (min-width:640px) { .ci-find-it-fast .ci-icon svg { width: 81px; height: 65px } } @media (min-width:1366px) { .ci-find-it-fast .ci-icon svg { width: 80px; height: 65px } } @media (min-width:1024px) { .school-site .ci-find-it-fast .ci-icon svg.sm, .sec-school-site .ci-find-it-fast .ci-icon svg.sm { width: 72px; height: 60px } } @media (min-width:640px) { .ci-find-it-fast .ci-icon svg.newImmigrants { width: 90px; height: 50px } } @media (min-width:640px) { .ci-find-it-fast .ci-icon svg.calendar, .ci-find-it-fast .ci-icon svg.employeeSelfServe, .ci-find-it-fast .ci-icon svg.findSchool, .ci-find-it-fast .ci-icon svg.makePaymentndar { width: 68px; height: 61px } } @media (min-width:640px) { .ci-find-it-fast .ci-item { padding: 0 10px } } @media (min-width:1024px) { .ci-find-it-fast .ci-item { padding: 0 20px } } @media (min-width:1366px) { .ci-find-it-fast .ci-item { padding: 0 30px } } @media (min-width:480px) { .ci-find-it-fast .find-it-slider { margin-bottom: 37px; margin-left: -5px; margin-right: -5px } } @media (min-width:640px) { .ci-find-it-fast .find-it-slider { margin-bottom: 51px; margin-left: -12px; margin-right: -12px } } @media (min-width:1024px) { .ci-find-it-fast .find-it-slider { margin-left: -40px; margin-right: -40px; margin-bottom: 51px } } @media (min-width:1366px) { .ci-find-it-fast .find-it-slider { margin-left: -30px; margin-right: -30px; margin-bottom: 63px } } @media (min-width:480px) { .school-site .ci-find-it-fast .find-it-slider, .sec-school-site .ci-find-it-fast .find-it-slider { margin-left: -15px; margin-right: -15px; margin-bottom: 29px } } @media (min-width:640px) { .school-site .ci-find-it-fast .find-it-slider, .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 22px } } @media (min-width:1024px) { .school-site .ci-find-it-fast .find-it-slider, .sec-school-site .ci-find-it-fast .find-it-slider { margin-left: -36px; margin-right: -36px; margin-bottom: 37px } }
1246 @media (min-width:1366px) { .school-site .ci-find-it-fast .find-it-slider, .sec-school-site .ci-find-it-fast .find-it-slider { margin-left: -8px; margin-right: -8px; margin-bottom: 63px } } @media (min-width:480px) { .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 49px } } @media (min-width:640px) { .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 48px } } @media (min-width:1024px) { .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 37px } } @media (min-width:1366px) { .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 62px } } @media (min-width:640px) { .ci-find-it-fast .ci-text { font-size: 1.6rem } } @media (min-width:640px) { .school-site .ci-find-it-fast .ci-text, .sec-school-site .ci-find-it-fast .ci-text { font-size: 1.6rem; line-height: 1.2; margin-left: -3px; margin-right: -3px } } @media (min-width:1366px) { .school-site .ci-find-it-fast .ci-text, .sec-school-site .ci-find-it-fast .ci-text { margin-left: -10px; margin-right: -10px } } @media (min-width:640px) { .ci-find-it-fast .slick-arrow { top: 62px; left: 8px } } @media (min-width:1024px) { .ci-find-it-fast .slick-arrow { left: 35px } } @media (min-width:1366px) { .ci-find-it-fast .slick-arrow { left: 40px } } @media (min-width:640px) { .school-site .ci-find-it-fast .slick-arrow, .sec-school-site .ci-find-it-fast .slick-arrow { left: 11px } } @media (min-width:1024px) { .school-site .ci-find-it-fast .slick-arrow, .sec-school-site .ci-find-it-fast .slick-arrow { left: 31px } } @media (min-width:1366px) { .school-site .ci-find-it-fast .slick-arrow, .sec-school-site .ci-find-it-fast .slick-arrow { left: 43px } } .school-site .slick-dots button:hover, .school-site .slick-dots li.slick-active button { background-color: #212121 } @media (min-width:640px) { .ci-find-it-fast .slick-arrow.slick-next { left
1246: auto; right: 8px } } @media (min-width:1024px) { .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 35px } } @media (min-width:1366px) { .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 40px } } @media (min-width:640px) { .school-site .ci-find-it-fast .slick-arrow.slick-next, .sec-school-site .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 11px } } @media (min-width:1024px) { .school-site .ci-find-it-fast .slick-arrow.slick-next, .sec-school-site .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 31px } } @media (min-width:1366px) { .school-site .ci-find-it-fast .slick-arrow.slick-next, .sec-school-site .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 41px } } .slick-dots li.slick-active button { background: #43215d } @media (min-width:480px) { .ci-tabnav { padding-bottom: 25px } } @media (min-width:1024px) { .ci-tabnav { padding-bottom: 9px } } @media (min-width:1366px) { .ci-tabnav { padding-bottom: 8px } } @media (min-width:480px) { .ci-tabnav:after { height: 5px; right: 0; left: 0 } } @media (min-width:640px) { .ci-tabnav:after { height: 6px } } @media (min-width:1024px) { .ci-tabnav:after { display: none } } @media (min-width:480px) { .ci-tabnav .tabset-opener { padding-right: 22px } } .alert em, .ci-tabnav .tabset-opener em { font-style: normal } @media (min-width:480px) { .ci-tabnav .tabset-opener svg { right: 0 } } @media (min-width:1024px) { .ci-tabnav .set-drop { position: static !important; opacity: 1; visibility: visible; background: 0 0; border: 0; box-shadow: none; display: block } } @media (min-width:1024px) { .ci-tabnav .tabset { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -26px } } @media (min-width:1366px) { .ci-tabnav .tabset { margin: 0 auto; max-width: 1568px } } @media (min-width:1024px) { .ci-tabnav .tabset li { font-size: 2rem; font-weight: 500; line-height: 1.2; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align: center; position: relative; padding: 0 26px } } @media (min-width:1366px) { .ci-tabnav .tabset li { font-size: 2.4rem; line-height: 1.2 } } @media (min-width:1024px) { .ci-tabnav .tabset li.active > a { color: #43215d } .ci-tabnav .tabset li.active > a:before { opacity: 1 } } @media (min-width:1024px) { .ci-tabnav .tabset li + li { border-top: none } .ci-tabnav .tabset li + li:before { top: 50%; left: 0; width: 1px; content: ''; height: 37px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; background-color: #d0d0d0 } } @media (min-width:1366px) { .ci-tabnav .tabset li + li:before { height: 36px } } @media (min-width:1024px) { .ci-tabnav .tabset li a { color: #808284; padding: 19px 15px; position: relative; margin: 0 -1px } } @media (min-width:1366px) { .ci-tabnav .tabset li a { display: table; margin-left: auto; margin-right: auto; min-width: 200px } } @media (min-width:1024px) { .ci-tabnav .tabset li a:hover { color: #43215d } .ci-tabnav .tabset li a:hover:before { opacity: 1 } } @media (min-width:1024px) { .ci-tabnav .tabset li a:before { left: 0; right: 0; bottom: -9px; height: 6px; opacity: 0; content: ''; position: absolute; background: #fbb040 } } @media (min-width:1366px) { .ci-tabnav .tabset li a:before { bottom: -8px } } @media (min-width:480px) { .tab-content { padding-top: 18px; padding-bottom: 0 } } @media (min-width:640px) { .tab-content { padding-top: 30px } } @media (min-width:1366px) { .tab-content { margin: 0 auto; max-width: 1590px; padding-top: 40px; width: 100% } } @media (min-width:1366px) { .tab-content:before { width: 110vw; left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } @media (min-width:640px) { .share-this { top: 300px } } .share-this ul a em { text-indent: -9999px; display: block; font-size: 0; line-height: 0 } .share-this ul img { width: 20px; height: auto } @media (min-width:1024px) { .breadcrumb-holder { margin-top: -30px; margin-bottom: 0 } .sec-school-site .breadcrumb-holder { margin-top: -25px } }
1246 @media (min-width:1366px) { .sec-school-site .breadcrumb-holder { margin-top: -30px } } @media (min-width:480px) { .breadcrumb { padding: 27px 0 13px } } @media (min-width:1024px) { .breadcrumb { padding: 62px 21px 13px } } @media (min-width:1366px) { .breadcrumb { padding: 66px 0 13px; letter-spacing: .04em } } @media (min-width:480px) { .school-site .breadcrumb, .sec-school-site .breadcrumb { padding: 25px 0 10px } } @media (min-width:640px) { .school-site .breadcrumb, .sec-school-site .breadcrumb { padding-top: 46px; padding-bottom: 20px } } @media (min-width:1024px) { .school-site .breadcrumb, .sec-school-site .breadcrumb { padding: 51px 20px 19px } } @media (min-width:1366px) { .school-site .breadcrumb, .sec-school-site .breadcrumb { padding: 50px 0 19px } } @media (min-width:640px) { .sec-school-site .breadcrumb { margin-left: -2px } } @media (min-width:1024px) { .sec-school-site .breadcrumb { margin-left: 0 } } @media (min-width:1366px) { .breadcrumb .breadcrumb-item:before { right: -6px } } @media (min-width:1366px) { .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 22px } } @media (min-width:1366px) { .school-site .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 17px } } @media (min-width:640px) { .sec-school-site .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 14px } } @media (min-width:1366px) { .sec-school-site .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 17px } } @media (max-width:1023px) { .breadcrumb .breadcrumb-item.active { padding-left: 0; padding-right: 0; width: 100% } } @media (min-width:1366px) { .school-site .breadcrumb .breadcrumb-item.active, .sec-school-site .breadcrumb .breadcrumb-item.active { padding-left: 17px } } @media (max-width:1023px) { .breadcrumb .breadcrumb-item.active span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block } } .school-site .breadcrumb .breadcrumb-item.active span, .sec-school-site .breadcrumb .breadcrumb-item.active span { display: inline; white-space: normal; text-overflow: initial } @media (min-width:480px) { .ci-article-section { padding-top: 31px } } @media (min-width:640px) { .ci-article-section { padding-bottom: 0 } } @media (min-width:1024px) { .ci-article-section { padding-top: 0 } } @media (min-width:480px) { .school-site .ci-article-section, .sec-school-site .ci-article-section { padding-top: 24px } } @media (min-width:1024px) { .school-site .ci-article-section, .sec-school-site .ci-article-section { padding-top: 0 } } @media (min-width:480px) { .school-site .ci-article-section .container, .sec-school-site .ci-article-section .container { padding: 0 30px } } @media (min-width:1024px) { .school-site .ci-article-section .container, .sec-school-site .ci-article-section .container { padding: 0 32px } } @media (min-width:1366px) { .school-site .ci-article-section .container, .sec-school-site .ci-article-section .container { padding: 0 20px } } @media (min-width:1024px) { .ci-article-section .sidebar-col { width: 25% } } @media (min-width:1366px) { .ci-article-section .sidebar-col { width: 20.4% } } @media (min-width:1024px) { .ci-article-section .content-col { padding-left: 20px; padding-right: 20px; width: 75%; padding-top: 41px } } @media (min-width:1366px) { .ci-article-section .content-col { width: 79.6%; padding: 41px 0 40px 82px } .school-site .ci-article-section .content-col, .sec-school-site .ci-article-section .content-col { padding-top: 31px } } @media (min-width:1366px) { .ci-article-section .head-hold .catg, .ci-article-section .head-hold time { margin-bottom: 20px } } @media (min-width:480px) { .ci-article-section .head-hold .catg { margin-bottom: 9px } } @media (min-width:1366px) { .ci-article-section .head-hold .catg { margin-bottom: 11px; font-size: 1.8rem; line-height: 1.25; letter-spacing: .1em } } @media (min-width:480px) { .ci-article-section h1 { max-width: 73% } } @media (min-width:640px) { .ci-article-section h1 { line-height: 1.1112; max-width: none; margin-bottom: 8px } } @media (min-width:1024px) { .ci-article-section h1 { margin-bottom: 9px } }
1246 @media (min-width:1366px) { .ci-article-section h1 { margin-bottom: 13px } } @media (min-width:480px) { .ci-article-section h2 { margin-bottom: 22px; max-width: 94% } } @media (min-width:640px) { .ci-article-section h2 { margin-bottom: 21px } } @media (min-width:1024px) { .ci-article-section h2 { margin-bottom: 21px } } @media (min-width:1366px) { .ci-article-section h2 { margin-bottom: 31px } } @media (min-width:480px) { .ci-article-section .h4 { font-size: 1.8rem; margin-bottom: 17px; line-height: 1.6667 } } @media (min-width:640px) { .ci-article-section .h4 { margin-bottom: 20px } } @media (min-width:1024px) { .ci-article-section .h4 { margin-bottom: 26px } } @media (min-width:1366px) { .ci-article-section .h4 { margin-bottom: 32px } } @media (min-width:480px) { .ci-article-section h3 { margin-bottom: 26px } } @media (min-width:1024px) { .ci-article-section h3 { margin-bottom: 18px } } @media (min-width:1366px) { .ci-article-section h3 { margin-bottom: 23px } } .school-site .search-form input[type=search], .sec-school-site .search-form input[type=search] { color: #111 } @media (min-width:480px) { .ci-article-section .top-area .img-holder { margin-bottom: 18px } } @media (min-width:640px) { .ci-article-section .top-area .img-holder { margin-bottom: 18px } } @media (min-width:1024px) { .ci-article-section .top-area .img-holder { margin-bottom: 39px } } @media (min-width:1366px) { .ci-article-section .top-area .img-holder { margin-bottom: 30px } } @media (min-width:480px) { .ci-article-section p { margin-bottom: 30px; margin-right: 2px } } @media (min-width:640px) { .ci-article-section p { margin-right: 0 } } @media (min-width:1024px) { .ci-article-section p { margin-right: 25px } } @media (min-width:1366px) { .ci-article-section p { margin-bottom: 30px; margin-right: 65px } } @media (min-width:480px) { .ci-article-section .ci-post { margin-right: -3px; margin-bottom: -10px } } @media (min-width:640px) { .ci-article-section .ci-post { margin-bottom: -14px } } @media (min-width:1024px) { .ci-article-section .ci-post { margin-bottom: -7px } } @media (min-width:1366px) { .ci-article-section .ci-post { margin-bottom: 11px } } .ci-article-section .ci-post h3 { text-transform: capitalize } @media (min-width:480px) { .ci-article-section .ci-post .ci-img { width: 42.8%; float: left; margin-top: -2px; padding-right: 16px; margin-bottom: 9px } } @media (min-width:640px) { .ci-article-section .ci-post .ci-img { width: 35.7%; margin-top: -1px; padding-right: 30px } } @media (min-width:1024px) { .ci-article-section .ci-post .ci-img { width: 29%; margin-top: 8px; padding-right: 41px } } @media (min-width:1366px) { .ci-article-section .ci-post .ci-img { width: 21.8%; margin-top: -2px; padding-right: 29px } } @media (min-width:480px) { .ci-article-section .ci-info { padding-top: 17px } } @media (min-width:640px) { .ci-article-section .ci-info { margin-top: 0; padding-top: 17px } } @media (min-width:1024px) { .ci-article-section .ci-info { margin-top: 0; padding-top: 19px } } @media (min-width:1366px) { .ci-article-section .ci-info { margin-top: -8px; padding-top: 19px } .ci-article-section .ci-info p { margin-bottom: 26px } } @media (min-width:480px) { .ci-img-list { margin: 0 -6px -15px -8px } } @media (min-width:640px) { .ci-img-list { margin: -2px -10px 0 } } @media (min-width:1024px) { .ci-img-list { margin: 41px -12px 0; position: relative } } @media (min-width:1366px) { .ci-img-list { margin: 57px -22px 0 } } @media (min-width:480px) { .school-site .ci-img-list, .sec-school-site .ci-img-list { margin-top: 37px; margin-bottom: -4px } } @media (min-width:640px) { .school-site .ci-img-list, .sec-school-site .ci-img-list { margin-top: 45px; margin-bottom: 11px } } @media (min-width:1024px) { .school-site .ci-img-list, .sec-school-site .ci-img-list { margin-top: 41px } } @media (min-width:1366px) { .school-site .ci-img-list, .sec-school-site .ci-img-list { margin-top: 58px; margin-bottom: 0 } } @media (min-width:480px) { .ci-img-list li { width: 50%; padding: 0 8px; margin-bottom: 25px } } @media (min-width:640px) { .ci-img-list li { padding: 0 11px; margin-bottom: 34px } } @media (min-width:1024px) { .ci-img-list li { width: 33.33%; padding: 0 12px; margin-bottom: 29px } }
1246 @media (min-width:1366px) { .ci-img-list li { width: 25%; padding: 0 22px; margin-bottom: 42px } } @media (min-width:480px) { .ci-useful-links { margin-top: 24px } } @media (min-width:640px) { .ci-useful-links { margin-top: -3px } } @media (min-width:1024px) { .ci-useful-links { margin-top: 12px } } @media (min-width:1366px) { .ci-useful-links { margin-top: -6px } } @media (min-width:640px) { .ci-useful-links .row { margin: 0 -12px 3px } } @media (min-width:1366px) { .ci-useful-links .row { margin: 0 -17px } } @media (min-width:640px) { .ci-useful-links .row > div { padding: 0 12px } } @media (min-width:1366px) { .ci-useful-links .row > div { padding: 0 17px } } @media (min-width:480px) { .ci-useful-links ul { margin-bottom: 36px } } @media (min-width:640px) { .ci-useful-links ul { margin-bottom: 33px } } @media (min-width:1024px) { .ci-useful-links ul { margin-bottom: 38px } } @media (min-width:1366px) { .ci-useful-links ul { margin-left: -1px } } @media (min-width:640px) { .school-site .ci-useful-links ul, .sec-school-site .ci-useful-links ul { margin-bottom: 44px } } @media (min-width:1024px) { .school-site .ci-useful-links ul, .sec-school-site .ci-useful-links ul { margin-bottom: 38px } } @media (min-width:640px) { .ci-useful-links ul.quick-links { padding-bottom: 20px } } @media (min-width:1024px) { .ci-useful-links ul.quick-links { margin: 0 -5px } } @media (min-width:640px) { .ci-useful-links ul li { padding-left: 24px; margin-left: 0 } } .ci-useful-links ul li:before { position: absolute; top: 7px; left: 8px; content: ''; width: 6px; height: 6px; border-radius: 50%; background-color: #a6a6a6 } .ci-useful-links ul li a { color: #fd7a59; text-decoration: underline } @media (min-width:640px) { .ci-useful-links h4 { padding: 0 5px 6px } } @media (min-width:480px) { .ci-covid-bar { bottom: -62px; left: 42px; right: 48px } } @media (min-width:640px) { .ci-covid-bar { bottom: -41px; left: 55px; right: 55px } } @media (min-width:1024px) { .ci-covid-bar { left: 53px; right: 51px; bottom: -53px } } @media (min-width:1366px) { .ci-covid-bar { left: 0; right: 0; width: 100%; margin: 0 auto; max-width: 1270px; bottom: -55px } } @media (min-width:480px) { .school-site .ci-covid-bar, .sec-school-site .ci-covid-bar { bottom: -62px } } @media (min-width:640px) { .school-site .ci-covid-bar, .sec-school-site .ci-covid-bar { bottom: -41px; padding: 0 } } @media (min-width:1024px) { .school-site .ci-covid-bar, .sec-school-site .ci-covid-bar { padding: 10px 0 10px 10px; left: 43px; bottom: -63px } } @media (min-width:1366px) { .school-site .ci-covid-bar, .sec-school-site .ci-covid-bar { left: 0; right: 0; background-color: rgba(255,255,255,.4); padding-right: 10px; bottom: -55px } } @media (min-width:480px) { .ci-covid-bar .ci-bar { padding: 20px 20px 20px 50px } } @media (min-width:640px) { .ci-covid-bar .ci-bar { padding-left: 68px } } @media (min-width:1366px) { .ci-covid-bar .ci-bar { padding-left: 105px } } @media (min-width:480px) { .ci-covid-bar .ci-icon { left: 24px } } @media (min-width:640px) { .ci-covid-bar .ci-icon { width: 48px } } @media (min-width:1366px) { .ci-covid-bar .ci-icon { width: 64px; left: 34px } } @media (min-width:640px) { .school-site .ci-covid-bar .ci-icon, .sec-school-site .ci-covid-bar .ci-icon { left: 14px } } @media (min-width:1024px) { .school-site .ci-covid-bar .ci-icon, .sec-school-site .ci-covid-bar .ci-icon { left: 24px } } @media (min-width:1366px) { .school-site .ci-covid-bar .ci-icon, .sec-school-site .ci-covid-bar .ci-icon { left: 34px } } @media (min-width:480px) { .ci-covid-bar .txt { width: calc(100% - 134px); font-size: 14px; line-height: 1.2; padding-right: 55px; padding-bottom: 2px } } @media (min-width:640px) { .ci-covid-bar .txt { font-size: 16px; line-height: 1.2; padding-bottom: 0; padding-right: 33px } } @media (min-width:1024px) { .ci-covid-bar .txt { padding-right: 82px } } @media (min-width:1366px) { .ci-covid-bar .txt { font-size: 22px; line-height: 1.2; padding-top: 2px; padding-right: 52px; width: calc(100% - 154px) } } .ci-covid-bar .txt strong { color: #fd7a59; font-weight: 700 } @media (min-width:480px) { .ci-covid-bar p { max-width: none } } @media (min-width:480px) { .ci-covid-bar .btn { width: 134px } } @media (min-width:1024px) { .ci-covid-bar .btn { font-size: 1.4rem; line-height: 1.2; padding: 15px 10px } }
1246 @media (min-width:1366px) { .ci-covid-bar .btn { width: 154px; padding: 13px 10px; font-size: 1.7rem; line-height: 1.2 } } .ci-quick-links-drop .ci-link-list, .slick-dots { margin: 0; padding: 0; list-style: none } .ci-article-section .ci-post:after, .clearfix:after { content: ''; display: block; clear: both } .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .ci-covid-bar .ci-bar, .ci-header-top .ci-logo .ci-img, .ci-header-top .ci-wrap, .ci-nav-block .ci-block-frame, .ci-toggle-holder, .ci-typography, .flex, .flex-bottom, .flex-center, .flex-column, .flex-end, .flex-justify, .flex-middle, .flex-top, .share-this ul a, .slick-arrow, .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .flex-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .ci-covid-bar .ci-bar, .ci-header-top .ci-logo .ci-img, .ci-nav-block .ci-block-frame, .ci-toggle-holder, .ci-typography, .flex-middle, .share-this ul a, .slick-arrow { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .flex-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .flex-justify { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .ci-header-top .ci-logo .ci-img, .flex-center, .share-this ul a, .slick-arrow { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ci-header-top .ci-wrap, .flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .jcf-scrollable-wrapper { position: relative; width: 100% !important } .jcf-scrollbar-vertical { position: absolute; cursor: default; background: 0 0; width: 5px; bottom: 0; right: -1px; top: 5px } .jcf-scrollbar-vertical .jcf-scrollbar-dec { background: #bbb; height: 0; width: 0; left: 0; top: 0 } .jcf-scrollbar-vertical .jcf-scrollbar-inc { background: #bbb; height: 0; width: 0; left: 0; top: auto; bottom: 0 } .jcf-scrollbar-vertical .jcf-scrollbar-handle { background: #767676; border-radius: 5px; height: 1px; width: 4px } .jcf-scrollbar-horizontal { position: absolute; background: #e3e3e3; right: auto; top: auto; left: 0; bottom: 0; width: 1px; height: 4px } .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc { display: inline-block; vertical-align: top; overflow: hidden; background: #bbb; height: 14px; width: 14px } .jcf-scrollbar-horizontal .jcf-scrollbar-inc { left: auto; right: 0 } .jcf-scrollbar-horizontal .jcf-scrollbar-slider { display: inline-block; position: relative; height: 14px } .jcf-scrollbar-horizontal .jcf-scrollbar-handle { position: absolute; background: #888; height: 14px } .jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle { visibility: hidden } .jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, .jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc { background: #e3e3e3 } .slick-list, .slick-slider { position: relative; display: block } .slick-slider { box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; left: 0; top: 0; display: block } .slick-track:after, .slick-track:before { content: ''; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir=rtl] .slick-slide { float: right } .slick-initialized .slick-slide, .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .ci-nav-block .main-nav > li.active > a .inner-opener:after, .slick-arrow.slick-hidden { display: none } .slick-arrow { -webkit-transition: color .3s linear,background .3s linear; transition: color .3s linear,background .3s linear; position: absolute; width: 30px; height: 30px; border-radius: 50%; background: rgba(17,17,17,.5); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 0; z-index: 2; padding-left: 2px; padding-bottom: 1px }
1246 @media (min-width:1366px) { .school-site .slick-arrow, .sec-school-site .slick-arrow { background: #a6a6a6 } } .sec-school-site .slick-arrow { background: rgba(56,56,56,.5) } .slick-arrow:hover { background: rgba(17,17,17,.8) } @media (min-width:1366px) { .school-site .slick-arrow:hover, .sec-school-site .slick-arrow:hover { background-color: #212121 } } .slick-arrow.slick-prev { left: 0; right: auto; padding-left: 0; padding-right: 2px } .slick-arrow img { width: 7px; height: auto } .slick-dots { font-size: 0; line-height: 0; color: transparent } .slick-dots li { margin: 3px 4px } @media (min-width:1024px) { .slick-dots li { margin: 3px } } @media (min-width:1366px) { .slick-dots li { margin: 3px 5px } } .sec-school-site .slick-dots button:hover, .sec-school-site .slick-dots li.slick-active button { background-color: #111 } .slick-dots button { -webkit-transition: background .3s linear; transition: background .3s linear; width: 17px; height: 7px; border: 0; padding: 0; display: block; position: relative; -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); background: rgba(180,187,232,.5) } @media (min-width:1024px) { .slick-dots button { height: 5px; width: 23px } } @media (min-width:1366px) { .slick-dots button { height: 8px; width: 40px } } .school-site .slick-dots button { background: rgba(31,47,68,.2) } .sec-school-site .slick-dots button { background: rgba(56,56,56,.2) } .ci-top-logo, .slick-dots button:hover { background: #43215d } #wrapper { padding-top: 95px } @media (min-width:1024px) { #wrapper { padding-top: 0 } } #wrapper.school-site, #wrapper.sec-school-site { padding-top: 70px } @media (min-width:1024px) { #wrapper.school-site, #wrapper.sec-school-site { padding-top: 0 } } #wrapper > .sticky-wrap { z-index: 50 } @media (max-width:1023px) { #wrapper > .sticky-wrap { height: auto !important } } @media (min-width:1024px) { #wrapper > .sticky-wrap { position: static } } .ci-top-logo { text-align: center; padding-top: 9px; padding-bottom: 8px; position: absolute; top: 0; left: 0; right: 0; z-index: -1 } @media (min-width:1024px) { .ci-top-logo { width: 140px; margin: 0 auto; position: static; padding-top: 11px; padding-bottom: 14px; z-index: 0 } } .ci-top-logo a { outline-color: #fff } .ci-top-logo img { width: 61px } @media (min-width:1024px) { .ci-top-logo img { width: 76px } } #header { width: 100%; left: 0; top: 0; z-index: 999; min-width: 320px; position: fixed } @media (min-width:1024px) { #header { position: relative } } .nav-active #header { overflow: visible } @media (max-width:1023px) { .sticky-wrap-ci-nav-block { height: auto !important } } @media all and (max-width:1023px) and (-ms-high-contrast:none),(max-width:1023px) and (-ms-high-contrast:active) { .sticky-wrap-ci-nav-block { width: 100% } } @media (max-width:1023px) { .sticky-wrap-ci-nav-block .ci-nav-block { top: auto !important; left: auto !important; width: 100% !important; position: relative !important } } .ci-header-top { padding: 21px 0; position: relative; background: #fff; height: 96px } @media (min-width:1024px) { .ci-header-top { padding: 21px 0 16px; height: auto; background-color: transparent } } @media (min-width:1366px) { .ci-header-top { padding: 20px 0 0 } } .school-site .ci-header-top, .sec-school-site .ci-header-top { height: 70px; padding: 0 } @media (min-width:640px) { .school-site .ci-header-top, .sec-school-site .ci-header-top { height: 80px } } @media (min-width:1024px) { .school-site .ci-header-top, .sec-school-site .ci-header-top { height: auto; padding-bottom: 23px } } @media (min-width:1366px) { .school-site .ci-header-top, .sec-school-site .ci-header-top { padding-bottom: 15px } } .ci-header-top:after { left: 0; right: 0; bottom: 0; height: 2px; content: ''; position: absolute; background: #43215d } @media (min-width:1024px) { .ci-header-top:after { display: none } } .school-site .ci-header-top:after, .sec-school-site .ci-header-top:after { background: #d0d0d0 } .ci-header-top .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .school-site .ci-header-top .container, .sec-school-site .ci-header-top .container { height: 100% } .ci-header-top .ci-logo { width: 200px } @media (min-width:480px) { .ci-header-top .ci-logo { margin-left: -2px } } @media (min-width:640px) { .ci-header-top .ci-logo { margin-left: -2px } }
1246 @media (min-width:1366px) { .ci-header-top .ci-logo { width: 352px; padding-left: 32px } } .school-site .ci-header-top .ci-logo, .sec-school-site .ci-header-top .ci-logo { top: 5px; left: 18px; width: 230px; padding-top: 14px; position: absolute } @media (min-width:480px) { .school-site .ci-header-top .ci-logo, .sec-school-site .ci-header-top .ci-logo { left: 21px; width: 295px; padding-top: 10px } } @media (min-width:640px) { .school-site .ci-header-top .ci-logo, .sec-school-site .ci-header-top .ci-logo { left: 42px; top: 10px; width: 490px; padding-top: 17px } } @media (max-width:1365px) { .school-site .ci-header-top .ci-logo, .sec-school-site .ci-header-top .ci-logo { z-index: 100 } } @media (min-width:1366px) { .school-site .ci-header-top .ci-logo, .sec-school-site .ci-header-top .ci-logo { position: relative; left: auto; right: auto; padding-left: 0; margin-top: -27px; margin-bottom: -20px; width: 786px; padding-top: 43px; padding-bottom: 30px } } @media (min-width:480px) { .sec-school-site .ci-header-top .ci-logo { width: 302px } } @media (min-width:640px) { .sec-school-site .ci-header-top .ci-logo { width: 472px } } @media (min-width:1366px) { .sec-school-site .ci-header-top .ci-logo { width: 786px } } .ci-header-top .ci-logo .ci-brand-name { color: #3c3c3c; font-size: 14px; line-height: 1.1429; padding-left: 87px; text-transform: capitalize } @media (min-width:480px) { .ci-header-top .ci-logo .ci-brand-name { font-size: 18px; line-height: 1.11112; padding-left: 92px } } @media (min-width:640px) { .ci-header-top .ci-logo .ci-brand-name { font-size: 24px; line-height: 1.15; padding-left: 110px } } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-brand-name { color: #3c3c3c; font-size: 38px; font-weight: 500; line-height: 1.2; padding-left: 212px } } .ci-header-top .ci-logo .ci-brand-name span { display: none; text-transform: none } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-brand-name span { display: table; color: #3c3c3c; font-size: 22px; font-weight: 400; line-height: 1.2 } } .ci-header-top .ci-logo .ci-brand-name strong { font-weight: 500 } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-brand-name strong { display: block; margin-bottom: 4px } } .ci-header-top .ci-logo .ci-img { width: 71px; height: 75px; margin-bottom: -18px; padding-left: 8px; z-index: 1; position: absolute; top: 0; left: 0 } @media (min-width:640px) { .ci-header-top .ci-logo .ci-img { width: 87px; height: 92px; padding-left: 10px } } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-img { top: -10px; left: 22px; width: 160px; height: 180px; padding: 0 0 13px 12px } } .sec-school-site .ci-header-top .ci-logo .ci-img { padding-left: 0 } @media (min-width:1366px) { .sec-school-site .ci-header-top .ci-logo .ci-img { padding-bottom: 19px } } .ci-header-top .ci-logo .ci-img:before { top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; -webkit-transform: skewX(-19.5deg); -ms-transform: skewX(-19.5deg); transform: skewX(-19.5deg); position: absolute; border: 2px solid #d0d0d0; background-color: #fff } @media (min-width:1366px) { .ci-header-top .ci-logo .ci-img:before { border-width: 4px; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg) } } .ci-header-top .ci-logo img { width: 100%; height: auto }
1246 .school-site .ci-header-top .ci-logo img { width: 40px; height: auto } .sec-school-site .ci-header-top .ci-logo img { height: auto } @media (min-width:640px) { .school-site .ci-header-top .ci-logo img, .sec-school-site .ci-header-top .ci-logo img { width: 48px } } @media (min-width:1366px) { .school-site .ci-header-top .ci-logo img, .sec-school-site .ci-header-top .ci-logo img { width: 90px } } .sec-school-site .ci-header-top .ci-logo img { width: 33px } @media (min-width:640px) { .sec-school-site .ci-header-top .ci-logo img { width: 45px } } @media (min-width:1366px) { .sec-school-site .ci-header-top .ci-logo img { width: 83px } } .ci-header-top .ci-wrap { margin-bottom: 16px } @media (min-width:1366px) { .ci-header-top .ci-wrap { padding-top: 1px; padding-right: 7px; margin-bottom: -10px } } @media (min-width:1680px) { .ci-header-top .ci-wrap { padding-right: 23px } } .ci-header-top .ci-wrap.add { padding-top: 5px } .ci-header-top .ci-hold { font-size: 12px; font-weight: 500; letter-spacing: .01em; line-height: 1.3334; text-transform: uppercase; position: relative; margin-left: 30px } @media (min-width:1366px) { .ci-header-top .ci-hold { font-size: 14px; line-height: 1.2; margin-left: 11px; margin-bottom: 10px } } .ci-header-top .ci-hold:first-child:before { display: none } @media (min-width:1024px) { .ci-header-top .ci-hold > a { display: block; padding: 20px 9px 24px } .ci-header-top .ci-hold > a:hover { background-color: #f0f1fa } .ci-header-top .ci-hold:last-child { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } } @media (min-width:1366px) { .ci-header-top .ci-hold:last-child { width: auto; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media (min-width:1024px) { .ci-header-top .ci-hold:last-child:before { display: none } } @media (min-width:1366px) { .ci-header-top .ci-hold:last-child:before { display: block } } .ci-header-top a, .school-site .ci-header-top .language-hold .dropdown-opener, .sec-school-site .ci-header-top .language-hold .dropdown-opener { color: #808284 } .ci-header-top a:hover, .school-site .ci-header-top .language-hold .dropdown-opener:hover, .sec-school-site .ci-header-top .language-hold .dropdown-opener:hover { color: #43215d } .ci-header-top .language-hold .dropdown-opener { color: #808284; padding-right: 18px; margin-top: -5px; margin-bottom: -5px; padding-top: 5px; padding-bottom: 5px } @media (min-width:1024px) { .ci-header-top .language-hold .dropdown-opener { margin-top: 0; margin-bottom: 0; padding: 20px 25px 24px 9px } } @media (min-width:1024px) { .ci-header-top .language-hold .dropdown-opener:hover { background-color: #f0f1fa } } .school-site .ci-header-top .language-hold .dropdown-opener:hover svg, .school-site .search-form button:hover svg, .sec-school-site .ci-header-top .language-hold .dropdown-opener:hover svg, .sec-school-site .search-form button:hover svg { fill: #43215d } .ci-header-top .language-hold .dropdown-opener svg { fill: #686868;
1246 margin-top: 1px; width: 8px; height: 5px } @media (min-width:1366px) { .ci-header-top .language-hold .dropdown-opener svg { width: 9px; right: 7px; height: 6px; margin-top: -1px } } .school-site .ci-header-top .language-hold .dropdown-opener svg, .sec-school-site .ci-header-top .language-hold .dropdown-opener svg { fill: #686868 } .ci-header-top .ci-social-networks { margin-right: 47px; margin-top: 9px; margin-bottom: -10px; max-width: calc(100% - 280px) } @media (min-width:640px) { .ci-header-top .ci-social-networks { margin-left: auto } } @media (min-width:1024px) { .ci-header-top .ci-social-networks { margin-right: 25px } } @media (min-width:1366px) { .ci-header-top .ci-social-networks { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none; margin: 5px 5px 0 auto } } @media (min-width:1680px) { .ci-header-top .ci-social-networks { margin-right: 14px } } @media (min-width:1024px) { .school-site .ci-header-top .ci-social-networks, .sec-school-site .ci-header-top .ci-social-networks { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 23px; margin-right: 30px; margin-bottom: 0; max-width: 36% } } @media (min-width:1366px) { .school-site .ci-header-top .ci-social-networks, .sec-school-site .ci-header-top .ci-social-networks { margin-top: 64px; margin-right: 34px } } @media (min-width:1024px) { .sec-school-site .ci-header-top .ci-social-networks { margin-right: 20px } } @media (min-width:1366px) { .sec-school-site .ci-header-top .ci-social-networks { margin-right: 35px } } .school-site .ci-header-top .ci-social-networks a, .sec-school-site .ci-header-top .ci-social-networks a { background-color: #fff } .school-site .ci-header-top .ci-social-networks a:hover, .sec-school-site .ci-header-top .ci-social-networks a:hover { background-color: rgba(128,130,132,.2) } .search-form { position: relative } @media (min-width:1024px) { .search-form { z-index: 2 } } .search-form input[type=search] { background: 0 0; border: 0; -webkit-appearance: none; height: 44px; width: 100%; color: #43215d; font-size: 12px; line-height: 1.2; border-radius: 22px; background-color: #fff; text-overflow: ellipsis; text-transform: uppercase; padding: 14px 40px 14px 18px } @media (min-width:1024px) { .search-form input[type=search] { height: 58px; font-size: 14px; font-weight: 400; line-height: 1.24; border-radius: 0; letter-spacing: .01em; text-transform: none; padding: 11px 47px 11px 3px } } .search-form input[type=search]::-webkit-input-placeholder { color: #43215d } .school-site .search-form input[type=search]::-webkit-input-placeholder, .sec-school-site .search-form input[type=search]::-webkit-input-placeholder { color: #111 } .search-form input[type=search]::-moz-placeholder { opacity: 1; color: #43215d } .school-site .search-form input[type=search]:-moz-placeholder, .school-site .search-form input[type=search]::-moz-placeholder, .sec-school-site .search-form input[type=search]:-moz-placeholder, .sec-school-site .search-form input[type=search]::-moz-placeholder { color: #111 } .search-form input[type=search]:-moz-placeholder { color: #43215d } .search-form input[type=search]:-ms-input-placeholder { color: #43215d } .school-site .search-form input[type=search]:-ms-input-placeholder, .sec-school-site .search-form input[type=search]:-ms-input-placeholder { color: #111 } .ci-quick-links-drop.show .nav-link, .search-form input[type=search].placeholder { color: #43215d } .school-site .search-form input[type=search].placeholder, .sec-school-site .search-form input[type=search].placeholder { color: #111 } .ci-quick-links-drop .nav-link svg, .search-form button { top: 50%; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .search-form button { border: 0;
1246 margin-top: 1px; line-height: 0; background: 0 0; padding: 0; right: 15px } @media (min-width:1024px) { .search-form button { right: 21px; margin-top: 0 } } .search-form button svg { fill: #43215d; width: 15px; height: 18px } @media (min-width:1024px) { .search-form button svg { width: 17px; height: 20px } } .school-site .search-form button svg, .sec-school-site .search-form button svg { fill: #111 } .search-form button:hover svg { fill: #f89c1b } @media (min-width:1366px) { .ci-quick-links-drop { margin-right: 5px; margin-left: 1px } } @media (min-width:1366px) { .ci-quick-links-drop.show .nav-link { background-color: #f0f1fa } } .ci-quick-links-drop .nav-link:hover svg, .ci-quick-links-drop.show .nav-link svg, .language-hold .dropdown-opener:hover svg { fill: #43215d } .school-site .ci-quick-links-drop.ci-login-drop .dropdown-menu, .sec-school-site .ci-quick-links-drop.ci-login-drop .dropdown-menu { width: 200px; padding: 10px 5px } @media (min-width:1366px) { .school-site .ci-quick-links-drop.ci-login-drop .ci-link-list, .sec-school-site .ci-quick-links-drop.ci-login-drop .ci-link-list { -webkit-column-count: inherit; column-count: inherit } .school-site .ci-quick-links-drop.ci-login-drop .ci-link-list li, .sec-school-site .ci-quick-links-drop.ci-login-drop .ci-link-list li { margin-bottom: 0 !important } } .ci-quick-links-drop .nav-link { padding: 5px 18px 5px 0; position: relative; display: block; margin-right: -3px; margin-top: -5px; margin-bottom: -5px } @media (min-width:1024px) { .ci-quick-links-drop .nav-link { margin-top: 0; margin-bottom: 0; padding: 20px 25px 24px 9px } } .ci-quick-links-drop .nav-link:hover { color: #43215d } @media (min-width:1024px) { .ci-quick-links-drop .nav-link:hover { background-color: #f0f1fa } } .ci-quick-links-drop .nav-link svg { right: 0; width: 8px; height: 5px; fill: #686868 } @media (min-width:1366px) { .ci-quick-links-drop .nav-link svg { width: 9px; height: 6px; right: 7px; margin-top: -1px } .ci-quick-links-drop .ci-link-list { -webkit-column-count: 4; column-count: 4; -webkit-column-gap: 6px; column-gap: 6px; max-width: 1034px } } .ci-quick-links-drop .ci-link-list li { font-size: 12px; font-weight: 400; letter-spacing: .02em; text-transform: none; margin-bottom: 2px } @media (min-width:1024px) { .ci-quick-links-drop .ci-link-list li { font-size: 14px } } @media (min-width:1366px) { .ci-quick-links-drop .ci-link-list li:last-child { margin-bottom: 22px } } .ci-quick-links-drop .ci-link-list a { display: block; padding: 5px 8px; border-radius: 3px; color: #212121 } @media (min-width:1366px) { .ci-quick-links-drop .ci-link-list a { padding: 12px 19px } } .school-site .ci-quick-links-drop .ci-link-list a, .sec-school-site .ci-quick-links-drop .ci-link-list a { color: rgba(17,17,17,.7) } .ci-quick-links-drop .ci-link-list a:hover, .language-hold .language-dropdown ul li a:hover { color: #43215d; background-color: #f0f1fa; text-decoration: underline } .ci-quick-links-drop .dropdown-menu { box-shadow: 0 -3px 6px rgba(0,0,0,.16); border: 1px solid #dadada; padding: 10px 5px; right: -5px; width: 173px; top: auto; bottom: 100%; left: auto; margin: 0 0 5px } @media (min-width:1366px) { .ci-quick-links-drop .dropdown-menu { bottom: auto; top: 100%; width: 940px; padding: 17px 10px 20px; box-shadow: 0 3px 6px rgba(0,0,0,.16) } } @media (min-width:1680px) { .ci-quick-links-drop .dropdown-menu { width: 1070px } } @media (max-width:1023px) { .ci-quick-links-drop .dropdown-menu { max-height: 340px; overflow-x: hidden; overflow-y: auto } } @media (min-width:1366px) { .school-site .ci-quick-links-drop .dropdown-menu, .sec-school-site .ci-quick-links-drop .dropdown-menu { width: 700px; right: -3px } } @media (min-width:1680px) { .school-site .ci-quick-links-drop .dropdown-menu, .sec-school-site .ci-quick-links-drop .dropdown-menu { width: 960px } } .language-hold { position: relative } @media (min-width:1024px) { .language-hold.d-lg-none { top: -9999px; position: absolute; visibility: hidden; display: block !important } } .language-hold .dropdown-opener { padding-right: 24px; position: relative; display: block; color: #43215d; font-size: 12px; line-height: 1.2; text-transform: uppercase }
1246 @media (min-width:1366px) { .language-hold .dropdown-opener { font-size: 14px; line-height: 1.2 } } .school-site .language-hold .dropdown-opener, .sec-school-site .language-hold .dropdown-opener { color: #111 } .language-hold .dropdown-opener svg { top: 50%; right: 0; width: 11px; height: 6px; fill: #43215d; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .school-site .language-hold .dropdown-opener svg, .sec-school-site .language-hold .dropdown-opener svg { fill: #111 } .language-hold.show .dropdown-opener { color: #43215d } @media (min-width:1366px) { .language-hold.show .dropdown-opener { background-color: #f0f1fa } } .ci-contrast-hold a:hover svg, .ci-typography a:hover svg, .language-hold.show .dropdown-opener svg { fill: #43215d } .language-hold.show .language-dropdown { z-index: 9999; opacity: 1; visibility: visible } .language-hold .language-dropdown { display: block; margin: 0 0 9px; position: absolute; bottom: 100%; right: 0; opacity: 0; visibility: hidden; overflow: hidden; box-shadow: 0 -3px 6px rgba(0,0,0,.16); border: 1px solid #dadada; background: #fff; padding: 3px 10px; width: 167px } @media (min-width:1024px) { .language-hold .language-dropdown { top: 100%; bottom: auto; width: 152px; margin: 4px 0 0; box-shadow: 0 3px 6px rgba(0,0,0,.16) } } @media (min-width:1366px) { .language-hold .language-dropdown { width: 167px; margin: 0 } } @media (min-width:1680px) { .language-hold .language-dropdown { width: 180px } } .language-hold .language-dropdown .drop-hold { max-height: 261px; width: 100% !important; overflow: auto } .language-hold .language-dropdown ul { margin-bottom: 0 } .language-hold .language-dropdown ul li { font-size: 1.2rem; line-height: 1.2; font-weight: 400; letter-spacing: .02em; text-transform: none } .language-hold .language-dropdown ul li a { color: #212121; display: block; padding: 8px 10px } .language-hold .language-dropdown ul li a:hover { border-radius: 3px } .ci-nav-block { background: #fff } @media (min-width:1024px) { .ci-nav-block { background-color: transparent; position: relative; z-index: 20 } } @media (min-width:1366px) { .ci-nav-block { margin-left: -10px; margin-right: -10px } } @media (min-width:1024px) { .ci-nav-block > .container:before { top: 0; bottom: 0; right: 42px; content: ''; width: 55px; position: absolute; border-radius: 0 0 3px 0; background-color: #43215d } } @media (min-width:1366px) { .ci-nav-block > .container:before { right: 20px } } @media (min-width:1024px) { .school-site .ci-nav-block > .container:before, .sec-school-site .ci-nav-block > .container:before { background-color: #f89c1b } } @media (min-width:1366px) { .school-site .ci-nav-block > .container:before, .sec-school-site .ci-nav-block > .container:before { right: 40px } } .ci-nav-block .container { padding: 0 } @media (min-width:1024px) { .ci-nav-block .container { padding: 0 32px } } @media (min-width:1366px) { .ci-nav-block .container { padding: 0 20px } .school-site .ci-nav-block .container, .sec-school-site .ci-nav-block .container { padding: 0 40px } } .ci-nav-block #nav { width: 100%; position: relative } @media (min-width:1024px) { .ci-nav-block #nav { padding: 0 18px } } @media (min-width:1366px) { .ci-nav-block #nav { padding: 0 9px } } @media (min-width:1024px) { .ci-nav-block #nav:after { position: absolute; top: 0; left: 10px; right: 262px; bottom: 0; content: ''; z-index: -1; border-radius: 0 0 3px 3px; background-color: #43215d } } @media (min-width:1366px) { .ci-nav-block #nav:after { left: 0; right: 290px } } @media (min-width:1024px) { .school-site .ci-nav-block #nav:after, .sec-school-site .ci-nav-block #nav:after { right: 112px } .ci-nav-block #nav:before { position: absolute; top: 30px; left: 0; right: 0; bottom: -10px; content: ''; z-index: -1; border-radius: 0 0 3px 3px; background-image: -webkit-linear-gradient(top,#fff 0%,rgba(255,255,255,.6) 85%,rgba(255,255,255,.6) 100%); background-image: linear-gradient(180deg,#fff 0%,rgba(255,255,255,.6) 85%,rgba(255,255,255,.6) 100%) } }
1246 @media (min-width:1366px) { .ci-nav-block #nav:before { left: -10px; right: -10px } } @media (min-width:1024px) { .school-site .ci-nav-block #nav:before, .sec-school-site .ci-nav-block #nav:before { background: rgba(255,255,255,.8) } .fixed-position .ci-nav-block #nav:before { box-shadow: 0 0 6px rgba(56,56,56,.5); background: rgba(255,255,255,.6); top: 0 } } @media (min-width:1024px) { .ci-nav-block #nav .skew-bg:after, .ci-nav-block #nav .skew-bg:before { position: absolute; top: 0; width: 90px; right: 259px; bottom: 0; content: ''; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; background-color: #43215d } } @media (min-width:1366px) { .ci-nav-block #nav .skew-bg:after, .ci-nav-block #nav .skew-bg:before { right: 289px } } @media (min-width:1024px) { .school-site .ci-nav-block #nav .skew-bg:after, .school-site .ci-nav-block #nav .skew-bg:before, .sec-school-site .ci-nav-block #nav .skew-bg:after, .sec-school-site .ci-nav-block #nav .skew-bg:before { right: 99px } } @media (min-width:1366px) { .school-site .ci-nav-block #nav .skew-bg:after, .school-site .ci-nav-block #nav .skew-bg:before, .sec-school-site .ci-nav-block #nav .skew-bg:after, .sec-school-site .ci-nav-block #nav .skew-bg:before { right: 89px } } @media (min-width:1024px) { .ci-nav-block #nav .skew-bg:after { right: 39px; width: 50px } } @media (min-width:1366px) { .ci-nav-block #nav .skew-bg:after { right: 29px } } @media (min-width:1024px) { .school-site .ci-nav-block #nav .skew-bg:after, .sec-school-site .ci-nav-block #nav .skew-bg:after { background-color: #f89c1b; right: 39px } } @media (min-width:1366px) { .school-site .ci-nav-block #nav .skew-bg:after, .sec-school-site .ci-nav-block #nav .skew-bg:after { right: 29px } } .ci-nav-block .main-nav { margin: 0; position: relative } @media (max-width:1023px) { .ci-nav-block .main-nav { overflow: hidden } } @media (min-width:1024px) { .ci-nav-block .main-nav { padding-right: 242px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: static } } @media (min-width:1366px) { .ci-nav-block .main-nav { padding-right: 290px } } @media (min-width:1024px) { .school-site .ci-nav-block .main-nav, .sec-school-site .ci-nav-block .main-nav { padding-right: 90px } } .ci-nav-block .main-nav > li { font-size: 18px; line-height: 1.25; border-bottom: 1px solid #e6e6e6 } @media (min-width:1024px) { .ci-nav-block .main-nav > li { border-bottom: none; font-size: 16px; line-height: 1.25; letter-spacing: .01em; padding-left: 1px } } @media (min-width:1366px) { .ci-nav-block .main-nav > li { padding-left: 2px; font-size: 20px; line-height: 1.23; padding-right: 16px } } @media (min-width:1024px) { .school-site .ci-nav-block .main-nav > li, .sec-school-site .ci-nav-block .main-nav > li { padding-left: 2px; padding-right: 23px } } @media (min-width:1366px) { .school-site .ci-nav-block .main-nav > li, .sec-school-site .ci-nav-block .main-nav > li { padding-right: 14px } } @media (min-width:1024px) { .ci-nav-block .main-nav > li.active > a:after { opacity: 1; visibility: visible } } @media (min-width:1024px) { .ci-nav-block .main-nav > li.drop-active .dropmenu, .ci-nav-block .main-nav > li.item-active > a:after { opacity: 1; visibility: visible } .ci-nav-block .main-nav > li.drop-active > a { color: #43215d; background-color: #f89c1b } } .ci-nav-block .main-nav > li > a { color: #43215d; position: relative; display: block; padding: 24px 57px 23px 19px } @media (min-width:1024px) { .ci-nav-block .main-nav > li > a { color: #fff; z-index: 2; padding: 21px 13px 19px } } @media (min-width:1366px) { .ci-nav-block .main-nav > li > a { padding: 18px 17px } } .school-site .ci-nav-block .main-nav > li > a, .sec-school-site .ci-nav-block .main-nav > li > a { padding: 23px 57px 23px 19px } @media (min-width:1024px) { .school-site .ci-nav-block .main-nav > li > a, .sec-school-site .ci-nav-block .main-nav > li > a { padding: 21px 13px 19px } }
1246 @media (min-width:1366px) { .school-site .ci-nav-block .main-nav > li > a, .sec-school-site .ci-nav-block .main-nav > li > a { padding: 18px 17px } } .ci-nav-block .main-nav > li > a:after, .tab-content > div { -webkit-transition: opacity .3s linear,visibility .3s linear; transition: opacity .3s linear,visibility .3s linear } @media (min-width:1024px) { .ci-nav-block .main-nav > li > a:after { content: ''; height: 6px; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; position: absolute; background-color: #f89c1b } .ci-nav-block .main-nav > li > a:hover { color: #43215d; background-color: #f89c1b } } .ci-nav-block .main-nav > li > a.has-drop-down-a .inner-opener { opacity: 1; visibility: visible } .ci-nav-block .main-nav > li > a .inner-opener, .ci-nav-block .main-nav > li > a .inner-opener:before { width: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .ci-nav-block .main-nav > li > a .inner-opener { position: absolute; right: 19px; opacity: 0; visibility: hidden; height: 22px } @media (min-width:1024px) { .ci-nav-block .main-nav > li > a .inner-opener { display: none } } .ci-nav-block .main-nav > li > a .inner-opener:after, .ci-nav-block .main-nav > li > a .inner-opener:before, .sec-lvl > li > a .sec-opener:after, .sec-lvl > li > a .sec-opener:before { content: ''; background: #43215d; position: absolute; -webkit-transition: background .3s linear; transition: background .3s linear } .ci-nav-block .main-nav > li > a .inner-opener:before { height: 4px } .ci-nav-block .main-nav > li > a .inner-opener:after { height: 22px; width: 4px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .ci-nav-block .ci-block-frame { background-color: #f4f4f4; padding: 23px 19px; width: 100%; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } @media (min-width:1024px) { .ci-nav-block .ci-block-frame { background-color: transparent; position: absolute; top: 0; right: 0; bottom: 0; padding: 0; width: 1px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media (min-width:1366px) { .school-site .ci-nav-block .ci-block-frame, .sec-school-site .ci-nav-block .ci-block-frame { right: 20px } } .ci-nav-block .ci-block-frame .language-hold .dropdown-opener { max-width: 110px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .ci-nav-block .ci-block-frame .language-hold .language-dropdown { bottom: auto; top: 100%; right: auto; left: 0; margin-top: 5px; box-shadow: 0 3px 6px rgba(0,0,0,.16) } .ci-nav-block .ci-block-frame .search-drop { width: calc(100% - 118px); margin-left: auto } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .search-drop { width: auto; position: static } .school-site .ci-nav-block .ci-block-frame .search-drop.show:before, .sec-school-site .ci-nav-block .ci-block-frame .search-drop.show:before { display: block } .school-site .ci-nav-block .ci-block-frame .search-drop:before, .sec-school-site .ci-nav-block .ci-block-frame .search-drop:before { display: none; position: absolute; top: 0; right: 270px; bottom: 0; content: ''; width: 11px; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg); background: #fff } } @media (min-width:1366px) { .school-site .ci-nav-block .ci-block-frame .search-drop:before, .sec-school-site .ci-nav-block .ci-block-frame .search-drop:before { right: 288px } } .ci-nav-block .ci-block-frame .search-opener { display: none } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .search-opener { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; position: absolute; top: 50%; right: 64px; padding-top: 2px; margin-top: -2px } } @media (min-width:1366px) { .ci-nav-block .ci-block-frame .search-opener { right: 42px } } @media (min-width:1024px) { .school-site .ci-nav-block .ci-block-frame .search-opener, .sec-school-site .ci-nav-block .ci-block-frame .search-opener { margin-top: -1px } } .ci-nav-block .ci-block-frame .search-opener svg { fill: #fff; width: 24px; height: 27px } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .search-opener svg { width: 17px; height: 20px } .school-site .ci-nav-block .ci-block-frame .search-opener svg, .sec-school-site .ci-nav-block .ci-block-frame .search-opener svg { fill: #43215d } } .ci-nav-block .ci-block-frame .search-opener:hover svg { fill: #f89c1b } @media (min-width:1024px) { .school-site .ci-nav-block .ci-block-frame .search-opener:hover svg, .sec-school-site .ci-nav-block .ci-block-frame .search-opener:hover svg { fill: #fff } } .ci-nav-block .ci-block-frame .dropdown-menu { box-shadow: none; width: 100%; position: static; padding: 0; margin: 0; display: block; background-color: transparent } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .dropdown-menu { display: none; position: absolute; top: 0; right: 42px; bottom: 0; left: auto; height: 61px; width: 219px; border: 1px solid #b4bbe8; background-color: #fff; border-radius: 0 0 3px 0 } }
1246 @media (min-width:1366px) { .ci-nav-block .ci-block-frame .dropdown-menu { width: 258px; right: 20px } } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .dropdown-menu:after { position: absolute; top: -1px; width: 23px; right: 216px; bottom: -1px; content: ''; pointer-events: none; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; background-color: #fff; border: 1px solid #b4bbe8; border-right-width: 0 } } @media (min-width:1366px) { .ci-nav-block .ci-block-frame .dropdown-menu:after { right: 256px } } @media (min-width:1024px) { .ci-nav-block .ci-block-frame .dropdown-menu.show { display: block } } .ci-nav-block .btn.btn-primary { border-radius: 0; display: block; width: 100%; margin: 20px; font-size: 16px; line-height: 1.2; padding: 17px 16px 15px } @media (min-width:1024px) { .ci-nav-block .btn.btn-primary { background-color: transparent !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0 !important; box-shadow: none !important; padding: 5px 0 5px 19px; font-weight: 400; letter-spacing: .01em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; width: 151px; right: 131px; z-index: 2; content: ''; margin: 0; bottom: 0; top: 0 } } @media (min-width:1366px) { .ci-nav-block .btn.btn-primary { width: 190px; right: 109px; font-size: 20px; line-height: 1.1 } } @media (min-width:1024px) { .ci-nav-block .btn.btn-primary:hover:before { background-color: #43215d } } .ci-nav-block .btn.btn-primary:before { -webkit-transition: background .3s linear; transition: background .3s linear } @media (min-width:1024px) { .ci-nav-block .btn.btn-primary:before { position: absolute; top: 0; left: 0; right: 0; bottom: .5px; content: ''; z-index: -1; background-color: #f89c1b; -webkit-transform: skewX(-18.5deg); -ms-transform: skewX(-18.5deg); transform: skewX(-18.5deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100% } .dropmenu { position: absolute; top: 100%; left: 10px; right: 10px; opacity: 0; margin-left: auto; margin-right: auto; max-width: 1640px; visibility: hidden; border-radius: 0 0 3px 3px; box-shadow: 0 0 6px rgba(56,56,56,.5); background-color: #fff; -webkit-transition: opacity .3s linear,visibility .3s linear; transition: opacity .3s linear,visibility .3s linear } } @media (min-width:1366px) { .dropmenu { left: 0; right: 0 } } .dropmenu .container { position: static } @media (max-width:1023px) { .dropmenu .container { max-width: 100%; padding: 0 } } @media (min-width:1024px) { .dropmenu .container { display: block; padding: 0 } .dropmenu .nav-wrap { max-width: 1205px } } .nav-opener { -webkit-transition: opacity .4s linear; transition: opacity .4s linear; top: 50%; z-index: 9; right: 20px; width: 25px; height: 20px; font-size: 0; line-height: 0; color: transparent; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media (min-width:480px) { .nav-opener { right: 31px } } @media (min-width:1024px) { .nav-opener { display: none } } .nav-active .nav-opener { right: 15px } @media (min-width:480px) { .nav-active .nav-opener { right: 26px } } .nav-opener span:after, .nav-opener:after, .nav-opener:before { -webkit-transition: background .4s linear,-webkit-transform .4s linear; transition: background .4s linear,transform .4s linear; transition: background .4s linear,transform .4s linear,-webkit-transform .4s linear; background-color: #43215d; position: absolute; border-radius: 2px; left: 0; right: 0; height: 4px; content: '' } .nav-opener span:after { top: 50%; margin-top: -2px } .school-site .nav-opener span:after, .school-site .nav-opener:after, .school-site .nav-opener:before, .sec-school-site .nav-opener span:after, .sec-school-site .nav-opener:after, .sec-school-site .nav-opener:before { background-color: #d0d0d0 } .nav-opener:before { top: 0; margin-top: 0 } .nav-active .nav-opener:after, .nav-active .nav-opener:before { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); top: 50%; left: -5px; right: -5px; margin-top: -2px } .nav-active .nav-opener:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg) } .nav-active .school-site .nav-opener:after, .nav-active .school-site .nav-opener:before, .nav-active .sec-school-site .nav-opener:after, .nav-active .sec-school-site .nav-opener:before { left
1246: 0; right: 0 } .nav-active .nav-opener span:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); opacity: 0 } .nav-opener:after { top: 100%; margin-top: -4px } @media (min-width:1024px) { .ci-r-holder.mobile { position: absolute; left: -9999px; top: -9999px; visibility: hidden } } .ci-r-holder.desktop { max-width: calc(100% - 210px); padding-left: 15px } @media (min-width:1366px) { .ci-r-holder.desktop { max-width: calc(100% - 360px) } } @media (max-width:1365px) { .ci-r-holder.desktop { position: absolute; left: -9999px; top: -9999px; visibility: hidden } } @media (min-width:1366px) { .school-site .ci-r-holder.desktop, .sec-school-site .ci-r-holder.desktop { width: 100%; padding-left: 250px; max-width: none; padding-top: 16px; padding-right: 31px } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .ci-r-holder.desktop { margin-left: auto; width: calc(100% - 230px) } } .nav-drop { position: absolute; top: 100%; right: 0; max-width: 375px; width: 100%; background: #fff; z-index: 99; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); height: calc(100vh - 96px); height: calc(var(--vh, 1vh)*100 - 96px); border-left: 1px solid #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: -webkit-transform .3s linear; transition: transform .3s linear; transition: transform .3s linear,-webkit-transform .3s linear; -ms-overflow-style: none; scrollbar-width: none } .nav-drop::-webkit-scrollbar { display: none } .school-site .nav-drop, .sec-school-site .nav-drop { height: calc(100vh - 70px); height: calc(var(--vh, 1vh)*100 - 70px) } @media (min-width:640px) { .school-site .nav-drop, .sec-school-site .nav-drop { height: calc(100vh - 80px); height: calc(var(--vh, 1vh)*100 - 80px) } } @media (min-width:1024px) { .school-site .nav-drop, .sec-school-site .nav-drop { height: auto } } @media (max-width:1023px) { .nav-drop { overflow-y: auto; overflow-x: hidden } } @media all and (max-width:1023px) and (-ms-high-contrast:none),(max-width:1023px) and (-ms-high-contrast:active) { .nav-drop { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } @media (min-width:1024px) { .nav-drop { max-width: none; position: static; -webkit-transform: none; -ms-transform: none; transform: none; height: auto; border-left: none; background-color: transparent } } .nav-active .nav-drop { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .nav-drop .ci-header-top { padding: 10px 12px 20px; position: relative; height: auto } @media (min-width:375px) { .nav-drop .ci-header-top { padding: 10px 22px 20px } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .nav-drop .ci-header-top { width: 100% } } @media (min-width:1024px) { .nav-drop .ci-header-top { position: absolute; top: -9999px; left: -9999px; width: 100%; visibility: hidden } } @media (min-width:375px) { .school-site .nav-drop .ci-header-top, .sec-school-site .nav-drop .ci-header-top { padding: 20px 22px } } .nav-drop .ci-header-top:after, .sec-lvl > li.active > a .sec-opener:after, .third-lvl > li.active > a .third-opener:after { display: none } .ci-surrey-logo { padding-top: 8px } .ci-surrey-logo a:hover { opacity: .8 } .ci-toggle-holder { max-width: 110px; margin-top: -10px } @media (min-width:1366px) { .ci-toggle-holder { margin-top: -2px } .school-site .ci-toggle-holder, .sec-school-site .ci-toggle-holder { margin: 17px 55px 0 21px } } .ci-toggle-holder + .ci-social-networks { margin: 0; padding-left: 10px; max-width: calc(100% - 110px) } .ci-toggle-holder + .ci-social-networks li { margin-left: 7px } @media (min-width:375px) { .ci-toggle-holder + .ci-social-networks li { margin-left: 10px } .ci-toggle-holder + .ci-social-networks { padding-left: 23px } } .ci-typography { margin-bottom: 0; font-size: 14px; line-height: 1; font-weight: 500 } .ci-typography li { margin: 0 2px } .ci-typography .mid img { width: 10px; height: 10px; display: block } .ci-typography .mid a { padding: 0 } .ci-typography svg { fill: #808284; width: 6px; height: 6px; display: block; pointer-events: none } .ci-typography a { display: block; padding: 3px } .ci-contrast-hold { position: relative; padding-left: 35px; font-size: 14px; line-height: 1 } .ci-contrast-hold:before { top: -12px; left: 15px; width: 1px; content: ''; height: 43px; position: absolute; background: #b4bbe8; -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg) }
1246 .school-site .ci-contrast-hold:before, .sec-school-site .ci-contrast-hold:before { background: #808284 } .ci-contrast-hold a { display: block } .ci-contrast-hold svg { width: 17px; height: 16px; margin-top: -3px; fill: #808284 } .sec-lvl { width: 100%; background: #f7f7f7; padding: 14px 0 7px; border-top: 1px solid #e6e6e6 } @media (min-width:1024px) { .sec-lvl { background: 0 0; padding: 15px 10px 34px; -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 10px; column-gap: 10px } } @media (min-width:1366px) { .sec-lvl { -webkit-column-gap: 16px; column-gap: 16px; padding: 15px 10px 66px } } .school-site .sec-lvl, .sec-school-site .sec-lvl { padding: 14px 0 18px } .sec-lvl > li { text-transform: none; letter-spacing: 0; font-weight: 400 } @media (min-width:1366px) { .sec-lvl > li { margin-bottom: 2px; letter-spacing: .01em } } .sec-lvl > li > a { color: #1e102e; display: block; padding: 11px 48px 11px 17px; position: relative } @media (min-width:1024px) { .sec-lvl > li > a { display: block; text-transform: capitalize; padding: 13px 15px; border-radius: 3px; color: #666; outline-offset: -2px } } @media (min-width:1366px) { .sec-lvl > li > a { padding: 17px 18px } } @media (min-width:1024px) { .sec-lvl > li > a:hover { background-color: #f0f1fa; text-decoration: underline; color: #290b40 } } .sec-lvl > li > a.has-drop-down-a .sec-opener, .sidebar-holder .sidebar-nav > li > a.has-drop-down-a .side-opener, .third-lvl > li > a.has-drop-down-a .third-opener { opacity: 1; visibility: visible } .sec-lvl > li > a .sec-opener, .sec-lvl > li > a .sec-opener:before { width: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .sec-lvl > li > a .sec-opener { position: absolute; right: 22px; opacity: 0; visibility: hidden; height: 16px } @media (min-width:1024px) { .sec-lvl > li > a .sec-opener { display: none } } .sec-lvl > li > a .sec-opener:before { height: 2px } .sec-lvl > li > a .sec-opener:after { height: 16px; width: 2px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .third-lvl { padding-bottom: 1px } @media (min-width:1024px) { .third-lvl { display: none } } .third-lvl > li { line-height: 1.375 } @media (min-width:1024px) { .third-lvl > li { font-size: 1.4rem; line-height: 1.375; font-weight: 400; padding-top: 4px; margin-bottom: 7px } } .third-lvl > li > a { color: #3c3c3c; display: block; padding: 10px 50px 9px 27px; position: relative } @media (min-width:1024px) { .third-lvl > li > a { color: #3c3c3c; display: inline-block; vertical-align: top; padding: 0 } .third-lvl > li > a:hover { color: #43215d; text-decoration: underline } } .third-lvl > li > a .third-opener, .third-lvl > li > a .third-opener:before { width: 14px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .third-lvl > li > a .third-opener { position: absolute; right: 24px; opacity: 0; visibility: hidden; height: 14px } @media (min-width:1024px) { .third-lvl > li > a .third-opener { display: none } } .third-lvl > li > a .third-opener:after, .third-lvl > li > a .third-opener:before { content: ''; background: #3c3c3c; position: absolute; -webkit-transition: background .3s linear; transition: background .3s linear } .third-lvl > li > a .third-opener:before { height: 2px } .third-lvl > li > a .third-opener:after { height: 14px; width: 2px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .fourth-lvl:not([data-inner-slide]) { padding: 0 48px } .fourth-lvl:not([data-inner-slide]) > li { padding: 11px 0 8px } .fourth-lvl:not([data-inner-slide]) > li > a { color: #767676 } .fourth-lvl:not([data-inner-slide]) > li > a:hover { color: #3c3c3c } @media (max-width:1023px) { [data-inner-slide] { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateX(150%); -ms-transform: translateX(150%); transform: translateX(150%); -webkit-transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; z-index: 2; padding: 0 0 12px; visibility: hidden; background-color: #f7f7f7 } [data-inner-slide] > li { margin-bottom: 6px } } @media (min-width:1024px) { [data-inner-slide] > li:first-child { display: none } } @media (max-width:1023px) { [data-inner-slide] > li:first-child { margin: 0 0 18px; font-weight: 700; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6 } } [data-inner-slide] > li:first-child img { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; height: auto; width: 18px; top: 50%; left: 7px } @media (max-width:1023px) { [data-inner-slide] > li:first-child > a { padding: 24px 65px 22px 40px; background-color: #fff; color: #43215d; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 400 } [data-inner-slide] > li:first-child > a .inner-opener, [data-inner-slide] > li:first-child > a .inner-opener:before { position: absolute; width: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } [data-inner-slide] > li:first-child > a .inner-opener { right: 18px; height: 22px } [data-inner-slide] > li:first-child > a .inner-opener:before { content: ''; background-color: #43215d; height: 4px } } @media (max-width:1023px) { [data-inner-slide] > li .fourth-lvl > li + li > a { padding-left: 28px; color: #3c3c3c } [data-inner-slide] > li .fourth-lvl > li + li > a:hover, [data-inner-slide] > li > a:hover { color: #43215d } [data-inner-slide] > li > a { display: block; color: #1e102e; padding: 7px 49px 7px 19px; position: relative } [data-inner-slide] > li > a .third-opener:after, [data-inner-slide] > li > a .third-opener:before { background: #43215d } .active > [data-inner-slide] { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible }
1246 [data-slide].js-acc-hidden { display: none !important } } .alert { color: #111; text-align: center; padding: 12px 0; position: relative; z-index: 9999; margin-top: 1px; background-color: #fff; border-bottom: 1px solid #ecebeb } @media (min-width:640px) { .alert { padding: 9px 0 } } .alert:after, .ci-banner:after { position: absolute; content: ''; right: 0; left: 0 } .alert:after { bottom: 0; height: 4px } .alert.alert-primary:after, .alert:after { background: #bcd863 } .alert.alert-warning:after { background-color: #ffcb4d } .alert img, .alert.alert-danger .icon-hold img, .alert.alert-warning .icon-hold img { width: 26px; height: auto } .alert.alert-danger:after { background-color: #d12a3e } @media (min-width:480px) { .alert .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1660px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .alert .r-holder { position: relative; padding-left: 35px; margin-bottom: 12px; text-align: left; font-size: 1.4rem; line-height: 1.1; letter-spacing: .0121em } @media (min-width:480px) { .alert .r-holder { max-width: 70%; margin-bottom: 0 } } @media (min-width:1024px) { .alert .r-holder { max-width: 80% } } .alert .icon-hold { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .alert img { width: 24px } .alert .text-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .alert .alert-text { display: block; font-weight: 700; text-transform: uppercase; margin-right: 9px } .alert p { margin: 0; overflow: hidden } .btn-alert { display: inline-block; vertical-align: top; text-align: center; border: 1px solid #ecebeb; border-radius: 2px; margin: 0 auto; text-transform: capitalize; font-size: 1.2rem; line-height: 1.2; font-weight: 500; color: #111; padding: 12px 10px; width: 122px; letter-spacing: .0317em; -webkit-transition: background .3s linear,border-color .3s linear,color .3s linear; transition: background .3s linear,border-color .3s linear,color .3s linear } @media (min-width:480px) { .btn-alert { margin: 0 -10px 0 0 } } .btn-alert:hover { background: #ecebeb; color: #111 } .container { width: 100%; position: relative } .ci-banner { position: relative; padding-top: 25px; margin-bottom: 68px } @media (min-width:480px) { .ci-banner { padding-top: 35px; margin-bottom: 81px } } @media (min-width:640px) { .ci-banner { padding-top: 33px; margin-bottom: 72px } } @media (min-width:1024px) { .ci-banner { margin-bottom: 91px; padding-top: 38px } } @media (min-width:1366px) { .ci-banner { margin-bottom: 58px; padding-top: 40px } } .school-site .ci-banner { padding-top: 22px } @media (min-width:480px) { .school-site .ci-banner { padding-top: 30px; margin-bottom: 95px } } @media (min-width:640px) { .school-site .ci-banner { padding-top: 48px; padding-left: 10px; padding-right: 10px } } @media (min-width:1024px) { .school-site .ci-banner { padding-top: 23px } } @media (min-width:1366px) { .school-site .ci-banner { padding-top: 30px; margin-bottom: 90px } } .sec-school-site .ci-banner { margin-bottom: 48px; padding-top: 22px } @media (min-width:480px) { .sec-school-site .ci-banner { padding-top: 40px; margin-bottom: 36px } } @media (min-width:640px) { .sec-school-site .ci-banner { padding-top: 48px; padding-left: 10px; padding-right: 10px; margin-bottom: 39px } } @media (min-width:1024px) { .sec-school-site .ci-banner { padding-top: 23px; margin-bottom: 25px } } @media (min-width:1366px) { .sec-school-site .ci-banner { padding-top: 30px; margin-bottom: 50px } } .ci-banner:after { background: #a1c33a; height: 139px; z-index: -2; top: 0 } @media (min-width:480px) { .ci-banner:after { height: 217px } } @media (min-width:640px) { .ci-banner:after { height: 290px } } @media (min-width:1024px) { .ci-banner:after { top: -30px; height: 325px; border-radius: 2px 2px 0 0 } }
1246 @media (min-width:1366px) { .ci-banner:after { height: 540px } } .school-site .ci-banner:after { background-color: #f89c1b; height: 135px } @media (min-width:480px) { .school-site .ci-banner:after { height: 203px } } @media (min-width:640px) { .school-site .ci-banner:after { height: 295px } } @media (min-width:1024px) { .school-site .ci-banner:after { height: 305px; top: -25px } } @media (min-width:1366px) { .school-site .ci-banner:after { height: 470px; top: -30px } } .sec-school-site .ci-banner:after { background-color: #45c0c0; height: 187px } @media (min-width:480px) { .sec-school-site .ci-banner:after { height: 272px } } @media (min-width:640px) { .sec-school-site .ci-banner:after { height: 335px } } @media (min-width:1024px) { .sec-school-site .ci-banner:after { height: 305px; top: -25px } } @media (min-width:1366px) { .sec-school-site .ci-banner:after { height: 470px; top: -30px } } .ci-banner .catg { color: #808284; font-size: 1.1rem; font-weight: 700; line-height: 1.2; letter-spacing: .01em; text-transform: uppercase; padding-right: 49px; position: relative; display: table; margin-bottom: 14px } @media (min-width:480px) { .ci-banner .catg { font-size: 1.3rem; line-height: 1.2; margin-bottom: 13px } } @media (min-width:640px) { .ci-banner .catg { margin-bottom: 15px } } @media (min-width:1024px) { .ci-banner .catg { font-size: .7rem; line-height: 1.2; padding-right: 29px; margin-bottom: 11px } } @media (min-width:1366px) { .ci-banner .catg { font-size: 1.3rem; line-height: 1.2; margin-bottom: 18px; padding-right: 49px } } .school-site .ci-banner .catg { color: #383838 } .sec-school-site .ci-banner .catg { color: #111 } .ci-banner .catg:after { background: #808284; position: absolute; margin-top: -2px; content: ''; width: 40px; height: 2px; top: 50%; right: 0 } @media (min-width:480px) { .ci-banner .catg:after { margin-top: -1px } } @media (min-width:1024px) { .ci-banner .catg:after { width: 23px; height: 1px } } @media (min-width:1366px) { .ci-banner .catg:after { width: 40px; height: 2px; margin-top: 0 } } .school-site .ci-banner .catg:after { background-color: #383838 } @media (min-width:1366px) { .school-site .ci-banner .catg:after { margin-top: -1px; background-color: #a6a6a6 } } .sec-school-site .ci-banner .catg:after { background-color: #111 } @media (min-width:1366px) { .sec-school-site .ci-banner .catg:after { margin-top: -1px; background-color: #a6a6a6 } } @media (min-width:480px) { .ci-banner .ci-slide { background: rgba(255,255,255,.6); padding: 10px 10px 0; border-radius: 3px 3px 0 0 } .school-site .ci-banner .ci-slide, .sec-school-site .ci-banner .ci-slide { padding: 0; background-color: transparent } } @media (min-width:1024px) { .school-site .ci-banner .ci-slide, .sec-school-site .ci-banner .ci-slide { background: rgba(255,255,255,.6); padding: 10px 10px 0; border-radius: 3px 3px 0 0 } } @media (min-width:1366px) { .school-site .ci-banner .ci-slide, .sec-school-site .ci-banner .ci-slide { background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,.1) 0%,#fff 100%); background-image: linear-gradient(to top,rgba(255,255,255,.1) 0%,#fff 100%) } } @media (min-width:1024px) { .sec-school-site .ci-banner .ci-slide { padding-bottom: 10px } } @media (min-width:1366px) { .sec-school-site .ci-banner .ci-slide { background-image: -webkit-linear-gradient(bottom,rgba(255,255,255,.2) 0%,#fff 100%); background-image: linear-gradient(to top,rgba(255,255,255,.2) 0%,#fff 100%) } } .ci-banner .ci-txt { padding: 16px 10px 103px; background-color: #fff } @media (min-width:480px) { .ci-banner .ci-txt { padding: 13px 10px 75px; margin-left: -10px; margin-right: -10px } } @media (min-width:640px) { .ci-banner .ci-txt { margin-left: 0; margin-right: 0; padding: 18px 80px 95px 20px } } @media (min-width:1024px) { .ci-banner .ci-txt { width: 34.3%; padding: 66px 20px 140px 40px } } @media (min-width:1366px) { .ci-banner .ci-txt { padding: 7.35% 20px 165px 4.65%; width: 34.9% } } .school-site .ci-banner .ci-txt { padding-bottom: 98px } @media (min-width:480px) { .school-site .ci-banner .ci-txt { padding-bottom: 80px; margin-right: 0; margin-left: 0 } } @media (min-width:640px) { .school-site .ci-banner .ci-txt { padding: 18px 80px 90px 20px } } @media (min-width:1024px) { .school-site .ci-banner .ci-txt { padding: 66px 20px 125px 40px } }
1246 @media (min-width:1366px) { .school-site .ci-banner .ci-txt { padding: 121px 20px 160px 56px; width: 33.2% } } .sec-school-site .ci-banner .ci-txt { padding-bottom: 67px } @media (min-width:480px) { .sec-school-site .ci-banner .ci-txt { padding-bottom: 11px; margin-right: 0; margin-left: 0 } } @media (min-width:640px) { .sec-school-site .ci-banner .ci-txt { padding: 18px 80px 17px 20px } } @media (min-width:1024px) { .sec-school-site .ci-banner .ci-txt { padding: 66px 20px 120px 40px } } @media (min-width:1366px) { .sec-school-site .ci-banner .ci-txt { padding: 70px 20px 160px 46px; width: 33.2% } } @media (min-width:1680px) { .sec-school-site .ci-banner .ci-txt { padding: 121px 20px 160px 56px } } @media (min-width:1024px) { .ci-banner .ci-img { width: 65.7% } } @media (min-width:1366px) { .ci-banner .ci-img { width: 65.1% } } @media (min-width:480px) { .school-site .ci-banner .ci-img, .sec-school-site .ci-banner .ci-img { padding: 0 10px } } @media (min-width:640px) { .school-site .ci-banner .ci-img, .sec-school-site .ci-banner .ci-img { padding: 0 } } @media (min-width:1366px) { .school-site .ci-banner .ci-img, .sec-school-site .ci-banner .ci-img { width: 66.8% } } .ci-article-section .top-area .img-holder img, .ci-banner .ci-img img, .ci-img-list img { width: 100%; height: auto } .ci-banner h1 { font-weight: 700; line-height: 1.223; margin-bottom: 19px } @media (min-width:480px) { .ci-banner h1 { margin-right: 2%; line-height: 1.3; margin-bottom: 20px } } @media (min-width:640px) { .ci-banner h1 { line-height: 1.1667; margin-bottom: 30px } } @media (min-width:1024px) { .ci-banner h1 { font-size: 2.6rem; line-height: 1.077; margin-bottom: 52px } } @media (min-width:1366px) { .ci-banner h1 { font-size: 3.8rem; line-height: 1.0527; margin-bottom: 24.4% } } .school-site .ci-banner h1 { color: #212121; margin-bottom: 9px } @media (min-width:480px) { .school-site .ci-banner h1 { margin-bottom: 20px } } @media (min-width:640px) { .school-site .ci-banner h1 { margin-bottom: 30px } } @media (min-width:1024px) { .school-site .ci-banner h1 { margin-bottom: 52px } } @media (min-width:1366px) { .school-site .ci-banner h1 { margin-bottom: 116px } } .sec-school-site .ci-banner h1 { color: #111; margin-bottom: 19px } @media (min-width:480px) { .sec-school-site .ci-banner h1 { margin-bottom: 20px } } @media (min-width:640px) { .sec-school-site .ci-banner h1 { margin-bottom: 30px } } @media (min-width:1024px) { .sec-school-site .ci-banner h1 { margin-bottom: 52px; margin-right: -5px } } @media (min-width:1366px) { .sec-school-site .ci-banner h1 { margin-right: 0; font-size: 3.4rem; line-height: 1.0527 } } @media (min-width:1680px) { .sec-school-site .ci-banner h1 { margin-bottom: 76px; font-size: 3.8rem; line-height: 1.0527 } } .school-site .ci-banner h1 a:hover { color: #f89c1b } .sec-school-site .ci-banner h1 a:hover { color: #45c0c0 } .ci-banner .btn { display: table; margin-left: auto; margin-right: auto } @media (min-width:480px) { .ci-banner .btn { margin: 0 1px; width: 130px } } @media (min-width:640px) { .ci-banner .btn { margin: 0; width: 154px } } @media (min-width:1024px) { .ci-banner .btn { margin: 0 -1px; font-size: 1.2rem; line-height: 1.2; min-width: 106px; width: auto; max-width: 100%; padding: 8px 10px } } @media (min-width:1366px) { .ci-banner .btn { min-width: 154px; font-size: 1.7rem; line-height: 1.2; margin: 0 1px; padding: 13px 10px } } .ci-banner .ci-slick-contoller { position: absolute; bottom: 62px; z-index: 20; left: 0; right: 0 } @media (min-width:480px) { .ci-banner .ci-slick-contoller { left: auto; right: 10px; bottom: 93px; max-width: calc(100% - 140px) } } @media (min-width:640px) { .ci-banner .ci-slick-contoller { right: 30px; bottom: 113px } } @media (min-width:1024px) { .ci-banner .ci-slick-contoller { bottom: 95px; right: 0; max-width: none; width: 34.3% } } @media (min-width:1366px) { .ci-banner .ci-slick-contoller { bottom: 125px; width: 34.9%; padding-left: 4.65% } } .school-site .ci-banner .ci-slick-contoller { bottom: 56px } @media (min-width:480px) { .school-site .ci-banner .ci-slick-contoller { bottom: 98px; right: 9px } } @media (min-width:640px) { .school-site .ci-banner .ci-slick-contoller { bottom: 108px; right: 20px } } @media (min-width:1024px) { .school-site .ci-banner .ci-slick-contoller { bottom: 80px; right: 0 } }
1246 @media (min-width:1366px) { .school-site .ci-banner .ci-slick-contoller { bottom: 125px; right: -7px } } .sec-school-site .ci-banner .ci-slick-contoller { bottom: 25px } @media (min-width:480px) { .sec-school-site .ci-banner .ci-slick-contoller { bottom: 30px; right: 9px } } @media (min-width:640px) { .sec-school-site .ci-banner .ci-slick-contoller { bottom: 36px; right: 20px } } @media (min-width:1024px) { .sec-school-site .ci-banner .ci-slick-contoller { bottom: 85px; right: 0 } } @media (min-width:1366px) { .sec-school-site .ci-banner .ci-slick-contoller { bottom: 135px; right: -8px } } @media (min-width:1024px) { .ci-banner .slick-arrow { left: 36px; width: 21px; height: 21px; padding-top: 2px } } @media (min-width:1366px) { .ci-banner .slick-arrow { left: -3px; width: 36px; height: 36px; padding-top: 0 } } @media (min-width:1024px) { .ci-banner .slick-arrow img { width: 5px } } @media (min-width:1366px) { .ci-banner .slick-arrow img { width: 7px } } @media (min-width:1024px) { .ci-banner .slick-arrow.slick-next { left
1246: auto; right: 36px; padding-top: 1px } } @media (min-width:1366px) { .ci-banner .slick-arrow.slick-next { right: -3px; padding-top: 0 } } .ci-banner .contoller { display: table; margin: 0 auto; position: relative; padding: 0 40px } @media (min-width:480px) { .ci-banner .contoller { margin-right: 0 } } @media (min-width:1024px) { .ci-banner .contoller { margin-left: 0; margin-right: auto; padding: 0 67px } } @media (min-width:1366px) { .ci-banner .contoller { padding: 0 50px } } .ci-banner .ci-banner-slider, .ci-find-it-fast { position: relative } @media (min-width:1366px) { .ci-banner .ci-banner-slider { margin-left: -10px; margin-right: -10px } } @media (min-width:1024px) { .school-site .ci-banner .ci-banner-slider, .sec-school-site .ci-banner .ci-banner-slider { margin-left: -10px; margin-right: -10px } } @media (min-width:1366px) { .school-site .ci-banner .ci-banner-slider, .sec-school-site .ci-banner .ci-banner-slider { margin-left: 10px; margin-right: 10px } } .ci-banner .ci-banner-slider .ci-frame { background: #fff } @media (min-width:1024px) { .ci-banner .ci-banner-slider .ci-frame { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; border-radius: 2px 2px 0 0 } } @media (min-width:480px) { .school-site .ci-banner .ci-banner-slider .ci-frame, .sec-school-site .ci-banner .ci-banner-slider .ci-frame { background-color: transparent } } .ci-find-it-fast { z-index: 2; padding-left: 2px; padding-right: 2px } @media (min-width:480px) { .ci-find-it-fast { border-width: 3px; padding-left: 0; padding-right: 0 } } @media (min-width:1366px) { .ci-find-it-fast { border: 0; margin-left: auto; margin-right: auto; max-width: 1780px } } .ci-find-it-fast .ci-icon { -webkit-transition: border-color .3s linear; transition: border-color .3s linear; width: 118px; height: 118px; margin-left: auto; margin-right: auto; border-radius: 50%; margin-bottom: 15px; border: 8px solid rgba(180,187,232,.4) } @media (min-width:480px) { .ci-find-it-fast .ci-icon { margin-bottom: 15px } } @media (min-width:640px) { .ci-find-it-fast .ci-icon { width: 160px; height: 160px; margin-bottom: 21px } } .school-site .ci-find-it-fast .ci-icon, .sec-school-site .ci-find-it-fast .ci-icon { width: 122px; height: 121px; border-color: #dadada } @media (min-width:640px) { .school-site .ci-find-it-fast .ci-icon, .sec-school-site .ci-find-it-fast .ci-icon { width: 160px; height: 160px } } .ci-find-it-fast .ci-icon svg { width: 61px; height: 47px; fill: #111 } @media (min-width:640px) { .ci-find-it-fast .ci-icon svg { width: 81px; height: 65px } } @media (min-width:1366px) { .ci-find-it-fast .ci-icon svg { width: 80px; height: 65px } } @media (min-width:1024px) { .school-site .ci-find-it-fast .ci-icon svg.sm, .sec-school-site .ci-find-it-fast .ci-icon svg.sm { width: 72px; height: 60px } } .ci-find-it-fast .ci-icon svg.newImmigrants { width: 70px; height: 42px } @media (min-width:640px) { .ci-find-it-fast .ci-icon svg.newImmigrants { width: 90px; height: 50px } } .ci-find-it-fast .ci-icon svg.calendar, .ci-find-it-fast .ci-icon svg.employeeSelfServe, .ci-find-it-fast .ci-icon svg.findSchool, .ci-find-it-fast .ci-icon svg.makePaymentndar { width: 51px; height: 37px } @media (min-width:640px) { .ci-find-it-fast .ci-icon svg.calendar, .ci-find-it-fast .ci-icon svg.employeeSelfServe, .ci-find-it-fast .ci-icon svg.findSchool, .ci-find-it-fast .ci-icon svg.makePaymentndar { width: 68px; height: 61px } } .ci-find-it-fast .ci-item { padding: 0 5px; text-align: center } @media (min-width:640px) { .ci-find-it-fast .ci-item { padding: 0 10px } } @media (min-width:1024px) { .ci-find-it-fast .ci-item { padding: 0 20px } } @media (min-width:1366px) { .ci-find-it-fast .ci-item { padding: 0 30px } } .ci-find-it-fast .ci-item a { display: block; outline-offset: -2px; color: #808284 } .school-site .ci-find-it-fast .ci-item a { color: #767676 } .sec-school-site .ci-find-it-fast .ci-item a { color: #666 } .ci-find-it-fast .ci-item a:hover { text-decoration: underline; color: #43215d } .school-site .ci-find-it-fast .ci-item a:hover { color: #212121 } .school-site .breadcrumb .breadcrumb-item a, .sec-school-site .breadcrumb .breadcrumb-item a, .sec-school-site .ci-find-it-fast .ci-item a:hover { color: #111 } .ci-find-it-fast .ci-item a:hover .ci-icon { border-color: #f89c1b } .school-site .ci-find-it-fast .ci-item a:hover .ci-icon { border-color: #e8a241 } .ci-find-it-fast .find-it-slider { margin-bottom: 24px; margin-left: -7px; margin-right: -7px } @media (min-width:480px) { .ci-find-it-fast .find-it-slider { margin-bottom: 37px; margin-left: -5px; margin-right: -5px } } @media (min-width:640px) { .ci-find-it-fast .find-it-slider { margin-bottom: 51px; margin-left: -12px; margin-right: -12px } } @media (min-width:1024px) { .ci-find-it-fast .find-it-slider { margin-left: -40px; margin-right: -40px; margin-bottom: 51px } }
1246 @media (min-width:1366px) { .ci-find-it-fast .find-it-slider { margin-left: -30px; margin-right: -30px; margin-bottom: 63px } } .school-site .ci-find-it-fast .find-it-slider { margin-left: -11px; margin-right: -11px; margin-bottom: 19px } .sec-school-site .ci-find-it-fast .find-it-slider { margin-left: -11px; margin-right: -11px } @media (min-width:480px) { .school-site .ci-find-it-fast .find-it-slider, .sec-school-site .ci-find-it-fast .find-it-slider { margin-left: -15px; margin-right: -15px; margin-bottom: 29px } } @media (min-width:640px) { .school-site .ci-find-it-fast .find-it-slider, .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 22px } } @media (min-width:1024px) { .school-site .ci-find-it-fast .find-it-slider, .sec-school-site .ci-find-it-fast .find-it-slider { margin-left: -36px; margin-right: -36px; margin-bottom: 37px } } @media (min-width:1366px) { .school-site .ci-find-it-fast .find-it-slider, .sec-school-site .ci-find-it-fast .find-it-slider { margin-left: -8px; margin-right: -8px; margin-bottom: 63px } } .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 47px } @media (min-width:480px) { .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 49px } } @media (min-width:640px) { .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 48px } } @media (min-width:1024px) { .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 37px } } @media (min-width:1366px) { .sec-school-site .ci-find-it-fast .find-it-slider { margin-bottom: 62px } } .ci-find-it-fast .find-it-slider .slick-track { margin-left: auto; margin-right: auto } .ci-find-it-fast .ci-text { display: block; font-weight: 700; font-size: 1.1rem; line-height: 1.23; text-transform: uppercase } @media (min-width:640px) { .ci-find-it-fast .ci-text { font-size: 1.6rem } } .school-site .ci-find-it-fast .ci-text, .sec-school-site .ci-find-it-fast .ci-text { font-size: 1.2rem; line-height: 1.23 } @media (min-width:640px) { .school-site .ci-find-it-fast .ci-text, .sec-school-site .ci-find-it-fast .ci-text { font-size: 1.6rem; line-height: 1.2; margin-left: -3px; margin-right: -3px } } @media (min-width:1366px) { .school-site .ci-find-it-fast .ci-text, .sec-school-site .ci-find-it-fast .ci-text { margin-left: -10px; margin-right: -10px } } .ci-find-it-fast .slick-arrow { background-color: transparent; border: 4px solid rgba(255,255,255,.75); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); height: 44px; width: 44px; top: 38px; padding-right: 2px } @media (min-width:640px) { .ci-find-it-fast .slick-arrow { top: 62px; left: 8px } } @media (min-width:1024px) { .ci-find-it-fast .slick-arrow { left: 35px } } @media (min-width:1366px) { .ci-find-it-fast .slick-arrow { left: 40px } } .school-site .ci-find-it-fast .slick-arrow, .sec-school-site .ci-find-it-fast .slick-arrow { border-color: #fff; left: 5px } @media (min-width:640px) { .school-site .ci-find-it-fast .slick-arrow, .sec-school-site .ci-find-it-fast .slick-arrow { left: 11px } } @media (min-width:1024px) { .school-site .ci-find-it-fast .slick-arrow, .sec-school-site .ci-find-it-fast .slick-arrow { left: 31px } } @media (min-width:1366px) { .school-site .ci-find-it-fast .slick-arrow, .sec-school-site .ci-find-it-fast .slick-arrow { left: 43px } } .ci-find-it-fast .slick-arrow:before { -webkit-transition: background .3s linear; transition: background .3s linear; top: 0; left: 0; right: 0; bottom: 0; content: ''; z-index: -1; border-radius: 50%; position: absolute; background: rgba(67,33,93,.75) } .school-site .ci-find-it-fast .slick-arrow:before { background-color: #212121 } .sec-school-site .ci-find-it-fast .slick-arrow:before { background-color: #383838 } .ci-find-it-fast .slick-arrow.slick-next { padding-right: 0; padding-left: 1px } @media (min-width:640px) { .ci-find-it-fast .slick-arrow.slick-next { left
1246: auto; right: 8px } } @media (min-width:1024px) { .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 35px } } @media (min-width:1366px) { .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 40px } } .school-site .ci-find-it-fast .slick-arrow.slick-next, .sec-school-site .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 5px } @media (min-width:640px) { .school-site .ci-find-it-fast .slick-arrow.slick-next, .sec-school-site .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 11px } } @media (min-width:1024px) { .school-site .ci-find-it-fast .slick-arrow.slick-next, .sec-school-site .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 31px } } @media (min-width:1366px) { .school-site .ci-find-it-fast .slick-arrow.slick-next, .sec-school-site .ci-find-it-fast .slick-arrow.slick-next { left: auto; right: 41px } } .ci-find-it-fast .slick-arrow img { width: 9px } .ci-find-it-fast .slick-arrow:hover { background-color: transparent } .ci-find-it-fast .slick-arrow:hover:before { background: rgba(67,33,93,.9) } .school-site .ci-find-it-fast .slick-arrow:hover:before, .sec-school-site .ci-find-it-fast .slick-arrow:hover:before { background: #43215d } .ci-tabnav { position: relative; padding-bottom: 19px; z-index: 20 } @media (min-width:480px) { .ci-tabnav { padding-bottom: 25px } } @media (min-width:1024px) { .ci-tabnav { padding-bottom: 9px } } @media (min-width:1366px) { .ci-tabnav { padding-bottom: 8px } } .ci-tabnav:after { left: -2px; right: -2px; bottom: 0; content: ''; height: 6px; position: absolute; background-color: #fbb040 } @media (min-width:480px) { .ci-tabnav:after { height: 5px; right: 0; left: 0 } } @media (min-width:640px) { .ci-tabnav:after { height: 6px } } @media (min-width:1024px) { .ci-tabnav:after { display: none } } .ci-tabnav .tabset-opener { display: table; margin: 0 auto; color: #43215d; font-size: 2rem; font-weight: 500; line-height: 1.2; padding-right: 15px; position: relative; text-transform: uppercase } @media (min-width:480px) { .ci-tabnav .tabset-opener { padding-right: 22px } } .ci-tabnav .tabset-opener:hover { color: #808284 } .ci-tabnav .tabset-opener:hover svg { fill: #808284 } .ci-tabnav .tabset-opener svg { fill: #43215d; width: 9px; height: 7px; position: absolute; margin-top: -3px; top: 50%; right: -9px } @media (min-width:480px) { .ci-tabnav .tabset-opener svg { right: 0 } } .ci-tabnav .set-drop, .ci-tabnav .set-drop.show { -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important } .ci-tabnav .set-drop { -webkit-transition: opacity .3s linear,visibility .3s linear; transition: opacity .3s linear,visibility .3s linear; position: absolute; top: 100% !important; left: -2px !important; right: -2px; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.16); border: 2px solid #fbb040; z-index: 99; padding: 0; min-width: 0; margin: -2px 0 0; float: none; opacity: 0; visibility: hidden } @media (min-width:1024px) { .ci-tabnav .set-drop { position: static !important; opacity: 1; visibility: visible; background: 0 0; border: 0; box-shadow: none; display: block } } .ci-tabnav .set-drop.show { opacity: 1; visibility: visible } .ci-tabnav .tabset { margin-bottom: 0 } @media (min-width:1024px) { .ci-tabnav .tabset { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -26px } } @media (min-width:1366px) { .ci-tabnav .tabset { margin: 0 auto; max-width: 1568px } } .ci-tabnav .tabset li { font-size: 1.6rem; font-weight: 600; text-transform: uppercase } @media (min-width:1024px) { .ci-tabnav .tabset li { font-size: 2rem; font-weight: 500; line-height: 1.2; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align: center; position: relative; padding: 0 26px } } @media (min-width:1366px) { .ci-tabnav .tabset li { font-size: 2.4rem; line-height: 1.2 } } @media (min-width:1024px) { .ci-tabnav .tabset li.active > a { color: #43215d } .ci-tabnav .tabset li.active > a:before { opacity: 1 } } .ci-tabnav .tabset li + li { border-top: 1px solid #dadada } @media (min-width:1024px) { .ci-tabnav .tabset li + li { border-top: none } .ci-tabnav .tabset li + li:before { top: 50%; left: 0; width: 1px; content: ''; height: 37px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; background-color: #d0d0d0 } }
1246 @media (min-width:1366px) { .ci-tabnav .tabset li + li:before { height: 36px } } .ci-tabnav .tabset li a { color: #43215d; padding: 8px 11px; display: block } @media (min-width:1024px) { .ci-tabnav .tabset li a { color: #808284; padding: 19px 15px; position: relative; margin: 0 -1px } } @media (min-width:1366px) { .ci-tabnav .tabset li a { display: table; margin-left: auto; margin-right: auto; min-width: 200px } } .ci-tabnav .tabset li a:hover, .school-site .breadcrumb .breadcrumb-item a:hover, .school-site .sidebar-holder .side-slide ul > li > a:hover, .school-site .sidebar-holder .sidebar-nav > li > a:hover { color: #f89c1b } @media (min-width:1024px) { .ci-tabnav .tabset li a:hover { color: #43215d } .ci-tabnav .tabset li a:hover:before { opacity: 1 } } .ci-tabnav .tabset li a:before { -webkit-transition: opacity .3s linear; transition: opacity .3s linear } @media (min-width:1024px) { .ci-tabnav .tabset li a:before { left: 0; right: 0; bottom: -9px; height: 6px; opacity: 0; content: ''; position: absolute; background: #fbb040 } } @media (min-width:1366px) { .ci-tabnav .tabset li a:before { bottom: -8px } } .tab-content { padding-top: 29px; padding-bottom: 22px; position: relative } @media (min-width:480px) { .tab-content { padding-top: 18px; padding-bottom: 0 } } @media (min-width:640px) { .tab-content { padding-top: 30px } } @media (min-width:1366px) { .tab-content { margin: 0 auto; max-width: 1590px; padding-top: 40px; width: 100% } } .tab-content:before { position: absolute; top: -1px; left: -30px; right: -30px; height: 1px; content: ''; background: #d0d0d0 } @media (min-width:1366px) { .tab-content:before { width: 110vw; left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } .share-this { position: fixed; right: 0; z-index: 999; top: 200px } @media (min-width:640px) { .share-this { top: 300px } } .breadcrumb .breadcrumb-item.active:before, .ci-useful-links ul.pdf-links li:before, .ci-useful-links ul.quick-links li:before, .nav-active .share-this { display: none } .share-this ul a { width: 48px; height: 48px; color: #fff } .share-this ul a:hover { opacity: .8 } .share-this ul .side-facebook img { width: 8px; height: auto } .share-this ul .side-facebook a { background: #4267b2 } .share-this ul .side-twitter img { width: 18px; height: auto } .share-this ul .side-twitter a { background: #55acee } .share-this ul .side-email a { background: #7d7d7d } .share-this ul .side-sms img { width: 19px; height: auto } .share-this ul .side-sms a { background: #ffbd00 } .share-this ul .side-share img { width: 18px; height: auto } .share-this ul .side-share a { background: #95d03a } .share-this ul .side-print a { background: #222 } .breadcrumb-holder { background-color: rgba(234,234,234,.9) } @media (min-width:1024px) { .breadcrumb-holder { margin-top: -30px; margin-bottom: 0 } .sec-school-site .breadcrumb-holder { margin-top: -25px } } @media (min-width:1366px) { .sec-school-site .breadcrumb-holder { margin-top: -30px } } .breadcrumb-holder .container { max-width: 1640px } .breadcrumb { margin-bottom: 0; padding: 27px 0 14px; background-color: transparent; line-height: 1.25 } @media (min-width:480px) { .breadcrumb { padding: 27px 0 13px } } @media (min-width:1024px) { .breadcrumb { padding: 62px 21px 13px } } @media (min-width:1366px) { .breadcrumb { padding: 66px 0 13px; letter-spacing: .04em } } .school-site .breadcrumb, .sec-school-site .breadcrumb { display: block; padding: 25px 0 21px; line-height: 1.9375; text-transform: capitalize } @media (min-width:480px) { .school-site .breadcrumb, .sec-school-site .breadcrumb { padding: 25px 0 10px } } @media (min-width:640px) { .school-site .breadcrumb, .sec-school-site .breadcrumb { padding-top: 46px; padding-bottom: 20px } } @media (min-width:1024px) { .school-site .breadcrumb, .sec-school-site .breadcrumb { padding: 51px 20px 19px } } @media (min-width:1366px) { .school-site .breadcrumb, .sec-school-site .breadcrumb { padding: 50px 0 19px } } @media (min-width:640px) { .sec-school-site .breadcrumb { margin-left: -2px } } @media (min-width:1024px) { .sec-school-site .breadcrumb { margin-left: 0 } } .breadcrumb .breadcrumb-item { position: relative; padding-right: 17px; margin-bottom: 11px } .school-site .breadcrumb .breadcrumb-item, .sec-school-site .breadcrumb .breadcrumb-item { display: inline } .breadcrumb .breadcrumb-item:before { content: ''; position: absolute; top: 50%; right: -4px; width: 7px; height: 11px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; background: url(images/arrow-right.svg) no-repeat 50% 50%/100% auto }
1246 @media (min-width:1366px) { .breadcrumb .breadcrumb-item:before { right: -6px } } .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 18px } @media (min-width:1366px) { .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 22px } } .school-site .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 14px } @media (min-width:1366px) { .school-site .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 17px } } .sec-school-site .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 12px } @media (min-width:640px) { .sec-school-site .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 14px } } @media (min-width:1366px) { .sec-school-site .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 17px } } @media (max-width:1023px) { .breadcrumb .breadcrumb-item.active { padding-left: 0; padding-right: 0; width: 100% } } .school-site .breadcrumb .breadcrumb-item.active, .sec-school-site .breadcrumb .breadcrumb-item.active { color: #111; width: auto; padding-left: 14px } @media (min-width:1366px) { .school-site .breadcrumb .breadcrumb-item.active, .sec-school-site .breadcrumb .breadcrumb-item.active { padding-left: 17px } } @media (max-width:1023px) { .breadcrumb .breadcrumb-item.active span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block } } .breadcrumb .breadcrumb-item a, .school-site .ci-useful-links ul li a:hover, .sec-school-site .ci-useful-links ul li a:hover { color: #43215d } .breadcrumb .breadcrumb-item a:hover, .ci-useful-links ul li a:hover, .sec-school-site .breadcrumb .breadcrumb-item a:hover { color: #45c0c0 } .ci-article-section { padding-top: 26px; padding-bottom: 14px } @media (min-width:480px) { .ci-article-section { padding-top: 31px } } @media (min-width:640px) { .ci-article-section { padding-bottom: 0 } } @media (min-width:1024px) { .ci-article-section { padding-top: 0 } } .school-site .ci-article-section, .sec-school-site .ci-article-section { padding-top: 23px } @media (min-width:480px) { .school-site .ci-article-section, .sec-school-site .ci-article-section { padding-top: 24px } } @media (min-width:1024px) { .school-site .ci-article-section, .sec-school-site .ci-article-section { padding-top: 0 } } @media (min-width:480px) { .school-site .ci-article-section .container, .sec-school-site .ci-article-section .container { padding: 0 30px } } @media (min-width:1024px) { .school-site .ci-article-section .container, .sec-school-site .ci-article-section .container { padding: 0 32px } } @media (min-width:1366px) { .school-site .ci-article-section .container, .sec-school-site .ci-article-section .container { padding: 0 20px } } .ci-article-section .row { margin: 0 } @media (min-width:1024px) { .ci-article-section .sidebar-col { width: 25% } } @media (min-width:1366px) { .ci-article-section .sidebar-col { width: 20.4% } } .ci-article-section .content-col { width: 100% } @media (min-width:1024px) { .ci-article-section .content-col { padding-left: 20px; padding-right: 20px; width: 75%; padding-top: 41px } } @media (min-width:1366px) { .ci-article-section .content-col { width: 79.6%; padding: 41px 0 40px 82px } .school-site .ci-article-section .content-col, .sec-school-site .ci-article-section .content-col { padding-top: 31px } } .ci-article-section .head-hold time { display: block; margin-bottom: 21px } .ci-article-section .head-hold .catg { color: #737577; font-size: 1.3rem; line-height: 1.2; display: block } @media (min-width:1366px) { .ci-article-section .head-hold .catg, .ci-article-section .head-hold time { margin-bottom: 20px } } .ci-article-section .head-hold time { color: #666; font-size: 1.4rem; line-height: 1.2 } .ci-article-section .head-hold .catg { text-transform: uppercase; letter-spacing: .1em; margin-bottom: 6px; font-weight: 500 } @media (min-width:480px) { .ci-article-section .head-hold .catg { margin-bottom: 9px } } @media (min-width:1366px) { .ci-article-section .head-hold .catg { margin-bottom: 11px; font-size: 1.8rem; line-height: 1.25; letter-spacing: .1em } } .ci-article-section h1 { margin-bottom: 6px; letter-spacing: .01em; margin-right: 2px; text-transform: capitalize } @media (min-width:480px) { .ci-article-section h1 { max-width: 73% } } @media (min-width:640px) { .ci-article-section h1 { line-height: 1.1112; max-width: none; margin-bottom: 8px } } @media (min-width:1024px) { .ci-article-section h1 { margin-bottom: 9px } }
1246 @media (min-width:1366px) { .ci-article-section h1 { margin-bottom: 13px } } .ci-article-section h2, .ci-img-list li { margin-bottom: 20px } @media (min-width:480px) { .ci-article-section h2 { margin-bottom: 22px; max-width: 94% } } @media (min-width:640px) { .ci-article-section h2 { margin-bottom: 21px } } @media (min-width:1024px) { .ci-article-section h2 { margin-bottom: 21px } } @media (min-width:1366px) { .ci-article-section h2 { margin-bottom: 31px } } .ci-article-section .h4 { font-size: 1.8rem; line-height: 1.6667; font-weight: 400; color: #111; margin-bottom: 19px } @media (min-width:480px) { .ci-article-section .h4 { font-size: 1.8rem; margin-bottom: 17px; line-height: 1.6667 } } @media (min-width:640px) { .ci-article-section .h4 { margin-bottom: 20px } } @media (min-width:1024px) { .ci-article-section .h4 { margin-bottom: 26px } } @media (min-width:1366px) { .ci-article-section .h4 { margin-bottom: 32px } } .ci-article-section .top-area .img-holder, .ci-article-section h3 { margin-bottom: 18px } @media (min-width:480px) { .ci-article-section h3 { margin-bottom: 26px } } @media (min-width:1024px) { .ci-article-section h3 { margin-bottom: 18px } } @media (min-width:1366px) { .ci-article-section h3 { margin-bottom: 23px } } .ci-article-section .article-holder { color: #111 } @media (min-width:480px) { .ci-article-section .top-area .img-holder { margin-bottom: 18px } } @media (min-width:640px) { .ci-article-section .top-area .img-holder { margin-bottom: 18px } } @media (min-width:1024px) { .ci-article-section .top-area .img-holder { margin-bottom: 39px } } @media (min-width:1366px) { .ci-article-section .top-area .img-holder { margin-bottom: 30px } } .ci-article-section p { margin-bottom: 30px } @media (min-width:480px) { .ci-article-section p { margin-bottom: 30px; margin-right: 2px } } @media (min-width:640px) { .ci-article-section p { margin-right: 0 } } @media (min-width:1024px) { .ci-article-section p { margin-right: 25px } } @media (min-width:1366px) { .ci-article-section p { margin-bottom: 30px; margin-right: 65px } } .ci-article-section p a { color: #697f20 } .ci-article-section .ci-post { margin-bottom: -14px } @media (min-width:480px) { .ci-article-section .ci-post { margin-right: -3px; margin-bottom: -10px } } @media (min-width:640px) { .ci-article-section .ci-post { margin-bottom: -14px } } @media (min-width:1024px) { .ci-article-section .ci-post { margin-bottom: -7px } } @media (min-width:1366px) { .ci-article-section .ci-post { margin-bottom: 11px } } .ci-article-section .ci-post .ci-img { margin-bottom: 32px } @media (min-width:480px) { .ci-article-section .ci-post .ci-img { width: 42.8%; float: left; margin-top: -2px; padding-right: 16px; margin-bottom: 9px } } @media (min-width:640px) { .ci-article-section .ci-post .ci-img { width: 35.7%; margin-top: -1px; padding-right: 30px } } @media (min-width:1024px) { .ci-article-section .ci-post .ci-img { width: 29%; margin-top: 8px; padding-right: 41px } } @media (min-width:1366px) { .ci-article-section .ci-post .ci-img { width: 21.8%; margin-top: -2px; padding-right: 29px } } .ci-article-section .ci-post .ci-img img { width: 100%; height: auto; border: 1px solid #707070 } .ci-article-section .ci-info { margin-top: -1px; padding-top: 18px; border-top: 1px solid #dadada } @media (min-width:480px) { .ci-article-section .ci-info { padding-top: 17px } } @media (min-width:640px) { .ci-article-section .ci-info { margin-top: 0; padding-top: 17px } } @media (min-width:1024px) { .ci-article-section .ci-info { margin-top: 0; padding-top: 19px } } @media (min-width:1366px) { .ci-article-section .ci-info { margin-top: -8px; padding-top: 19px } .ci-article-section .ci-info p { margin-bottom: 26px } } .ci-img-list { margin: 38px -6px 18px } @media (min-width:480px) { .ci-img-list { margin: 0 -6px -15px -8px } } @media (min-width:640px) { .ci-img-list { margin: -2px -10px 0 } } @media (min-width:1024px) { .ci-img-list { margin: 41px -12px 0; position: relative } } @media (min-width:1366px) { .ci-img-list { margin: 57px -22px 0 } } .school-site .ci-img-list, .sec-school-site .ci-img-list { margin-top: 60px } @media (min-width:480px) { .school-site .ci-img-list, .sec-school-site .ci-img-list { margin-top: 37px; margin-bottom: -4px } } @media (min-width:640px) { .school-site .ci-img-list, .sec-school-site .ci-img-list { margin-top: 45px; margin-bottom: 11px } } @media (min-width:1024px) { .school-site .ci-img-list, .sec-school-site .ci-img-list { margin-top: 41px } }
1246 @media (min-width:1366px) { .school-site .ci-img-list, .sec-school-site .ci-img-list { margin-top: 58px; margin-bottom: 0 } } .ci-img-list li { width: 100%; padding: 0 6px } @media (min-width:480px) { .ci-img-list li { width: 50%; padding: 0 8px; margin-bottom: 25px } } @media (min-width:640px) { .ci-img-list li { padding: 0 11px; margin-bottom: 34px } } @media (min-width:1024px) { .ci-img-list li { width: 33.33%; padding: 0 12px; margin-bottom: 29px } } @media (min-width:1366px) { .ci-img-list li { width: 25%; padding: 0 22px; margin-bottom: 42px } } .ci-img-list li a:hover { opacity: .8 } .ci-useful-links { margin-top: 13px } @media (min-width:480px) { .ci-useful-links { margin-top: 24px } } @media (min-width:640px) { .ci-useful-links { margin-top: -3px } } @media (min-width:1024px) { .ci-useful-links { margin-top: 12px } } @media (min-width:1366px) { .ci-useful-links { margin-top: -6px } } .ci-useful-links .row { margin: 0 -8px } @media (min-width:640px) { .ci-useful-links .row { margin: 0 -12px 3px } } @media (min-width:1366px) { .ci-useful-links .row { margin: 0 -17px } } .ci-useful-links .row > div { padding: 0 8px } @media (min-width:640px) { .ci-useful-links .row > div { padding: 0 12px } } @media (min-width:1366px) { .ci-useful-links .row > div { padding: 0 17px } } .ci-useful-links ul { line-height: 1.15; padding-top: 20px; margin-bottom: 42px; letter-spacing: .036em } @media (min-width:480px) { .ci-useful-links ul { margin-bottom: 36px } } @media (min-width:640px) { .ci-useful-links ul { margin-bottom: 33px } } @media (min-width:1024px) { .ci-useful-links ul { margin-bottom: 38px } } @media (min-width:1366px) { .ci-useful-links ul { margin-left: -1px } } @media (min-width:640px) { .school-site .ci-useful-links ul, .sec-school-site .ci-useful-links ul { margin-bottom: 44px } } @media (min-width:1024px) { .school-site .ci-useful-links ul, .sec-school-site .ci-useful-links ul { margin-bottom: 38px } } .ci-useful-links ul.pdf-links li { padding-left: 24px } .ci-useful-links ul.pdf-links img { position: absolute; left: 5px; top: 2px; width: 12px; height: 16px } .ci-useful-links ul.quick-links { padding: 5px 0 16px; margin: 0 -6px } @media (min-width:640px) { .ci-useful-links ul.quick-links { padding-bottom: 20px } } @media (min-width:1024px) { .ci-useful-links ul.quick-links { margin: 0 -5px } } .ci-useful-links ul.quick-links li { padding: 0 6px 10px; margin-bottom: 0 } .ci-useful-links ul.quick-links svg { fill: #111; height: 24px; width: 24px } .ci-useful-links ul.quick-links svg.newImg { width: 28px; height: 26px } .ci-useful-links ul.quick-links img { height: auto; width: 24px } .ci-useful-links ul.quick-links a { display: block; width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 4px solid rgba(180,187,232,.4) } .ci-useful-links ul.quick-links a:hover { border-color: #f89c1b } .ci-useful-links ul li { position: relative; padding-left: 24px; margin-bottom: 20px } @media (min-width:640px) { .ci-useful-links ul li { padding-left: 24px; margin-left: 0 } } .ci-useful-links h4 { padding: 0 5px 7px; text-transform: capitalize; border-bottom: 1px solid #c8c8c8 } @media (min-width:640px) { .ci-useful-links h4 { padding: 0 5px 6px } } .sidebar-holder .sidebar-nav { padding-top: 8px; margin-bottom: 30px; padding-right: 2px } .school-site .sidebar-holder .sidebar-nav, .sec-school-site .sidebar-holder .sidebar-nav { padding-top: 0 } .sidebar-holder .sidebar-nav > li { position: relative } .sidebar-holder .sidebar-nav > li:after { background: #e2e2e2; position: absolute; content: ''; height: 2px; left: -16px; right: 0; bottom: 0 } .sidebar-holder .sidebar-nav > li:last-child:after { display: none } .sidebar-holder .sidebar-nav > li > a { padding: 34px 53px 30px 4px; position: relative; color: #43215d; display: block; font-size: 2.4rem; line-height: 1.2 } .sec-school-site .sidebar-holder .side-slide ul > li > a:hover, .sec-school-site .sidebar-holder .sidebar-nav > li > a:hover, .sidebar-holder .side-slide ul > li > a:hover, .sidebar-holder .sidebar-nav > li > a:hover { color: #45c0c0 } .sidebar-holder .sidebar-nav > li.active .side-opener:after { opacity: 0 } .sidebar-holder .side-opener, .sidebar-holder .side-opener:before { width: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .sidebar-holder .side-opener { position: absolute; right: 21px; z-index: 1; opacity: 0; margin-top: 4px; visibility: hidden; height: 22px } .sidebar-holder .side-opener:after, .sidebar-holder .side-opener:before { content: ''; background: #43215d; position: absolute; -webkit-transition: background .3s linear,opacity .3s linear; transition: background .3s linear,opacity .3s linear } .sidebar-holder .side-opener:before { height: 4px } .sidebar-holder .side-opener:after { height: 22px; width: 4px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .sidebar-holder .side-slide { margin-left: 3px; padding: 2px 0 36px } .sidebar-holder .side-slide.js-acc-hidden { visibility: hidden } .sidebar-holder .side-slide ul { padding: 3px 20px 1px; border-left: 2px solid #e2e2e2 } .sidebar-holder .side-slide ul > li { margin-bottom: 18.5px } .sidebar-holder .side-slide ul > li:last-child { margin-bottom: 0 } .sidebar-holder .side-slide ul > li > a { color: #666 }
1246 .ci-covid-bar { left: 20px; right: 20px; bottom: -41px; z-index: 99; padding: 10px; position: absolute; background-color: rgba(255,255,255,.25) } @media (min-width:480px) { .ci-covid-bar { bottom: -62px; left: 42px; right: 48px } } @media (min-width:640px) { .ci-covid-bar { bottom: -41px; left: 55px; right: 55px } } @media (min-width:1024px) { .ci-covid-bar { left: 53px; right: 51px; bottom: -53px } } @media (min-width:1366px) { .ci-covid-bar { left: 0; right: 0; width: 100%; margin: 0 auto; max-width: 1270px; bottom: -55px } } .school-site .ci-covid-bar, .sec-school-site .ci-covid-bar { bottom: -44px } @media (min-width:480px) { .school-site .ci-covid-bar, .sec-school-site .ci-covid-bar { bottom: -62px } } @media (min-width:640px) { .school-site .ci-covid-bar, .sec-school-site .ci-covid-bar { bottom: -41px; padding: 0 } } @media (min-width:1024px) { .school-site .ci-covid-bar, .sec-school-site .ci-covid-bar { padding: 10px 0 10px 10px; left: 43px; bottom: -63px } } @media (min-width:1366px) { .school-site .ci-covid-bar, .sec-school-site .ci-covid-bar { left: 0; right: 0; background-color: rgba(255,255,255,.4); padding-right: 10px; bottom: -55px } } .ci-covid-bar .ci-bar { background-color: #fff; padding: 10px 10px 10px 46px; border-left: 4px solid #fbb040; box-shadow: 0 0 8px rgba(0,0,0,.16) } @media (min-width:480px) { .ci-covid-bar .ci-bar { padding: 20px 20px 20px 50px } } @media (min-width:640px) { .ci-covid-bar .ci-bar { padding-left: 68px } } @media (min-width:1366px) { .ci-covid-bar .ci-bar { padding-left: 105px } } .school-site .ci-covid-bar .ci-bar, .sec-school-site .ci-covid-bar .ci-bar { border-color: #f89c1b } .ci-covid-bar .ci-icon { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 32px; left: 20px; top: 50% } @media (min-width:480px) { .ci-covid-bar .ci-icon { left: 24px } } @media (min-width:640px) { .ci-covid-bar .ci-icon { width: 48px } } @media (min-width:1366px) { .ci-covid-bar .ci-icon { width: 64px; left: 34px } } @media (min-width:640px) { .school-site .ci-covid-bar .ci-icon, .sec-school-site .ci-covid-bar .ci-icon { left: 14px } } @media (min-width:1024px) { .school-site .ci-covid-bar .ci-icon, .sec-school-site .ci-covid-bar .ci-icon { left: 24px } } @media (min-width:1366px) { .school-site .ci-covid-bar .ci-icon, .sec-school-site .ci-covid-bar .ci-icon { left: 34px } } .ci-covid-bar .ci-icon img { width: 100%; height: auto }
1246 .school-site .ci-covid-bar .txt, .school-site .ci-covid-bar .txt strong, .school-site .ci-covid-bar p a, .sec-school-site .ci-covid-bar .txt, .sec-school-site .ci-covid-bar .txt strong, .sec-school-site .ci-covid-bar p a { color: #767676 } .school-site .ci-covid-bar p a:hover, .sec-school-site .ci-covid-bar p a:hover { color: #212121 } .ci-covid-bar .txt { font-size: 12px; line-height: 1.2; color: #303030; width: calc(100% - 94px) } @media (min-width:480px) { .ci-covid-bar .txt { width: calc(100% - 134px); font-size: 14px; line-height: 1.2; padding-right: 55px; padding-bottom: 2px } } @media (min-width:640px) { .ci-covid-bar .txt { font-size: 16px; line-height: 1.2; padding-bottom: 0; padding-right: 33px } } @media (min-width:1024px) { .ci-covid-bar .txt { padding-right: 82px } } @media (min-width:1366px) { .ci-covid-bar .txt { font-size: 22px; line-height: 1.2; padding-top: 2px; padding-right: 52px; width: calc(100% - 154px) } } .ci-covid-bar p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 0; max-width: 65px } @media (min-width:480px) { .ci-covid-bar p { max-width: none } } .ci-covid-bar .btn { width: 94px; min-width: 0; margin: 0 } @media (min-width:480px) { .ci-covid-bar .btn { width: 134px } } @media (min-width:1024px) { .ci-covid-bar .btn { font-size: 1.4rem; line-height: 1.2; padding: 15px 10px } } @media (min-width:1366px) { .ci-covid-bar .btn { width: 154px; padding: 13px 10px; font-size: 1.7rem; line-height: 1.2 } } .school-site .ci-covid-bar .btn, .sec-school-site .ci-covid-bar .btn { color: #383838 } </style> <style> 1247 .ci-social-networks li { 1248 margin-bottom: 10px; 1249 margin-left: 20px; 1250 } 1251 1252 #wrapper #header .ci-header-top .ci-social-networks { 1253 display: -webkit-box; 1254 display: -ms-flexbox; 1255 display: flex; 1256 -ms-flex-wrap: wrap; 1257 flex-wrap: wrap; 1258 margin-left: -10px; 1259 } 1260 1261 .ci-find-it-fast .find-it-slider .slick-slide img { 1262 max-width: unset; 1263 width: auto; 1264 background-image: linear-gradient(#fff, #fff); 1265 } 1266 1267 .alert.alert-primary.alert-primary { 1268 z-index: unset !important; 1269 } 1270 1271 #wrapper .breadcrumb .breadcrumb-item:before { 1272 background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7.1 11.4"><path style="fill:rgb(128,130,132)" class="st0" d="M1.4 0L0 1.4l4.3 4.3L0 10l1.4 1.4 5.7-5.7z"/></svg>'); 1273 /*background: url(https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/arrow-right.svg);*/ 1274 } 1275 1276 #wrapper #ciCntSiteMap .sitemapLinksLevel_1 a span { 1277 font-size: 26px; 1278 } 1279 1280 #wrapper #ci-feedbackForm .ci-feedback-form .form-group .form-control { 1281 border-color: #DADADA; 1282 } 1283 1284 #wrapper .landingpage_List .landingpage_List_img, 1285 #wrapper .landingpage_List .col-md-12 { 1286 padding-left: 0px; 1287 } 1288 1289 #wrapper .ci-calendar-wrap .ci-top .nav-tabs a { 1290 font-size: 12px; 1291 } 1292 1293 #wrapper .ci-calendar-wrap .ci-panel-setting { 1294 font-size: 16px; 1295 } 1296 1297 #wrapper .ci-calendar-wrap .ci-showing .ci-info-list { 1298 font-size: 16px; 1299 } 1300 1301 #wrapper #ci-year .ci-holder-calendars h2, 1302 #wrapper #ci-year .ci-important-dates h3 { 1303 font-size: 20px; 1304 } 1305 1306 #wrapper .ci-calendar-wrap .ci-important-dates .ci-legend-list li { 1307 font-size: 16px; 1308 } 1309 1310 #wrapper .ci-content-subscribe .ci-top .ci-text-holder p { 1311 font-size: 18px; 1312 } 1313 1314 #wrapper .ci-content-subscribe .ci-top .ci-text-holder { 1315 color: #111111; 1316 } 1317 1318 #wrapper #ci-subscribe .ci-content-subscribe .ci-top h2, 1319 #wrapper #ci-subscribe .ci-content-subscribe .ci-top h3 { 1320 font-size: 28px; 1321 } 1322 1323 #wrapper #ci-subscribe .ci-content-subscribe .ci-top h2:first-child { 1324 font-size: 32px; 1325 } 1326 1327 #wrapper #ci-subscribe .ci-content-subscribe .ci-top .ci-btn-holder .btn { 1328 font-size: 14px; 1329 font-weight: bold; 1330 } 1331 1332 #wrapper .ci-search-subscribe .panel-title-static { 1333 font-size: 20px; 1334 } 1335 1336 #wrapper #ci-subscribe .ci-content-subscribe .ci-top .panel-body .btn { 1337 font-size: 14px; 1338 } 1339 1340 #wrapper #ci-subscribe .ci-content-subscribe .ci-top .ci-accordion-wrapper label { 1341 font-size: 14px; 1342 } 1343 1344 #wrapper .ci-calendar-wrap #ci-list .ci-panel-results h3 > a { 1345 font-weight: bold; 1346 } 1347 1348 #wrapper .ci-calendar-wrap .ci-panel-results .ci-duration { 1349 font-size: 14px; 1350 } 1351 1352 #wrapper .ci-calendar-wrap .ci-calendar thead { 1353 font-size: 14px; 1354 } 1355 1356 #wrapper .ci-calendar-wrap .ci-calendar .ci-list-table .ci-event-opener { 1357 font-size: 13px; 1358 } 1359 1360 #wrapper .ci-calendar-wrap .ci-important-dates .ci-date-list li { 1361 font-size: 15px; 1362 } 1363 1364 #wrapper .ci-calendar-wrap .ci-important-dates .ci-date-list li { 1365 color: #333; 1366 } 1367 1368 #wrapper .ci-calendar-wrap #ci-month .ci-panel-results h3 > a { 1369 font-size: 24px; 1370 font-weight: bold; 1371 } 1372 1373 #wrapper .ci-calendar-wrap .ci-important-dates .ci-date-list li .ci-event { 1374 color: #333; 1375 } 1376 /*advance search*/ 1377 .fa-search:before { 1378 content: unset !important; 1379 } 1380 1381 .ci-calendar-page .ci-popover .ci-text-holder { 1382 font-size: 18px; 1383 color: #111; 1384 } 1385 1386 .ci-calendar-page .ci-popover .ci-search-list label, .ci-calendar-page .ci-popover .ci-search-list .label { 1387 font-size: 20px; 1388 } 1389 1390 #wrapper .ci-header-top .ci-wrap .ci-hold a { 1391 color: #808284; 1392 } 1393 1394 #wrapper .ci-header-top .ci-wrap .ci-hold .ci-quick-links-drop .nav-link svg, 1395 #wrapper .ci-header-top .ci-wrap .ci-hold .language-hold .dropdown-opener svg { 1396 fill: #808284; 1397 } 1398 1399 @media (max-width: 399px) { 1400 #wrapper .breadcrumb-holder .breadcrumb .breadcrumb-item.active span { 1401 white-space: unset; 1402 } 1403 } 1404 1405 @media (max-width: 566px) { 1406 #wrapper .breadcrumb-holder .breadcrumb .breadcrumb-item.active { 1407 width: unset; 1408 left: unset; 1409 padding-left: 18px; 1410 } 1411 } 1412 1413 @media (min-width: 567px) { 1414 #wrapper .breadcrumb-holder .breadcrumb .breadcrumb-item.active { 1415 width: unset; 1416 left: 20px; 1417 padding-left: unset; 1418 } 1419 } 1420 1421 #wrapper #main .event-slide .social-networks a:hover { 1422 background: unset; 1423 } 1424 1425 @media (min-width: 1366px) { 1426 #wrapper #main .ci-article-section .fr-view h2, 1427 #wrapper #main .ci-article-section .fr-view h3 { 1428 margin-bottom: 10px; 1429 } 1430 } 1431 1432 @media (min-width: 1024px) { 1433 #wrapper #main .comm_div { 1434 display: flex; 1435 flex-direction: row-reverse; 1436 } 1437 } 1438 1439 .fr-view img.fr-dii.fr-fir { 1440 float: right; 1441 margin: 5px 0 5px 5px; 1442 max-width: calc(100% - 5px); 1443 } 1444 1445 #wrapper #main .event-slide .ci-widget .heading { 1446 font-size: 20px; 1447 font-weight: 500; 1448 } 1449 1450 #wrapper #main .ci-popover .ci-other-elements ul li:before { 1451 color: #A6A6A6; 1452 } 1453 1454 #wrapper #main .calEvtPop_Ctn .calpg_evtdtl_desc p { 1455 margin-bottom: 20px; 1456 } 1457 1458 #wrapper #main .ci-accordion { 1459 list-style: none; 1460 padding: 0; 1461 } 1462 1463 #wrapper #main .ci-accordion > li > div, 1464 #wrapper #main .ci-accordion > li > div > div { 1465 padding-left: 40px; 1466 } 1467 1468 #wrapper #main .ci-accordion > li > h3 > a, 1469 #wrapper #main .ci-accordion > li > h4 > a, 1470 #wrapper #main .ci-accordion > li > #link1 > a { 1471 display: inline-block; 1472 margin-left: 25px; 1473 position: relative; 1474 } 1475 1476 #wrapper #main .ci-accordion > li > h3 > a.collapsed:before, 1477 #wrapper #main .ci-accordion > li > h4 > a.collapsed:before, 1478 #wrapper #main .ci-accordion > li > #link1 > a.collapsed:before { 1479 transform: rotateZ( 0deg); 1480 } 1481 1482 #wrapper #main .ci-accordion > li > h3 > a:before, 1483 #wrapper #main .ci-accordion > li > h4 > a:before, 1484 #wrapper #main .ci-accordion > li > #link1 > a:before { 1485 content: url(https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/arrow-right.svg); 1486 font-size: 11px; 1487 margin-right: 8px; 1488 display: inline-block; 1489 width: 11px; 1490 transform: rotateZ( 90deg); 1491 } 1492 1493 .ci-calendar-page .ci-popover .ci-other-elements ul li:before { 1494 content: ''; 1495 background: #a6a6a6; 1496 border-radius: 100%; 1497 width: 6px; 1498 height: 6px; 1499 position: absolute; 1500 top: 8px !important; 1501 left: 8px; 1502 } 1503 1504 .icon-prev:before { 1505 content: url(https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/back-arrow.svg); 1506 } 1507 1508 a.goBackBurgerLvlBtn { 1509 padding-left: 20px !important; 1510 } 1511 1512 a.goBackBurgerLvlBtn:hover { 1513 background: unset !important; 1514 } 1515 1516 span.icon-prev { 1517 display: block; 1518 margin-left: -12px; 1519 } 1520 1521 @media (max-width: 1023px) { 1522 .ci-nav-block .main-nav { 1523 display: grid; 1524 } 1525 1526 li.ci_hamburgeritm.ci-active, li.ci_hamburgeritm.ci-active.active { 1527 order: -1; 1528 } 1529 } 1530 1531 .sec-lvl > li.ci_itmactive a { 1532 color: #43215D; 1533 } 1534 1535 svg.ci-arrow-icon { 1536 display: none; 1537 } 1538 1539 #ci-year .ci-holder-calendars { 1540 align-content: flex-start; 1541 } 1542 1543 @media (min-width: 992px) { 1544 #ci-year .ci-holder-calendars { 1545 padding-top: 36px; 1546 } 1547 } 1548 1549 /*===============================*/ 1550 @media (min-width: 1024px) { 1551 #wrapper #nav .main-nav .sec-lvl { 1552 -webkit-column-count: 4; 1553 column-count: 4; 1554 display: flex; 1555 flex-wrap: wrap; 1556 } 1557 } 1558 1559 @media (min-width: 1024px) { 1560 #wrapper #nav .main-nav .sec-lvl > li > a { 1561 display: inline-block; 1562 } 1563 } 1564 1565 @media (min-width: 1024px) { 1566 #wrapper #nav .main-nav .dropmenu .nav-wrap {
1567 max-width: 1655px; 1568 } 1569 } 1570 1571 @media (min-width: 1024px) { 1572 #wrapper #nav .main-nav .sec-lvl > li { 1573 width: 24%; 1574 } 1575 } 1576 1577 @media (min-width: 1024px) { 1578 #wrapper #nav .main-nav .sec-lvl > li > a { 1579 padding: 7px 15px; 1580 } 1581 } 1582 1583 @media (min-width: 1366px) { 1584 #wrapper #nav .main-nav .sec-lvl > li > a { 1585 padding: 8px 18px; 1586 } 1587 } 1588 1589 @media (min-width: 1366px) { 1590 #wrapper #nav .main-nav .sec-lvl { 1591 padding: 15px 10px 36px; 1592 } 1593 } 1594 1595 #wrapper .breadcrumb .breadcrumb-item a:hover { 1596 text-decoration: underline; 1597 } 1598 1599 #wrapper .breadcrumb-holder { 1600 position: relative; 1601 z-index: 10; 1602 } 1603 1604 @media (max-width: 1023px) { 1605 #header .ci-header-top .ci-wrap { 1606 flex-wrap: nowrap; 1607 } 1608 } 1609 1610 #wrapper .alert.alert-primary.alert-danger { 1611 color: #fff !important; 1612 background: #d12a3e !important; 1613 } 1614 1615 #wrapper .alert.alert-primary.alert-primary { 1616 color: #111; 1617 background: #bcd863; 1618 } 1619 1620 #wrapper .alert.alert-primary.alert-warning { 1621 color: #111; 1622 background: #ffcb4d; 1623 } 1624 1625 #wrapper .alert { 1626 margin-top: 0px; 1627 border-bottom: unset; 1628 } 1629 1630 #wrapper .alert.alert-primary.alert-danger a { 1631 color: #fff !important; 1632 border: 1px solid #ecebeb !important; 1633 } 1634 1635 #wrapper .alert.alert-primary.alert-warning a, 1636 #wrapper .alert.alert-primary.alert-primary a { 1637 color: #111; 1638 border: 1px solid #111; 1639 } 1640 1641 #wrapper .alert.alert-primary.alert-danger a:hover { 1642 background: #ecebeb; 1643 color: #111 !important; 1644 } 1645 1646 #wrapper .alert.alert-primary.alert-warning a:hover, 1647 #wrapper .alert.alert-primary.alert-primary a:hover { 1648 background: #ecebeb; 1649 color: #111 !important; 1650 border: 1px solid #ecebeb; 1651 } 1652 1653 @media (min-width: 1024px) { 1654 body .school-site #footer .ci-quick-links .time, body .sec-school-site #footer .ci-quick-links .time { 1655 text-align: left; 1656 } 1657 } 1658 1659 body .ciHidden { 1660 display: none; 1661 } 1662 1663 #wrapper #main .ci-article-section .no-leftnav { 1664 width: 100%; 1665 padding: 0px 0px 40px 0px; 1666 } 1667 1668 .fr-view span.fr-img-caption { 1669 position: relative; 1670 text-align: center; 1671 } 1672 1673 .fr-view span.fr-img-caption.fr-dii.fr-fir { 1674 float: right; 1675 margin: 5px 0 5px 5px; 1676 max-width: calc(100% - 5px); 1677 display: inline-block; 1678 vertical-align: bottom; 1679 } 1680 1681 .fr-view .fr-img-caption .fr-img-wrap { 1682 padding: 0; 1683 margin: auto; 1684 text-align: center; 1685 width: 100%; 1686 } 1687 1688 .fr-view .fr-img-caption .fr-img-wrap img { 1689 display: block; 1690 margin: auto; 1691 } 1692 1693 .fr-view img.fr-dii.fr-fir { 1694 float: right; 1695 max-width: calc(100% - 5px); 1696 margin-left: 20px !important; 1697 } 1698 1699 .fr-view .fr-img-caption .fr-img-wrap > span { 1700 margin: auto; 1701 display: block; 1702 padding: 5px 5px 10px; 1703 font-size: 14px; 1704 font-weight: initial; 1705 -webkit-box-sizing: border-box; 1706 -moz-box-sizing: border-box; 1707 box-sizing: border-box; 1708 -webkit-opacity: 0.9; 1709 -moz-opacity: 0.9; 1710 opacity: 0.9; 1711 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 1712 width: 100%; 1713 text-align: center; 1714 } 1715 1716 .fr-view .fr-text-uppercase { 1717 text-transform: uppercase; 1718 } 1719 1720 .fr-view .fr-text-bordered { 1721 border-top: solid 1px #222; 1722 border-bottom: solid 1px #222; 1723 padding: 10px 0; 1724 } 1725 1726 .fr-view .fr-video.fr-dvi { 1727 padding-left: 20px; 1728 } 1729 1730 @media (min-width: 480px) { 1731 #main .ci-article-section p { 1732 margin-top: 24px; 1733 } 1734 } 1735 1736 @media (min-width: 1366px) { 1737 #wrapper #main .ci-article-section .fr-view p { 1738 margin-right: 0px; 1739 } 1740 } 1741 1742 /*#wrapper #main{ 1743 position: relative; 1744 z-index: 5; 1745 }*/ 1746 @media (max-width: 1023px) { 1747 #wrapper #header .ci-nav-block .main-nav > li > a .inner-opener { 1748 right: 3px; 1749 } 1750 1751 #wrapper #header .ci-nav-block .main-nav > li > a.has-drop-down-a .inner-opener { 1752 display: block; 1753 padding: 25px 28px; 1754 } 1755 1756 #wrapper #header .ci-nav-block .main-nav > li > a .inner-opener:before { 1757 right: 30%; 1758 } 1759 1760 #wrapper #header .ci-nav-block .main-nav > li > a .inner-opener:after { 1761 top: 28%; 1762 } 1763 1764 #nav .main-nav .sec-lvl > li > a .sec-opener, 1765 #nav .main-nav .third-lvl > li > a .third-opener { 1766 right: 11px; 1767 } 1768 1769 #nav .main-nav .sec-lvl > li > a.has-drop-down-a .sec-opener, 1770 #nav .main-nav .third-lvl > li > a.has-drop-down-a .third-opener { 1771 display: block; 1772 padding: 13px 18px; 1773 } 1774 1775 #nav .main-nav .sec-lvl > li > a .sec-opener:before { 1776 right: 30%; 1777 } 1778 1779 #nav .main-nav .third-lvl > li > a .third-opener:before { 1780 right: 32%; 1781 } 1782 1783 #nav .main-nav .sec-lvl > li > a .sec-opener:after { 1784 top: 20%; 1785 left: 47%; 1786 } 1787 1788 #nav .main-nav .third-lvl > li > a .third-opener:after { 1789 top: 23%; 1790 left: 47%; 1791 } 1792 } 1793 1794 /*event details*/ 1795 html body .ci-event-pop { 1796 padding: 18px 28px; 1797 } 1798
1799 body .ci-popover .ci_popup_title { 1800 left: 28px; 1801 } 1802 1803 body .ci-event-pop .cal_evtdetail_ttl h2 { 1804 margin: 15px 0 10px 0; 1805 } 1806 1807 body .ci-popover .ci-duration { 1808 margin-top: 0px; 1809 margin-bottom: 13px; 1810 } 1811 1812 .ci-calendar-page .ci-popover { 1813 min-width: 400px; 1814 right: -400px; 1815 background: #F8F8F8; 1816 } 1817 1818 #wrapper .ci-events .event-slide time { 1819 font-weight: unset; 1820 } 1821 1822 #wrapper #main .ci-article-section .top-area .img-holder img { 1823 width: unset; 1824 } 1825 1826 .fr-view table td, .fr-view table th { 1827 border: 1px solid #c8c8c8; 1828 padding-left: 10px; 1829 } 1830 1831 @media (min-width: 1366px) { 1832 #wrapper #footer .ci-social-networks { 1833 margin-left: 0px; 1834 } 1835 } 1836 1837 .fr-view table td:empty, .fr-view table th:empty { 1838 height: 20px; 1839 } 1840 1841 .fr-view table th { 1842 background: #ececec; 1843 } 1844 1845 .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { 1846 background: #f5f5f5; 1847 } 1848 1849 .ci-social-feeds .ci-instagram .ci-heading a:hover { 1850 text-decoration: underline; 1851 } 1852 1853 #wrapper .ci-calendar-wrap .ci-dropdown-calendar .ci-top a i { 1854 left: -3px; 1855 } 1856 body .fr-view table { 1857 line-height: normal; 1858 } 1859 1860 @media print { 1861 #wrapper #main .pg_hr_banner { 1862 display: none; 1863 } 1864 1865 #wrapper .ci-cta .ci-cta-logo { 1866 display: none; 1867 } 1868 1869 #cireadermain article .top-area h1 { 1870 display: none; 1871 } 1872 1873 .ci-calendar-wrap .ci-panel-results h3 { 1874 padding-left: 0; 1875 margin-left: 0; 1876 } 1877 1878 #ci-year .ci-holder-calendars { 1879 padding: 0 !important; 1880 margin: 0 !important; 1881 } 1882 1883 #ci-year .ci-holder-calendars .ci-holder-month h2 { 1884 font-size: 14px !important; 1885 } 1886 1887 #thmr .ci-calendar-wrap #ci-month .ci-calendar tbody a.active { 1888 background: #fff !important; 1889 } 1890 } 1891 1892 .fr-view .fr-dvb { 1893 display: block; 1894 } 1895 1896 .fr-view img.fr-dii.fr-fil { 1897 float: left; 1898 margin: 5px 5px 5px 0; 1899 max-width: calc(100% - 5px); 1900 margin-right: 20px !important; 1901 } 1902 1903 .fr-view span.fr-img-caption.fr-dii.fr-fil { 1904 float: left; 1905 margin: 5px 5px 5px 0; 1906 max-width: calc(100% - 5px); 1907 } 1908 1909 @media (min-width: 1366px) { 1910 #thmr .school-site .ci-header-top .ci-logo img, #thmr .sec-school-site .ci-header-top .ci-logo img { 1911 width: 110px; 1912 } 1913 1914 #header .ci-header-top .ci-logo .ci-img { 1915 padding-left: 2px; 1916 } 1917 } 1918 1919 #wrapper #footer .ci-apps li { 1920 padding-left: 0px; 1921 } 1922 1923 #wrapper #footer .ci-apps { 1924 margin-left: 0px; 1925 } 1926 1927 #footer .ci-apps li:first-child img { 1928 width: 105px; 1929 } 1930 1931 #footer .ci-apps li:last-child img { 1932 width: 135px; 1933 margin-top: -8.5px; 1934 } 1935 1936 #wrapper #main .ci-banner h1, 1937 #wrapper #main .ci-banner h1 :hover { 1938 overflow: hidden; 1939 text-overflow: ellipsis; 1940 display: -webkit-box; 1941 -webkit-box-orient: vertical; 1942 -webkit-line-clamp: 3; 1943 } 1944 1945 .seo-desc { 1946 position: fixed; 1947 left: -10000px; 1948 z-index: -100; 1949 } 1950 1951 .school-site .breadcrumb, .sec-school-site .breadcrumb { 1952 text-transform: unset; 1953 } 1954 1955 #main .ci-article-section .fr-view h1 { 1956 margin-top: 24px; 1957 margin-bottom: 24px; 1958 } 1959 1960 #main .ci-article-section .fr-view h2 { 1961 margin-top: 22.4px; 1962 margin-bottom: 22.4px; 1963 } 1964 1965 #main .ci-article-section .fr-view h3 { 1966 margin-top: 21px; 1967 margin-bottom: 21px; 1968 } 1969 1970 #main .ci-article-section .fr-view h4 { 1971 margin-top: 24px; 1972 margin-bottom: 24px; 1973 } 1974 /*ol, ul { 1975 list-style-position: inside; 1976 padding-left:20px; 1977 }*/ 1978 #wrapper #nav .main-nav .sec-lvl > li > a { 1979 text-transform: unset; 1980 } 1981 #main .ci-article-section .top-area h1{ 1982 text-transform:unset; 1983 } 1984 /*#wrapper .fr-view u { 1985 margin-left: -6px; 1986 }*/ 1987 .pg_hr_banner .pg_hr_banner_bd .pg_srch_srchbar{ 1988 height:100%; 1989 display:flex; 1990 justify-content:center; 1991 align-items:center; 1992 } 1993 @media(max-width:1023px){ 1994 .fr-view .fr-video iframe { 1995 width: 100% !important; 1996 height: calc(55vw) !important; 1997 } 1998 } 1999 .fr-view .fr-file:after { 2000 content: unset !important; 2001 } 2002 .search-drop .dropdown-menu.show{ 2003 transform: translate(-20px, 0) !important; 2004 } 2005 </style> <style> 2006 @media print { 2007 /*board print style*/ 2008 .fr-view > hr:first-child { 2009 display: inline-block; 2010 width: 100%; 2011 } 2012 html #wrapper #header { 2013 display: block !important; 2014 opacity: 1 !important; 2015 visibility: visible !important; 2016 } 2017 html #wrapper #header .ci-header-top .container{ 2018 justify-content:center; 2019 display:flex; 2020 } 2021 html #wrapper #header .ci-logo, html #wrapper #header .ci-logo * { 2022 display: inline-block !important; 2023 opacity: 1 !important; 2024 visibility: visible !important; 2025 } 2026 html #wrapper #header .ci-logo{ 2027 width:30% !important; 2028 margin-left:0% !important; 2029 margin-right:auto !important; 2030 } 2031 html #wrapper #header .ci-logo *{ 2032 width:100% !important; 2033 height:auto !important; 2034 display:block !important; 2035 } 2036 2037 #main > .ci-article-section { 2038 border: none !important; 2039 } 2040 p{
2041 margin-top:20px !important; 2042 } 2043 /*school print style*/ 2044 html .ci_site-s #wrapper #header .ci-logo { 2045 width: 10% !important; 2046 } 2047 html .ci_site-s #wrapper #header .ci-logo .ci-img{ 2048 height:auto !important; 2049 position:unset !important; 2050 margin:0 !important; 2051 } 2052 html .ci_site-s #wrapper #header .ci-logo .ci-img::before{ 2053 display:none !important; 2054 border:none !important; 2055 } 2056 html .ci_site-s #wrapper #header .ci-logo .ci-brand-name{ 2057 display:none !important; 2058 } 2059 } 2060 </style>
2060<script>window.isRTL = false;</script>
2060
2060<script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.defer = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PGMW4N6');</script>
2060 </head> <body class=' nav-ready ci-inner ci_site-b '> <style> 2061 .school-site .ci-events .ci-item:before, .sec-school-site .ci-events .ci-item:before { 2062 pointer-events: none; 2063 } 2064 2065 #thmr #wrapper .breadcrumb, 2066 #thmr #wrapper .breadcrumb .breadcrumb-item { 2067 display: flex; 2068 } 2069 /*é«äº®æ¨¡å¼æ ·å¼å¤ç*/ 2070 html.ci-highContrast * { 2071 color: #fc0 !important; 2072 background-color: #000 !important; 2073 border-color: #fff !important; 2074 } 2075 2076 html.ci-highContrast .ci-social-networks img { 2077 background-image: linear-gradient(#fc0,#fc0); 2078 } 2079 2080 html.ci-highContrast .ci-quick-links-drop .nav-link svg, 2081 html.ci-highContrast .ci-header-top .language-hold .dropdown-opener svg { 2082 fill: #fff; 2083 } 2084 2085 html.ci-highContrast #header .nav-drop .ci-nav-block { 2086 border: 1px solid #fff; 2087 } 2088 2089 html.ci-highContrast .slick-dots button { 2090 background: #fff !important; 2091 } 2092 2093 html.ci-highContrast .ci-banner .ci-slide { 2094 background: #fff !important; 2095 } 2096 2097 html.ci-highContrast .ci-cta { 2098 border: 1px solid #fff; 2099 } 2100 2101 @media (min-width: 1366px) { 2102 html .school-site #footer .ci-app-frame { 2103 padding-left: 0px; 2104 } 2105 } 2106 2107 html .ci-cta .ci-cta-list, html .ci-cta .ci-cta-list + .ci-cta-btns { 2108 display: none; 2109 } 2110 2111 #wrapper .breadcrumb .breadcrumb-item { 2112 margin-bottom: 0px; 2113 } 2114 2115 /*missing header*/ 2116 @media (min-width: 1024px) { 2117 body .school-site .ci-r-holder.desktop, body .sec-school-site .ci-r-holder.desktop { 2118 width: 100%; 2119 /* padding-left: 250px; */ 2120 max-width: none; 2121 padding-top: 16px; 2122 padding-right: 31px; 2123 } 2124 2125 #header .ci-header-top .ci-wrap { 2126 padding-top: 1px; 2127 padding-right: 7px; 2128 margin-bottom: -10px; 2129 } 2130 2131 #header .ci-header-top .ci-hold { 2132 font-size: 14px; 2133 line-height: 1.2; 2134 margin-left: 11px; 2135 margin-bottom: 10px; 2136 } 2137 2138 #header .ci-header-top .ci-hold > a { 2139 display: block; 2140 padding: 20px 9px 24px; 2141 } 2142 2143 #header .ci-header-top .ci-quick-links-drop .nav-link { 2144 margin-top: 0; 2145 margin-bottom: 0; 2146 padding: 20px 25px 24px 9px; 2147 } 2148 2149 #header .ci-header-top .language-hold .dropdown-opener { 2150 margin-top: 0; 2151 margin-bottom: 0; 2152 padding: 20px 25px 24px 9px; 2153 } 2154 2155 #header .ci-header-top .language-hold .language-dropdown { 2156 top: 100%; 2157 bottom: auto; 2158 width: 152px; 2159 margin: 4px 0 0; 2160 box-shadow: 0 3px 6px rgb(0 0 0 / 16%); 2161 } 2162 2163 body .school-site .ci-toggle-holder, body .sec-school-site .ci-toggle-holder { 2164 margin: 17px 55px 0 21px; 2165 } 2166 2167 body .sec-school-site .ci-header-top .ci-logo { 2168 width: 740px; 2169 } 2170 2171 body .sec-school-site .ci-header-top .ci-social-networks { 2172 margin-right: 35px; 2173 } 2174 2175 body .school-site .ci-header-top .ci-social-networks, body .sec-school-site .ci-header-top .ci-social-networks { 2176 -webkit-box-align: start; 2177 -ms-flex-align: start; 2178 align-items: flex-start; 2179 margin-top: 35px; 2180 /*margin-right: 30px;*/ 2181 margin-bottom: 0; 2182 max-width: 36%; 2183 } 2184 2185 #header .ci-header-top .ci-quick-links-drop .nav-link svg, 2186 #header .ci-header-top .language-hold .dropdown-opener svg { 2187 width: 9px; 2188 height: 6px; 2189 right: 7px; 2190 margin-top: -1px; 2191 } 2192 2193 #header .ci-header-top .language-hold .dropdown-opener { 2194 font-size: 14px; 2195 line-height: 1.2; 2196 } 2197 } 2198 2199 @media (min-width: 1024px) and (max-width: 1365px) { 2200 #header .ci-header-top .ci-r-holder.desktop { 2201 position: unset; 2202 left: unset; 2203 top: unset; 2204 visibility: unset; 2205 } 2206 2207 body .school-site .ci-header-top .ci-logo, body .sec-school-site .ci-header-top .ci-logo { 2208 position: relative; 2209 left: auto; 2210 right: auto; 2211 padding-left: 0; 2212 /*margin-top: -27px;*/ 2213 margin-bottom: -20px; 2214 width: 786px; 2215 /* padding-top: 43px; */ 2216 /* padding-bottom: 30px; */ 2217 } 2218 } 2219 2220 @media (min-width: 1366px) { 2221 body .school-site .ci-header-top .ci-logo, body .sec-school-site .ci-header-top .ci-logo { 2222 margin-top: -55px; 2223 } 2224 } 2225 2226 #wrapper #footer .ci-social-networks li { 2227 margin-left: 17px; 2228 } 2229 2230 #footer .rss_tooltip { 2231 position: relative; 2232 /* display: inline-block; */ 2233 /*border-bottom: 1px dotted black;*/ 2234 } 2235 2236 #footer .rss_tooltip .rss_tooltiptext { 2237 visibility: hidden; 2238 width: 120px; 2239 background-color: #fff; 2240 color: #43215d; 2241 text-align: center; 2242 border-radius: 6px; 2243 padding: 5px 0; 2244 /* å®ä½ */ 2245 position: absolute; 2246 z-index: 1; 2247 top: -40px; 2248 left: -40px; 2249 border: 1px solid #43215d; 2250 } 2251 2252 #footer .rss_tooltip:hover .rss_tooltiptext { 2253 visibility: visible; 2254 } 2255 2256 @media (min-width: 1024px) { 2257 body .school-site #footer .ci-quick-links { 2258 padding-left: unset; 2259 } 2260 } 2261 #wrapper .ci-news-page .ci-filter-bar .ci-button input { 2262 border: unset; 2263 font-size: 13px !important; 2264 font-weight: bold; 2265 letter-spacing: 1.3px; 2266 font-family: "DM Sans",Arial,"Helvetica Neue",Helvetica,sans-serif; 2267 } 2268</style> <style> 2269 .school-site .ci-banner:after, 2270 .ci-cta-logo:before{ 2271 background: #ECECEC; 2272 } 2273 @media (min-width: 1024px) { 2274 .ci-article-section>.container>.row{ 2275 margin-left:20px !important; 2276 } 2277 } 2278 2279 .ci_cta-common{ 2280 display: none; 2281 } 2282 2283 :root { 2284 --thmr-pl: #C7E0F4; 2285 --thmr-pb: #0078D4; 2286 --thmr-pd: #005A9E; 2287 } 2288</style>
2288<script> 2289var _ci_jq_loaded = [] 2290function onJqueryLoaded(func){ 2291 _ci_jq_loaded.push(func) 2292} 2293 2294</script>
2294 <style> 2295 .wdgzone 2296 { 2297 display: none; 2298 } 2299 2300 </style> <a class="sr-only sr-only-focusable" href="#main" accesskey="c">Skip to main content</a> <noscript><div>Javascript must be enabled for the correct page display</div></noscript> <div id="wrapper" class="dept-site school-site sctwww"> <div id="svg" class="d-none"> <svg width="0" height="0"> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="highContrast"> <path fill="none" d="M12.9,3.1C12.1,2.2,11,1.6,9.9,1.3C8.9,1,8,0.9,7,1.1v13.9C7.3,15,7.7,15,8,15c0.6,0,1.3-0.1,1.9-0.2 c1.2-0.3,2.2-0.9,3.1-1.8c0.9-0.9,1.5-1.9,1.8-3.1C14.9,9.3,15,8.6,15,8c0-0.6-0.1-1.3-0.2-1.9C14.4,5,13.8,3.9,12.9,3.1z"/> <path d="M15.7,5.9c-0.2-0.7-0.5-1.3-0.8-1.9c-0.3-0.6-0.8-1.1-1.2-1.6c-0.5-0.5-1-0.9-1.6-1.2 c-0.6-0.3-1.2-0.6-1.9-0.8C9.4,0.1,8.7,0,8,0C7.3,0,6.6,0.1,5.9,0.3C5.2,0.5,4.6,0.7,4,1.1C3.4,1.4,2.8,1.9,2.3,2.3 C1.9,2.8,1.4,3.4,1.1,4C0.7,4.6,0.5,5.2,0.3,5.9C0.1,6.6,0,7.3,0,8c0,0.7,0.1,1.5,0.3,2.1c0.2,0.7,0.5,1.3,0.8,1.9 c0.3,0.6,0.8,1.1,1.2,1.6c0.5,0.5,1,0.9,1.6,1.2c0.6,0.3,1.2,0.6,1.9,0.8C6.6,15.9,7.3,16,8,16c0.7,0,1.4-0.1,2.1-0.3 c0.7-0.2,1.3-0.5,1.9-0.8c0.6-0.3,1.1-0.8,1.6-1.2c0.5-0.5,0.9-1,1.2-1.6c0.3-0.6,0.6-1.2,0.8-1.9C15.9,9.4,16,8.7,16,8 C16,7.3,15.9,6.6,15.7,5.9z M14.8,9.9c-0.3,1.2-0.9,2.2-1.8,3.1c-0.9,0.9-1.9,1.5-3.1,1.8C9.3,14.9,8.6,15,8,15c-0.3,0-0.7,0-1-0.1 V1.1C8,0.9,8.9,1,9.9,1.3c1.2,0.3,2.2,0.9,3.1,1.8c0.9,0.9,1.5,1.9,1.8,3.1C14.9,6.7,15,7.4,15,8C15,8.6,14.9,9.3,14.8,9.9z"/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.7 1.2" id="minus"> <rect y="0" class="st0" width="5.7" height="1.2"/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.7 5.1" id="downArrow"> <polygon points="8,0 4.4,3.6 0.7,0 0,0.7 4.4,5.1 8.7,0.7 "/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.1 6" id="downArrowR"> <path d="M8.8,0.3c-0.4-0.4-1-0.4-1.4,0L4.5,3.1L1.7,0.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4L4.5,6l4.3-4.2C9.2,1.3,9.2,0.7,8.8,0.3z"/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.6 6.2" id="plus"> <polygon points="3.9,2.5 3.9,0 2.6,0 2.6,2.5 0,2.5 0,3.7 2.6,3.7 2.6,6.2 3.9,6.2 3.9,3.7 6.6,3.7 6.6,2.5 "/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.9 16.9" id="searchLg"> <path fill="none" d="M8.8,3.2C8.5,2.8,8,2.5,7.6,2.3C7.1,2.1,6.5,2,6,2S5,2.1,4.5,2.3s-1,0.5-1.3,0.9C2.8,3.5,2.5,4,2.3,4.4 C2.1,4.9,2,5.5,2,6s0.1,1.1,0.3,1.6C2.5,8,2.8,8.5,3.2,8.8C3.5,9.2,4,9.5,4.4,9.7C4.9,9.9,5.5,10,6,10l0,0c0.5,0,1.1-0.1,1.5-0.3 c0.5-0.2,1-0.5,1.3-0.9C9.2,8.5,9.5,8,9.7,7.6C9.9,7.1,10,6.5,10,6S9.9,4.9,9.7,4.4C9.5,4,9.2,3.5,8.8,3.2z"/> <path d="M16.7,15.3l-5.8-5.8C11.2,9,11.5,8.6,11.6,8C11.9,7.4,12,6.7,12,6c0-1.1-0.3-2.1-0.8-3c-0.3-0.4-0.6-0.9-0.9-1.2 C9.1,0.6,7.6,0,6,0C5,0,3.9,0.3,3,0.8c-0.5,0.3-0.9,0.6-1.2,1C0.6,2.9,0,4.4,0,6c0,1.1,0.3,2.1,0.8,3s1.3,1.6,2.2,2.2 C3.9,11.7,5,12,6,12l0,0c0.7,0,1.4-0.1,2-0.4c0.5-0.2,1-0.4,1.4-0.8l5.8,5.8c0.2,0.2,0.4,0.3,0.7,0.3l0,0c0.3,0,0.5-0.1,0.7-0.3 c0.2-0.2,0.3-0.5,0.3-0.7C17,15.7,16.9,15.5,16.7,15.3z M9.7,7.6C9.5,8,9.2,8.5,8.8,8.8C8.5,9.2,8,9.5,7.6,9.7C7.1,9.9,6.5,10,6,10 l0,0c-0.5,0-1.1-0.1-1.6-0.3C4,9.5,3.5,9.2,3.2,8.8C2.8,8.5,2.5,8,2.3,7.6C2.1,7.1,2,6.5,2,6s0.1-1.1,0.3-1.6 C2.5,4,2.8,3.5,3.2,3.2C3.5,2.8,4,2.5,4.4,2.3C4.9,2.1,5.4,2,6,2c0.5,0,1.1,0.1,1.6,0.3C8,2.5,8.5,2.8,8.8,3.2 C9.2,3.5,9.5,4,9.7,4.4C9.9,4.9,10,5.5,10,6S9.9,7.1,9.7,7.6z"/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.2 15" id="search"> <path fill="none" d="M8,2.4c-0.5-0.2-1-0.3-1.6-0.3c-0.6,0-1.1,0.1-1.7,0.3c-0.5,0.2-1,0.5-1.4,0.9C2.9,3.7,2.6,4.1,2.4,4.7 C2.2,5.2,2.1,5.7,2.1,6.3c0,0.6,0.1,1.1,0.3,1.7c0.2,0.5,0.5,1,0.9,1.4c0.4,0.4,0.8,0.7,1.4,0.9c0.5,0.2,1.1,0.3,1.7,0.3h0h0 c0.6,0,1.1-0.1,1.6-0.3c0.5-0.2,1-0.5,1.4-0.9C9.7,8.9,10,8.5,10.2,8c0.2-0.5,0.3-1.1,0.3-1.6c0-0.6-0.1-1.1-0.3-1.7 c-0.2-0.5-0.5-1-0.9-1.4C8.9,2.9,8.5,2.6,8,2.4z"/> <path d="M14.9,13.2L11.5,10c0.3-0.5,0.6-1,0.8-1.5c0.3-0.7,0.4-1.4,0.4-2.1c0-1.1-0.3-2.2-0.9-3.2 c-0.3-0.5-0.6-0.9-1-1.3c-0.4-0.4-0.8-0.7-1.3-1C8.5,0.3,7.4,0,6.3,0c0,0,0,0,0,0C5.2,0,4.1,0.3,3.1,0.9C2.2,1.4,1.4,2.2,0.9,3.1 C0.3,4.1,0,5.2,0,6.3c0,1.1,0.3,2.2,0.9,3.2c0.3,0.5,0.6,0.9,1,1.3c1.2,1.2,2.8,1.9,4.4,1.9c0,0,0,0,0,0c0.7,0,1.5-0.1,2.1-0.4 C9,12,9.5,11.8,10,11.4l3.4,3.2c0.2,0.2,0.5,0.3,0.7,0.3c0,0,0,0,0,0c0.2,0,0.5-0.1,0.7-0.3c0.2-0.2,0.3-0.5,0.3-0.7 C15.2,13.7,15.1,13.4,14.9,13.2z M10.6,6.3c0,0.6-0.1,1.1-0.3,1.6c-0.2,0.5-0.5,1-0.9,1.4C8.9,9.7,8.5,10,8,10.2 c-0.5,0.2-1.1,0.3-1.6,0.3h0h0c-0.6,0-1.1-0.1-1.7-0.3c-0.5-0.2-1-0.5-1.4-0.9C2.9,8.9,2.6,8.5,2.4,8C2.2,7.4,2.1,6.9,2.1,6.3 c0-0.6,0.1-1.1,0.3-1.6c0.2-0.5,0.5-1,0.9-1.4c0.4-0.4,0.8-0.7,1.4-0.9c0.5-0.2,1.1-0.3,1.7-0.3c0.6,0,1.1,0.1,1.6,0.3 c0.5,0.2,1,0.5,1.4,0.9c0.4,0.4,0.7,0.8,0.9,1.4C10.5,5.2,10.6,5.7,10.6,6.3z"/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="linkedin"> <path fill="#43215d" d="M5.405 15.93s.047-9.59 0-10.599h3.273l-.024 1.41c.47-.734 1.316-1.812 3.243-1.812 2.35 0 4.113 1.536 4.113 4.838v6.162h-3.278V9.927c0-1.444-.81-2.178-2.104-2.178-.986 0-1.574.665-1.833 1.307-.094.229-.117.55-.117.871v6.002zM1.678 3.321h-.02c-1 0-1.648-.739-1.648-1.661C.01.718.677 0 1.698 0c1.02 0 1.649.717 1.668 1.66 0 .922-.648 1.66-1.688 1.66zM.11 15.929V5.395h3.256v10.534z"/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 341 341" id="twitter"> <defs><clipPath id="b"><rect width="341" height="341"/></clipPath></defs><g id="a" clip-path="url(#b)"><path d="M166.428,118.5,270.533,0H245.872L155.44,102.875,83.265,0H0L109.166,155.579,0,279.834H24.661L120.1,171.172l76.238,108.662H279.6M33.561,18.211H71.447L245.853,262.517h-37.9" transform="translate(30.699 30.583)"/></g> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 16" id="facebook"> <path fill="#43215d" d="M6.67 2.7c.496-.017.991-.004 1.488-.004h.205V.116C8.098.091 7.821.052 7.544.04 7.036.017 6.527-.01 6.018.003 5.24.019 4.505.209 3.863.669c-.736.53-1.14 1.274-1.295 2.152a7.56 7.56 0 0 0-.09 1.106c-.014.58-.002 1.157 0 1.736v.217H.01v2.88h2.452V16H5.46V8.773h2.444c.126-.959.248-1.907.376-2.894-.196 0-.372-.002-.549 0-.695.003-2.29 0-2.29 0s.006-1.428.023-2.047c.024-.849.527-1.108 1.206-1.131z"/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" id="instagram"> <path fill="#43215d" d="M12.49 0A5.527 5.527 0 0 1 18 5.51v6.98A5.527 5.527 0 0 1 12.49 18H5.51A5.527 5.527 0 0 1 0 12.49V5.51A5.527 5.527 0 0 1 5.51 0zM5.51 1.47a4.04 4.04 0 0 0-4.04 4.04v6.98a4.04 4.04 0 0 0 4.04 4.04h6.98a4.04 4.04 0 0 0 4.04-4.04V5.51a4.04 4.04 0 0 0-4.04-4.04z"/>
2300<path fill="#43215d" d="M13.759 3.095a1.123 1.123 0 1 0 0 2.246 1.123 1.123 0 0 0 0-2.246zM9.052 4.443a4.585 4.585 0 1 1 .018 9.17 4.585 4.585 0 0 1-.018-9.17zm0 1.429a3.157 3.157 0 1 0 .003 6.314 3.157 3.157 0 0 0-.003-6.314z"/> </symbol> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 57" id="bluesky"> <path fill="#43215d" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z"></path> </symbol> <symbol viewBox="0 0 60 60" id="footer-map"> <path fill="#fff" d="M0 30C0 13.431 13.431 0 30 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30C13.431 60 0 46.569 0 30z" opacity=".1"/><path fill="#f89c1b" d="M32.993 26.901a3.095 3.095 0 0 1-3.092 3.092 3.095 3.095 0 0 1-3.091-3.092 3.095 3.095 0 0 1 3.09-3.091 3.095 3.095 0 0 1 3.092 3.091zm1.268 8.919c1.033-1.665 3.434-5.872 3.434-8.972a7.797 7.797 0 0 0-2.299-5.55A7.795 7.795 0 0 0 29.848 19a7.796 7.796 0 0 0-5.55 2.299A7.796 7.796 0 0 0 22 26.848c0 3.1 2.4 7.307 3.433 8.972 1.767 2.849 3.747 5.166 4.415 5.166.667 0 2.647-2.317 4.413-5.166z"/> </symbol> <symbol viewBox="0 0 60 60" id="footer-call"> <path fill="#fff" d="M0 30C0 13.431 13.431 0 30 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30C13.431 60 0 46.569 0 30z" opacity=".1"/><path fill="#f89c1b" d="M29.528 32.522c-1.886-1.55-3.145-3.463-3.806-4.552l-.494-.93c.173-.186 1.489-1.595 2.06-2.36.716-.96-.323-1.828-.323-1.828s-2.925-2.924-3.591-3.505c-.667-.58-1.434-.258-1.434-.258-1.4.905-2.853 1.692-2.94 5.477-.003 3.543 2.686 7.197 5.595 10.027 2.913 3.195 6.913 6.397 10.78 6.394 3.785-.087 4.571-1.539 5.477-2.94 0 0 .322-.766-.258-1.433-.58-.667-3.506-3.592-3.506-3.592s-.867-1.04-1.827-.322c-.716.535-2.002 1.725-2.311 2.014 0 0-2.15-1.146-3.422-2.192z"/> </symbol> <symbol viewBox="0 0 60 60" id="footer-mail"> <path fill="#fff" d="M0 30C0 13.431 13.431 0 30 0c16.569 0 30 13.431 30 30 0 16.569-13.431 30-30 30C13.431 60 0 46.569 0 30z" opacity=".1"/><path fill="#f89c1b" d="M37.17 32.948a1.61 1.61 0 0 1-1.61 1.61H23.217a1.61 1.61 0 0 1-1.61-1.61V26.43s.01-.562 1.03 0l.03.015c1.648.941 3.51 1.833 6.183 2.95.18.062.56.133 1.108-.006a31.638 31.638 0 0 0 6.598-2.807v.001s.615-.372.615 0zM38.651 22H20.609A1.61 1.61 0 0 0 19 23.61v11.948a1.61 1.61 0 0 0 1.61 1.609h18.04a1.61 1.61 0 0 0 1.61-1.61V23.61A1.61 1.61 0 0 0 38.65 22z"/> </symbol> </svg> </div> <style> 2301 .dropdown-item:focus, .dropdown-item:hover { 2302 background-color: #fff; 2303 } 2304 2305 #thmr .ci-hold .ci-quick-links-drop .dropdown-menu a { 2306 color: unset; 2307 font-size: 13px; 2308 text-transform: none; 2309 overflow: hidden; 2310 display: inline-block; 2311 text-overflow: ellipsis; 2312 } 2313</style> <style> 2314 #board-logo{ 2315 margin-top: 17px; 2316 } 2317 .ci-brand-name>strong{ 2318 font-size: 42px; 2319 } 2320 2321 2322 2323 2324 @media (max-width: 1023px) { 2325 .ci-header-top>.container{ 2326 display: flex; 2327 align-items: center; 2328 } 2329 .ci-header-top>.container>.ci-logo{ 2330 position: static; 2331 margin: 0 !important; 2332 padding: 0 !important;; 2333 } 2334 .ci-brand-name>strong{ 2335 font-size: 24px; 2336 } 2337 2338 2339 .ci-header-top{ 2340 margin-bottom: 0 !important; 2341 } 2342 .nav_wrapper, 2343 .nav_wrapper .main-nav{ 2344 width: 100% !important; 2345 } 2346 #header .ci-brand-name>span, 2347 #board-logo, 2348 #nav .nav_back_to{ 2349 display: none !important; 2350 } 2351 .ci-cta .ci-brand-name{ 2352 padding-bottom: 20px !important; 2353 } 2354 } 2355</style> <style> 2356 @media (max-width: 1023px) { 2357 .nav-drop .ci-header-top { 2358 margin-bottom: 80px !important; 2359 } 2360 #wrapper #header .ci-header-top .ci-wrap .ci-hold:nth-child(1), 2361 #wrapper #header .ci-header-top .ci-wrap .ci-hold:nth-child(2) { 2362 display: block !important; 2363 } 2364 } 2365</style> <header id="header"> <div style="padding-bottom: 0;" class="ci-header-top"> <div style="display:flex" class="container"> <section style="margin-top: -11px; margin-left: 10px; width: auto;" class="ci-logo"> <a href="/advancementoffice"> <div class="ci-brand-name" style="padding-left:15px;"> <strong>Advancement Office</strong> <span style="margin-top: -5px; display: block"></span> </div> </a> </section> <sectioin id="board-logo"> <div class="ci-wrap"> <div style="margin-right: 10px" class="ci-surrey-logo"> <a href="/"> <img style="height: 77px; width: auto; max-height: 100%" src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/surrey-schools-logo.2.png" alt="Surrey Schools Leadership in Learning"> </a> </div> </div> </sectioin> <style> 2366 .header_links_ap{ 2367 margin-top: 15px; 2368 } 2369 .header_links_wp{ 2370 display: flex; 2371 height: 54px; 2372 } 2373 .header_links_wp .ci-hold{ 2374 margin-bottom: 0 !important; 2375 } 2376 .header_links_wp .ci-hold>a{ 2377 white-space: nowrap; 2378 padding-bottom: 20px !important; 2379 } 2380 .header_links_wp .dropdown-menu{ 2381 font-size: 13px !important; 2382 } 2383 @media (max-width: 1365px){ 2384 .header_links_ap{ 2385 margin-top: 10px; 2386 } 2387 } 2388 @media (max-width: 1023px){ 2389 .header_links_ap{ 2390 display: none !important; 2391 } 2392 } 2393 </style> <section class="header_links_ap" style="width: 100%;display: flex;justify-content: flex-end;"> <div class="header_links_wp"> <div class="ci-hold"> <a href='/accessibility'>Accessibility</a> </div> <div class="ci-hold"> <a href='/careers'>Careers</a> </div> <div class="ci-hold"> <a href='https://surreyschools.schoolcashonline.com/' target='_blank'>Pay Fees</a> </div> <div class="ci-hold"> <a href='/advancementoffice/giving'>Donate</a> </div> <div class="ci-hold"> <div class="language-hold js-dropdown"> <a href="javascript:" class="dropdown-opener js-dropdown-opener"> Translate <svg> <use xlink:href="#downArrow"></use> </svg> </a> <div class="language-dropdown"> <div class="drop-hold jcf-scrollable"> <ul class="language-list list-unstyled " style="list-style: none; overflow-x:hidden; "> <li class="dropdown-item"><a href="javascript:" data-val="af">Afrikaans</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sq">Albania</a></li> <li class="dropdown-item"><a href="javascript:" data-val="am">Amharic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ar">Arabic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hy">Armenian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="az">Azerbaijani</a></li> <li class="dropdown-item"><a href="javascript:" data-val="eu">Basque</a></li> <li class="dropdown-item"><a href="javascript:" data-val="be">Belarusian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bn">Bengali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bs">Bosnian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bg">Bulgarian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ca">Catalan</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ceb">Cebuano</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ny">Chichewa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zh-CN">Chinese (Simplifield)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zh-TW">Chinese (Traditional)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="co">Corsican</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hr">Croatian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="cs">Czech</a></li> <li class="dropdown-item"><a href="javascript:" data-val="da">Danish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="nl">Dutch</a></li> <li class="dropdown-item"><a href="javascript:" data-val="en">English</a></li> <li class="dropdown-item"><a href="javascript:" data-val="eo">Esperanto</a></li> <li class="dropdown-item"><a href="javascript:" data-val="et">Estonian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tl">Filipino</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fi">Finnish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fr">French</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fy">Frisian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gl">Galician</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ka">Georgian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="de">German</a></li> <li class="dropdown-item"><a href="javascript:" data-val="el">Greek</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gu">Gujarati</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ht">Haitian Creola</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ha">Hausa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="haw">Hawaiian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="iw">Hebrew</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hi">Hindi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hmn">Hmong</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hu">Hungarian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="is">Icelandic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ig">Igbo</a></li> <li class="dropdown-item"><a href="javascript:" data-val="id">Indonesian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ga">Irish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="it">Italian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ja">Japanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="jw">Javanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="kn">Kannada</a></li> <li class="dropdown-item"><a href="javascript:" data-val="kk">Kazakh</a></li> <li class="dropdown-item"><a href="javascript:" data-val="km">Khmer</a></li> <li class="dropdown-item"><a href="javascript:" data-val="rw">Kinyarwanda</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ko">Korean</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ku">Kurdish (Kurmanji)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ky">Kyrgyz</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lo">Lao</a></li> <li class="dropdown-item"><a href="javascript:" data-val="la">Latin</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lv">Latvian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lt">Lithuanian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lb">Luxembourgish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mk">Macedonian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mg">Malagasy</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ms">Malay</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ml">Malayalam</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mt">Maltese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mi">Maori</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mr">Marathi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mn">Mongolian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="my">Myanmar (Burmese)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ne">Nepali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="no">Norwegian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="or">Odia (Oriya)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ps">Pashto</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fa">Persian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pl">
2393Polish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pt">Portuguese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pa">Punjabi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ro">Romanian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ru">Russian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sm">Samoan</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gd">Scots Gaelic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sr">Serbian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="st">Sesotho</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sn">Shona</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sd">Sindhi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="si">Sinhala</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sk">Slovak</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sl">Slovenian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="so">Somali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="es">Spanish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="su">Sundanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sw">
2393Swahili</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sv">Swedish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tg">Tajik</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ta">Tamil</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tt">Tatar</a></li> <li class="dropdown-item"><a href="javascript:" data-val="te">Telugu</a></li> <li class="dropdown-item"><a href="javascript:" data-val="th">Thai</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tr">Turkish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tk">Turkmen</a></li> <li class="dropdown-item"><a href="javascript:" data-val="uk">Ukrainian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ur">Urdu</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ug">Uyghur</a></li> <li class="dropdown-item"><a href="javascript:" data-val="uz">Uzbek</a></li> <li class="dropdown-item"><a href="javascript:" data-val="vi">Vietnamese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="cy">Welsh</a></li> <li class="dropdown-item"><a href="javascript:" data-val="xh">Xhosa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="yi">Yiddish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="yo">Yoruba</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zu">Zulu</a></li> </ul> </div> </div> </div> </div> <div class="ci-hold"> <div class="ci-quick-links-drop ci-login-drop dropdown"> <a class="nav-link dropdown-toggle" href="javascript:" id="dropdown01" role="button" data-bs-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false"> loginS <svg> <use xlink:href="#downArrow"></use> </svg> </a> <div class="dropdown-menu" aria-labelledby="dropdown01"> <a href='https://login.microsoftonline.com/?whr=surreyschools.ca' target='_blank' class='dropdown-item t_pb-f'>Office 365</a> <div class="dropdown-divider"></div> <a href='https://sd36.sharepoint.com/' target='_blank' class='dropdown-item t_pb-f'>Staff Portal</a> <div class="dropdown-divider"></div> <a href='http://staff.surreyschools.ca/' target='_blank' class='dropdown-item t_pb-f'>Employee Self-Service</a> <div class="dropdown-divider"></div> <a href='https://servicedesk.surreyschools.ca/Login/Login?ReturnUrl=%2f' target='_blank' class='dropdown-item t_pb-f'>IMS Service Desk</a> <div class="dropdown-divider"></div> <a href='https://myeducation.gov.bc.ca/aspen/logon.do' target='_blank' class='dropdown-item t_pb-f'>MyEdBC</a> <div class="dropdown-divider"></div> <a href='https://sitegovern.surreyschools.ca/' target='_blank' class='dropdown-item t_pb-f'>Site Administration</a> <div class="dropdown-divider"></div> </div> </div> </div> <div class="ci-hold"> <div class="ci-toggle-holder" style="margin-top: 0;margin-right: 15px"> <ul class="ci-typography list-unstyled d-flex flex-wrap" data-resize-font> <li> <a href="javascript:" class="small" aria-label="small"> <span class="sr-only">Zoom out fonts</span> <svg> <use xlink:href="#minus"></use> </svg> </a> </li> <li><a href="javascript:" class="mid" aria-label="A">A</a></li> <li> <a href="javascript:" class="large" aria-label="large"> <span class="sr-only">Zoom in fonts</span> <svg> <use xlink:href="#plus"></use> </svg> </a> </li> </ul> <div class="ci-contrast-hold"> <a style="margin-top: 3px" href="javascript:switchHighContrastMode();"> <span class="sr-only">high contrast</span> <svg> <use xlink:href="#highContrast"></use> </svg> </a> </div> </div> </div> </div> </section> <a href="#" class="nav-opener"><span>Menu</span></a> </div> </div> <div class="nav-drop" tabindex="-1"> <div class="ci-nav-block"> <div class="container d-flex flex-wrap"> <nav id="nav" style="display: flex"> <div class="nav_back_to" style="margin-left: -9px; border-right: 9px solid #fff; background: #fff"> <a style="color: #fff; font-size: 20px; padding-left: 12px; padding-right: 13px; background: #F89C1B; display: inline-flex; height: 100%; align-items: center;word-spacing: 1.1px;border: 1px solid #f89c18; border-radius: 4px;" href="/page/181501/departments">Back To Departments</a> </div> <div class="nav_wrapper" style="width: calc(100% - 230px);
2393display: flex;justify-content: center;"> <style> 2394 .goBackBurgerLvlBtnWp { 2395 position: absolute; 2396 border: 0 !important; 2397 z-index: 100 2398 } 2399 2400 .hasGoBackBtn li.ci-active > a { 2401 padding-left: 50px !important 2402 } 2403 2404 #wrapper .goBackBurgerLvlBtn, #wrapper .ci_hasmburgeritm.ci_itmactive > a { 2405 color: #fff !important 2406 } 2407 2408 @media (min-width: 1024px) { 2409 .ci_hamburgeritm { 2410 display: none !important; 2411 } 2412 2413 #nav .main-nav > .has-drop-down.drop-active > .js-acc-hidden { 2414 position: absolute !important; 2415 top: auto !important; 2416 left: auto !important; 2417 display: block !important; 2418 z-index: 10; 2419 } 2420 } 2421 2422 @media (max-width: 1023px) { 2423 .main-nav > li { 2424 display: none; 2425 } 2426 2427 .main-nav > li.ci_hamburgeritm { 2428 display: block; 2429 } 2430 } 2431</style> <span class="skew-bg"></span> <style> 2432 .topnav-menu, 2433 .topnav2-menu{ 2434 position: fixed; 2435 opacity: 0; 2436 visibility: hidden; 2437 background: #FFFFFF 0% 0% no-repeat padding-box; 2438 box-shadow: 0px 3px 6px #00000059; 2439 border: 1px solid #707070; 2440 transition: opacity .3s linear, visibility .3s linear; 2441 min-width:232px; 2442 max-width:100%; 2443 line-height: 1.15; 2444 /*color: var(--thmr-pd);*/ 2445 padding: 20px 14px 20px 20px; 2446z-index: 9; 2447 max-width: 305px; 2448 overflow: auto; 2449 } 2450 2451 .topnav-menu .icon-chevron-thin-right{ 2452 font-size: 12px; 2453 color: #0C264C; 2454 } 2455 2456 .topnav-itm.open>.topnav-menu, 2457 .topnav-itm.open>a>.invisible, 2458 .topnav2-itm.open>.topnav2-menu { 2459 opacity: 1; 2460 visibility: visible; 2461 } 2462 2463 .topnav2-itm, 2464 .topnav-itm{ 2465 position:relative; 2466 } 2467 2468 .topnav2-menu{ 2469 z-index: 21; 2470 left: calc(100% + 7px); 2471 max-height: calc(100vh - 8px); 2472 overflow: auto; 2473 } 2474 .topnav-menu>div, 2475 .topnav2-menu>div{ 2476 display: flex; 2477 flex-direction: column; 2478 row-gap: 24px; 2479 } 2480 2481 .topnav2-itm>a{ 2482 display: flex; 2483 justify-content: space-between; 2484 align-items: center; 2485 } 2486 .topnav-itm.open .topnav-txt{ 2487 font-weight: bold; 2488 } 2489 .topnav-txt-b{ 2490 font-weight: bold; 2491 visibility: hidden; 2492 height: 1px; 2493 display: block; 2494 overflow: hidden; 2495 } 2496 2497 .flyout-menu.offRight{ 2498 left: calc(-100% - 50px); 2499 } 2500 .topnav2-menu.offY{ 2501 top: auto !important; 2502 bottom: 2px; 2503 max-height: 99%; 2504 } 2505 2506 .topnav-menu svg { 2507 width: 10px; 2508 height: 6px; 2509 transform: rotate(270deg); 2510 } 2511 2512 #nav .topnav-menu a{ 2513 color: #666; 2514 } 2515 2516 #nav .topnav-menu a:hover { 2517 color: #290b40; 2518 } 2519 2520 @media (min-width: 1024px) { 2521 #nav .topnav-itm.open > a 2522 { 2523 color: var(--thmr-pb); 2524 background-color: var(--thmr-pl); 2525 } 2526 } 2527 #nav .topnav2-itm:hover>a, 2528 #nav .topnav2-itm.open > a{ 2529 color: #290b40; 2530 } 2531</style> <ul class="main-nav list-unstyled"> <li class="topnav-itm tn181331"> <a href="/advancementoffice/about-us" aria-label="About Us ">About Us </a> <div class="topnav-menu flyout-menu"> <div> <section class="topnav2-itm "> <a href="/advancementoffice/giving"> <span>Giving</span> <svg><use xlink:href="#downArrow"></use></svg> </a> <div class="topnav2-menu flyout-menu"> <div> <section> <a href="/advancementoffice/priority-programs">Priority Programs</a> </section> <section> <a href="/advancementoffice/why-make-a-gift">Why Make a Gift</a> </section> <section> <a href="/advancementoffice/ways-to-give">Ways to Give</a> </section> <section> <a href="/advancementoffice/recognition">Recognition</a> </section> <section> <a href="/advancementoffice/gifts-in-kind">Gifts in Kind</a> </section> <section>
2531 <a href="/advancementoffice/memorial-honourary-gifts">Memorial / Honourary Gifts</a> </section> <section> <a href="/advancementoffice/planned-giving">Planned Giving</a> </section> <section> <a href="/advancementoffice/endowment">Endowment</a> </section> <section> <a href="/advancementoffice/school-nutrition">School Nutrition </a> </section> <section> <a href="/advancementoffice/student-basic-needs">Student Basic Needs</a> </section> <section> <a href="/advancementoffice/literacy-supports">Literacy Supports</a> </section> <section> <a href="/advancementoffice/scholarships-awards">Scholarships & Awards</a> </section> </div> </div> </section> <section class=" "> <a href="/advancementoffice/current-donors"> <span>Current Donors</span> </a> <div class="topnav2-menu flyout-menu"> <div> </div> </div> </section> <section class="topnav2-itm "> <a href="/advancementoffice/flyers-to-schools"> <span>Flyers to Schools</span> <svg><use xlink:href="#downArrow"></use></svg> </a> <div class="topnav2-menu flyout-menu"> <div> <section> <a href="/advancementoffice/how-to-send-info-to-schools-parents-and-staff">How to Send Info to Schools, Parents, and Staff</a> </section> <section> <a href="/advancementoffice/deadlines">Deadlines</a> </section> <section> <a href="/advancementoffice/posting-on-district-website">Posting on District Website</a> </section> <section> <a href="/advancementoffice/pricing">Pricing</a> </section> <section> <a href="/advancementoffice/payment">Payment</a> </section> <section> <a href="/advancementoffice/disclaimer">Disclaimer</a> </section> <section> <a href="/advancementoffice/report-card">Report Card</a> </section> <section> <a href="https://www.surreyschools.ca/advancementoffice/flyers-to-schools">Flyers to Schools</a> </section> </div> </div> </section> <section class="topnav2-itm "> <a href="/advancementoffice/community-information"> <span>Community Information</span> <svg><use xlink:href="#downArrow"></use></svg> </a> <div class="topnav2-menu flyout-menu"> <div> <section> <a href="/advancementoffice/programs-for-adults">Programs for Adults</a> </section> <section> <a href="/advancementoffice/programs-for-kids-and-youth">Programs for Kids and Youth</a> </section> <section> <a href="/advancementoffice/events-and-organizations">Events and Organizations</a> </section> <section> <a href="/advancementoffice/post-secondary-scholarships">Post Secondary / Scholarships</a> </section> <section> <a href="/advancementoffice/volunteer-opportunities">Volunteer/Employment/General Opportunities</a> </section> <section> <a href="/advancementoffice/coupons-and-offers">Coupons and Offers</a> </section> </div> </div> </section> </div> </div> </li> <li class="topnav-itm tn181231"> <a class="ontenav" href="/advancementoffice/news" aria-label="News ">News </a> </li> <li class="topnav-itm tn181233"> <a class="ontenav" href="/advancementoffice/contact-us" aria-label="Contact Us">Contact Us</a> </li> </ul>
2531<script> 2532(function () { 2533 let topNav1 = new TopNavMenu() 2534 topNav1.init('.topnav-itm', false) 2535 2536 let topNav2 = new TopNavMenu() 2537 topNav2.init('.topnav2-itm', true) 2538 2539 2540 window.addEventListener('scroll', () => { 2541 topNav1.hide() 2542 topNav2.hide() 2543 }); 2544 2545 function TopNavMenu(){ 2546 let navItems ; 2547 let isShowingMenu = false 2548 const zoom = 0.8 2549 2550 this.init = function(triggerSelector, isTopLevel){ 2551 navItems = document.querySelectorAll(triggerSelector) 2552 applyNavDropDownOn(triggerSelector, isTopLevel) 2553 } 2554 2555 this.hide = function(){ 2556 if(isShowingMenu) clearTopNavPops() 2557 } 2558 2559 function clearTopNavPops() { 2560 navItems.forEach(function (item) { 2561 if (item.classList.contains('open')) { 2562 item.classList.remove('open') 2563 } 2564 }) 2565 isShowingMenu = false 2566 } 2567 2568 function applyNavDropDownOn(anchorSelector, atSide) { 2569 navItems.forEach(function (itm) { 2570 let link = itm.querySelector('a') 2571 itm.addEventListener('mouseover', function (itm) { 2572 openFlyout(itm.currentTarget) 2573 }) 2574 itm.addEventListener('mouseleave', function (itm) { 2575 clearTopNavPops() 2576 }) 2577 2578 link.addEventListener("touchstart", (event) => { 2579 const target = event.currentTarget 2580 const itm = target.parentElement 2581 if (itm.classList.contains('open')) { 2582 console.log('goto url') 2583 } else { 2584 event.preventDefault(); 2585 openFlyout(itm, isTopMenu) 2586 } 2587 }); 2588 }) 2589 2590 function openFlyout(item){ 2591 clearTopNavPops() 2592 item.classList.add('open') 2593 positionFlyout(item, atSide) 2594 isShowingMenu = true 2595 } 2596 2597 function isOffScreen(element) { 2598 if (!element) return false; 2599 2600 const rect = element.getBoundingClientRect(); 2601 2602 const offLeft = rect.left < 0; 2603 const offRight = rect.right > window.innerWidth; 2604 const offTop = rect.top < 0; 2605 const offBottom = rect.bottom > window.innerHeight; 2606 2607 return { 2608 offLeft, 2609 offRight, 2610 offTop, 2611 offBottom, 2612 any: offLeft || offRight || offTop || offBottom, 2613 bottom: window.innerHeight - rect.bottom 2614 }; 2615 } 2616 2617 function positionFlyout(trigger, atSide) { 2618 let flyout = trigger.querySelector(".flyout-menu") 2619 if(flyout === null) return 2620 2621 flyout.style.position = 'fixed'; 2622 2623 const rect = trigger.getBoundingClientRect(); 2624 let top = rect.bottom; 2625 let left = rect.left; 2626 if(!!atSide){ 2627 const triggerContainer = trigger.closest('.flyout-menu') 2628 const contRect = triggerContainer.getBoundingClientRect(); 2629 flyout.style.top = rect.top + 'px'; 2630 flyout.style.left = contRect.right + 'px'; 2631 flyout.style.right = 'auto' 2632 const status = isOffScreen(flyout); 2633 if (status.any) console.log('Flyout is off screen:', status); 2634 if (status.offRight) { 2635 debugger 2636 flyout.style.left = 'auto' 2637 flyout.style.right = 'calc(100vw - ' + contRect.left + 'px' + ')' 2638 } 2639 if(status.offBottom){ 2640 flyout.classList.add('offY') 2641 } 2642 2643 }else{ 2644 flyout.style.top = rect.bottom + 'px'; 2645 flyout.style.left = rect.left + 'px'; 2646 flyout.style.maxHeight = "calc(100vh - " + (rect.bottom + 3) + "px)" 2647 } 2648 2649 return 2650 2651 2652 if (status.any) { 2653 console.log('Flyout is off screen:', status); 2654 2655 if (status.offRight) { 2656 flyout.classList.add('offRight') 2657 } 2658 2659 if(status.offBottom){ 2660 let maxHeight = flyout.clientHeight + status.bottom - 3 2661 2662 let btm = (status.bottom - 3) + 'px' 2663 flyout.style.setProperty('--maxH', maxHeight + "px"); 2664 flyout.style.setProperty('--offY', btm); 2665 flyout.classList.add('offY') 2666 } 2667 } 2668 } 2669 } 2670 } 2671 2672 2673 })() 2674</script>
2674 </div> </nav> <div class="ci-block-frame"> <section class="d-lg-none"> <a style="font-size: 14px; text-decoration: underline" href="/page/181501/departments">Back to departments</a> </section> <div class="search-drop dropdown" style="width: calc(100% - 148px);"> <a class="search-opener dropdown-toggle" href="javascript:" id="dropdown_03" role="button" data-bs-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false" accesskey="4"> <span class="sr-only">Search Opener</span> <svg class="d-md-none"> <use xlink:href="#search"></use> </svg> <svg class="d-none d-md-block"> <use xlink:href="#searchLg"></use> </svg> </a> <div class="dropdown-menu" aria-labelledby="dropdown_03"> <form class="search-form search-form1" action="#"> <input type="search" placeholder="Keyword search..." aria-label="Search"> <button type="submit"> <span class="sr-only">Search button</span> <svg class="d-md-none"> <use xlink:href="#search"></use> </svg> <svg class="d-none d-md-block"> <use xlink:href="#searchLg"></use> </svg> </button> </form> </div> </div> </div> </div> </div> <div class="ci-header-top"> <div class="ci-wrap justify-content-end"> <div class="ci-toggle-holder"> <ul class="ci-typography list-unstyled d-flex flex-wrap" data-resize-font> <li> <a href="javascript:" class="small" aria-label="small"> <span class="sr-only">Zoom in fonts</span> <svg> <use xlink:href="#minus"></use> </svg> </a> </li> <li><a href="javascript:" class="mid" aria-label="mid">A</a></li> <li> <a href="javascript:" class="large" aria-label="large"> <span class="sr-only">Zoom in fonts</span> <svg> <use xlink:href="#plus"></use> </svg> </a> </li> </ul> <div class="ci-contrast-hold"> <a href="javascript:switchHighContrastMode();"> <span class="sr-only">high contrast</span> <svg> <use xlink:href="#highContrast"></use> </svg> </a> </div> </div> <ul class="ci-social-networks list-unstyled"> <li> <a href="https://www.linkedin.com/company/school-district-36-surrey-/" target="_blank" aria-label="linkedin"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/linkedin.svg" style="width: ; height: ;" alt="linkedin"> </a> </li> <li> <a href="https://x.com/Surrey_Schools" target="_blank" aria-label="twitter"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/twitter.svg" style="width: ; height: ;" alt="twitter"> </a> </li> <li> <a href="https://www.facebook.com/SurreySchools" target="_blank" aria-label="facebook"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/facebook.svg" style="width: ; height: ;" alt="facebook"> </a> </li> <li> <a href="https://www.instagram.com/surrey_schools/" target="_blank" aria-label="instagram"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/instagram.svg" style="width: ; height: ;" alt="instagram"> </a> </li> <li> <a href="https://bsky.app/profile/surreyschools.bsky.social" target="_blank" aria-label="bluesky"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/bluesky.svg" style="width: ; height: ;" alt="bluesky"> </a> </li> </ul> </div> <div class="ci-wrap ke-4"> <div class="ci-hold"> <a href='/accessibility'>Accessibility</a> </div> <div class="ci-hold"> <a href='/careers'>Careers</a> </div> <div class="ci-hold"> <a href='https://surreyschools.schoolcashonline.com/' target='_blank'>Pay Fees</a> </div> <div class="ci-hold"> <a href='/advancementoffice/giving'>Donate</a> </div> </div> <div class="ci-wrap add"> <div class="ci-hold"> <div class="language-hold js-dropdown"> <a href="javascript:" class="dropdown-opener js-dropdown-opener"> Translate <svg> <use xlink:href="#downArrow"></use> </svg> </a> <div class="language-dropdown"> <div class="drop-hold jcf-scrollable"> <ul class="language-list list-unstyled " style="list-style: none; overflow-x:hidden; "> <li class="dropdown-item"><a href="javascript:" data-val="af">Afrikaans</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sq">Albania</a></li> <li class="dropdown-item"><a href="javascript:" data-val="am">Amharic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ar">Arabic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hy">Armenian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="az">Azerbaijani</a></li> <li class="dropdown-item"><a href="javascript:" data-val="eu">Basque</a></li> <li class="dropdown-item"><a href="javascript:" data-val="be">Belarusian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bn">Bengali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bs">Bosnian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="bg">Bulgarian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ca">Catalan</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ceb">Cebuano</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ny">Chichewa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zh-CN">Chinese (Simplifield)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zh-TW">Chinese (Traditional)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="co">Corsican</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hr">Croatian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="cs">Czech</a></li> <li class="dropdown-item"><a href="javascript:" data-val="da">Danish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="nl">Dutch</a></li> <li class="dropdown-item"><a href="javascript:" data-val="en">English</a></li> <li class="dropdown-item"><a href="javascript:" data-val="eo">Esperanto</a></li> <li class="dropdown-item"><a href="javascript:" data-val="et">Estonian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tl">Filipino</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fi">Finnish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fr">French</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fy">Frisian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gl">Galician</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ka">Georgian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="de">German</a></li> <li class="dropdown-item"><a href="javascript:" data-val="el">Greek</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gu">Gujarati</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ht">Haitian Creola</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ha">Hausa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="haw">Hawaiian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="iw">Hebrew</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hi">Hindi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hmn">Hmong</a></li> <li class="dropdown-item"><a href="javascript:" data-val="hu">Hungarian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="is">Icelandic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ig">Igbo</a></li> <li class="dropdown-item"><a href="javascript:" data-val="id">Indonesian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ga">Irish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="it">Italian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ja">Japanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="jw">Javanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="kn">Kannada</a></li> <li class="dropdown-item"><a href="javascript:" data-val="kk">Kazakh</a></li> <li class="dropdown-item"><a href="javascript:" data-val="km">Khmer</a></li> <li class="dropdown-item"><a href="javascript:" data-val="rw">Kinyarwanda</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ko">Korean</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ku">Kurdish (Kurmanji)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ky">Kyrgyz</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lo">Lao</a></li> <li class="dropdown-item"><a href="javascript:" data-val="la">Latin</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lv">Latvian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lt">Lithuanian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="lb">Luxembourgish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mk">Macedonian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mg">Malagasy</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ms">Malay</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ml">Malayalam</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mt">Maltese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mi">Maori</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mr">Marathi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="mn">Mongolian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="my">Myanmar (Burmese)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ne">Nepali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="no">Norwegian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="or">Odia (Oriya)</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ps">Pashto</a></li> <li class="dropdown-item"><a href="javascript:" data-val="fa">Persian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pl">
2674Polish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pt">Portuguese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="pa">Punjabi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ro">Romanian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ru">Russian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sm">Samoan</a></li> <li class="dropdown-item"><a href="javascript:" data-val="gd">Scots Gaelic</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sr">Serbian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="st">Sesotho</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sn">Shona</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sd">Sindhi</a></li> <li class="dropdown-item"><a href="javascript:" data-val="si">Sinhala</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sk">Slovak</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sl">Slovenian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="so">Somali</a></li> <li class="dropdown-item"><a href="javascript:" data-val="es">Spanish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="su">Sundanese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sw">
2674Swahili</a></li> <li class="dropdown-item"><a href="javascript:" data-val="sv">Swedish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tg">Tajik</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ta">Tamil</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tt">Tatar</a></li> <li class="dropdown-item"><a href="javascript:" data-val="te">Telugu</a></li> <li class="dropdown-item"><a href="javascript:" data-val="th">Thai</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tr">Turkish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="tk">Turkmen</a></li> <li class="dropdown-item"><a href="javascript:" data-val="uk">Ukrainian</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ur">Urdu</a></li> <li class="dropdown-item"><a href="javascript:" data-val="ug">Uyghur</a></li> <li class="dropdown-item"><a href="javascript:" data-val="uz">Uzbek</a></li> <li class="dropdown-item"><a href="javascript:" data-val="vi">Vietnamese</a></li> <li class="dropdown-item"><a href="javascript:" data-val="cy">Welsh</a></li> <li class="dropdown-item"><a href="javascript:" data-val="xh">Xhosa</a></li> <li class="dropdown-item"><a href="javascript:" data-val="yi">Yiddish</a></li> <li class="dropdown-item"><a href="javascript:" data-val="yo">Yoruba</a></li> <li class="dropdown-item"><a href="javascript:" data-val="zu">Zulu</a></li> </ul> </div> </div> </div> </div> <div class="ci-hold"> <div class="ci-quick-links-drop ci-login-drop dropdown"> <a class="nav-link dropdown-toggle" href="javascript:" id="dropdown01" role="button" data-bs-toggle="dropdown" data-display="static" aria-haspopup="true" aria-expanded="false"> loginS <svg> <use xlink:href="#downArrow"></use> </svg> </a> <div class="dropdown-menu" aria-labelledby="dropdown01"> <a href='https://login.microsoftonline.com/?whr=surreyschools.ca' target='_blank' class='dropdown-item t_pb-f'>Office 365</a> <div class="dropdown-divider"></div> <a href='https://sd36.sharepoint.com/' target='_blank' class='dropdown-item t_pb-f'>Staff Portal</a> <div class="dropdown-divider"></div> <a href='http://staff.surreyschools.ca/' target='_blank' class='dropdown-item t_pb-f'>Employee Self-Service</a> <div class="dropdown-divider"></div> <a href='https://servicedesk.surreyschools.ca/Login/Login?ReturnUrl=%2f' target='_blank' class='dropdown-item t_pb-f'>IMS Service Desk</a> <div class="dropdown-divider"></div> <a href='https://myeducation.gov.bc.ca/aspen/logon.do' target='_blank' class='dropdown-item t_pb-f'>MyEdBC</a> <div class="dropdown-divider"></div> <a href='https://sitegovern.surreyschools.ca/' target='_blank' class='dropdown-item t_pb-f'>Site Administration</a> <div class="dropdown-divider"></div> </div> </div> </div> </div> </div> </div> </header> <style> 2675 .fr-view a[name] { 2676 display: inline-block; 2677 scroll-margin-top: 150px; 2678 } 2679</style> <!--##MainStart--> <style> 2680 .CiContactUs4Page .contactPg_main{ 2681 display: grid; 2682 grid-template-columns: 1fr; 2683 min-width: 100%; 2684 } 2685 @media (min-width: 1024px){ 2686 .CiContactUs4Page .contactPg_main{ 2687 grid-template-columns: 1fr 1fr; 2688 gap: 40px; 2689 } 2690 } 2691 #wrapper #ciNavBread { 2692 margin-left: 0; 2693 } 2694 2695 2696 @media (max-width: 1023px){ 2697 #wrapper #ciNavBread{ 2698 padding: 10px 0 0 0 !important; 2699 display: flex; 2700 min-height:60px; 2701 align-items: center; 2702 } 2703 } 2704 2705 @media (max-width: 639px){ 2706 #wrapper #ciNavBread{ 2707 padding: 0 !important; 2708 display: flex; 2709 min-height:40px; 2710 align-items: center; 2711 } 2712 } 2713</style> <div id="ciphaddthisjs"></div> <nav class="breadcrumb-holder" aria-label="breadcrumb"> <div class="container"> <ol class="breadcrumb" id="ciNavBread"> <li class="breadcrumb-item"><a href="#"> </a></li> </ol> </div> </nav> <main id="main"> <div class="ci-article-section"> <div class="container"> <div class="row ctn-withleftnav"> <!--##PageInfoStart-->
2713<script>_ci.itmId=181841;_ci.isHome=0;_ci.verId=0;_ci.title='Post Secondary / Scholarships';_ci.cats='';</script>
2713<!--##PageInfoEnd--> <style>#ciLeftNav {display: flex; flex-direction: column;}#ciLeftNav >.ci-active{order: -1;}</style> <div class="sidebar-col d-none d-print-none d-lg-block position-relative"> <div class="sidebar-holder leftnav_list_wp"> <ul class="sidebar-nav list-unstyled" id="ciLeftNav"> </ul> </div> </div> <style> 2714 .head-hold.hidden{display: none;} 2715</style> <div class="content-col"> <div class="top-area"> <div class="head-hold "> <h1>Post Secondary / Scholarships</h1> </div> <p class="h4"> <div class="fr-view"> <p id="isPasted" style="text-align: left;">District Partners 36 Scholarship Applications 2025-2026</p><hr style="text-align: left;"><h3 id="isPasted" style="text-align: left;">Applications for the Partners 36 Scholarships will be posted here in February 2027.</h3><p style="line-height: 1; text-align: left;">Completed applications should be <strong>submitted to the Scholarship Coordinator at your school</strong> by the <strong>due date designated by your school</strong>. Click <a href="https://media.surreyschools.ca/media/Default/medialib/partners36-scholarships-at-a-glance-2025-to-2026.47a058198937.pdf">HERE</a> to view a summary of the scholarship criteria. Updates will be posted therefore be sure to check back often.</p><p id="isPasted" style="line-height: 1; text-align: left;">For more information and your school's due date, contact your school scholarship coordinator. </p><p id="isPasted" style="line-height: 1; text-align: left;"><em>PLEASE NOTE: Secondary schools MAY choose to set an internal deadline in advance of the above date for their students. Please make sure to check with your school counsellor or career facilitator to verify the exact deadline for your school.</em></p><ul><li id="isPasted" style="text-align: left;">Anka and Claude Cante - Single Mothers</li><li id="isPasted" style="text-align: left;">Centra Windows Women in Trades </li><li style="text-align: left;" id="isPasted">Coast Capital - Beth Hutchinson Education Award</li><li style="text-align: left;" id="isPasted">Gibb Instrument Solutions Music Scholarship</li><li id="isPasted" style="text-align: left;">Hal Sinclair Memorial Scholarship</li><li id="isPasted" style="text-align: left;">Halls Prairie Farmer's Institute Agriculture Scholarship</li><li id="isPasted" style="text-align: left;">Loretta Schmidt Memorial Scholarship</li><li id="isPasted" style="text-align: left;">North Surrey Lions Club - Ken Nore Academic Bursary</li><li id="isPasted" style="text-align: left;">North Surrey Lions Club - Ken Nore Health Sciences</li><li id="isPasted" style="text-align: left;">North Surrey Lions Club - Ken Nore Technical</li><li id="isPasted" style="text-align: left;">Pacific West Cable Industry and Trades</li><li id="isPasted" style="text-align: left;">REC For Kids Society</li><li id="isPasted" style="text-align: left;">Society For The Preservation Of Vaudeville</li><li id="isPasted" style="text-align: left;">Stewart Schon Memorial Scholarship</li><li id="isPasted" style="text-align: left;">Surrey Pre-Trial Services Scholarship</li><li id="isPasted" style="text-align: left;">Surrey Retired Teachers Association Bursary</li><li id="isPasted" style="text-align: left;">Urban Spirit Foundation Scholarship</li><li id="isPasted" style="text-align: left;">Vihaan Flora Bursary</li><li id="isPasted" style="text-align: left;">White Rock & Surrey Naturalists Society - Tess Fender Memorial Scholarship</li></ul><h3 style="text-align: left;"><br></h3><h3 style="text-align: left;">Ministry of Education Scholarships</h3><ul><li style="text-align: left;"><a href="https://www2.gov.bc.ca/gov/content/education-training/k-12/support/scholarships/provincial-scholarships/bc-excellence-scholarships" rel="noopener noreferrer" target="_blank">BC Excellence Scholarships</a></li><li style="text-align: left;"><a href="https://www2.gov.bc.ca/gov/content/education-training/k-12/support/scholarships/provincial-scholarships/bc-achievement-scholarships" rel="noopener noreferrer" target="_blank">BC Achievement Scholarships</a></li><li style="text-align: left;"><a href="https://www2.gov.bc.ca/gov/content/education-training/k-12/support/scholarships/provincial-scholarships/district-authority-sch
2715olarships" rel="noopener noreferrer" target="_blank">District Authority Scholarships</a></li><li style="text-align: left;"><a href="https://www2.gov.bc.ca/gov/content/education-training/k-12/support/scholarships/provincial-scholarships/pathway-to-teacher-education-scholarship" rel="noopener noreferrer" target="_blank">Pathway to Teacher Education Scholarship</a></li></ul><h3 style="line-height: 1; text-align: left;"><br></h3><h3 style="line-height: 1; text-align: left;">Non-District Scholarships & Awards</h3><p style="line-height: 1; text-align: left;">(Deadlines may have passed for some. Please continue to check back)</p><ul><li><a href="https://www.alliedvanlines.ca/scholarship"></a><a href="https://scholarship.bcssa.org/apply" rel="noopener noreferrer" target="_blank">BC School Superintendents Association - Scholarship Application</a></li><li id="isPasted"><a href="https://media.surreyschools.ca/media/Default/medialib/bcit-entrance-awards.310234199677.pdf">BCIT Entrance Awards</a></li><li id="isPasted"><a href="https://beemcreditunion.ca/bursary-form?utm_source=google&utm_medium=cpc&utm_campaign=bursary&utm_content=804704992785&utm_term=scholarships&adgroupid=195981953195&gad_source=1&gad_campaignid=23743232807&gbraid=0AAAABBIe3etAx9xjladMRmZaC6Ot3_y1d&gclid=EAIaIQobChMIlsi66tCRlAMVVM3CBB32SjbIEAAYASAAEgItqPD_BwE">Beem Credit Union Million Dollar Bursary Program</a></li><li><a href="https://www.roadbuilders.bc.ca/news-events/scholarships/" rel="noopener noreferrer" target="_blank">Betty Spalton Scholarship - BC Road Builders and Heavy Construction Association</a></li><li><a href="https://www.cisc-icca.ca/scholarships/">Canadian Institute of Steel Construction Scholarships</a></li><li><a href="https://www.egbc.ca/Registration/Programs-Resources/Student-Program/Scholarships">Engineers & Geoscientists BC </a></li><li><a href="https://www.era.ca/scholarship-competition/">Electronic Recycling Association - Scholarship Contest</a></li><li><a href="https://www.excelcareercollege.com/scholarships">Excel Career College Scholarships</a></li><li><a href="https://www.storwell.com/bursary-application" rel="noopener noreferrer" target="_blank">Foster Children Bursary - $2,000 - Deadline December 31st</a></li><li><a href="http://www.gfnf.org/">Grace Family Network Foundation Scholarships</a></li><li><a href="https://www.surreycares.org/funds-list/indigenousebursary2024">Indigenous Student Bursary</a></li><li><a href="https://indspirefunding.ca/" rel="noopener noreferrer" target="_blank">Indspire - Bursaries and Scholarships </a></li><li><a href="https://www.roadbuilders.bc.ca/jackandgillian/">Jack and Gillian Linington Scholarship - Construction Careers</a></li><li><a href="https://media.surreyschools.ca/media/Default/medialib/jake-weitz-memorial-scholarship-mechanical-trades.e09f21209795.pdf">Jake Weitz Memorial Scholarship - Mechanical Trades</a></li><li><a href="https://www.mlb.com/bluejays/community/jays-care/scholarships">Jays Care Scholarships</a></li><li><a href="https://islandkidsfirst.com/lisa-huus-bursary/">Lisa Huus Bursary - Assisting Persons with Disabilities</a></li><li><a href="https://www.livingwithfoundation.ca/the-fund">Living With - Scholarship Fund</a></li><li><a href="https://vllcs.org/en/2026/02/lotus-light-scholarship-begins-accepting-2026-applications/">Lotus Light Charity Society Scholarship</a></li><li><a href="https://www.northamericanvanlines.ca/scholarship" rel="noopener noreferrer" target="_blank">North American Van Lines Canada</a></li><li><a href="https://media.surreyschools.ca/media/Default/medialib/public-guardian-and-trustee-of-bc-bursary-deadline-april-15-2025.877833184057.pdf">Public Guardian and Trustee Bursary</a></li><li><a href="https://rcaffoundation.ca/student-scholarships/">RCAF Foundation Scholarship Program</a></li><li><a href="http://www.rickhansen.com/Scholarship">Rick & Amanda Hansen Scholarship for Youth with Disabilities</a></li><li><a href="https://www.rodentpro.com/pages/scholarship">RodentPro.com Animal Advocate Scholarship</a></li><li><a href="https://media.surreyschools.ca/media/Default/medialib/ronin-sharma-foundation-2023-scholarship.02850d148793.pdf" target="_self">Ronin Sharma Foundation Scholarship</a></li><li id="isPasted" style="text-align: left;"><a href="https://media.surreyschools.ca/media/Default/medialib/surrey-fire-fighters-charitable-society-community-bursary-program-deadline-may-1-2023.f61902144245.pdf">Surrey Fire Fighters' Charitable Society Community Bursary Program</a></li><li id="isPasted" style="text-align: left;"><a href="https://www.friendlyfuture.com/en/foundation/social-impact-bursary">Telus Student Bursary</a></li><li id="isPasted" style="text-align: left;"><a href="https://indigenousstudentcentre.cmail19.com/t/y-l-cjhiyid-hykyjiuyjr-r/">Western University - National Indigenous Scholarship Program</a></li></ul><h3 style="line-height: 1; text-align: left;"><br></h3><h3 style="line-height: 1; text-align: left;">Student Resources</h3><ul><li id="isPasted" style="text-align: left;"><a href="http://www.esdc.gc.ca/en/student_financial_aid/index.page" rel="noopener noreferrer" target="_blank">Government of Canada Student Financial Assistance</a></li><li id="isPasted" style="text-align: left;"><a href="https://studentaidbc.ca/" rel="noopener noreferrer" target="_blank">Student Aid BC</a></li><li id="isPasted" style="text-align: left;"><a href="https://www.scholarshipscanada.com/" rel="noopener noreferrer" target="_blank">
2715Scholarships Canada</a></li><li id="isPasted" style="text-align: left;"><a href="https://www.schoolfinder.com/" rel="noopener noreferrer" target="_blank">School Finder</a></li><li id="isPasted" style="text-align: left;"><a href="https://studentscholarships.org/">Student Scholarships.org</a></li><li><a href="https://www.comparitech.com/blog/information-security/scholarship-scams/">Tips for avoiding scholarship scams</a></li><li id="isPasted"><a href="https://yconic.com/" rel="noopener noreferrer" target="_blank">Yconic</a></li></ul> </div> </p> </div> <ul class="ci-img-list list-unstyled d-flex flex-wrap"> </ul> </div> <style> 2716 .fr-view table td, .fr-view table th { 2717 padding:5px; 2718 } 2719 .fr-view table.cinotblbdr td, .fr-view table.cinotblbdr th { 2720 border: none; 2721 } 2722 /* 23406 Surrey: Responsive 'breakpoint' for image display */ 2723 @media(max-width:640px) { 2724 .fr-view img.fr-dii.fr-fir, .fr-view img.fr-dii.fr-fil, .fr-view span.fr-img-caption.fr-dii.fr-fir { 2725 float: none; 2726 display: block; 2727 } 2728 } 2729</style> </div> </div> </div> </main> <!--##MainEnd--> <div class="ci-cta ci_cta-dept"> <div class="container"> <div class="ci-cta-logo"> <a href="/advancementoffice"> <div class="ci-img"> <img class="screen-only" src="https://media.surreyschools.ca/media/Default/fgg/130775/Surrey20Logo.png" alt="Advancement Office"> </div> <strong class="ci-brand-name">Advancement Office</strong> </a> </div> <div class="ci-cta-btns"> <a href="https://surreyschools.schoolcashonline.com/" class="btn btn-outline-primary" target='_blank'>Make a Payment</a> <a href="/registration" class="btn btn-dark">Register Today</a> </div> </div> </div> <style> 2730 #footer .ci-social-networks li a { 2731 display: flex; 2732 } 2733</style> <style> 2734.ci-cta-btns{ 2735 display: none; 2736} 2737#main .ci-cta-logo{ 2738 margin-left: 0; 2739} 2740.ci-cta-logo .ci-img{ 2741 display: none; 2742} 2743#wrapper .ci-cta>.container{ 2744padding-bottom: 11px; 2745} 2746 2747#wp-spotlight .shape{ 2748 display: none; 2749} 2750@media (min-width: 1366px) { 2751 .school-site #footer, .sec-school-site #footer { 2752 padding: 26px 0 20px; 2753 } 2754 2755 #footer .ci-address-hold { 2756 padding-left: 52px; 2757 } 2758 2759 .ci-cta::before{ 2760 content:''; 2761 position:absolute; 2762 height:2px; 2763 background:var(--thmr-pb); 2764 width:100%; 2765 margin-top:17px; 2766 left: 0; 2767 } 2768 2769 .footer_right_col{ 2770 margin-left: -17px; 2771 } 2772 .footer_right_col>.ci-links{ 2773 margin-right: 56px; 2774 } 2775} 2776 2777.ci_cta-dept .container *{ 2778 margin-left:0 !important; 2779 padding-left:0 !important; 2780} 2781.ci_cta-dept .ci-cta-logo .ci-brand-name{ 2782 padding-left: 4px !important; 2783} 2784.breadcrumb-holder .container{ 2785 padding: 0 32px; 2786} 2787@media (min-width: 1681px){ 2788 .breadcrumb-holder>.container{ 2789 padding: 0 20px !important; 2790 } 2791} 2792@media (max-width: 1023px){ 2793 .ci-brand-name{ 2794 padding-left: 0 !important; 2795 } 2796} 2797 2798@media (min-width: 1366px) { 2799#footer .ci-address-hold { 2800 padding-left: 38px; 2801} 2802} 2803 2804@media (min-width: 1664px) { 2805#footer .ci-address-hold { 2806 padding-left: 45px; 2807} 2808} 2809</style> <footer id="footer"> <div class="container"> <style> 2810.ci-cta-btns{ 2811 display: none; 2812} 2813 2814@media (max-width: 639px){ 2815.footer-sec-part{ 2816 width: 100%; 2817} 2818} 2819</style> <div class="row"> <div class="col-md-6 ci-address-hold"> <div class="ci-address"> <strong class="h5">Get in touch with us</strong> <address>14033 92 Avenue<br/>Surrey, B.C. Canada V3V 0B7</address> <a href="https://www.google.ca/maps/place/14033+92+Ave,+Surrey,+BC+V3V+1J5/@49.1705758,-122.8438492,15z/data=!4m6!3m5!1s0x5485d9e783ba26f3:0x79c5dd67ea6e65a!8m2!3d49.1705622!4d-122.8335709!16s%2Fg%2F11bw4lm0w1?entry=ttu&g_ep=EgoyMDI1MDExNS4wIKXMDSoASAFQAw%3D%3D" target="_blank">View Map</a> </div> <div> <a href="/"> <img style="height: 77px; width: auto; max-height: 100%" src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/surrey-schools-logo.2.png" alt="Surrey Schools Leadership in Learning"> </a> </div> <div style="margin-top: 25px;"> <p>We respectfully acknowledge that Surrey Schools resides on the traditional, unceded and shared territories of Coast Salish peoples: The qÌiÌcÌÉyÌ - Katzie, the qÌÊ·a:nÌÆÌÉnÌ - Kwantlen and the SEMYOME - Semiahmoo First Nations: the stewards of this land since time immemorial. We highlight this history knowing that relationships and partnerships based on respect with the Indigenous peoples of this land are important for truth and reconciliation.</p> </div> <div class="ci-app-frame d-none d-lg-flex" style="padding-top: 15px"> <ul class="ci-apps list-unstyled"> <li><a href="https://apps.apple.com/ca/app/surrey-schools/id1611336585?platform=iphone" target='_blank'><img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/App%20Store.svg" alt="App Store"></a></li> <li><a href="https://play.google.com/store/apps/details?id=ca.schoolbundle.surrey" target='_blank'><img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/Google%20Play.svg" alt="Google Play"></a></li> </ul> <ul class="ci-social-networks"> <li> <a href="https://www.linkedin.com/company/school-district-36-surrey-/" target="_blank" aria-label="linkedin"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/linkedin.svg" style="width: ; height: ;" alt="linkedin"> </a> </li> <li> <a href="https://x.com/Surrey_Schools" target="_blank" aria-label="twitter"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/twitter.svg" style="width: ; height: ;" alt="twitter"> </a> </li> <li> <a href="https://www.facebook.com/SurreySchools" target="_blank" aria-label="facebook"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/facebook.svg" style="width: ; height: ;" alt="facebook"> </a> </li> <li> <a href="https://www.instagram.com/surrey_schools/" target="_blank" aria-label="instagram"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/instagram.svg" style="width: ; height: ;" alt="instagram"> </a> </li> <li> <a href="https://bsky.app/profile/surreyschools.bsky.social" target="_blank" aria-label="bluesky"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/bluesky.svg" style="width: ; height: ;" alt="bluesky"> </a> </li> <li> <a href="https://www.surreyschools.ca/advancementoffice/_ci/rss" target="_blank" class="rss_tooltip"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/RSS3.png" style="width:26px; height:26px;" alt="News RSS"> <span class="rss_tooltiptext">News RSS</span> </a> </li> <li> <a href="https://www.surreyschools.ca/advancementoffice/_ci/rss?t=ntf" target="_blank" class="rss_tooltip"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/RSS3.png" style="width:26px; height:26px;" alt="Alerts RSS"> <span class="rss_tooltiptext">Alerts RSS</span> </a> </li> </ul> </div> </div> <div class="col-md-6 print-info footer_right_col">
2819 <div style="float: right" class="ci-links footer-sec-part"> <div class="ci-quick-links"> <strong class="h5">Site Administration</strong> <ul class="list-unstyled"> <li><a href="https://sitegovern.surreyschools.ca" target='_blank'>Administrator Login</a></li> <li><a href="mailto:[email protected]" target='_blank'>Report a Problem</a></li> </ul> </div> </div> </div> <div class="col-lg-6 col-xl-5 d-lg-none"> <div class="ci-app-frame"> <ul class="ci-apps list-unstyled"> <li><a href="https://apps.apple.com/ca/app/surrey-schools/id1611336585?platform=iphone"><img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/App%20Store.svg" alt="App Store"></a></li> <li><a href="https://play.google.com/store/apps/details?id=ca.schoolbundle.surrey"><img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/Google%20Play.svg" alt="Google Play"></a></li> </ul> <ul class="ci-social-networks"> <li> <a href="https://www.linkedin.com/company/school-district-36-surrey-/" target="_blank" aria-label="linkedin"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/linkedin.svg" style="width: ; height: ;" alt="linkedin"> </a> </li> <li> <a href="https://x.com/Surrey_Schools" target="_blank" aria-label="twitter"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/twitter.svg" style="width: ; height: ;" alt="twitter"> </a> </li> <li> <a href="https://www.facebook.com/SurreySchools" target="_blank" aria-label="facebook"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/facebook.svg" style="width: ; height: ;" alt="facebook"> </a> </li> <li> <a href="https://www.instagram.com/surrey_schools/" target="_blank" aria-label="instagram"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/instagram.svg" style="width: ; height: ;" alt="instagram"> </a> </li> <li> <a href="https://bsky.app/profile/surreyschools.bsky.social" target="_blank" aria-label="bluesky"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/bluesky.svg" style="width: ; height: ;" alt="bluesky"> </a> </li> <li> <a href="https://www.surreyschools.ca/advancementoffice/_ci/rss" target="_blank" class="rss_tooltip"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/RSS3.png" style="width:26px; height:26px;" alt="News RSS"> <span class="rss_tooltiptext">News RSS</span> </a> </li> <li> <a href="https://www.surreyschools.ca/advancementoffice/_ci/rss?t=ntf" target="_blank" class="rss_tooltip"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/RSS3.png" style="width:26px; height:26px;" alt="Alerts RSS"> <span class="rss_tooltiptext">Alerts RSS</span> </a> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="footer-bottom"> <div class="copyright-hold"> <span class="copyright">© <a href="#">Surrey Schools</a>. All rights reserved.</span> <ul class="extra-links list-unstyled d-flex flex-wrap"> <li><a href='/privacy-policy'>Privacy Policy</a></li> <li><a href='/terms-of-use'>Terms of Use</a></li> <li><a href='/advancementoffice/sitemap'>Site Map</a></li> <li><a href='https://sd36.sharepoint.com/' target='_blank'>Staff Portal</a></li> <li><a href='https://sitegovern.surreyschools.ca'>Logins</a></li> </ul> </div> <div class="sb-logo"> <a href="http://www.schoolbundle.ca/" target="_blank"> <img loading="lazy" src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/logo-sb.svg" width="113" height="15" alt="SchoolBundle"> </a> </div> </div> </div> </footer> <a href="javascript:" class="ci-back-to-top" aria-label="back to top" accesskey="t"> <img src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/images/up-arrow.svg" alt="image description"> </a> </div>
2819<script> 2820 _ci.siteNav = [{"I":181331,"T":"About Us ","L":0,"U":"/advancementoffice/about-us"},{"I":181332,"T":"Giving","L":1,"U":"/advancementoffice/giving"},{"I":181335,"T":"Priority Programs","L":2,"U":"/advancementoffice/priority-programs"},{"I":181336,"T":"Why Make a Gift","L":2,"U":"/advancementoffice/why-make-a-gift"},{"I":181337,"T":"Ways to Give","L":2,"U":"/advancementoffice/ways-to-give"},{"I":181338,"T":"Recognition","L":2,"U":"/advancementoffice/recognition"},{"I":181339,"T":"Gifts in Kind","L":2,"U":"/advancementoffice/gifts-in-kind"},{"I":181340,"T":"Memorial / Honourary Gifts","L":2,"U":"/advancementoffice/memorial-honourary-gifts"},{"I":181341,"T":"Planned Giving","L":2,"U":"/advancementoffice/planned-giving"},{"I":182829,"T":"Endowment","L":2,"U":"/advancementoffice/endowment"},{"I":195561,"T":"Bright Futures Endowment Fund","L":3,"U":"/advancementoffice/bright-futures-endowment-fund-1"},{"I":184888,"T":"School Nutrition ","L":2,"U":"/advancementoffice/school-nutrition"},{"I":184889,"T":"Student Basic Needs","L":2,"U":"/advancementoffice/student-basic-needs"},{"I":184890,"T":"Literacy Supports","L":2,"U":"/advancementoffice/literacy-supports"},{"I":184891,"T":"Scholarships & Awards","L":2,"U":"/advancementoffice/scholarships-awards"},{"I":181374,"T":"Current Donors","L":1,"U":"/advancementoffice/current-donors"},{"I":181342,"T":"Flyers to Schools","L":1,"U":"/advancementoffice/flyers-to-schools"},{"I":181828,"T":"How to Send Info to Schools, Parents, and Staff","L":2,"U":"/advancementoffice/how-to-send-info-to-schools-parents-and-staff"},{"I":181829,"T":"Deadlines","L":2,"U":"/advancementoffice/deadlines"},{"I":181830,"T":"Posting on District Website","L":2,"U":"/advancementoffice/posting-on-district-website"},{"I":181831,"T":"Pricing","L":2,"U":"/advancementoffice/pricing"},{"I":181832,"T":"Payment","L":2,"U":"/advancementoffice/payment"},{"I":181833,"T":"Disclaimer","L":2,"U":"/advancementoffice/disclaimer"},{"I":181834,"T":"Report Card","L":2,"U":"/advancementoffice/report-card"},{"I":196410,"T":"Flyers to Schools","L":2,"U":"*https://www.surreyschools.ca/advancementoffice/flyers-to-schools","N":""},{"I":181835,"T":"Community Information","L":1,"U":"/advancementoffice/community-information"},{"I":181836,"T":"Programs for Adults","L":2,"U":"/advancementoffice/programs-for-adults"},{"I":181837,"T":"Programs for Kids and Youth","L":2,"U":"/advancementoffice/programs-for-kids-and-youth"},{"I":181839,"T":"Events and Organizations","L":2,"U":"/advancementoffice/events-and-organizations"},{"I":181841,"T":"Post Secondary / Scholarships","L":2,"U":"/advancementoffice/post-secondary-scholarships"},{"I":181842,"T":"Volunteer/Employment/General Opportunities","L":2,"U":"/advancementoffice/volunteer-opportunities"},{"I":181843,"T":"Coupons and Offers","L":2,"U":"/advancementoffice/coupons-and-offers"},{"I":181231,"T":"News ","L":0,"U":"/advancementoffice/news"},{"I":181233,"T":"Contact Us","L":0,"U":"/advancementoffice/contact-us"}]; 2821</script>
2821 <!--##FooterStart-->
2821<script src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/scripts/jquery-3.7.1.min.js" type="text/javascript"></script>
2821
2821<script src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/scripts/ph.js?35538"></script>
2821
2821<script> 2822 _ci_jq_loaded.forEach(function (f){ 2823 f(jQuery); 2824 }); 2825 </script>
2825
2825<script src="https://sb45storage.blob.core.windows.net/pub/themes/Surrey/scripts/bootstrap.5.bundle.min.js" crossorigin="anonymous" defer></script>
2825 <a class="sr-only sr-only-focusable" href="#wrapper" accesskey="t">Back to top</a> <style> 2826 .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { 2827 padding: 0; 2828 margin: 0; 2829 border: 0; 2830 outline: none; 2831 vertical-align: top 2832 } 2833 2834 .fancybox-wrap { 2835 position: absolute; 2836 top: 0; 2837 left: 0; 2838 z-index: 8020 2839 } 2840 2841 .fancybox-skin { 2842 position: relative; 2843 background: #f9f9f9; 2844 color: #444; 2845 text-shadow: none; 2846 -webkit-border-radius: 4px; 2847 -moz-border-radius: 4px; 2848 border-radius: 4px 2849 } 2850 2851 .fancybox-opened { 2852 z-index: 8030 2853 } 2854 2855 .fancybox-opened .fancybox-skin { 2856 -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5); 2857 -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5); 2858 box-shadow: 0 10px 25px rgba(0,0,0,.5) 2859 } 2860 2861 .fancybox-outer, .fancybox-inner { 2862 position: relative 2863 } 2864 2865 .fancybox-inner { 2866 overflow: hidden 2867 } 2868 2869 .fancybox-type-iframe .fancybox-inner { 2870 -webkit-overflow-scrolling: touch 2871 } 2872 2873 .fancybox-error { 2874 color: #444; 2875 font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 2876 margin: 0; 2877 padding: 15px; 2878 white-space: nowrap 2879 } 2880 2881 .fancybox-image, .fancybox-iframe { 2882 display: block; 2883 width: 100%; 2884 height: 100% 2885 } 2886 2887 .fancybox-image { 2888 max-width: 100%; 2889 max-height: 100% 2890 } 2891 2892 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 2893 background-image: url('/modules/ci.sg.frontend/styles/fancybox/fancybox_sprite.png') 2894 } 2895 2896 #fancybox-loading { 2897 position: fixed; 2898 top: 50%; 2899 left: 50%; 2900 margin-top: -22px; 2901 margin-left: -22px; 2902 background-position: 0 -108px; 2903 opacity: .8; 2904 cursor: pointer; 2905 z-index: 8060 2906 } 2907 2908 #fancybox-loading div { 2909 width: 44px; 2910 height: 44px; 2911 background: url('/modules/ci.sg.frontend/styles/fancybox/fancybox_loading.gif') center center no-repeat 2912 } 2913 2914 .fancybox-close { 2915 position: absolute; 2916 top: -18px; 2917 right: -18px; 2918 width: 36px; 2919 height: 36px; 2920 cursor: pointer; 2921 z-index: 8040 2922 } 2923 2924 .fancybox-nav { 2925 position: absolute; 2926 top: 0; 2927 width: 40%; 2928 height: 100%; 2929 cursor: pointer; 2930 text-decoration: none; 2931 background: transparent url('/modules/ci.sg.frontend/styles/fancybox/blank.gif'); 2932 -webkit-tap-highlight-color: rgba(0,0,0,0); 2933 z-index: 8040 2934 } 2935 2936 .fancybox-prev { 2937 left: 0 2938 } 2939 2940 .fancybox-next { 2941 right: 0 2942 } 2943 2944 .fancybox-nav span { 2945 position: absolute; 2946 top: 50%; 2947 width: 36px; 2948 height: 34px; 2949 margin-top: -18px; 2950 cursor: pointer; 2951 z-index: 8040; 2952 visibility: hidden 2953 } 2954 2955 .fancybox-prev span { 2956 left: 10px; 2957 background-position: 0 -36px 2958 } 2959 2960 .fancybox-next span { 2961 right: 10px; 2962 background-position: 0 -72px 2963 } 2964 2965 .fancybox-nav:hover span { 2966 visibility: visible 2967 } 2968 2969 .fancybox-tmp { 2970 position: absolute; 2971 top: -99999px; 2972 left: -99999px; 2973 visibility: hidden; 2974 max-width: 99999px; 2975 max-height: 99999px; 2976 overflow: visible !important 2977 } 2978 2979 .fancybox-lock { 2980 overflow: hidden !important; 2981 width: auto 2982 } 2983 2984 .fancybox-lock body { 2985 overflow: hidden !important 2986 } 2987 2988 .fancybox-lock-test { 2989 overflow-y: hidden !important 2990 } 2991 2992 .fancybox-overlay { 2993 position: absolute; 2994 top: 0; 2995 left: 0; 2996 overflow: hidden; 2997 display: none; 2998 z-index: 8010; 2999 background: url('/modules/ci.sg.frontend/styles/fancybox/fancybox_overlay.png') 3000 } 3001 3002 .fancybox-overlay-fixed { 3003 position: fixed; 3004 bottom: 0; 3005 right: 0 3006 } 3007 3008 .fancybox-lock .fancybox-overlay { 3009 overflow: auto;
3010 overflow-y: scroll 3011 } 3012 3013 .fancybox-title { 3014 visibility: hidden; 3015 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 3016 position: relative; 3017 text-shadow: none; 3018 z-index: 8050 3019 } 3020 3021 .fancybox-opened .fancybox-title { 3022 visibility: visible 3023 } 3024 3025 .fancybox-title-float-wrap { 3026 position: absolute; 3027 bottom: 0; 3028 right: 50%; 3029 margin-bottom: -35px; 3030 z-index: 8050; 3031 text-align: center 3032 } 3033 3034 .fancybox-title-float-wrap .child { 3035 display: inline-block; 3036 margin-right: -100%; 3037 padding: 2px 20px; 3038 background: transparent; 3039 background: rgba(0,0,0,.8); 3040 -webkit-border-radius: 15px; 3041 -moz-border-radius: 15px; 3042 border-radius: 15px; 3043 text-shadow: 0 1px 2px #222; 3044 color: #fff; 3045 font-weight: bold; 3046 line-height: 24px; 3047 white-space: nowrap 3048 } 3049 3050 .fancybox-title-outside-wrap { 3051 position: relative; 3052 margin-top: 10px; 3053 color: #fff 3054 } 3055 3056 .fancybox-title-inside-wrap { 3057 padding-top: 10px 3058 } 3059 3060 .fancybox-title-over-wrap { 3061 position: absolute; 3062 bottom: 0; 3063 left: 0; 3064 color: #fff; 3065 padding: 10px; 3066 background: #000; 3067 background: rgba(0,0,0,.8) 3068 } 3069 3070 @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) { 3071 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 3072 background-image: url('/modules/ci.sg.frontend/styles/fancybox/[email protected]'); 3073 background-size: 44px 152px 3074 } 3075 3076 #fancybox-loading div { 3077 background-image: url('/modules/ci.sg.frontend/styles/fancybox/[email protected]'); 3078 background-size: 24px 24px 3079 } 3080 } 3081 3082 .clearfix:after { 3083 content: ''; 3084 display: block; 3085 clear: both 3086 } 3087 3088 .ellipsis { 3089 white-space: nowrap; 3090 text-overflow: ellipsis; 3091 overflow: hidden 3092 } 3093 3094 .flex, .flex-top, .flex-middle, .flex-bottom, .flex-justify, .flex-center, .flex-end { 3095 display: -webkit-box; 3096 display: -ms-flexbox; 3097 display: flex; 3098 -ms-flex-wrap: wrap; 3099 flex-wrap: wrap 3100 } 3101 3102 .flex:before, .flex-top:before, .flex-middle:before, .flex-bottom:before, .flex-justify:before, .flex-center:before, .flex-end:before, .flex:after, .flex-top:after, .flex-middle:after, .flex-bottom:after, .flex-justify:after, .flex-center:after, .flex-end:after { 3103 display: none 3104 } 3105 3106 .flex-top { 3107 -webkit-box-align: start; 3108 -ms-flex-align: start; 3109 align-items: flex-start 3110 } 3111 3112 .flex-middle { 3113 -webkit-box-align: center; 3114 -ms-flex-align: center; 3115 align-items: center 3116 } 3117 3118 .flex-bottom { 3119 -webkit-box-align: end; 3120 -ms-flex-align: end; 3121 align-items: flex-end 3122 } 3123 3124 .flex-justify { 3125 -webkit-box-pack: justify; 3126 -ms-flex-pack: justify; 3127 justify-content: space-between 3128 } 3129 3130 .flex-center { 3131 -webkit-box-pack: center; 3132 -ms-flex-pack: center; 3133 justify-content: center 3134 } 3135 3136 .flex-end { 3137 -webkit-box-pack: end; 3138 -ms-flex-pack: end; 3139 justify-content: flex-end 3140 } 3141 3142 .print-only { 3143 display: none !important 3144 } 3145 3146 @media print { 3147 #wrapper { 3148 width: 100% !important; 3149 display: block !important; 3150 height: auto !important; 3151 min-height: 0 !important 3152 } 3153 3154 #wrapper .w1 { 3155 display: block !important; 3156 width: 100% !important 3157 } 3158 3159 * { 3160 -webkit-transition: none !important; 3161 transition: none !important; 3162 max-width: none !important; 3163 min-width: 0 !important; 3164 height: auto !important; 3165 page-break-inside: always; 3166 margin-top: 0 !important; 3167 overflow: hidden !important 3168 } 3169 3170 *.ci-viewport-section { 3171 opacity: 1 !important; 3172 visibility: visible !important; 3173 -webkit-transform: none !important; 3174 -ms-transform: none !important; 3175 transform: none !important 3176 } 3177 3178 *.ci-viewport-section > .ci-item-wrap { 3179 opacity: 1 !important; 3180 visibility: visible !important; 3181 -webkit-transform: none !important; 3182 -ms-transform: none !important; 3183 transform: none !important 3184 } 3185 3186 img { 3187 height: auto !important 3188 } 3189 3190 .print-only { 3191 display: block !important 3192 } 3193 3194 .container { 3195 display: block !important 3196 } 3197 3198 select { 3199 background: #fff !important 3200 } 3201 3202 .print-logo { 3203 width: 167px !important; 3204 margin-bottom: 30px !important 3205 } 3206 3207 .ci-img { 3208 border: none !important 3209 } 3210 3211 .btn, #header, #footer, .ci-sidebar, .breadcrumb, .slick-arrow, .ci-newsletter, .ci-share-this, .ci-header-wave, .ci-banner-wave, .ci-header-block, .ci-bg-slider, .ci-button, .ci-btn-wrap, .ci-slider-wrap, .ci-slick-dots, .ci-quick-links, .ci-side-box-image, .ci-notification-wrap, .ci-title-wrap .h5, .ci-filter-bar, .load-more, .ci-nav-opener { 3212 display: none !important 3213 } 3214 3215 .ci-call-to-action { 3216 color: #000 !important; 3217 padding: 0 !important; 3218 page-break-inside: avoid; 3219 margin-bottom: 0 !important 3220 } 3221 3222 .ci-call-to-action p { 3223 margin-bottom: 0 !important 3224 } 3225 3226 .ci-call-to-action .ci-bg-image { 3227 display: none !important 3228 } 3229 3230 #collapse_02 { 3231 display: block !important; 3232 height: auto !important 3233 } 3234 3235 .ci-upcoming-events { 3236 page-break-inside: avoid 3237 } 3238 3239 #main { 3240 padding: 0 !important 3241 } 3242 3243 .ci-event-list { 3244 padding: 0 !important; 3245 margin-bottom: 0 !important; 3246 border-top: 2px solid #000 !important 3247 } 3248 3249 .ci-event-list li { 3250 padding: 7px 0; 3251 font-size: 15px; 3252 line-height: 1.2; 3253 border-bottom: 2px solid #000 !important 3254 } 3255 3256 .ci-news-hold { 3257 display: block !important; 3258 height: auto !important; 3259 width: 100% !important 3260 } 3261 3262 .ci-news-hold .ci-news-wrap { 3263 font-size: 15px !important; 3264 line-height: 1.2 !important; 3265 display: block !important; 3266 padding: 10px 0 0 !important; 3267 width: calc(100% + 30px) !important; 3268 margin: 0 -15px !important 3269 } 3270 3271 .ci-news-hold .ci-news-wrap .ci-column { 3272 max-width: none !important; 3273 width: calc(33.33% - 3px) !important; 3274 display: inline-block !important; 3275 vertical-align: top !important; 3276 padding: 0 15px !important; 3277 margin: 0 0 12px !important 3278 } 3279 3280 .ci-news-hold .ci-news-wrap.ci-one-cols { 3281 margin: 0 -15px !important; 3282 width: calc(100% + 30px) !important 3283 } 3284 3285 .ci-news-hold .ci-news-wrap.ci-one-cols .ci-column { 3286 width: calc(33.33% - 3px) !important; 3287 display: inline-block !important; 3288 vertical-align: top !important; 3289 padding: 0 15px !important 3290 } 3291 3292 .ci-news-hold .ci-news-wrap.ci-one-cols .ci-column .ci-img, .ci-news-hold .ci-news-wrap.ci-one-cols .ci-column .ci-txt { 3293 width: 100% !important 3294 } 3295 3296 .ci-news-hold .ci-news-wrap.ci-two-cols { 3297 display: block !important; 3298 margin: 0 -15px !important; 3299 width: calc(100% + 30px) !important 3300 } 3301 3302 .ci-news-hold .ci-news-wrap.ci-two-cols .ci-column { 3303 width: calc(33.33% - 3px) !important; 3304 display: inline-block !important; 3305 vertical-align: top !important; 3306 padding: 0 15px !important; 3307 margin: 0 !important 3308 } 3309 3310 .ci-news-hold .ci-news-wrap.ci-two-cols .ci-column .ci-img, .ci-news-hold .ci-news-wrap.ci-two-cols .ci-column .ci-txt { 3311 width: 100% !important 3312 } 3313 3314 .ci-news-hold .ci-news-wrap .ci-txt { 3315 padding: 0 !important; 3316 margin: 0 !important; 3317 width: 100% !important; 3318 max-width: none !important 3319 } 3320 3321 .ci-news-hold .ci-news-wrap.ci-three-cols { 3322 margin: 0 -15px !important; 3323 width: calc(100% + 30px) !important 3324 } 3325 } 3326 3327 @media print and (max-width:1023px) { 3328 .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column:nth-child(3) { 3329 display: inline-block !important; 3330 vertical-align: top !important 3331 } 3332 } 3333 3334 @media print { 3335 .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column:nth-child(3) .ci-img, .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column:nth-child(3) .ci-txt { 3336 width: 100% !important 3337 } 3338 3339 .ci-news-hold .ci-news-wrap.ci-three-cols, .ci-news-hold .ci-news-wrap.ci-four-cols { 3340 display: block !important; 3341 margin: 0 -15px !important; 3342 width: calc(100% + 30px) !important 3343 } 3344 3345 .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column, .ci-news-hold .ci-news-wrap.ci-four-cols .ci-column { 3346 width: 30% !important; 3347 padding: 0 15px !important 3348 } 3349 3350 .ci-news-hold .ci-news-wrap .h4 { 3351 font-size: 18px !important 3352 } 3353 3354 .icon-angle-left, .icon-angle-right { 3355 display: none !important 3356 } 3357 3358 .ci-hero .ci-slick-slider { 3359 display: block !important; 3360 width: 100% !important 3361 } 3362 3363 .ci-hero .ci-slick-slider .slick-track, .ci-hero .ci-slick-slider .slick-list { 3364 -webkit-transform: none !important; 3365 -ms-transform: none !important; 3366 transform: none !important; 3367 width: 100% !important; 3368 display: block !important; 3369 height: auto !important 3370 } 3371 3372 .ci-hero .ci-slick-slider .ci-slide { 3373 height: auto !important 3374 } 3375 3376 .ci-hero .ci-slick-slider .ci-slide:not(.slick-active), .ci-hero .ci-slick-slider .ci-slide.slick-cloned { 3377 display: none !important 3378 } 3379 3380 .ci-hero .ci-slick-slider .slick-arrow.slick-prev, .ci-hero .ci-slick-slider .slick-arrow.slick-next { 3381 display: none !important; 3382 visibility: hidden !important 3383 } 3384 3385 .ci-hero .ci-slick-slider .ci-bg-image { 3386 background: none !important; 3387 position: static !important 3388 } 3389 3390 .ci-hero .ci-slick-slider .ci-bg-image img { 3391 width: 100% !important; 3392 height: auto !important; 3393 opacity: 1 !important; 3394 visibility: visible !important 3395 } 3396 3397 .ci-hero .ci-txt { 3398 height: auto !important; 3399 position: static !important; 3400 padding: 10px !important 3401 } 3402 3403 .ci-hero .ci-txt .ci-wrap { 3404 display: block !important 3405 } 3406 3407 .ci-two-columns { 3408 display: block 3409 } 3410 3411 .ci-two-columns .ci-img, .ci-two-columns .ci-txt { 3412 width: 100% 3413 } 3414 3415 .ci-announcements-wrap { 3416 display: block !important; 3417 width: 100% !important; 3418 padding: 5px 10px !important; 3419 border: none !important; 3420 page-break-inside: avoid; 3421 margin-bottom: 15px !important 3422 } 3423 3424 .ci-announcements-wrap .ci-announcements-list { 3425 border-top: 2px solid #000 !important 3426 } 3427 3428 .ci-announcements-wrap .ci-announcements-list li { 3429 min-height: 0; 3430 margin: 0 !important; 3431 padding: .8571em 0 !important; 3432 border-bottom: 2px solid #aaa !important 3433 } 3434 3435 .ci-announcements-wrap .ci-announcements-list li a { 3436 padding: 0 !important 3437 } 3438 3439 .ci-banner .ci-txt { 3440 font-size: 18px !important; 3441 line-height: 1.3 !important; 3442 padding-bottom: 5px !important 3443 } 3444 3445 .ci-banner p { 3446 margin-bottom: 10px !important 3447 } 3448 3449 .ci-opener { 3450 display: block; 3451 width: auto 3452 } 3453 3454 .ci-news-page { 3455 padding: 0 !important 3456 } 3457 3458 .ci-news-page .ci-news-wrap { 3459 display: block; 3460 padding: 20px 0 0 !important; 3461 font-size: 17px !important; 3462 line-height: 1.3 !important; 3463 margin: 0 -15px !important 3464 } 3465 3466 .ci-news-page .ci-news-wrap .ci-column { 3467 width: calc(33.33% - 5px) !important; 3468 display: inline-block; 3469 vertical-align: top; 3470 padding: 0 15px !important; 3471 margin: 0 0 20px !important 3472 } 3473 3474 .ci-news-page .ci-news-wrap .h4 { 3475 font-size: 20px !important 3476 } 3477 3478 #main, .ci-banner { 3479 padding: 0 !important; 3480 margin: 0 !important 3481 } 3482 3483 img { 3484 width: auto !important 3485 } 3486 3487 .ci-content-page, .ci-news-content { 3488 display: block !important; 3489 padding: 0 !important; 3490 width: 100% !important 3491 } 3492 3493 .ci-content-page img, .ci-news-content img { 3494 max-width: 740px !important 3495 } 3496 3497 .ci-two-col { 3498 margin-bottom: 0 !important 3499 } 3500 3501 .ci-two-col .ci-img-wrap { 3502 width: 100% !important 3503 } 3504 3505 .ci-two-col .ci-txt { 3506 margin: 0 !important; 3507 width: 100% !important; 3508 padding: 0 !important 3509 } 3510 } 3511 3512 #main .ci-viewmap a { 3513 position: relative; 3514 left: -3px; 3515 top: 3px; 3516 text-decoration: underline 3517 } 3518 3519 #main .ci-title h5 { 3520 color: #bf0000 3521 } 3522 3523 #main .ci-elementary address { 3524 font-size: 19px; 3525 margin-bottom: 9px; 3526 margin-top: 10px 3527 } 3528 3529 #main .ci-additional-numbers.ci-add-block dl { 3530 display: flex; 3531 justify-content: space-between 3532 } 3533</style> <style> 3534 .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { 3535 padding: 0; 3536 margin: 0; 3537 border: 0; 3538 outli
3538ne: none; 3539 vertical-align: top 3540 } 3541 3542 .fancybox-wrap { 3543 position: absolute; 3544 top: 0; 3545 left: 0; 3546 z-index: 8020 3547 } 3548 3549 .fancybox-skin { 3550 position: relative; 3551 background: #f9f9f9; 3552 color: #444; 3553 text-shadow: none; 3554 -webkit-border-radius: 4px; 3555 -moz-border-radius: 4px; 3556 border-radius: 4px 3557 } 3558 3559 .fancybox-opened { 3560 z-index: 8030 3561 } 3562 3563 .fancybox-opened .fancybox-skin { 3564 -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5); 3565 -moz-box-shadow: 0 10px 25px rgba(0,0,0,.5); 3566 box-shadow: 0 10px 25px rgba(0,0,0,.5) 3567 } 3568 3569 .fancybox-outer, .fancybox-inner { 3570 position: relative 3571 } 3572 3573 .fancybox-inner { 3574 overflow: hidden 3575 } 3576 3577 .fancybox-type-iframe .fancybox-inner { 3578 -webkit-overflow-scrolling: touch 3579 } 3580 3581 .fancybox-error { 3582 color: #444; 3583 font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 3584 margin: 0; 3585 padding: 15px; 3586 white-space: nowrap 3587 } 3588 3589 .fancybox-image, .fancybox-iframe { 3590 display: block; 3591 width: 100%; 3592 height: 100% 3593 } 3594 3595 .fancybox-image { 3596 max-width: 100%; 3597 max-height: 100% 3598 } 3599 3600 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 3601 background-image: url('/modules/ci.sg.frontend/styles/fancybox/fancybox_sprite.png') 3602 } 3603 3604 #fancybox-loading { 3605 position: fixed; 3606 top: 50%; 3607 left: 50%; 3608 margin-top: -22px; 3609 margin-left: -22px; 3610 background-position: 0 -108px; 3611 opacity: .8; 3612 cursor: pointer; 3613 z-index: 8060 3614 } 3615 3616 #fancybox-loading div { 3617 width: 44px; 3618 height: 44px; 3619 background: url('/modules/ci.sg.frontend/styles/fancybox/fancybox_loading.gif') center center no-repeat 3620 } 3621 3622 .fancybox-close { 3623 position: absolute; 3624 top: -18px; 3625 right: -18px; 3626 width: 36px; 3627 height: 36px; 3628 cursor: pointer; 3629 z-index: 8040 3630 } 3631 3632 .fancybox-nav { 3633 position: absolute; 3634 top: 0; 3635 width: 40%; 3636 height: 100%; 3637 cursor: pointer; 3638 text-decoration: none; 3639 background: transparent url('/modules/ci.sg.frontend/styles/fancybox/blank.gif'); 3640 -webkit-tap-highlight-color: rgba(0,0,0,0); 3641 z-index: 8040 3642 } 3643 3644 .fancybox-prev { 3645 left: 0 3646 } 3647 3648 .fancybox-next { 3649 right: 0 3650 } 3651 3652 .fancybox-nav span { 3653 position: absolute; 3654 top: 50%; 3655 width: 36px; 3656 height: 34px; 3657 margin-top: -18px; 3658 cursor: pointer; 3659 z-index: 8040; 3660 visibility: hidden 3661 } 3662 3663 .fancybox-prev span { 3664 left: 10px; 3665 background-position: 0 -36px 3666 } 3667 3668 .fancybox-next span { 3669 right: 10px; 3670 background-position: 0 -72px 3671 } 3672 3673 .fancybox-nav:hover span { 3674 visibility: visible 3675 } 3676 3677 .fancybox-tmp { 3678 position: absolute; 3679 top: -99999px; 3680 left: -99999px; 3681 visibility: hidden; 3682 max-width: 99999px; 3683 max-height: 99999px; 3684 overflow: visible !important 3685 } 3686 3687 .fancybox-lock { 3688 overflow: hidden !important; 3689 width: auto 3690 } 3691 3692 .fancybox-lock body { 3693 overflow: hidden !important 3694 } 3695 3696 .fancybox-lock-test { 3697 overflow-y: hidden !important 3698 } 3699 3700 .fancybox-overlay { 3701 position: absolute; 3702 top: 0; 3703 left: 0; 3704 overflow: hidden; 3705 display: none; 3706 z-index: 8010; 3707 background: url('/modules/ci.sg.frontend/styles/fancybox/fancybox_overlay.png') 3708 } 3709 3710 .fancybox-overlay-fixed { 3711 position: fixed; 3712 bottom: 0; 3713 right: 0 3714 } 3715 3716 .fancybox-lock .fancybox-overlay { 3717 overflow: auto;
3718 overflow-y: scroll 3719 } 3720 3721 .fancybox-title { 3722 visibility: hidden; 3723 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; 3724 position: relative; 3725 text-shadow: none; 3726 z-index: 8050 3727 } 3728 3729 .fancybox-opened .fancybox-title { 3730 visibility: visible 3731 } 3732 3733 .fancybox-title-float-wrap { 3734 position: absolute; 3735 bottom: 0; 3736 right: 50%; 3737 margin-bottom: -35px; 3738 z-index: 8050; 3739 text-align: center 3740 } 3741 3742 .fancybox-title-float-wrap .child { 3743 display: inline-block; 3744 margin-right: -100%; 3745 padding: 2px 20px; 3746 background: transparent; 3747 background: rgba(0,0,0,.8); 3748 -webkit-border-radius: 15px; 3749 -moz-border-radius: 15px; 3750 border-radius: 15px; 3751 text-shadow: 0 1px 2px #222; 3752 color: #fff; 3753 font-weight: bold; 3754 line-height: 24px; 3755 white-space: nowrap 3756 } 3757 3758 .fancybox-title-outside-wrap { 3759 position: relative; 3760 margin-top: 10px; 3761 color: #fff 3762 } 3763 3764 .fancybox-title-inside-wrap { 3765 padding-top: 10px 3766 } 3767 3768 .fancybox-title-over-wrap { 3769 position: absolute; 3770 bottom: 0; 3771 left: 0; 3772 color: #fff; 3773 padding: 10px; 3774 background: #000; 3775 background: rgba(0,0,0,.8) 3776 } 3777 3778 @media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) { 3779 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { 3780 background-image: url('/modules/ci.sg.frontend/styles/fancybox/[email protected]'); 3781 background-size: 44px 152px 3782 } 3783 3784 #fancybox-loading div { 3785 background-image: url('/modules/ci.sg.frontend/styles/fancybox/[email protected]'); 3786 background-size: 24px 24px 3787 } 3788 } 3789 3790 .clearfix:after { 3791 content: ''; 3792 display: block; 3793 clear: both 3794 } 3795 3796 .ellipsis { 3797 white-space: nowrap; 3798 text-overflow: ellipsis; 3799 overflow: hidden 3800 } 3801 3802 .flex, .flex-top, .flex-middle, .flex-bottom, .flex-justify, .flex-center, .flex-end { 3803 display: -webkit-box; 3804 display: -ms-flexbox; 3805 display: flex; 3806 -ms-flex-wrap: wrap; 3807 flex-wrap: wrap 3808 } 3809 3810 .flex:before, .flex-top:before, .flex-middle:before, .flex-bottom:before, .flex-justify:before, .flex-center:before, .flex-end:before, .flex:after, .flex-top:after, .flex-middle:after, .flex-bottom:after, .flex-justify:after, .flex-center:after, .flex-end:after { 3811 display: none 3812 } 3813 3814 .flex-top { 3815 -webkit-box-align: start; 3816 -ms-flex-align: start; 3817 align-items: flex-start 3818 } 3819 3820 .flex-middle { 3821 -webkit-box-align: center; 3822 -ms-flex-align: center; 3823 align-items: center 3824 } 3825 3826 .flex-bottom { 3827 -webkit-box-align: end; 3828 -ms-flex-align: end; 3829 align-items: flex-end 3830 } 3831 3832 .flex-justify { 3833 -webkit-box-pack: justify; 3834 -ms-flex-pack: justify; 3835 justify-content: space-between 3836 } 3837 3838 .flex-center { 3839 -webkit-box-pack: center; 3840 -ms-flex-pack: center; 3841 justify-content: center 3842 } 3843 3844 .flex-end { 3845 -webkit-box-pack: end; 3846 -ms-flex-pack: end; 3847 justify-content: flex-end 3848 } 3849 3850 .print-only { 3851 display: none !important 3852 } 3853 3854 @media print { 3855 #wrapper { 3856 width: 100% !important; 3857 display: block !important; 3858 height: auto !important; 3859 min-height: 0 !important 3860 } 3861 3862 #wrapper .w1 { 3863 display: block !important; 3864 width: 100% !important 3865 } 3866 3867 * { 3868 -webkit-transition: none !important; 3869 transition: none !important; 3870 max-width: none !important; 3871 min-width: 0 !important; 3872 height: auto !important; 3873 page-break-inside: always; 3874 margin-top: 0 !important; 3875 overflow: hidden !important 3876 } 3877 3878 *.ci-viewport-section { 3879 opacity: 1 !important; 3880 visibility: visible !important; 3881 -webkit-transform: none !important; 3882 -ms-transform: none !important; 3883 transform: none !important 3884 } 3885 3886 *.ci-viewport-section > .ci-item-wrap { 3887 opacity: 1 !important; 3888 visibility: visible !important; 3889 -webkit-transform: none !important; 3890 -ms-transform: none !important; 3891 transform: none !important 3892 } 3893 3894 img { 3895 height: auto !important 3896 } 3897 3898 .print-only { 3899 display: block !important 3900 } 3901 3902 .container { 3903 display: block !important 3904 } 3905 3906 select { 3907 background: #fff !important 3908 } 3909 3910 .print-logo { 3911 width: 167px !important; 3912 margin-bottom: 30px !important 3913 } 3914 3915 .ci-img { 3916 border: none !important 3917 } 3918 3919 .btn, #header, #footer, .ci-sidebar, .breadcrumb, .slick-arrow, .ci-newsletter, .ci-share-this, .ci-header-wave, .ci-banner-wave, .ci-header-block, .ci-bg-slider, .ci-button, .ci-btn-wrap, .ci-slider-wrap, .ci-slick-dots, .ci-quick-links, .ci-side-box-image, .ci-notification-wrap, .ci-title-wrap .h5, .ci-filter-bar, .load-more, .ci-nav-opener { 3920 display: none !important 3921 } 3922 3923 .ci-call-to-action { 3924 color: #000 !important; 3925 padding: 0 !important; 3926 page-break-inside: avoid; 3927 margin-bottom: 0 !important 3928 } 3929 3930 .ci-call-to-action p { 3931 margin-bottom: 0 !important 3932 } 3933 3934 .ci-call-to-action .ci-bg-image { 3935 display: none !important 3936 } 3937 3938 #collapse_02 { 3939 display: block !important; 3940 height: auto !important 3941 } 3942 3943 .ci-upcoming-events { 3944 page-break-inside: avoid 3945 } 3946 3947 #main { 3948 padding: 0 !important 3949 } 3950 3951 .ci-event-list { 3952 padding: 0 !important; 3953 margin-bottom: 0 !important; 3954 border-top: 2px solid #000 !important 3955 } 3956 3957 .ci-event-list li { 3958 padding: 7px 0; 3959 font-size: 15px; 3960 line-height: 1.2; 3961 border-bottom: 2px solid #000 !important 3962 } 3963 3964 .ci-news-hold { 3965 display: block !important; 3966 height: auto !important; 3967 width: 100% !important 3968 } 3969 3970 .ci-news-hold .ci-news-wrap { 3971 font-size: 15px !important; 3972 line-height: 1.2 !important; 3973 display: block !important; 3974 padding: 10px 0 0 !important; 3975 width: calc(100% + 30px) !important; 3976 margin: 0 -15px !important 3977 } 3978 3979 .ci-news-hold .ci-news-wrap .ci-column { 3980 max-width: none !important; 3981 width: calc(33.33% - 3px) !important; 3982 display: inline-block !important; 3983 vertical-align: top !important; 3984 padding: 0 15px !important; 3985 margin: 0 0 12px !important 3986 } 3987 3988 .ci-news-hold .ci-news-wrap.ci-one-cols { 3989 margin: 0 -15px !important; 3990 width: calc(100% + 30px) !important 3991 } 3992 3993 .ci-news-hold .ci-news-wrap.ci-one-cols .ci-column { 3994 width: calc(33.33% - 3px) !important; 3995 display: inline-block !important; 3996 vertical-align: top !important; 3997 padding: 0 15px !important 3998 } 3999 4000 .ci-news-hold .ci-news-wrap.ci-one-cols .ci-column .ci-img, .ci-news-hold .ci-news-wrap.ci-one-cols .ci-column .ci-txt { 4001 width: 100% !important 4002 } 4003 4004 .ci-news-hold .ci-news-wrap.ci-two-cols { 4005 display: block !important; 4006 margin: 0 -15px !important; 4007 width: calc(100% + 30px) !important 4008 } 4009 4010 .ci-news-hold .ci-news-wrap.ci-two-cols .ci-column { 4011 width: calc(33.33% - 3px) !important; 4012 display: inline-block !important; 4013 vertical-align: top !important; 4014 padding: 0 15px !important; 4015 margin: 0 !important 4016 } 4017 4018 .ci-news-hold .ci-news-wrap.ci-two-cols .ci-column .ci-img, .ci-news-hold .ci-news-wrap.ci-two-cols .ci-column .ci-txt { 4019 width: 100% !important 4020 } 4021 4022 .ci-news-hold .ci-news-wrap .ci-txt { 4023 padding: 0 !important; 4024 margin: 0 !important; 4025 width: 100% !important; 4026 max-width: none !important 4027 } 4028 4029 .ci-news-hold .ci-news-wrap.ci-three-cols { 4030 margin: 0 -15px !important; 4031 width: calc(100% + 30px) !important 4032 } 4033 } 4034 4035 @media print and (max-width:1023px) { 4036 .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column:nth-child(3) { 4037 display: inline-block !important; 4038 vertical-align: top !important 4039 } 4040 } 4041 4042 @media print { 4043 .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column:nth-child(3) .ci-img, .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column:nth-child(3) .ci-txt { 4044 width: 100% !important 4045 } 4046 4047 .ci-news-hold .ci-news-wrap.ci-three-cols, .ci-news-hold .ci-news-wrap.ci-four-cols { 4048 display: block !important; 4049 margin: 0 -15px !important; 4050 width: calc(100% + 30px) !important 4051 } 4052 4053 .ci-news-hold .ci-news-wrap.ci-three-cols .ci-column, .ci-news-hold .ci-news-wrap.ci-four-cols .ci-column { 4054 width: 30% !important; 4055 padding: 0 15px !important 4056 } 4057 4058 .ci-news-hold .ci-news-wrap .h4 { 4059 font-size: 18px !important 4060 } 4061 4062 .icon-angle-left, .icon-angle-right { 4063 display: none !important 4064 } 4065 4066 .ci-hero .ci-slick-slider { 4067 display: block !important; 4068 width: 100% !important 4069 } 4070 4071 .ci-hero .ci-slick-slider .slick-track, .ci-hero .ci-slick-slider .slick-list { 4072 -webkit-transform: none !important; 4073 -ms-transform: none !important; 4074 transform: none !important; 4075 width: 100% !important; 4076 display: block !important; 4077 height: auto !important 4078 } 4079 4080 .ci-hero .ci-slick-slider .ci-slide { 4081 height: auto !important 4082 } 4083 4084 .ci-hero .ci-slick-slider .ci-slide:not(.slick-active), .ci-hero .ci-slick-slider .ci-slide.slick-cloned { 4085 display: none !important 4086 } 4087 4088 .ci-hero .ci-slick-slider .slick-arrow.slick-prev, .ci-hero .ci-slick-slider .slick-arrow.slick-next { 4089 display: none !important; 4090 visibility: hidden !important 4091 } 4092 4093 .ci-hero .ci-slick-slider .ci-bg-image { 4094 background: none !important; 4095 position: static !important 4096 } 4097 4098 .ci-hero .ci-slick-slider .ci-bg-image img { 4099 width: 100% !important; 4100 height: auto !important; 4101 opacity: 1 !important; 4102 visibility: visible !important 4103 } 4104 4105 .ci-hero .ci-txt { 4106 height: auto !important; 4107 position: static !important; 4108 padding: 10px !important 4109 } 4110 4111 .ci-hero .ci-txt .ci-wrap { 4112 display: block !important 4113 } 4114 4115 .ci-two-columns { 4116 display: block 4117 } 4118 4119 .ci-two-columns .ci-img, .ci-two-columns .ci-txt { 4120 width: 100% 4121 } 4122 4123 .ci-announcements-wrap { 4124 display: block !important; 4125 width: 100% !important; 4126 padding: 5px 10px !important; 4127 border: none !important; 4128 page-break-inside: avoid; 4129 margin-bottom: 15px !important 4130 } 4131 4132 .ci-announcements-wrap .ci-announcements-list { 4133 border-top: 2px solid #000 !important 4134 } 4135 4136 .ci-announcements-wrap .ci-announcements-list li { 4137 min-height: 0; 4138 margin: 0 !important; 4139 padding: .8571em 0 !important; 4140 border-bottom: 2px solid #aaa !important 4141 } 4142 4143 .ci-announcements-wrap .ci-announcements-list li a { 4144 padding: 0 !important 4145 } 4146 4147 .ci-banner .ci-txt { 4148 font-size: 18px !important; 4149 line-height: 1.3 !important; 4150 padding-bottom: 5px !important 4151 } 4152 4153 .ci-banner p { 4154 margin-bottom: 10px !important 4155 } 4156 4157 .ci-opener { 4158 display: block; 4159 width: auto 4160 } 4161 4162 .ci-news-page { 4163 padding: 0 !important 4164 } 4165 4166 .ci-news-page .ci-news-wrap { 4167 display: block; 4168 padding: 20px 0 0 !important; 4169 font-size: 17px !important; 4170 line-height: 1.3 !important; 4171 margin: 0 -15px !important 4172 } 4173 4174 .ci-news-page .ci-news-wrap .ci-column { 4175 width: calc(33.33% - 5px) !important; 4176 display: inline-block; 4177 vertical-align: top; 4178 padding: 0 15px !important; 4179 margin: 0 0 20px !important 4180 } 4181 4182 .ci-news-page .ci-news-wrap .h4 { 4183 font-size: 20px !important 4184 } 4185 4186 #
4186main, .ci-banner { 4187 padding: 0 !important; 4188 margin: 0 !important 4189 } 4190 4191 img { 4192 width: auto !important 4193 } 4194 4195 .ci-content-page, .ci-news-content { 4196 display: block !important; 4197 padding: 0 !important; 4198 width: 100% !important 4199 } 4200 4201 .ci-content-page img, .ci-news-content img { 4202 max-width: 740px !important 4203 } 4204 4205 .ci-two-col { 4206 margin-bottom: 0 !important 4207 } 4208 4209 .ci-two-col .ci-img-wrap { 4210 width: 100% !important 4211 } 4212 4213 .ci-two-col .ci-txt { 4214 margin: 0 !important; 4215 width: 100% !important; 4216 padding: 0 !important 4217 } 4218 } 4219 4220 #main .ci-viewmap a { 4221 position: relative; 4222 left: -3px; 4223 top: 3px; 4224 text-decoration: underline 4225 } 4226 4227 #main .ci-title h5 { 4228 color: #bf0000 4229 } 4230 4231 #main .ci-elementary address { 4232 font-size: 19px; 4233 margin-bottom: 9px; 4234 margin-top: 10px 4235 } 4236 4237 #main .ci-additional-numbers.ci-add-block dl { 4238 display: flex; 4239 justify-content: space-between 4240 } 4241 </style> <!--##FooterEnd-->
4241<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-PGMW4N6"></script>
4241
4241<script> 4242 window.dataLayer = window.dataLayer || []; 4243 function gtag(){dataLayer.push(arguments);} 4244 gtag('js', new Date()); 4245 4246 gtag('config', 'GTM-PGMW4N6'); 4247 </script>
4247
4247<script>if (!!window._ci_jq_loaded) { window._ci_jq_loaded.forEach(function (f) { f(jQuery); }); }</script>
4247 <div id="cisbcssholder"></div> <div class="ciHidden"> <span id="uwGoogleTranslate" title="Google Translateâ¢"><span id='google_translate_element'></span></span> </div> <div class="print-only" style="padding-left:20px;margin-top:-20px!important;"><span>School District No.36 (Surrey)</span></div>
4247<script type='text/javascript'> 4248 4249var Countly = Countly || {};Countly.q = Countly.q || []; 4250Countly.app_key = '7b28e3523c4baa8929170eb9eeee4e54f5a1c1b3'; 4251Countly.url = 'https://analytics.schoolbundle365.com'; 4252Countly.q.push(['track_sessions']); 4253Countly.q.push(['track_pageview']); 4254Countly.q.push(['track_clicks']); 4255Countly.q.push(['track_scrolls']); 4256Countly.q.push(['track_links']); 4257Countly.q.push(['track_forms']); 4258Countly.q.push(['collect_from_forms']); 4259 4260Countly.q.push(['add_event', { 4261 "key": window._ci.siteId +"_page_view", // ä¸é¨ä¸ºè¯¥å¦æ ¡å建çäºä»¶é®å 4262 "count": 1, 4263 "segmentation": { 4264 "url": location.href, 4265 "title": window._ci.title 4266 } 4267}]); 4268 4269(function() { 4270 if(location.host.toLowerCase().indexOf('.schoolbundle.ca')>0) return 4271 4272 var cly = document.createElement('script'); cly.type = 'text/javascript'; 4273 cly.async = true; 4274 cly.src = 'https://analytics.schoolbundle365.com/sdk/web/countly.min.js'; 4275 cly.onload = function(){Countly.init()}; 4276 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cly, s); 4277})(); 4278</script>
4278 </body> </html>
4278<script type="text/javascript"> 4279 $(function () { 4280 if ($("#ciNavBread li").first().hasClass("active")) { 4281 $("#ciNavBread li").first().removeClass("active") 4282 } 4283 4284 if ($("#wrapper .ci-cta").length==2) { 4285 $("#wrapper .ci-cta:first-child").css("display", "none"); 4286 } 4287 4288 if ($("#footer .print-info").children().length == 1) { 4289 $("body .sec-school-site #footer .ci-links").css("margin-top", "0px") 4290 } 4291 4292 $('.fr-view table').wrap('<div></div>'); 4293 $('.fr-view iframe').wrap('<div></div>'); 4294 $('.fr-view table').parent().css("overflow-x", "auto"); 4295 $('.fr-view iframe').parent().css("overflow-x", "auto"); 4296 }) 4297</script>
4297
4297<script type='text/javascript'> 4298 window.onload = function () { 4299 if ($("#wrapper .ci-cta").length == 2) { 4300 $("#wrapper .ci-cta:first-child").css("display", "none"); 4301 } 4302 if ($("#wrapper .alert.alert-primary").length>0) { 4303 $("html").animate({ scrollTop: 0 }); 4304 } 4305/* 4306 if ($("#thmr #wrapper #header .ci-header-top .container .ci-social-networks li").length == 0) { 4307 $("body .school-site .ci-header-top .ci-logo").css("margin-top", "-27px"); 4308 $("body .sec-school-site .ci-header-top .ci-logo").css("margin-top", "-27px") 4309 }*/ 4310 4311 var url = document.URL; 4312 var isAllPrograms = url.indexOf("all-programs") > -1 4313 var isFirefox = navigator.userAgent.indexOf("Firefox") > 0 4314 var isPC = IsPC(); 4315 if (isFirefox) { 4316 $(".item_pro .event-opener").css("pointer-events", "unset"); 4317 } 4318 window.onclick = function (e) { 4319 var e = e || window.event; 4320 4321 if (isAllPrograms && isPC) { 4322 var ite = isFirefox ? $(e.target).parent().parent().parent().attr('name') : $(e.target).children().attr('name'); 4323 4324 if (isFirefox) { 4325 var finalDom = $(e.target).parent().parent().parent(); 4326 if ($(finalDom).is('.event-slide') || $(finalDom).is('.event-slide *')) { 4327 if (ite == 'hide_eventDetil') { 4328 $(".event-active").removeClass("event-active"); 4329 } 4330 } 4331 else { 4332 if (ite == 'event_detile') { 4333 var a = $(finalDom).data('idx'); 4334 $(".event-active").removeClass("event-active"); 4335 $(finalDom).parent().parent().parent().addClass("event-active"); 4336 $("#evtpopup-" + a).addClass('event-active'); 4337 } 4338 else if ($(finalDom).is('.ci-events-slider .slick-track .event-opener.click-active *')) { 4339 4340 } 4341 else { 4342 $(".event-active").removeClass("event-active"); 4343 } 4344 } 4345 } 4346 else { 4347 if ($(e.target).children().is('.event-slide') || $(e.target).children().is('.event-slide *')) { 4348 if (ite == 'hide_eventDetil') { 4349 $(".event-active").removeClass("event-active"); 4350 } 4351 } 4352 else { 4353 if (ite == 'event_detile') { 4354 var a = $(e.target).children().data('idx'); 4355 $(".event-active").removeClass("event-active"); 4356 $(e.target).children().parent().parent().parent().addClass("event-active"); 4357 $("#evtpopup-" + a).addClass('event-active'); 4358 } 4359 else if ($(e.target).is('.ci-events-slider .slick-track .event-opener.click-active *')) { 4360 4361 } 4362 else { 4363 $(".event-active").removeClass("event-active"); 4364 } 4365 } 4366 } 4367 } 4368 else { 4369 var ite = $(e.target).attr('name'); 4370 if ($(e.target).is('.event-slide') || $(e.target).is('.event-slide *')) { 4371 if (ite == 'hide_eventDetil') { 4372 $(".event-active").removeClass("event-active"); 4373 } 4374 } 4375 else { 4376 if (ite == 'event_detile') { 4377 var a = $(e.target).data('idx'); 4378 $(".event-active").removeClass("event-active"); 4379 $(e.target).parent().parent().parent().addClass("event-active"); 4380 $("#evtpopup-" + a).addClass('event-active'); 4381 } 4382 else if ($(e.target).is('.ci-events-slider .slick-track .event-opener.click-active *')) { 4383 4384 } 4385 else { 4386 $(".event-active").removeClass("event-active"); 4387 } 4388 } 4389 } 4390 } 4391 function IsPC() { 4392 var userAgentInfo = navigator.userAgent; 4393 var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); 4394 var flag = true; 4395 for (var v = 0; v < Agents.length; v++) { 4396 if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } 4397 } 4398 return flag; 4399 } 4400 } 4401</script>
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.