1 2<!DOCTYPE html> 3<!--[if lt IE 7]> <html id="sys_background" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 4<!--[if IE 7]> <html id="sys_background" class="no-js lt-ie9 lt-ie8"> <![endif]--> 5<!--[if IE 8]> <html id="sys_background" class="no-js lt-ie9"> <![endif]--> 6<!--[if gt IE 8]><!--> <html id="sys_background" class="no-js"> <!--<![endif]--> 7 <head> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <link rel="stylesheet" href="templates/Vertigo/resources/css/typography.css"> 10 <link rel="stylesheet" href="templates/Vertigo/resources/css/less.build.css"> 11 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 12 13 14<title></title> 15 16 17 18<meta name="description" content="" /> 19<meta name="keywords" content="" /> 20 21 <link href="resources/Photoxpress_8225839.jpg" rel="shortcut icon" type="image/x-icon" /> 22 <link href="resources/Photoxpress_8225839.jpg" rel="icon" type="image/x-icon" /> 23 24 25 26 27 <style type="text/css" id="styleCSS"> 28 html { 29 font-size: 16px; 30 height: 100%; 31 width: 100%; 32 display: table; 33 34 background-repeat: no-repeat; 35 background-attachment: fixed; 36 background-position: center right; 37 background-size: cover; 38 background-color: #080606; 39 40} 41body { 42 height: 100%; 43 margin:0; 44 45} 46 47/* IOS devices 'bgd-att: fixed' solution */ 48@media only screen and (max-device-width: 1366px) { 49 .bgd-attachment-fixed { 50 background-image: none; 51 } 52 .bgd-attachment-fixed:after { 53 content: ''; 54 position: fixed; 55 top: 0; 56 left: 0; 57 right: 0; 58 width: 100%; 59 height: 100%; 60 61 background-repeat: no-repeat; 62 background-position: center right; 63 background-size: cover; 64 z-index: -2; 65 } 66} 67 68.Text_2_Default, 69#yola_heading_block { 70 word-wrap: break-word; 71} 72 73.outer-wrap { 74 position: relative; 75 width:100%; 76 overflow:hidden; 77 height: 100%; 78 display: table; 79} 80.inner-wrap { 81 position: relative; 82 display: table-cell; 83 width:100%; 84 vertical-align: middle; 85} 86.side-bar { 87 position:absolute; 88 min-height:100%; 89 top:0; 90 overflow-x: hidden; 91 overflow-y: visible; 92 width:220px; 93 padding-top:2.5rem; 94 padding-right: 0.6rem; 95 padding-bottom: 2.5rem; 96 padding-left: 0.6rem; 97 background-color: #ffffff; 98 zoom: 1; /* hasLayout */ 99 background: transparent\9; 100 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#d9ffffff'); /* IE 6 & 7 */ 101 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#d9ffffff')"; /* IE 8+ */ 102 background-color: rgba(255,255,255,0.85); 103} 104.side-bar.fixed { 105 position:fixed; 106} 107div.sidebar-left .side-bar { 108 left:0; 109} 110div.sidebar-right .side-bar { 111 right:0; 112} 113.side-bar h1 { 114 margin:0; 115 text-align: center; 116} 117.side-bar nav { 118 text-align: center; 119 padding:0.6rem 0 120} 121ul.sys_navigation { 122 margin: 0; 123 padding: 0; 124} 125ul.sys_navigation li { 126 display: block; 127 list-style-type: none; 128 margin:0.8rem 0 0 0; 129} 130ul.sys_navigation li a{ 131 text-decoration: none; 132} 133.content-wrapper { 134 display: block; 135 136 padding-right: 0rem; 137 138 padding-left: 0rem; 139} 140div.sidebar-left .content-wrapper { 141 margin-left: calc(220px + 0.6rem + 0.6rem); 142} 143div.sidebar-right .content-wrapper { 144 margin-right: calc(220px + 0.6rem + 0.6rem); 145} 146.content-inner-wrapper { 147 margin:0 auto; 148 149 150} 151.content-innermost-wrapper { 152 margin:0 auto; 153 max-width: 1020px; 154 155 156 157 158} 159 160.yola_site_logo { 161 max-width:220px; 162 163} 164#sys_heading.yola_hide_logo img { 165 display:none; 166} 167#sys_heading.yola_hide_logo span { 168 display:inline; 169} 170a#sys_heading.yola_show_logo { 171 font-size:14px; 172} 173#sys_heading.yola_show_logo img { 174 display:inline; 175} 176#sys_heading.yola_show_logo span { 177 display:none; 178} 179.yola_site_tagline { 180 padding-top:0px; 181 padding-bottom:0px; 182 font-family: 'Droid Sans'; 183 font-size: 1.3rem; 184 color: #333333; 185 text-decoration: none; 186 187 188 text-transform: uppercase; 189 text-align: center; 190} 191.yola_site_tagline span { 192 display: inline-block; 193 padding-top: 1.3rem; 194 195 196 197 198} 199 200.yola_banner_wrap { 201 background-attachment: scroll; 202 text-align: center; 203 margin: 0 auto; 204 background-position: center center; 205 background-size: auto; 206 background-repeat: no-repeat; 207 208 209 height: 150px; 210} 211.yola_inner_banner_wrap { 212 width:100%; 213 height:100%; 214 215} 216 217.sys_yola_form .submit, 218.sys_yola_form input.text, 219.sys_yola_form input.email, 220.sys_yola_form input.tel, 221.sys_yola_form input.url, 222.sys_yola_form textarea { 223 font-family: 'Droid Serif'; 224 font-size: 1.3rem; 225 226 227 228} 229 230div.sys_yola_form { 231 padding:0 !important; 232} 233 234div.sys_yola_form form { 235 margin:0 !important; 236 padding:0 !important; 237} 238 239.sys_layout blockquote { 240 border-color: #f0eee7;; 241 242 243 244 245 246 247 font-style: italic; 248 249} 250 251 252.new-text-widget img, .old_text_widget img { 253 max-width: 100%; 254} 255/* A rendered screen width <= 768px includes tablets in portrait mode. 256 * Everything smaller than 768px will have the following styles applied. 257 */ 258@media only screen and (max-width: 768px) { 259 html { 260 font-size: 80%; 261 } 262 263 #sys_heading { 264 word-wrap: break-word; 265 word-break: break-word; 266 } 267} 268 269/* Mobile Menu */ 270 271.mob_menu { 272 display: none; 273} 274 275 276@media only screen and (max-width : 768px) { 277 .small_device_hide { 278 opacity: 0; 279 } 280 281 #sys_navigation { 282 display: none; 283 } 284 285 .new-text-widget img, .old_text_widget img { 286 height: auto; 287 } 288 289 /* Make side-bar the top-bar */ 290 .side-bar { 291 position: static; 292 width: 100%; 293 max-width: 100vw; 294 height: auto; 295 min-height: 0; 296 padding: 1.5rem 0 1.5rem 0; 297 } 298 299 .side-bar:after { 300 clear: both; 301 } 302 303 .side-bar.fixed { 304 position: static; 305 } 306 307 .side-bar nav { 308 padding: 0; 309 } 310 311 .side_bar_menu_open { 312 background: transparent; 313 } 314 315 /* Reposition heading_block */ 316 #yola_heading_block { 317 float: left; 318 margin-left: 1.5rem; 319 max-width: 60% 320 } 321 322 #yola_heading_block h1 { 323 text-align: left; 324 } 325 326 #yola_heading_block h2 { 327 text-align: left; 328 margin-bottom: 10px; 329 } 330
331 /* Limit logo width */ 332 #yola_heading_block img { 333 max-width: 100px; 334 } 335 336 /* Remove margins on content wrapper */ 337 div.sidebar-left .content-wrapper, 338 div.sidebar-right .content-wrapper{ 339 margin: 0; 340 } 341 342 /* Converts wraps to display:block; */ 343 .outer-wrap { 344 display: block; 345 overflow-y: auto; 346 max-width: 100vw; 347 height: auto; 348 } 349 350 .inner-wrap { 351 display: block; 352 min-height: 100%; 353 } 354 355 /* Make column dividers stack together */ 356 body .column_divider .left, body .column_divider .right { 357 width: 100%; 358 padding-left: 0; 359 padding-right: 0; 360 margin-right: 0; 361 margin-left: 0; 362 } 363 364 /* Make all image widgets center aligned */ 365 .Image_Default img { 366 display: block; 367 margin: 0 auto; 368 } 369 370 /* Center button widgets in column dividers */ 371 .column_divider .sys_button { 372 text-align: center; 373 } 374 375 376 /* Limit iframes' width to 100% */ 377 .inner-wrap iframe { 378 max-width: 100%; 379 } 380 381 /* Reduce logo max-width */ 382 .yola_site_logo { 383 max-width: 150px; 384 } 385 386 /* Mobile Menu */ 387 .mob_menu { 388 display: block; 389 float: right; 390 width: 30%; 391 z-index: 1; 392 } 393 394 .mob_menu a:visited { 395 color: #fff; 396 } 397 398 .mob_menu.menu_open { 399 position: fixed; 400 width: 100%; 401 height: 100%; 402 overflow-y: scroll; 403 min-height: 100%; 404 margin: 0; 405 top: 0; 406 left: 0; 407 right: 0; 408 background-color: #ffffff; 409 zoom: 1; /* hasLayout */ 410 background: transparent\9; 411 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#d9ffffff'); /* IE 6 & 7 */ 412 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#d9ffffff')"; /* IE 8+ */ 413 background-color: rgba(255,255,255,0.85);; 414 } 415 416 .mob_menu_overlay { 417 display: none; 418 text-transform: uppercase; 419 } 420 421 .menu_open .mob_menu_overlay { 422 display: block; 423 } 424 425 .mob_menu_toggle { 426 display: block; 427 text-align: right; 428 padding-right: 1.5rem; 429 color: #666; 430 cursor: pointer; 431 } 432 433 .mob_toggle_open { 434 padding-top: 1.5rem; 435 } 436 437 .mob_menu_list a { 438 text-decoration: none; 439 } 440 441 .mob_menu_quit { 442 display: block; 443 text-align: center; 444 color: #666; 445 } 446 .mob_submenu_toggle { 447 list-style: none; 448 text-align: right; 449 padding: 0; 450 margin: 0; 451 } 452 453 .mobile_ham { 454 stroke: #333333; 455 } 456 457 .mobile_quit { 458 display: none; 459 } 460 461 .menu_open .mobile_ham { 462 display: none; 463 } 464 465 .menu_open .mobile_quit { 466 display: inline; 467 stroke: #333333; 468 } 469 470 .mob_menu_list { 471 font-family: 'Droid Sans'; 472 font-weight: lighter; 473 margin: 0; 474 font-size: 2.2em; 475 line-height: 1.05; 476 letter-spacing: 0.1em; 477 list-style: none; 478 text-align: right; 479 padding: 5% 7.5% 0 7.5%; 480 -webkit-animation-duration: .2s; 481 -webkit-animation-fill-mode: both; 482 -webkit-animation-name: fadeInUp; 483 -moz-animation-duration: .2s; 484 -moz-animation-fill-mode: both; 485 -moz-animation-name: fadeInUp; 486 -o-animation-duration: .2s; 487 -o-animation-fill-mode: both; 488 -o-animation-name: fadeInUp; 489 animation-duration: .2s; 490 animation-fill-mode: both; 491 animation-name: fadeInUp; 492 } 493 494 .mob_menu_list li { 495 margin-bottom: 1.1em; 496 } 497 498 .mob_menu_overlay .mob_menu_list a { 499 color: #333333; 500 } 501 502 .mob_more_toggle { 503 cursor: pointer; 504 background: none; 505 border: none; 506 outline: none; 507 margin-bottom: -0.5%; 508 margin-left: 1.5%; 509 stroke: #333333; 510 } 511 512 .up_arrow { 513 display: none; 514 } 515 516 .sub_menu_open svg .down_arrow { 517 display: none; 518 } 519 520 .sub_menu_open .up_arrow { 521 display: inline; 522 } 523 524 .mob_menu_overlay .mob_menu_list .selected a { 525 color: #e31d2c; 526 } 527 .sub_menu_open a { 528 color: #e31d2c; 529 } 530 .mob_menu_list .sub_menu_open a { 531 color: #e31d2c; 532 } 533 .sub_menu_open .mob_more_toggle { 534 stroke: #e31d2c; 535 } 536 .mob_submenu_list { 537 font-family: 'Droid Sans'; 538 font-weight: lighter; 539 list-style: none; 540 text-align: right; 541 margin: 0; 542 line-height: 1.05; 543 display: none; 544 -webkit-animation-duration: .2s; 545 -webkit-animation-fill-mode: both; 546 -webkit-animation-name: fadeInUp; 547 -moz-animation-duration: .2s; 548 -moz-animation-fill-mode: both; 549 -moz-animation-name: fadeInUp; 550 -o-animation-duration: .2s; 551 -o-animation-fill-mode: both; 552 -o-animation-name: fadeInUp; 553 animation-duration: .2s; 554 animation-fill-mode: both 555 animation-name: fadeInUp; 556 } 557 558 .mob_submenu_list li { 559 margin-top: 0.55em; 560 margin-bottom: 0; 561 } 562 563 .sub_menu_open .mob_submenu_list{ 564 display: block; 565 } 566 567 .mob_submenu_items { 568 font-size: 0.75em; 569 } 570 .mob_menu_list .mob_nav_selected { 571 color: #e31d2c; 572 } 573 .menu_open ~ .content-wrapper { 574 display: none; 575 } 576 @-webkit-keyframes fadeInUp { 577 0% { 578 opacity: 0; 579 -webkit-transform: translate3d(0, 100%, 0); 580 transform: translate3d(0, 100%, 0); 581 } 582 100% { 583 opacity: 1; 584 -webkit-transform: none; 585 transform: none; 586 } 587 } 588 @-moz-keyframes fadeInUp { 589 0% { 590 opacity: 0; 591 -moz-transform: translate3d(0, 100%, 0); 592 transform: translate3d(0, 100%, 0); 593 } 594 100% { 595 opacity: 1; 596 -moz-transform: none; 597 transform: none; 598 } 599 } 600 @-o-keyframes fadeInUp { 601 0% { 602 opacity: 0; 603 -o-transform: translate3d(0, 100%, 0); 604 transform: translate3d(0, 100%, 0); 605 } 606 100% { 607 opacity: 1; 608 -o-transform: none; 609 transform: none; 610 } 611 } 612 @keyframes fadeInUp { 613 0% { 614 opacity: 0; 615 transform: translate3d(0, 100%, 0); 616 } 617 100% { 618 opacity: 1; 619 transform: none; 620 } 621 } 622 623 624} 625 626 627 </style> 628 629
630<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
630 631 632 <style type="text/css"> 633 @import url("//fonts.sitebuilderhost.net/css?family=&subset=latin,latin-ext"); 634 </style> 635 636 <style type="text/css" id="styleOverrides"> 637 /* ====================== 638* 639* Site Style Settings 640* 641=========================*/ 642/* Paragraph text (p) */ 643 644.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout { 645 font-family: 'Droid Serif'; 646 647 font-size: 1.3rem; 648 color: #f0eee7; 649 650 651 652} 653 654/* Navigation */ 655.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a { 656 font-family: 'Droid Sans'; 657 658 659 color: #333333; 660 text-decoration: none; 661 letter-spacing: 1px; 662 663 text-transform: uppercase; 664} 665 666 667/* Navigation:selected */ 668div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a { 669 color: #e31d2c; 670} 671 672/* Navigation:hover */ 673div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover { 674 color: #e31d2c; 675} 676 677/* Site Title */ 678#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a { 679 font-family: 'Droid Sans'; 680 681 font-size: 1.5rem; 682 color: #333333; 683 text-decoration: none; 684 685 line-height: 1.4em; 686 text-transform: none; 687} 688 689/* Hyperlinks (a, a:hover, a:visited) */ 690a, .sys_txt a:link, .sys_layout a:link {color: #ffffff;} 691a, .sys_txt a:link, .sys_layout a:link {text-decoration: underline;} 692a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #ffffff;} 693a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #e31d2c;} 694a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: underline;} 695 696/* Headings (h2, h3, h4, h5, h6) */ 697.sys_layout h2, .sys_txt h2 { 698 font-family: 'Droid Sans'; 699 700 font-size: 3.8rem; 701 color: #ffffff; 702 text-decoration: none; 703 letter-spacing: 1.9rem; 704 705 706} 707 708.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited { 709 font-family: 'Droid Sans'; 710 711 font-size: 3.8rem; 712 color: #ffffff; 713 letter-spacing: 1.9rem; 714 715 716} 717 718.sys_layout h3, .sys_txt h3 { 719 font-family: 'Droid Sans'; 720 721 722 color: #ffffff; 723 text-decoration: none; 724 letter-spacing: 0.6rem; 725 726 727} 728 729.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited { 730 font-family: 'Droid Sans'; 731 732 733 color: #ffffff; 734 letter-spacing: 0.6rem; 735 736 737} 738 739.sys_layout h4, .sys_txt h4 { 740 font-family: 'Droid Sans'; 741 742 font-size: 3rem; 743 color: #5f200f; 744 text-decoration: none; 745 746 747 748} 749 750.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited { 751 font-family: 'Droid Sans'; 752 753 font-size: 3rem; 754 color: #5f200f; 755 756 757 758} 759 760.sys_layout h5, .sys_txt h5 { 761 font-family: 'Droid Sans'; 762 763 font-size: 1.3rem; 764 color: #ffffff; 765 text-decoration: none; 766 letter-spacing: 5px; 767 768 769} 770 771.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited { 772 font-family: 'Droid Sans'; 773 774 font-size: 1.3rem; 775 color: #ffffff; 776 letter-spacing: 5px; 777 778 779} 780 781.sys_layout h6, .sys_txt h6 { 782 font-family: 'Droid Sans'; 783 784 font-size: 0.9rem; 785 color: #ffffff; 786 787 letter-spacing: 3px; 788 789 790} 791 792.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited { 793 font-family: 'Droid Sans'; 794 795 font-size: 0.9rem; 796 color: #ffffff; 797 letter-spacing: 3px; 798 799 800} 801 802/*button widget*/ 803.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 804 display:inline-block; 805 text-decoration: none; 806} 807.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 808 cursor:pointer; 809} 810.sys_layout .sys_button a { 811 cursor:default; 812} 813 814.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link { 815 border-radius:0px; 816} 817.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link { 818 border-radius:3px; 819} 820.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link { 821 border-radius:90px; 822} 823 824/*button sizes*/ 825.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-family: 'Droid Serif';font-size: 0.8rem;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1.5rem;padding-right:1.5rem;} 826.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-family: 'Droid Serif';font-size: 0.9rem;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:2.3rem;padding-right:2.3rem;} 827.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-family: 'Droid Serif';font-size: 1.3rem;padding-top:1.3rem;padding-bottom:1.3rem;padding-left:3.1rem;padding-right:3.1rem;} 828 829/*button styles:small*/ 830.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link { 831 border-color:#88d5c2; 832 color: #88d5c2; 833 border-style: solid; 834 border-width: 2px; 835} 836.sys_layout .sys_button.small.outline a:visited { 837 color: #88d5c2; 838} 839.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link { 840 background-color: #88d5c2; 841 842 color: #ffffff; 843 border-color:#88d5c2; 844 border-style: solid; 845 border-width: 2px; 846} 847.sys_layout .sys_button.small.solid a:visited { 848 color: #ffffff; 849} 850.sys_layout .sys_button.small.outline a:hover { 851 background-color: #88d5c2; 852 color: #ffffff; 853 text-decoration: none; 854} 855 856/*button styles:medium*/ 857.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link { 858 border-color:rgba(252,252,252,1.00); 859 color: rgba(252,252,252,1.00); 860 border-style: solid; 861 border-width: 2px; 862} 863.sys_layout .sys_button.medium.outline a:visited { 864 color: rgba(252,252,252,1.00); 865} 866.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link { 867 background-color: #fcfcfc; 868 869 color: #5f200f; 870 border-color:rgba(252,252,252,1.00); 871 border-style: solid; 872 border-width: 2px; 873} 874.sys_layout .sys_button.medium.solid a:visited { 875 color: #5f200f; 876} 877.sys_layout .sys_button.medium.outline a:hover { 878 background-color: rgba(252,252,252,1.00); 879 color: #5f200f; 880 text-decoration: none; 881} 882/*button styles:large*/ 883.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link { 884 border-color:#88d5c2; 885 color: #88d5c2; 886 border-style: solid; 887 border-width: 2px; 888} 889.sys_layout .sys_button.large.outline a:visited { 890 color: #88d5c2; 891} 892.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link { 893 background-color: #88d5c2; 894 895 color: #ffffff; 896 border-color:#88d5c2; 897 border-style: solid; 898 border-width: 2px; 899} 900.sys_layout .sys_button.large.solid a:visited { 901 color: #ffffff; 902} 903.sys_layout .sys_button.large.outline a:hover { 904 background-color: #88d5c2; 905 color: #ffffff; 906 text-decoration: none; 907} 908 909.sys_layout .sys_button.solid a:hover { 910 text-decoration: none; 911 opacity: .8; 912} </style> 913 914 915 916 917
918<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 918
918
919<script type="text/javascript">window.jQuery || document.write('
919<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
919 920<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001144" />
921<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001144"></script>
921 922<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001144" /> 923 924
925<script type="text/javascript"> 926 var swRegisterManager = { 927 goals: [], 928 add: function(swGoalRegister) { 929 this.goals.push(swGoalRegister); 930 }, 931 registerGoals: function() { 932 while(this.goals.length) { 933 this.goals.shift().call(); 934 } 935 } 936 }; 937 938 window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager); 939</script>
939 940 941 <link rel="stylesheet" type="text/css" href="classes/components/Image/layouts/Default/Default.css?1001144" /> 942 943 944 945 946 </head> 947 <body lang="en" class="bgd-attachment-fixed"> 948 949 <div class="outer-wrap sidebar-left"> 950 <div class="inner-wrap" id="vertigo-template"> 951 <div class="side-bar fixed" id="yola_nav_block"> 952 <div id="yola_heading_block"> 953 <h1> 954 <a id="sys_heading" class="yola_hide_logo" href="./"> 955 <img class="yola_site_logo" src="" alt="BIO" > 956 <span>BIO</span> 957 </a> 958 </h1> 959 <h2 class="yola_site_tagline" style="display:none"><span></span></h2> 960 </div> 961 <nav role="navigation" id="sys_navigation"> 962 <div class="sys_navigation"> 963 <ul class="sys_navigation"> 964 <li id="ys_menu_0"> 965 <a href="./" title="Welcome">Welcome</a> 966 </li> 967 <li id="ys_menu_1"class="selected"> 968 <a href="bio.php" title="BIO">BIO</a> 969 </li> 970 <li id="ys_menu_2"> 971 <a href="performances.php" title="Upcoming Performances">Upcoming Performances</a> 972 </li> 973 <li id="ys_menu_3"> 974 <a href="music.php" title="Video">Video</a> 975 </li> 976 <li id="ys_menu_4"> 977 <a href="photos.php" title="Photos">Gallery</a> 978 </li> 979 <li id="ys_menu_5"> 980 <a href="location.php" title="Lessons">Voice Lessons</a> 981 </li> 982 <li id="ys_menu_6"> 983 <a href="press.php" title="Press">Press</a> 984 </li> 985 <li id="ys_menu_7"> 986 <a href="donations.php" title="">Support the Arts</a> 987 </li> 988 <li id="ys_menu_8"> 989 <a href="contact-us.php" title="Connect">Connect</a> 990 </li> 991 </ul> 992 <div id="ys_submenu_5" class="ys_submenu"> 993 <div class='ys_submenu_inner'> 994 <ul> 995 <li> 996 <a href="schedule.php">Pricing</a> 997 </li> 998 </ul> 999 </div> 1000 </div> 1001
1002<script> 1003/* jshint ignore:start */ 1004$(document).ready(function() { 1005 flyoutMenu.initFlyoutMenu( 1006 [{"name":"Welcome","title":"Welcome","href":".\/","children":[]},{"name":"BIO","title":"BIO","href":"bio.php","children":[]},{"name":"Upcoming Performances","title":"Upcoming Performances","href":"performances.php","children":[]},{"name":"Video","title":"Video","href":"music.php","children":[]},{"name":"Gallery","title":"Photos","href":"photos.php","children":[]},{"name":"Voice Lessons","title":"Lessons","href":"location.php","children":[{"name":"Pricing","title":"Pricing","href":"schedule.php"}]},{"name":"Press","title":"Press","href":"press.php","children":[]},{"name":"Support the Arts","title":"","href":"donations.php","children":[]},{"name":"Connect","title":"Connect","href":"contact-us.php","children":[]}] 1007 , 'flyover'); 1008}); 1009/* jshint ignore:end */ 1010</script>
1010 1011 1012 </div> 1013 </nav> 1014 <nav class="mob_menu"> 1015 <div class="mob_menu_toggle"><!--Mobile Nav Toggle--> 1016 <svg class="mobile_ham" width="40" height="25"> 1017 <line x1="0" y1="3" x2="40" y2="3" stroke-width="2"/> 1018 <line x1="0" y1="13" x2="40" y2="13" stroke-width="2"/> 1019 <line x1="0" y1="23" x2="40" y2="23" stroke-width="2"/> 1020 </svg> 1021 <svg class="mobile_quit" width="26" height="50"> 1022 <line x1="0" y1="1" x2="26" y2="25" stroke-width="2"/> 1023 <line x1="0" y1="25" x2="26" y2="1" stroke-width="2"/> 1024 </svg> 1025 </div> 1026 <div class="mob_menu_overlay"> <!--Mobile Nav Overlay--> 1027 <ul class="mob_menu_list"> 1028 <li class=""> 1029 <a href="./" title="Welcome">Welcome</a> 1030 </li> 1031 <li class="selected"> 1032 <a href="bio.php" title="BIO">BIO</a> 1033 </li> 1034 <li class=""> 1035 <a href="performances.php" title="Upcoming Performances">Upcoming Performances</a> 1036 </li> 1037 <li class=""> 1038 <a href="music.php" title="Video">Video</a> 1039 </li> 1040 <li class=""> 1041 <a href="photos.php" title="Photos">Gallery</a> 1042 </li> 1043 <li class=""> 1044 <a href="location.php" title="Lessons">Voice Lessons</a> 1045 <svg class="mob_more_toggle" x="0px" y="0px" height="24" width="24" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> 1046 <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" /> 1047 <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" /> 1048 <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" /> 1049 <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" /> 1050 <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" /> 1051 </svg> 1052 <ul class="mob_submenu_list"> 1053 <li> 1054 <a class="mob_submenu_items" href="schedule.php" title="Pricing">Pricing</a> 1055 </li> 1056 </ul> 1057 </li> 1058 <li class=""> 1059 <a href="press.php" title="Press">Press</a> 1060 </li> 1061 <li class=""> 1062 <a href="donations.php" title="">Support the Arts</a> 1063 </li> 1064 <li class=""> 1065 <a href="contact-us.php" title="Connect">Connect</a> 1066 </li> 1067 </ul> 1068 </div> 1069 </nav> 1070 </div> 1071 <div class="content-wrapper"> 1072 <div class="content-inner-wrapper"> 1073 <div id="sys_banner" class="yola_banner_wrap" style="display:none"> 1074 <div class="yola_inner_banner_wrap"></div> 1075 </div> 1076 <div class="content-innermost-wrapper"> 1077 <style media="screen"> 1078 .layout_1-column { 1079 width: 100%; 1080 padding: 0; 1081 margin: 0; 1082 } 1083 1084 .layout_1-column:after { 1085 content: ""; 1086 display: table; 1087 clear: both; 1088 } 1089 1090 .zone_top { 1091 margin: 0; 1092 padding: 5px; 1093 vertical-align: top; 1094 line-height: normal; 1095 min-width: 100px; 1096 } 1097</style> 1098 1099<div class="layout_1-column sys_layout"> 1100 <div id="layout_row1"> 1101 <div id="sys_region_1" class="zone_top" ><div id="Ie0339fd256264ffcb1d7cfb6a78908c0" style="display:block;clear: both;text-align:center;" class="Image_Default"><style>#Ie0339fd256264ffcb1d7cfb6a78908c0_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 960px;border:none;max-width: 100%;height: auto;}</style><img id="Ie0339fd256264ffcb1d7cfb6a78908c0_img" src="resources/Noe...solo.JPG" /></div><div id="Iba9cb68b2ea64714857d40cac1e4f55e" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css"> 1102 div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;} 1103 div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;} 1104 div.sys_text_widget img{margin:4px;} 1105 div.sys_text_widget { 1106 overflow: hidden; 1107 margin: 0; 1108 padding: 0; 1109 color: ; 1110 font: ; 1111 background-color: ; 1112 } 1113</style> 1114 1115<div id="Iba9cb68b2ea64714857d40cac1e4f55e_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><p style="color: #000000; text-align: start;" class="p1"><br></p> 1116<p style="text-align: left;"><span style="color: #fffbeb;"> Keanon Kyles, praised by CNN for his âbeautiful techniqueâ was raised in Chicago where he received his degree in music from Chicagoâs Columbia College. He made his opera debut as Colline in Puccini's âLa Bohemeâ in North Chicago. Conducted by Metropolitan Operaâs Maestro David Jackson, he made his Italy debut in Trento as Betto in Gianni Schicchi and Peter in Hansel and Gretel. He toured a production of âThe Matchbox Magic Fluteâ where he performed the role of Sarastro under the direction of Mary Zimmerman at Goodman Theater
1116(<em>Chicago, Il</em>) and Shakespeare Theater (<em>Washington, D.C.</em>). After making his U.K. debut as Colline in La Boheme he returned to Scotland to perform the title-role in Rigoletto in a Scottish Opera's production. He recently returned from Scotland for the 3rd time where he performed the role of Leporello, amongst a plethora of recitals in Stonehouse and Bothwell, U.K. </span></p> 1117<p style="text-align: left;"><span style="color: #fffbeb;"> He made his Chicago Opera Theater debut as Daggoo in their production of Jake Heggieâs âMoby Dickâ. Shortly after, he made his South America debut as Noye in Noyeâs Fludde. Kyles then returned to Chicago to make his Lyric Opera debut by way of their Lyric Unlimited program in their production of âEarth to Kenzieâ. He had the great pleasure of following that successful production with being invited to perform a selection of arias at Carnegie Hall in 2019. Kyles recently has been a part of several world premieres throughout Chicago, some being, âFreedom Rideâ by Dan Shore, âTaking Up Serpentsâ by Kamala Sankaram and âQuaminoâs Mapâ by Errolyn Wallen. Chicago Opera Theater commissioned new art song pieces specifically for Kyles by living composers Stacy Garrop, Wang Lu, Matthew Recio. He most recently performed, âTwo Black Churchesâ by friend and colleague, Shawn Okpebholo. Heâs been invited back by the Lyric Opera to be part of productions, âThe Scorpion Stingâ and completely sold out run of âThe Factotumâ. Kyles is a former Young Artist with Chicago Opera Theater and graduated from the post-grad Opera Performance program through Chicago College of Performing Arts. </span></p> 1118<p style="text-align: left;"><span style="color: #fffbeb;"> Aside from operatic performances, Kyles has performed a plethora of concert work with Chicago Symphony Orchestra through their Negaunee Music Institute. He has been featured on the front page of the Chicago Sun-Times and his music career has been highlighted on Good Morning America, CNN, BBC News, NPR amongst other major media outlets. Kyles was recently one of Portland Opera's four Resident Artists and performed in their season opener, "Carmen", as Morales. Outside of performing he is a voice teacherâleading private and group classes through LYRIQ Music School and is on the classical voice and musical theater voice faculty at Roosevelt Universityâs Chicago College of Performing Arts. He also sits on the board of LATTE Theater based out of La Grange, Il and non-profit all women ensemble, C21 as their Artistic Advisor. He is a two-time Reva and David Logan Foundation award recipient, 2023 B2B Illinois Arts Grant recipient, âOutstanding Achievement in Arts and Humanitiesâ award recipient from the State of Illinois, 2022 grant recipient of the âIllinois Arts Council Agencyâ award and former resident artist and affiliate of the private artist club, The Cliff Dwellersâ.</span></p> 1119<p style="color: #000000; text-align: start;" class="p1"><br></p></div></div></div> 1120 </div> 1121</div> 1122 </div> 1123 </div> 1124 1125 </div> 1126 </div> 1127 </div> 1128
1129<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986ca365f7c660136646b127435ab" data-user="f4776b7c6de34269ac78430b45086330" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking-v2.js"> 1130 var _yts = _yts || []; 1131 var tracking_tag = document.getElementById('site_analytics_tracking'); 1132 _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]); 1133 _yts.push(["_userId", tracking_tag.getAttribute('data-user')]); 1134 _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]); 1135 _yts.push(["_trackPageview"]); 1136 (function() { 1137 var yts = document.createElement("script"); 1138 yts.type = "text/javascript"; 1139 yts.async = true; 1140 yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url'); 1141 (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); 1142 })(); 1143</script>
1143 1144 1145 1146<!-- template: Vertigo 0245691a-3355-4b92-aec2-223082244891 --> 1147
1147<script src="templates/Vertigo/resources/js/browserify.build.js"></script>
1147 1148
1148<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"3ce3fa92a5404ea197ab2c0a652b875f","r":1,"spa":2}' crossorigin="anonymous"></script>
1148 1149</body> 1150</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.