1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 5 6 7 8 9 10 <title>Products | Refresh Hair Studio</title> 11 <meta charset="utf-8"/> 12 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> 13 14 <meta name="description" content="Products | Refresh Hair Studio"/> 15 <meta name="author" content="Refresh Hair Studio"/> 16 17 <meta name="og:url" property="og:url" 18 content="https://refreshhairstudiochicago.com"/> 19 20 <meta name="og:site_name" property="og:site_name" content="Refresh Hair Studio"/> 21 <meta name="og:type" property="og:type" content="website"/> 22 <meta name="og:title" property="og:title" content="Products | Refresh Hair Studio"/> 23 <meta name="og:description" property="og:description" content="Products | Refresh Hair Studio"/> 24 <meta name="twitter:card" content="summary_large_image"/> 25 <meta name="twitter:site" content="@PremPage"/> 26 27 28 29 30 31 32 33 34 35 36 37 38 <meta name="twitter:image" content="https://refreshhairstudiochicago.com/static/files/jamie_morales_2wlxYGjIho/images/user_upload__07-22-2025-20-06-21.webp"/> 39 <meta name="og:image" property="og:image" content="https://refreshhairstudiochicago.com/static/files/jamie_morales_2wlxYGjIho/images/user_upload__07-22-2025-20-06-21.webp"/> 40 41 <meta name="og:image:alt" property="og:image:alt" content="Refresh Hair Studio"/> 42 <link rel="stylesheet" href="/static/templates/3/fonts/icomoon/style.css"/> 43 44 <link rel="stylesheet" href="/static/templates/3/css/bootstrap.min.css"/> 45 <link rel="stylesheet" href="/static/templates/3/css/magnific-popup.css"/> 46 <link rel="stylesheet" href="/static/templates/3/css/jquery-ui.css"/> 47 <link rel="stylesheet" href="/static/templates/3/css/owl.carousel.min.css"/> 48 <link rel="stylesheet" href="/static/templates/3/css/owl.theme.default.min.css"/> 49 <link rel="stylesheet" href="/static/templates/3/css/bootstrap-datepicker.css"/> 50 <link rel="stylesheet" href="/static/templates/3/css/animate.css"/> 51 52 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/build/mediaelementplayer.min.css"/> 53 54 55 <link rel="stylesheet" href="/static/templates/3/fonts/flaticon/font/flaticon.css"/> 56 57 <link rel="stylesheet" href="/static/templates/3/css/aos.css"/> 58 59 <link rel="stylesheet" href="/static/templates/3/css/style.css"/> 60 <link rel="stylesheet" href="/static/templates/3/css/wds.css"/> 61 <link rel="stylesheet" href="/static/templates/3/css/global.css"/> 62 <link rel="stylesheet" href="/static/files/jamie_morales_2wlxYGjIho/custom.css"/> 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91<!-- clarity-header-debug: banner_style=, mobile_menu_style=, css=[] --> 92 93 <link href="https://fonts.googleapis.com/css?family=Eb+Garamond|Caveat" 94 rel="stylesheet"/> 95 96 <!-- Font Awesome --> 97 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> 98 99 100 <link rel="icon" href="https://app.prempage.com/static/files/jamie_morales_2wlxYGjIho/images/user_upload__11-21-2024-18-12-40.png"> 101 <link rel="apple-touch-icon" sizes="180x180" href="https://app.prempage.com/static/files/jamie_morales_2wlxYGjIho/images/user_upload__11-21-2024-18-12-40.png"> 102 103 104 <meta name="apple-mobile-web-app-title" content="Refresh Hair Studio"> 105 106 <style> 107 body { 108 font-family: 'Eb Garamond' !important; 109 } 110 111 h1, h2, h3, h4, h5, h6, .h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h6-style { 112 font-family: 'Caveat' !important; 113 } 114 115 .site-wrap table.wds-richtext-table, 116 .site-wrap table[data-wds-richtext-table="1"] { 117 width: 100% !important; 118 max-width: 100%; 119 margin: 1.25rem 0; 120 border: 1px solid var(--wds-richtext-table-border-color, #D4D5D8) !important; 121 border-collapse: collapse !important; 122 border-spacing: 0; 123 table-layout: fixed; 124 } 125 126 .site-wrap table.wds-richtext-table th, 127 .site-wrap table.wds-richtext-table td, 128 .site-wrap table[data-wds-richtext-table="1"] th, 129 .site-wrap table[data-wds-richtext-table="1"] td { 130 border: 1px solid var(--wds-richtext-table-border-color, #D4D5D8) !important; 131 padding: 0.75rem 0.9rem; 132 text-align: left; 133 vertical-align: top; 134 } 135 136 .site-wrap table.wds-richtext-table th, 137 .site-wrap table[data-wds-richtext-table="1"] th { 138 background: var(--wds-richtext-table-header-bg, #F0F1F3) !important; 139 color: inherit; 140 font-weight: 600; 141 } 142 143 .site-wrap table.wds-richtext-table th p, 144 .site-wrap table.wds-richtext-table td p, 145 .site-wrap table[data-wds-richtext-table="1"] th p, 146 .site-wrap table[data-wds-richtext-table="1"] td p { 147 margin: 0; 148 } 149 150 .site-wrap img.wds-richtext-image, 151 .site-wrap img[data-wds-richtext-image="1"] { 152 display: block; 153 max-width: 100%; 154 height: auto; 155 margin: 1.25rem 0; 156 } 157 158 .site-wrap img.wds-richtext-image[data-align="center"], 159 .site-wrap img[data-wds-richtext-image="1"][data-align="center"] { 160 margin-right: auto; 161 margin-left: auto; 162 } 163 164 .site-wrap img.wds-richtext-image[data-align="right"], 165 .site-wrap img[data-wds-richtext-image="1"][data-align="right"] { 166 margin-right: 0; 167 margin-left: auto; 168 } 169 170 .site-wrap img.wds-richtext-image[data-align="left"], 171 .site-wrap img[data-wds-richtext-image="1"][data-align="left"] { 172 margin-right: auto; 173 margin-left: 0; 174 } 175 </style> 176 177 178 179 180 181 182 183 <style> 184 @media (min-width: 450px) { 185 186 .posh-mob-background-position214631 { 187 background-position-x: 0 !important; 188 } 189 } 190 191 @media (max-width: 449px) { 192 193 .posh-mob-background-position214631 { 194 background-position-x: -100px !important; 195 } 196 197 } 198 </style> 199 200 201 202<style> 203 204 205 206 .all-cov4-btn:hover { 207 filter: none !important; 208 } 209 210 .all-cover-3-secondary, .all-cov4-btn { 211 animation-delay: 0.8s; 212 cursor: pointer; 213 display: inline-block; 214 border-radius: 5px; 215 -moz-user-select: none; 216 font-weight: 500; 217 transition: color 0.4s linear; 218 position: relative; 219 z-index: 1; 220 border: 0; 221 overflow: hidden; 222 } 223 224 .all-cov4-btn { 225 color: #fff; 226 background: #902E81; 227 } 228 229 .all-cover-3-secondary { 230 color: #902E81; 231 border: 1px solid #902E81; 232 } 233 234 .all-cov4-btn:before, .all-cover-3-secondary:before { 235 content: ""; 236 position: absolute; 237 left: 0; 238 top: 0; 239 width: 101%; 240 height: 101%; 241 background: #902E81; 242 z-index: 1; 243 border-radius: 5px; 244 transition: transform 0.5s; 245 transform-origin: 0 0; 246 transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); 247 transform: scaleX(0); 248 filter: contrast(0.85); 249 } 250 251 .all-cov4-btn:hover::before, .all-cover-3-secondary:hover::before { 252 253 color: #fff !important; 254 z-index: -1; 255 } 256 257 .all-cover-3-secondary:hover { 258 color: #fff; 259 border-radius: 6px; 260 } 261 262 263 264 265 .all-cov3-btn { 266 padding: 1.5rem 3rem; 267 } 268 269 /* Mobile Phones Only */ 270 @media (max-width: 767px) { 271 .all-cov3-btn { 272 padding: 1rem; 273 } 274 275 .all-cover-2-secondary { 276 margin-left: 3px; 277 margin-bottom: 10px; 278 margin-top: 10px; 279 } 280 281 .all-cover-2-primary { 282 margin-right: 3px; 283 margin-bottom: 10px; 284 margin-top: 10px; 285 } 286 287 } 288</style> 289<style> 290 .caption3 { 291 color: #000; 292 padding: 0 0 4px 3px; 293 } 294 295 .wds-desktop-title-ft-size1 { 296 margin-bottom: 0; 297 } 298 299 .all-cov4-btn { 300 padding: 1rem 2rem; 301 } 302 303 .wds-des1 { 304 margin: 5px 0 10px; 305 } 306 307 .wds-icon-after { 308 left: 0; 309 right: 0; 310 bottom: 0; 311 content: ''; 312 max-width: 500px; 313 height: 2px; 314 background: #902E81; 315 margin: 10px auto 10px; 316 position: relative; 317 margin-left: 4px; 318 } 319 320 .site-navbar-wrap .site-navbar .site-navigation .site-menu > li > a { 321 color: rgba(0, 0, 0, 0.8); 322 font-weight: 900; 323 } 324 325 .site-navbar-wrap .site-navbar .site-navigation .site-menu > li > a:hover { 326 color: rgba(0, 0, 0, 1); 327 } 328 329 .container-fluid { 330 width: 100%; 331 padding-right: 15px; 332 padding-left: 15px; 333 margin-right: auto; 334 margin-left: auto; 335 } 336 337 .d-md-flex { 338 display: -webkit-box !important; 339 display: -ms-flexbox !important; 340 display: flex !important; 341 } 342 343 .d-flex { 344 display: -webkit-box !important; 345 display: -ms-flexbox !important; 346 display: flex !important; 347 } 348 349 .align-items-center { 350 -webkit-box-align: center !important; 351 -ms-flex-align: center !important; 352 align-items: center !important; 353 } 354 355 .owl-carousel.owl-grab { 356 cursor: unset; 357 } 358 359 .owl-carousel { 360 position: relative; 361 } 362 363 .owl-carousel .owl-item { 364 opacity: .4; 365 } 366 367 .owl-carousel .owl-item.active { 368 opacity: 1; 369 } 370 371 .owl-carousel .owl-dots { 372 text-align: center; 373 } 374 375 /* this is causing issues.. comment out.. replace with below 376 .owl-carousel .owl-dots .owl-dot { 377 width: 10px; 378 height: 10px; 379 margin: 5px; 380 border-radius: 50%; 381 background: #e6e6e6; 382 position: relative; 383 } 384 */ 385 .owl-carousel .owl-dots .owl-dot { 386 border-radius: 50%; 387 } 388 389 /* this is causing issues.. comment out.. replace with below 390 .owl-carousel .owl-dots .owl-dot:after { 391 position: absolute; 392 top: -2px; 393 left: -2px; 394 right: 0; 395 bottom: 0; 396 width: 14px; 397 height: 14px; 398 content: ''; 399 border: 1px solid rgba(255, 255, 255, 0.3); 400 -webkit-border-radius: 50%; 401 -moz-border-radius: 50%; 402 -ms-border-radius: 50%; 403 border-radius: 50%; 404 } 405 */ 406 407 .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus { 408 outline: none !important; 409 } 410 411 .owl-carousel .owl-dots .owl-dot.active { 412 background: #b3b3b3; 413 } 414 415 .owl-carousel.home-slider { 416 position: relative; 417 min-height: 600px; 418 height: calc(100vh); 419 z-index: 0; 420 } 421 422 .owl-carousel.home-slider .slider-item { 423 background-size: cover; 424 background-repeat: no-repeat; 425 background-position: center center; 426 min-height: 600px; 427 height: calc(100vh); 428 position: relative; 429 z-index: 0; 430 } 431 432 .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay, .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay-1 { 433 position: absolute; 434 left: -7%; 435 background: #fff; 436 width: 150px; 437 height: 50%; 438 opacity: 1; 439 border-right: 10px solid rgba(0, 0, 0, 0.1); 440 } 441 442 .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay { 443 top: 0; 444 -webkit-transform: skewX(14deg); 445 -ms-transform: skewX(14deg); 446 transform: skewX(14deg); 447 } 448 449 .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay-1 { 450 bottom: 0; 451 -webkit-transform: skewX(-14deg); 452 -ms-transform: skewX(-14deg); 453 transform: skewX(-14deg); 454 } 455 456 @media (max-width: 1199.98px) and (min-width: 451px) { 457 .owl-carousel.home-slider .slider-item { 458 background-position: center center !important; 459 } 460 461 .beauty1-navbar { 462 max-width: 98%; 463 } 464 465 #l3-nav1 { 466 flex: 0 0 36.66667%; 467 max-width: 36.66667%; 468 } 469 470 #l3-nav2 { 471 flex: 0 0 63.33333%; 472 max-width: 63.33333%; 473 } 474 475 .site-navbar-wrap .site-navbar .site-logo a { 476 color: #000; 477 } 478 } 479 480 .owl-carousel.home-slider .slider-item .overlay { 481 position: absolute; 482 top: 0; 483 bottom: 0; 484 left: 0; 485 right: 0; 486 background: #000000; 487 opacity: 0; 488 } 489 490 .owl-carousel.home-slider .slider-item .slider-text { 491 min-height: 600px; 492 height: calc(100vh); 493 z-index: 0; 494 } 495 496 497 498 499 500 501 502 .owl-carousel.home-slider .slider-item .slider-text .one-third { 503 width: 65%; 504 position: relative; 505 min-height: 600px; 506 height: calc(100vh + 35px); 507 z-index: -1; 508 -webkit-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 509 -moz-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 510 box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 511 } 512 513 @media (max-width: 1199px) { 514 .owl-carousel.home-slider .slider-item .slider-text .one-forth .text { 515 padding-left: 5vw; 516 } 517 518 .owl-carousel.home-slider .slider-item .slider-text .one-third { 519 width: 100%; 520 position: relative; 521 min-height: 600px; 522 height: calc(100vh); 523 z-index: -1; 524 -webkit-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 525 -moz-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 526 box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 527 } 528 529 .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay, .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay-1 { 530 position: absolute; 531 left: -8%; 532 background: #fff; 533 width: 435px; 534 height: 50%; 535 opacity: 1; 536 border-right: 10px solid rgba(0, 0, 0, 0.1); 537 } 538 539 } 540 541 @media (max-width: 992px) { 542 .owl-carousel.home-slider .slider-item .slider-text .one-third { 543 width: 100%; 544 position: relative; 545 min-height: 600px; 546 height: calc(100vh); 547 z-index: -1; 548 -webkit-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 549 -moz-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 550 box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 551 } 552 553 .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay, .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay-1 { 554 position: absolute; 555 left: -10%; 556 background: #fff; 557 width: 35vw; 558 height: 50%; 559 opacity: 1; 560 border-right: 10px solid rgba(0, 0, 0, 0.1); 561 } 562 563 .hm-down-arrow1 { 564 font-size: 3rem; 565 opacity: 0.6; 566 color: #525151; 567 top: 6.4rem; 568 left: .9rem; 569 padding-left: 3.4vw; 570 position: relative; 571 572 } 573 } 574 575 @media (max-width: 991px) { 576 .owl-carousel.home-slider .slider-item .slider-text .one-forth .text { 577 position: absolute; 578 top: 41%; 579 left: 0; 580 -webkit-transform: translateY(-50%); 581 -ms-transform: translateY(-50%); 582 transform: translateY(-50%); 583 right: 0; 584 max-width: 110vw; 585 padding-left: 5vw; 586 padding-right: 3.2rem; 587 } 588 589 .owl-carousel.home-slider .slider-item .slider-text .one-forth .all-cov-no-flat-icon { 590 top: 50%; 591 } 592 } 593 594 /* Mobile Phones Only */ 595 @media (max-width: 767px) { 596 .owl-carousel.home-slider .slider-item .slider-text .one-third { 597 width: 63%; 598 position: relative; 599 min-height: 600px; 600 height: calc(100vh); 601 z-ind
601ex: -1; 602 -webkit-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 603 -moz-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 604 box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 605 } 606 607 .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay, .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay-1 { 608 position: absolute; 609 left: -18%; 610 background: #fff; 611 width: 20vw; 612 height: 50%; 613 opacity: 1; 614 border-right: 10px solid rgba(0, 0, 0, 0.1); 615 } 616 617 .owl-carousel.home-slider .slider-item .slider-text .one-forth { 618 position: absolute; 619 top: 0; 620 left: 0; 621 bottom: 0; 622 right: 0; 623 width: 1200px; 624 margin: 0 auto; 625 } 626 627 .owl-carousel.home-slider .slider-item .slider-text .one-forth .text { 628 padding-left: 5vw; 629 } 630 631 .owl-carousel.home-slider .slider-item .slider-text .one-forth .all-cov-no-flat-icon { 632 top: 49%; 633 } 634 635 /* Small Mobile Phones Only */ 636 @media (max-width: 450px) { 637 .wds-icon-after { 638 left: 0; 639 right: 0; 640 bottom: 0; 641 content: ''; 642 max-width: 85% !important; 643 height: 2px; 644 background: #902E81; 645 margin: 0 auto 15px; 646 } 647 .owl-carousel.home-slider .slider-item .slider-text .one-forth .all-cov-no-flat-icon { 648 top: 43%; 649 } 650 } 651 652 .all-cov4-btn { 653 padding: 1rem; 654 } 655 656 .all-cover-2-secondary { 657 margin-left: 3px; 658 margin-bottom: 10px; 659 margin-top: 10px; 660 } 661 662 .all-cover-2-primary { 663 margin-right: 3px; 664 margin-bottom: 10px; 665 margin-top: 10px; 666 } 667 668 .wds-des1 { 669 margin: 10px 0 20px; 670 } 671 672 .hm-down-arrow1 { 673 font-size: 3.5rem; 674 position: relative; 675 opacity: 0.6; 676 color: #525151; 677 top: 11rem; 678 left: 0; 679 padding-left: 0; 680 } 681 } 682 683 @media (min-width: 768px) { 684 .owl-carousel.home-slider .slider-item .slider-text .one-forth { 685 position: absolute; 686 top: 0; 687 left: 0; 688 bottom: 0; 689 right: 0; 690 width: 1200px; 691 margin: 0 auto; 692 } 693 694 .hm-down-arrow1 { 695 font-size: 3rem; 696 opacity: 0.6; 697 color: #525151; 698 top: 13rem; 699 left: 0.2rem; 700 position: relative; 701 padding-left: 0; 702 } 703 704 .site-navbar .site-navigation .site-menu > li { 705 padding: 10px 15px; 706 } 707 } 708 709 @media (max-width: 450px) { 710 .all-cover-4-angle-dn { 711 text-align: center; 712 } 713 714 .owl-carousel.home-slider .slider-item .slider-text .one-forth .text { 715 padding-left: 15px; 716 text-align: center; 717 } 718 719 .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay, .owl-carousel.home-slider .slider-item .slider-text .one-third .overlay-1 { 720 position: absolute; 721 left: -7%; 722 background: #fff; 723 width: 60px; 724 height: 50%; 725 opacity: 1; 726 border-right: 10px solid rgba(0, 0, 0, 0.1); 727 } 728 729 .owl-carousel.home-slider .slider-item .slider-text .one-third { 730 width: 100%; 731 position: relative; 732 min-height: 600px; 733 height: calc(100vh); 734 z-index: -1; 735 -webkit-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 736 -moz-box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 737 box-shadow: 20px -20px 69px -27px rgba(0, 0, 0, 0.16); 738 } 739 740 .hm-down-arrow1 { 741 font-size: 3.5rem; 742 position: relative; 743 opacity: 0.4; 744 color: #000; 745 top: 15rem; 746 left: 0; 747 padding-left: 0; 748 } 749 750 } 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 @media (min-width: 992px) { 770 .owl-carousel.home-slider .slider-item .slider-text .one-forth .text { 771 position: absolute; 772 top: 45.75%; 773 left: 0; 774 -webkit-transform: translateY(-50%); 775 -ms-transform: translateY(-50%); 776 transform: translateY(-50%); 777 right: 0; 778 max-width: 46%; 779 padding-left: 15px; 780 padding-right: 3em; 781 } 782 783 .owl-carousel.home-slider .slider-item .slider-text .one-forth .all-cov-no-flat-icon { 784 top: 49.75%; 785 } 786 } 787 788 .ftco-animate { 789 opacity: 0; 790 visibility: hidden; 791 } 792 793 .px-md-0 { 794 padding-right: 0 !important; 795 } 796 797 .px-md-0 { 798 padding-left: 0 !important; 799 } 800 801 .no-gutters { 802 margin-right: 0; 803 margin-left: 0; 804 } 805 806 .justify-content-end { 807 -webkit-box-pack: end !important; 808 -ms-flex-pack: end !important; 809 justify-content: flex-end !important; 810 } 811 812 .order-md-last { 813 -webkit-box-ordinal-group: 14; 814 -ms-flex-order: 13; 815 order: 13; 816 } 817 818 .img, .blog-img, .user-img { 819 background-size: cover; 820 background-repeat: no-repeat; 821 background-position: center center; 822 } 823 824 .align-items-end { 825 -webkit-box-align: end !important; 826 -ms-flex-align: end !important; 827 align-items: flex-end !important; 828 } 829 830 .owl-carousel.home-slider .slider-item .slider-text .subheading { 831 color: #000000; 832 font-weight: 600; 833 font-size: 14px; 834 letter-spacing: 3px; 835 text-transform: uppercase; 836 color: #b1b493; 837 } 838 839 .owl-carousel.home-slider .slider-item .slider-text .text { 840 position: relative; 841 z-index: 1; 842 } 843 844 .owl-carousel.home-slider .slider-item .slider-text .site-blocks-cover-h1 { 845 font-size: 3rem; 846 color: #000000; 847 line-height: 1.2; 848 font-weight: 800; 849 padding-top: 10px; 850 } 851 852 .owl-carousel.home-slider .slider-item .slider-text .site-blocks-cover-h1 span { 853 font-weight: 800; 854 color: #b1b493; 855 } 856 857 .owl-carousel.home-slider .slider-item .slider-text h2 { 858 font-size: 30px; 859 font-weight: 400; 860 } 861 862 .owl-carousel.home-slider .slider-item .slider-text p { 863 color: rgba(0, 0, 0, 0.8); 864 font-weight: 400; 865 } 866 867 .owl-carousel.home-slider .slider-item .slider-text .btn-custom { 868 bordeR: 1px solid #b1b493; 869 padding: 5px 20px; 870 text-transform: uppercase; 871 font-size: 0.85rem; 872 letter-spacing: 3px; 873 } 874 875 .owl-carousel.home-slider .owl-nav { 876 position: absolute; 877 bottom: 60px !important; 878 left: 0; 879 right: 0; 880 margin: 0 auto; 881 } 882 883 884 885 886 887 888 889 .owl-carousel.home-slider .owl-nav .owl-prev, 890 .owl-carousel.home-slider .owl-nav .owl-next { 891 position: absolute; 892 width: 60px; 893 height: 60px; 894 background: #fff !important; 895 -moz-transition: all 0.7s ease; 896 -o-transition: all 0.7s ease; 897 -webkit-transition: all 0.7s ease; 898 -ms-transition: all 0.7s ease; 899 transition: all 0.7s ease; 900 opacity: 1; 901 } 902 903 .owl-carousel.home-slider .owl-nav .owl-prev span:before, 904 .owl-carousel.home-slider .owl-nav .owl-next span:before { 905 font-size: 20px; 906 margin-top: 7px; 907 color: #000000; 908 } 909 910 .owl-carousel.home-slider .owl-nav .owl-prev { 911 top: 0 !important; 912 right: 0 !important; 913 } 914 915 916 917 918 919 920 921 .owl-carousel.home-slider .owl-nav .owl-prev:hover, .owl-carousel.home-slider .owl-nav .owl-prev:focus { 922 background: #000000 !important; 923 outline: none !important; 924 } 925 926 .owl-carousel.home-slider .owl-nav .owl-prev:hover span:before, .owl-carousel.home-slider .owl-nav .owl-prev:focus span:before { 927 font-size: 20px; 928 margin-top: 7px; 929 color: #b1b493; 930 } 931 932 .owl-carousel.home-slider .owl-nav .owl-next { 933 top: 0 !important; 934 right: 0 !important; 935 } 936 937 938 939 940 941 942 943 .owl-carousel.home-slider .owl-nav .owl-next:hover, .owl-carousel.home-slider .owl-nav .owl-next:focus { 944 background: #000000 !important; 945 outline: none !important; 946 } 947 948 .owl-carousel.home-slider .owl-nav .owl-next:hover span:before, .owl-carousel.home-slider .owl-nav .owl-next:focus span:before { 949 font-size: 24px; 950 margin-top: 7px; 951 color: #b1b493; 952 } 953 954 /* this is causing issues.. comment out.. replace with below 955 .owl-carousel.home-slider .owl-dots { 956 position: absolute; 957 left: 0; 958 right: 0; 959 bottom: 40px; 960 width: 100%; 961 text-align: center; 962 } 963 */ 964 .owl-carousel.home-slider .owl-dots { 965 display: none; 966 } 967 968 .owl-carousel.home-slider .owl-dots .owl-dot { 969 width: 10px; 970 height: 10px; 971 margin: 5px; 972 border-radius: 50%; 973 background: rgba(255, 255, 255, 0.4); 974 } 975 976 .owl-carousel.home-slider .owl-dots .owl-dot.active { 977 background: #fff; 978 } 979 980 /* All Devices EXCEPT Mobile Phones */ 981 @media (min-width: 768px) { 982 .site-navbar-wrap .site-navbar .site-logo a { 983 color: #000; 984 } 985 986 } 987 @media (min-width: 1750px) { 988 .owl-carousel.home-slider .slider-item .slider-text .one-forth { 989 position: absolute; 990 top: 0; 991 left: 0; 992 bottom: 0; 993 right: 0; 994 width: 1400px; 995 margin: 0 auto; 996 } 997 } 998 999 /* Desktop Only */ 1000 @media (min-width: 1200px) { 1001 .container { 1002 max-width: 1225px; 1003 } 1004 } 1005 1006 /*Tablets Only*/ 1007 @media (max-width: 1199px) and (min-width: 768px) { 1008 1009 } 1010 1011 /*Tablet Landscape*/ 1012 @media (max-width: 1199px) and (min-width: 993px) { 1013 1014 } 1015 1016 /*Tablet Vertical Only*/ 1017 @media (max-width: 992px) and (min-width: 768px) { 1018 1019 } 1020 1021 /* iPhone SE, 6, 7, 8 (553) */ 1022 @media (max-width: 450px) and (max-height: 600px) { 1023 } 1024 1025 /* iPhone 11 (635) */ 1026 @media (max-width: 450px) and (min-height: 600px) and (max-height: 700px) { 1027 } 1028 1029 /* default mobile landscape */ 1030 @media only screen 1031 and (max-height: 450px) 1032 and (orientation: landscape) { 1033 .owl-carousel.home-slider .slider-item .slider-text .one-forth .all-cov-no-flat-icon { 1034 top: 33%; 1035 } 1036 1037 .site-navbar-wrap .site-navbar .site-logo a { 1038 color: rgba(0, 0, 0, 1); 1039 } 1040 1041 .beauty1-navbar { 1042 max-width: 96%; 1043 } 1044 1045 #l3-nav1 { 1046 flex: 0 0 36.66667%; 1047 max-width: 36.66667%; 1048 } 1049 1050 #l3-nav2 { 1051 flex: 0 0 63.33333%; 1052 max-width: 63.33333%; 1053 } 1054 1055 } 1056 1057 /* iPhone X, Plus, Pro, Pro Max (719), etc. 1058 const iPhoneX11Width = 375; 1059 const iPhoneX11Height = 812; 1060 const iPhoneXR11ProMaxWidth = 414; 1061 const iPhoneXR11ProMaxHeight = 896; 1062 for iOS specific media queries see: https://stackoverflow.com/a/58087447/5667402 1063 for iPhone 8 iOS specific media queries see: https://stackoverflow.com/a/46313641/5667402 1064 */ 1065 @media (max-width: 450px) and (min-height: 700px) { 1066 .owl-carousel.home-slider .slider-item .slider-text .one-forth .all-cov-no-flat-icon { 1067 top: 43%; 1068 } 1069 } 1070 1071 /* iPhone 11 Max */ 1072 @media only screen 1073 and (device-height: 896px) 1074 and (device-width: 414px) 1075 and (-webkit-device-pixel-ratio: 3) 1076 and (orientation: landscape) { 1077 .owl-carousel.home-slider .slider-item .slider-text .one-forth .all-cov-no-flat-icon { 1078 top: 36%; 1079 } 1080 1081 } 1082 1083 /* iPhone 8 Plus */ 1084 @media only screen 1085 and (device-width: 414px) 1086 and (device-height: 736px) 1087 and (-webkit-device-pixel-ratio: 3) 1088 and (orientation: landscape) { 1089 .owl-carousel.home-slider .slider-item .slider-text .one-forth .all-cov-no-flat-icon { 1090 top: 36%; 1091 } 1092 1093 .site-navbar-wrap .site-navbar .site-logo a { 1094 color: rgba(0, 0, 0, 1); 1095 } 1096 1097 .beauty1-navbar { 1098 max-width: 96%; 1099 } 1100 1101 #l3-nav1 { 1102 flex: 0 0 36.66667%; 1103 max-width: 36.66667%; 1104 } 1105 1106 #l3-nav2 { 1107 flex: 0 0 63.33333%; 1108 max-width: 63.33333%; 1109 } 1110 1111 } 1112 1113 1114</style> 1115 <style> 1116 .service-menu-list3-title { 1117 padding: 0 0 1rem 0; 1118 } 1119 1120 .service-menu-list3-title2 { 1121 font-size: 40px; 1122 color: #7c7b82; 1123 position: relative; 1124 top: 1.3rem; 1125 } 1126 1127 .service-menu-list3-title4 { 1128 font-size: 40px; 1129 color: #7c7b82; 1130 margin-top: .75rem; 1131 } 1132 1133 .service-menu-list3-section1 { 1134 padding: 2.5em 0; 1135 } 1136 1137 .service-menu-list3-title5 { 1138 position: relative; 1139 bottom: 1.25rem; 1140 1141 } 1142 1143 .service-menu-list3-paragraph1 { 1144 margin-bottom: 2rem; 1145 1146 } 1147 1148 .service-menu-list3-paragraph2 { 1149 padding: 2rem 2rem 2.5rem; 1150 margin-top: 2rem; 1151 } 1152 1153 .service-menu-list3-bg { 1154 background-size: initial; 1155 background-repeat: repeat; 1156 height: 6rem; 1157 } 1158 1159 .menu-list-3-sep { 1160 -ms-flex-positive: 1; 1161 flex-grow: 1; 1162 margin-left: 10px; 1163 margin-right: 10px; 1164 border-bottom-style: dotted; 1165 border-bottom-width: 2px; 1166 position: relative; 1167 bottom: 0; 1168 } 1169 1170 .menu-list-3-block { 1171 -ms-flex-align: center; 1172 align-items: center; 1173 -ms-flex-preferred-size: 100%; 1174 flex-basis: 100%; 1175 margin-bottom: 0; 1176 -ms-flex-pack: justify; 1177 justify-content: space-between; 1178 display: -ms-flexbox; 1179 display: flex; 1180 } 1181 1182 .menu-list-3-des { 1183 display: -ms-flexbox; 1184 display: flex; 1185 -ms-flex-align: start; 1186 align-items: flex-start; 1187 flex-basis: 100%; 1188 line-height: 1.3rem; 1189 position: relative; 1190 bottom: 5px; 1191 } 1192 1193 .menu-list-3-price { 1194 position: relative; 1195 bottom: 4px; 1196 } 1197 1198 .service-menu-list3-bg2 { 1199 background-size: initial; 1200 background-repeat: repeat; 1201 height: 7rem; 1202 } 1203 1204 /* All Devices EXCEPT Mobile Phones */ 1205 @media (min-width: 768px) { 1206 1207 } 1208 1209 /* Mobile Phones Only */ 1210 @media (max-width: 767px) { 1211 .service-menu-list3-title2 { 1212 font-size: 40px; 1213 color: #7c7b82; 1214 position: relative; 1215 top: .85rem; 1216 } 1217 1218 .service-menu-list3-mob1 { 1219 padding: 5px 15px; 1220 } 1221 1222 .service-menu-list3-mob2 { 1223 padding: 0 15px; 1224 } 1225 1226 .service-menu-list3-title4 { 1227 font-size: 30px; 1228 color: #7c7b82; 1229 margin-top: .75rem; 1230 } 1231 1232 .service-menu-list3-paragraph2 { 1233 padding: 17px 5px 0 5px; 1234 margin-top: 1rem; 1235 } 1236 } 1237 1238 /* Desktop Only */ 1239 @media (min-width: 1200px) { 1240 1241 } 1242 1243 /*Tablets Only*/ 1244 @media (max-width: 1199px) and (min-width: 768px) { 1245 1246 } 1247 1248 /*Tablet Landscape*/ 1249 @media (max-width: 1199px) and (min-width: 993px) { 1250 1251 } 1252 1253 /*Tablet Vertical Only*/ 1254 @media (max-width: 992px) and (min-width: 768px) { 1255 1256 } 1257 1258 /* iPhone SE, 6, 7, 8 (553) */ 1259 @media (max-width: 450px) and (max-height: 600px) { 1260 } 1261 1262 /* iPhone 11 (635) */ 1263 @media (max-width: 450px) and (min-height: 600px) and (max-height: 700px) { 1264 } 1265 1266 /* iPhone X, Plus, Pro, Pro Max (719), etc. 1267 const iPhoneX11Width = 375; 1268 const iPhoneX11Height = 812; 1269 const iPhoneXR11ProMaxWidth = 414; 1270 const iPhoneXR11ProMaxHeight = 896; 1271 */ 1272 @media (max-width: 450px) and (min-height: 700px) { 1273 } 1274 1275</style> 1276 1277<style> 1278 .site-navbar .site-navigation .site-menu > li:last-child > a { 1279 padding-right: 10px; 1280 } 1281 1282 .site-navbar .site-navigation .site-menu > li:last-child { 1283 padding-right: 5px; 1284 } 1285 1286 .navbar-desktop-2-header { 1287 margin: 0 auto; 1288 positio
1288n: relative; 1289 width: 100%; 1290 z-index: 20; 1291 } 1292 1293 #navbar-desktop-2-primary-menu { 1294 position: absolute; 1295 top: 28px; 1296 left: 0; 1297 width: 100%; 1298 z-index: 10; 1299 } 1300 1301 .navbar-desktop-2-primary-menu-text-logo { 1302 top: unset !important; 1303 } 1304 1305 #navbar-desktop-2-logo h1 a { 1306 display: block; 1307 } 1308 1309 #navbar-desktop-2-logo h1 a span { 1310 margin-left: -999999px; 1311 } 1312 1313 #navbar-desktop-2-primary-menu .split-menu { 1314 float: left; 1315 1316 } 1317 1318 #navbar-desktop-2-primary-menu .right-menu { 1319 float: right; 1320 } 1321 1322 /* parent menu */ 1323 #navbar-desktop-2-primary-menu ul { 1324 margin: 0; 1325 padding: 0; 1326 list-style: none; 1327 line-height: 36px; 1328 text-align: center; 1329 } 1330 1331 #navbar-desktop-2-primary-menu ul li { 1332 position: relative; 1333 z-index: 40; 1334 *display: inline; 1335 zoom: 1; 1336 } 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 /*=========================================*/ 1389 /* Media queries 1390 /*=========================================*/ 1391 @media screen and (max-width: 1035px) { 1392 .navbar-desktop-2-header { 1393 width: auto; 1394 max-width: 720px; 1395 } 1396 1397 #navbar-desktop-2-primary-menu { 1398 display: block; 1399 margin-top: 0; 1400 position: static; 1401 } 1402 1403 #navbar-desktop-2-primary-menu .split-menu { 1404 float: left; 1405 width: 50%; 1406 } 1407 1408 #navbar-desktop-2-primary-menu .left-menu > ul { 1409 text-align: right; 1410 } 1411 1412 #navbar-desktop-2-primary-menu .right-menu > ul { 1413 text-align: left; 1414 } 1415 } 1416 1417 /* All Devices EXCEPT Mobile Phones */ 1418 @media (min-width: 768px) { 1419 .navbar-desktop-2-text-logo { 1420 display: flex; 1421 justify-content: center; 1422 align-items: center; 1423 } 1424 1425 } 1426 1427 /* Desktop Only */ 1428 @media (min-width: 1231px) { 1429 #navbar-desktop-2-logo, #navbar-desktop-2-text-logo { 1430 margin: 0 auto; 1431 min-height: 92px; 1432 overflow: hidden; 1433 padding: 0; 1434 position: relative; 1435 width: 260px; 1436 z-index: 20; 1437 } 1438 1439 .left-menu, .right-menu { 1440 position: relative; 1441 bottom: 2px; 1442 } 1443 1444 } 1445 1446 /* Mobile Phones Only */ 1447 @media (max-width: 1230px) { 1448 #navbar-desktop-2-logo { 1449 display: inline-flex; 1450 float: left; 1451 1452 /* equivalent to col-2 */ 1453 -webkit-box-flex: 0; 1454 -ms-flex: 0 0 16.66667%; 1455 flex: 0 0 16.66667%; 1456 max-width: 16.66667%; 1457 1458 } 1459 1460 #navbar-desktop-2-text-logo { 1461 display: inline-flex; 1462 } 1463 1464 .navbar-desktop-2-ham1 { 1465 float: right; 1466 padding-right: 3.5%; 1467 } 1468 1469 .navbar-desktop-2-ham1-text-logo { 1470 float: right; 1471 padding-right: 0; 1472 -webkit-box-flex: 0 !important; 1473 -ms-flex: 0 0 28.66667% !important; 1474 flex: 0 0 28.66667 !important; 1475 max-width: 28.66667% !important; 1476 } 1477 1478 .navbar-desktop-2-container1 { 1479 padding-left: 2px; 1480 padding-right: 10px; 1481 1482 } 1483 1484 .navbar-desktop-2-logo-h1 { 1485 margin-bottom: 0; 1486 padding-left: 10px; 1487 padding-bottom: 6px; 1488 } 1489 1490 } 1491 1492 @media (min-width: 768px) { 1493 .navbar-desktop-2-ham1-text-logo { 1494 float: right; 1495 padding-right: 0; 1496 -webkit-box-flex: 0 !important; 1497 -ms-flex: 0 0 70.66667% !important; 1498 flex: 0 0 70.66667 !important; 1499 max-width: 70.66667% !important; 1500 } 1501 } 1502 1503 @media (max-width: 767px) and (min-width: 451px) { 1504 .navbar-desktop-2-ham1-text-logo { 1505 float: right; 1506 padding-right: 0; 1507 -webkit-box-flex: 0 !important; 1508 -ms-flex: 0 0 50.66667% !important; 1509 flex: 0 0 50.66667 !important; 1510 max-width: 50.66667% !important; 1511 } 1512 } 1513 1514 /*Tablets Only*/ 1515 @media (max-width: 1199px) and (min-width: 768px) { 1516 1517 } 1518 1519 /*Tablet Landscape*/ 1520 @media (max-width: 1199px) and (min-width: 993px) { 1521 1522 } 1523 1524 /*Tablet Vertical Only*/ 1525 @media (max-width: 992px) and (min-width: 768px) { 1526 1527 } 1528 1529 /* iPhone SE, 6, 7, 8 (553) */ 1530 @media (max-width: 450px) and (max-height: 600px) { 1531 } 1532 1533 /* iPhone 11 (635) */ 1534 @media (max-width: 450px) and (min-height: 600px) and (max-height: 700px) { 1535 } 1536 1537 /* iPhone X, Plus, Pro, Pro Max (719), etc. FOOO 1538 const iPhoneX11Width = 375; 1539 const iPhoneX11Height = 812; 1540 const iPhoneXR11ProMaxWidth = 414; 1541 const iPhoneXR11ProMaxHeight = 896; 1542 */ 1543 @media (max-width: 450px) and (min-height: 700px) { 1544 } 1545 1546</style> 1547 <style> 1548 /* All Devices EXCEPT Mobile Phones */ 1549 @media (min-width: 768px) { 1550 1551 } 1552 1553 /* Mobile Phones Only */ 1554 @media (max-width: 767px) { 1555 1556 } 1557 1558 /* Desktop Only */ 1559 @media (min-width: 1200px) { 1560 .wds-page-overview3-section { 1561 margin: 2.5rem 0 5rem 0; 1562 } 1563 1564 } 1565 1566 /*Tablets Only*/ 1567 @media (max-width: 1199px) and (min-width: 768px) { 1568 1569 } 1570 1571 /*Tablet Landscape*/ 1572 @media (max-width: 1199px) and (min-width: 993px) { 1573 1574 } 1575 1576 /*Tablet Vertical Only*/ 1577 @media (max-width: 992px) and (min-width: 768px) { 1578 1579 } 1580 1581 /* iPhone SE, 6, 7, 8 (553) */ 1582 @media (max-width: 450px) and (max-height: 600px) { 1583 } 1584 1585 /* iPhone 11 (635) */ 1586 @media (max-width: 450px) and (min-height: 600px) and (max-height: 700px) { 1587 } 1588 1589 /* iPhone X, Plus, Pro, Pro Max (719), etc. 1590 const iPhoneX11Width = 375; 1591 const iPhoneX11Height = 812; 1592 const iPhoneXR11ProMaxWidth = 414; 1593 const iPhoneXR11ProMaxHeight = 896; 1594 */ 1595 @media (max-width: 450px) and (min-height: 700px) { 1596 } 1597 1598 .about-area .about-content { 1599 position: relative; 1600 background: rgba(255, 255, 255, .8); 1601 padding: 60px 0 60px 0; 1602 min-width: 480px; 1603 z-index: 5; 1604 } 1605 1606 .about-area .about-content:after { 1607 content: ""; 1608 position: absolute; 1609 left: 100%; 1610 top: 0; 1611 z-index: 3; 1612 background: rgba(255, 255, 255, .8); 1613 width: 70px; 1614 height: 100%; 1615 } 1616 1617 .about-area .single-about { 1618 position: relative; 1619 } 1620 1621 .wds-page-overview3-thumb-img { 1622 max-width: 261px; 1623 } 1624 1625 @media (min-width: 1200px) { 1626 .about-area .single-about .bordered-img { 1627 position: absolute; 1628 right: 0; 1629 bottom: -70px; 1630 z-index: 5; 1631 border: 1px dashed #902E81; 1632 padding: 20px; 1633 } 1634 } 1635 1636 @media (min-width: 1200px) and (max-width: 1230px) { 1637 .about-area .single-about .bordered-img { 1638 max-width: 20%; 1639 right: -2%; 1640 bottom: -10%; 1641 } 1642 1643 .wds-page-overview3-thumb-img { 1644 max-width: 180px; 1645 } 1646 1647 } 1648 1649 @media (min-width: 768px) and (max-width: 1199px) { 1650 .about-area .single-about .bordered-img { 1651 max-width: 22%; 1652 position: absolute; 1653 left: 29%; 1654 top: 42%; 1655 z-index: 5; 1656 padding: 20px; 1657 border: 1px dashed #DFC47B; 1658 } 1659 1660 #wds-page-overview3-img { 1661 position: relative; 1662 right: 5%; 1663 } 1664 1665 #wds-page-overview3-text { 1666 position: relative; 1667 left: 5%; 1668 } 1669 1670 .about-area .about-content { 1671 padding-right: 20px; 1672 } 1673 1674 .wds-page-overview3-thumb-img { 1675 max-width: 160px; 1676 } 1677 1678 } 1679 1680 @media (min-width: 768px) and (max-width: 992px) { 1681 .wds-page-overview3-container { 1682 max-width: 90%; 1683 } 1684 1685 .about-area .single-about .bordered-img { 1686 max-width: 25%; 1687 } 1688 1689 .wds-page-overview3-thumb-img { 1690 max-width: 130px; 1691 } 1692 1693 } 1694 1695 @media (max-width: 767px) { 1696 .about-area .single-about .bordered-img { 1697 max-width: 45%; 1698 position: absolute; 1699 right: -2.25rem; 1700 top: 9.5rem; 1701 z-index: 5; 1702 padding: 20px; 1703 border: 1px dashed #902E81; 1704 1705 } 1706 1707 .wds-page-overview3-thumb-img { 1708 max-width: 190px; 1709 } 1710 } 1711 1712 /* iPhone SE, 6, 7, 8 (553) */ 1713 @media (max-width: 450px) and (max-height: 699px) { 1714 .about-area .single-about .bordered-img { 1715 max-width: 45%; 1716 position: absolute; 1717 right: -1rem; 1718 top: 5rem; 1719 z-index: 5; 1720 padding: 20px; 1721 border: 1px dashed #902E81; 1722 1723 } 1724 1725 .wds-page-overview3-thumb-img { 1726 max-width: 130px; 1727 } 1728 } 1729 /* iPhone X, Plus, Pro, Pro Max (719), etc. 1730 const iPhoneX11Width = 375; 1731 const iPhoneX11Height = 812; 1732 const iPhoneXR11ProMaxWidth = 414; 1733 const iPhoneXR11ProMaxHeight = 896; 1734 */ 1735 @media (max-width: 450px) and (min-height: 700px) { 1736 .about-area .single-about .bordered-img { 1737 max-width: 45%; 1738 position: absolute; 1739 right: -1rem; 1740 top: 5rem; 1741 z-index: 5; 1742 padding: 20px; 1743 border: 1px dashed #902E81; 1744 1745 } 1746 1747 .wds-page-overview3-thumb-img { 1748 max-width: 150px; 1749 } 1750 } 1751 1752 .about-area .about-thumb { 1753 overflow: hidden; 1754 display: inline-block; 1755 } 1756 1757 @media (max-width: 800px) { 1758 .about-area .info-content { 1759 text-align: center; 1760 padding: 80px 30px 80px 0; 1761 } 1762 } 1763 1764 @media (max-width: 991px) { 1765 .about-area .about-content:after { 1766 display: none; 1767 } 1768 } 1769 1770 @media only screen and (min-width: 992px) and (max-width: 1200px) { 1771 .about-area .about-content { 1772 min-width: 400px; 1773 } 1774 } 1775 1776 .about-area .about-content h1 { 1777 line-height: 1.15em; 1778 margin-bottom: 30px; 1779 } 1780 1781 @media (max-width: 991px) { 1782 .about-area .about-content h1 { 1783 font-size: 25px; 1784 } 1785 } 1786 1787 @media (max-width: 575px) { 1788 .about-area .about-content h1 { 1789 font-size: 25px; 1790 } 1791 } 1792 1793 .about-area .about-content p { 1794 margin: 0; 1795 } 1796 1797 .about-area .about-content .primary-btn { 1798 margin-top: 30px; 1799 text-transform: uppercase; 1800 letter-spacing: 2px; 1801 } 1802 1803 @media only screen and (min-width: 768px) and (max-width: 991px) { 1804 .about-area .about-content { 1805 min-width: 105%; 1806 } 1807 } 1808 1809 @media (max-width: 767px) { 1810 .about-area .about-content { 1811 min-width: 300px; 1812 } 1813 } 1814 1815 .about-area .about-right { 1816 z-index: 2; 1817 } 1818 1819</style> 1820 1821 1822 1823
1823<script src="https://analytics.ahrefs.com/analytics.js" data-key="r24vNixVel6/zasAmaW9rg" async></script>
1823 1824
1825<script>window.Mangomint = window.Mangomint || {}; 1826window.Mangomint.CompanyId = 250268;</script>
vendor: 2 bytes, line 1826
1826
1827<script src="https://booking.mangomint.com/app.js" async></script>
1827 1828 1829<style> 1830 1831#navbar-desktop-2-primary-menu > div.right-menu.split-menu > ul > li:nth-child(4) > ul{ 1832 1833 width: 200px !important; 1834 column-count: 1; 1835 column-gap: 20px; 1836 } 1837 1838 1839/* Desktop â 2-column layout for "Color & More" dropdown */ 1840@media (min-width: 992px) { 1841 1842 /* Make the dropdown wider + use 2 columns */ 1843 #navbar-desktop-2-primary-menu ul.dropdown.arrow-top.wds-dropdown { 1844 width: 440px !important; /* wider so two columns fit */ 1845 column-count: 2; /* split into 2 columns */ 1846 column-gap: 20px; /* space between columns */ 1847 } 1848 1849 /* Keep each item intact when columns wrap */ 1850 #navbar-desktop-2-primary-menu ul.dropdown.arrow-top.wds-dropdown > li { 1851 break-inside: avoid; 1852 } 1853} 1854 1855 1856 1857 1858.wds-flip-flop-header2{ 1859 visibility: hidden !important; 1860} 1861.swal2-confirm { 1862background-image: linear-gradient(to right, #902E81 0%, #DF3973 51%, #902E81 100%) !important; 1863} 1864/* Fix dropdown issue on last page title on top nav bar */ 1865.site-navbar .site-navigation .site-menu > li:last-child > a { 1866 padding-right: 10px !important; 1867} 1868 1869.right-menu { 1870width: 49% !important; 1871} 1872.left-menu { 1873width: 43% !important; 1874} 1875.site-navbar .site-navigation .site-menu > li > a { 1876 padding-left: 10px !important; 1877 padding-right: 10px !important; 1878} 1879.site-navbar-wrap .site-navbar .site-navigation .site-menu > li > a { 1880color: #000 !important; 1881font-size: 17px !important; 1882} 1883 1884/* This will update primary/secondary button color gradient */ 1885.wds-btn-cls, .btn-primary, .all-cover-3-secondary, .all-cover-2-secondary { 1886background-image: linear-gradient(to right, #902E81 0%, #DF3973 51%, #902E81 100%) !important; 1887 transition: 0.75s !important; 1888 background-size: 200% auto !important; 1889 border: 0px solid #000 !important; 1890 color: #FFF !important; 1891} 1892 1893/*This will make the primary/secondary button gradient shift colors on hover*/ 1894.btn-primary:hover, .all-cover-3-secondary:hover, .btn-outline-primary:hover { 1895background-position: right center !important; 1896 color: #FFF !important; 1897} 1898 1899/* make navbar slightly transparent */ 1900.site-navbar-wrap.scrolled { 1901 opacity: .90 !important; 1902} 1903 1904 1905.site-navbar-wrap.scrolled { 1906background-color: #a5a5a5 !important; 1907} 1908.site-navbar-wrap.scrolled .site-navbar .site-navigation .site-menu > li > a { 1909color: #FFF !important; 1910} 1911.site-navbar-wrap.scrolled .site-menu-toggle span { 1912color: #902E81 !important; 1913} 1914 1915/* set footer background color to black */ 1916.site-footer { 1917background-color: #000 !important; 1918} 1919 1920.wds-flip-flop-img { 1921border-radius: 15%; 1922} 1923 1924/* use this to update footer text only */ 1925.wds-footer-details { 1926color: #FFF !important; 1927 1928} 1929/* use this to update footer headers only */ 1930.wds-footer-header { 1931color: #902E81 !important; 1932font-size: 1.7rem !important; 1933} 1934 1935 1936 1937 1938 1939@media (max-width: 450px) { 1940/*ADD CSS BELOW IF YOU WANT IT TO APPLY ONLY TO MOBILE */ 1941 1942/* update CL4 cover arrow color on mobile */ 1943.overlay-1, .overlay { 1944 display: none !important; 1945} 1946 1947.site-navbar-wrap .site-menu-toggle span { 1948 color: #000 !important; 1949} 1950 1951/* set mobile toolbar background color */ 1952#wds-posh1-mobile-menu { 1953 background: #a5a5a5 !important; 1954} 1955 1956/* set mobile toolbar text color */ 1957.wds-mobile-menu-trigger-label { 1958 color: #FFF !important; 1959} 1960 1961 1962/* remove icon from cover section */ 1963.wds-all-cover-3-4-icon { 1964display: none; 1965} 1966/* remove line from cover section */ 1967.wds-icon-after { 1968display: none; 1969} 1970 1971} 1972 1973@media (min-width: 1231px) { 1974/*ADD CSS BELOW IF YOU WANT IT TO APPLY ONLY TO DESKTOP */ 1975 1976} 1977 1978 1979@media (min-width: 1231px) { 1980 1981.wds-navbar-link-custom-css{ 1982display:block; 1983position:relative; 1984} 1985 1986.wds-navbar-link-custom-css:before{ 1987content:' '; 1988position:absolute; 1989top:0; 1990left:0; 1991width:100%; 1992height:3px; 1993background-image: linear-gradient(to right, #902E81 0%, #DF3973 51%, #902E81 100%) !important; 1994transform:scaleX(0); 1995transition:all 0.5s; 1996transform-origin:left; 1997} 1998 1999.wds-navbar-link-custom-css:hover:before, .wds-navbar-link-custom-css:hover:after{
2000transform:scaleX(1); 2001} 2002 2003.wds-navbar-link-custom-css:after{ 2004content:' '; 2005position:absolute; 2006top:100%; 2007left:0; 2008width:100%; 2009height:3px; 2010background-image: linear-gradient(to right, #902E81 0%, #DF3973 51%, #902E81 100%) !important; 2011transform:scaleX(0); 2012transition:all 0.5s; 2013transform-origin:right; 2014} 2015 2016.wds-sub { 2017display: block !important; 2018} 2019 2020} 2021</style> 2022 2023 2024 2025 2026 <style> 2027@media (max-width: 450px) { 2028/*ADD CSS BELOW IF YOU WANT IT TO APPLY ONLY TO MOBILE */ 2029 2030.wds-mob-title-ft-size1 { 2031 font-size: 2.75rem !important; 2032} 2033.wds-mob-cover-des-ft-size1 { 2034 font-size: 1.5rem !important; 2035} 2036} 2037 2038@media (min-width: 1231px) { 2039/*ADD CSS BELOW IF YOU WANT IT TO APPLY ONLY TO DESKTOP */ 2040 2041} 2042</style> 2043 2044 2045 2046<meta name="google-site-verification" content="m7P5bpPlrnMmSkzClDjH66D4e2Wqfus_SYMertP-3Yc"/> 2047<meta name="msvalidate.01" content="none"/> 2048 2049 2050 2051 2052</head> 2053<body> 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081<div class="site-wrap wow"> 2082 2083 <div class="site-mobile-menu wow"> 2084 <div class="site-mobile-menu-header"> 2085 <div class="site-mobile-menu-close wds-margin-top0"> 2086 <span class="icon-close2 js-menu-toggle"></span> 2087 </div> 2088 </div> 2089 <div class="site-mobile-menu-body"></div> 2090 </div> 2091 2092 2093 <div class="site-navbar-wrap js-site-navbar bg-white wow wds-mob-navbar-tog"> 2094 2095 <div class="container wow fadeInDown"> 2096 <div class="site-navbar navbar-desktop-2-1"> 2097 <div class="py-1"> 2098 <div class="row align-items-center"> 2099 <div class="col-12 navbar-desktop-2-container1"> 2100 <nav class="site-navigation text-center" role="navigation"> 2101 <div class="container navbar-desktop-2-container1"> 2102 2103 2104 <header class="row align-items-center clearfix navbar-desktop-2-header"> 2105 2106 2107 <div id="navbar-desktop-2-logo"> 2108 <h1 class="navbar-desktop-2-logo-h1 wds-navbar-desktop-2-img-logo"> 2109 <a href="/"> 2110 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__11-21-2024-18-12-40.png" alt="Refresh Hair Studio" style="max-height: 7rem; padding: .5rem 0rem;" class="l3-logo-lrg"> 2111 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__11-21-2024-18-13-31.png" alt="Refresh Hair Studio" style="max-height: 3rem; padding: 0;position: relative;right: 1rem;bottom: -0.1rem;" class="l3-logo-sm"> 2112 </a> 2113 </h1> 2114 </div> 2115 2116 2117 <div class="text-right col-10 d-inline-block d-lg-none ml-md-0 mr-auto py-3 wow fadeInDown navbar-desktop-2-ham1"> 2118 <a href="#" class="site-menu-toggle js-menu-toggle"> 2119 <span class="icon-menu h3"></span> 2120 </a> 2121 </div> 2122 2123 <div id="navbar-desktop-2-primary-menu" class="clearfix "> 2124 <div class="left-menu split-menu" style="width: 20%"> 2125 <ul class="menu site-menu js-clone-nav d-none d-lg-block"> 2126 2127 2128 2129 2130 <li> 2131 <a class="wds-navbar-custom-css wds-navbar-link-custom-css wds-navbar-link-custom-css1" style="" 2132 href="/" 2133 >Home</a> 2134 </li> 2135 2136 2137 2138 2139 2140 <li class="has-children"> 2141 <a class="wds-navbar-custom-css" style="" 2142 href="#" 2143 >Color & More</a> 2144 <ul class="dropdown arrow-top wds-dropdown"> 2145 2146 2147 <li class="wds-sub sub1"> 2148 <a class="wds-subnavbar-link-custom-css" style="" 2149 href="/full-refresh" 2150 >A Full Refresh</a> 2151 </li> 2152 2153 2154 <li class="wds-sub sub2"> 2155 <a class="wds-subnavbar-link-custom-css" style="" 2156 href="/partial-refresh" 2157 >A Partial Refresh</a> 2158 </li> 2159 2160 2161 <li class="wds-sub sub3"> 2162 <a class="wds-subnavbar-link-custom-css" style="" 2163 href="/mini-refresh-makeover" 2164 >Mini Refresh Makeover</a> 2165 </li> 2166 2167 2168 <li class="wds-sub sub4"> 2169 <a class="wds-subnavbar-link-custom-css" style="" 2170 href="/express-root-coverage" 2171 >Express Root Coverage</a> 2172 </li> 2173 2174 2175 <li class="wds-sub sub5"> 2176 <a class="wds-subnavbar-link-custom-css" style="" 2177 href="/blonde-babe" 2178 >Blonde Babe</a> 2179 </li> 2180 2181 2182 <li class="wds-sub sub6"> 2183 <a class="wds-subnavbar-link-custom-css" style="" 2184 href="/gray-blending-grow-out" 2185 >Gray Blending Grow Out</a> 2186 </li> 2187 2188 2189 <li class="wds-sub sub7"> 2190 <a class="wds-subnavbar-link-custom-css" style="" 2191 href="/our-services" 2192 >All Services</a> 2193 </li> 2194 2195 2196 <li class="wds-sub sub8"> 2197 <a class="wds-subnavbar-link-custom-css" style="" 2198 href="/single-dose-glaze" 2199 >A Single Dose Glaze</a> 2200 </li> 2201 2202 2203 <li class="wds-sub sub9"> 2204 <a class="wds-subnavbar-link-custom-css" style="" 2205 href="/double-dose" 2206 >Double Dose</a> 2207 </li> 2208 2209 2210 <li class="wds-sub sub10"> 2211 <a class="wds-subnavbar-link-custom-css" style="" 2212 href="/perm-service" 2213 >Perms</a> 2214 </li> 2215 2216 2217 <li class="wds-sub sub11"> 2218 <a class="wds-subnavbar-link-custom-css" style="" 2219 href="/keratin-treatment" 2220 >Keratin Treatment</a> 2221 </li> 2222 2223 2224 <li class="wds-sub sub12"> 2225 <a class="wds-subnavbar-link-custom-css" style="" 2226 href="/detox-treatment" 2227 >Detox Treatment</a> 2228 </li> 2229 2230 2231 <li class="wds-sub sub13"> 2232 <a class="wds-subnavbar-link-custom-css" style="" 2233 href="/creative-color" 2234 >
2234Creative Color with Paris </a> 2235 </li> 2236 </ul> 2237 </li> 2238 2239 2240 2241 2242 2243 <li class="has-children"> 2244 <a class="wds-navbar-custom-css" style="" 2245 href="##" 2246 >Haircuts</a> 2247 <ul class="dropdown arrow-top wds-dropdown"> 2248 2249 2250 <li class="wds-sub sub1"> 2251 <a class="wds-subnavbar-link-custom-css" style="" 2252 href="/kids" 2253 >Kids under 12</a> 2254 </li> 2255 2256 2257 <li class="wds-sub sub2"> 2258 <a class="wds-subnavbar-link-custom-css" style="" 2259 href="/teen" 2260 >Teen Haircut</a> 2261 </li> 2262 2263 2264 <li class="wds-sub sub3"> 2265 <a class="wds-subnavbar-link-custom-css" style="" 2266 href="/haircut" 2267 >Haircut</a> 2268 </li> 2269 2270 2271 <li class="wds-sub sub4"> 2272 <a class="wds-subnavbar-link-custom-css" style="" 2273 href="/a-gender-neutral" 2274 >A Gender Neutral/Pixie</a> 2275 </li> 2276 2277 2278 <li class="wds-sub sub5"> 2279 <a class="wds-subnavbar-link-custom-css" style="" 2280 href="/our-services" 2281 >All Services</a> 2282 </li> 2283 </ul> 2284 </li> 2285 2286 2287 2288 2289 2290 <li> 2291 <a class="wds-navbar-custom-css wds-navbar-link-custom-css wds-navbar-link-custom-css4" style="" 2292 href="/our-stylist" 2293 >Our Stylists</a> 2294 </li> 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 </ul> <!-- .left-nav --> 2306 </div> 2307 2308 <div class="right-menu split-menu" style="width: 20%"> 2309 <ul class="menu site-menu js-clone-nav d-none d-lg-block"> 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 <li> 2323 <a class="wds-navbar-custom-css wds-navbar-link-custom-css wds-navbar-link-custom-css5" style="" 2324 href="/gallery" 2325 >Gallery</a> 2326 </li> 2327 2328 2329 2330 2331 2332 <li class="has-children"> 2333 <a class="wds-navbar-custom-css" style="" 2334 href="###" 2335 >Products</a> 2336 <ul class="dropdown arrow-top wds-dropdown"> 2337 2338 2339 <li class="wds-sub sub1"> 2340 <a class="wds-subnavbar-link-custom-css" style="" 2341 href="/megix-10" 2342 >Megix 10</a> 2343 </li> 2344 2345 2346 <li class="wds-sub sub2"> 2347 <a class="wds-subnavbar-link-custom-css" style="" 2348 href="/enchanting-haircare-collection" 2349 >Enchanting Haircare Collection</a> 2350 </li> 2351 2352 2353 <li class="wds-sub sub3"> 2354 <a class="wds-subnavbar-link-custom-css" style="" 2355 href="/iuveni" 2356 >Iuveni</a> 2357 </li> 2358 </ul> 2359 </li> 2360 2361 2362 2363 2364 2365 <li> 2366 <a class="wds-navbar-custom-css wds-navbar-link-custom-css wds-navbar-link-custom-css7" style="" 2367 href="/faqs" 2368 >FAQs & Policy</a> 2369 </li> 2370 2371 2372 2373 2374 2375 <li class="has-children"> 2376 <a class="wds-navbar-custom-css" style="" 2377 href="####" 2378 >Forms</a> 2379 <ul class="dropdown arrow-top wds-dropdown"> 2380 2381 2382 <li class="wds-sub sub1"> 2383 <a class="wds-subnavbar-link-custom-css" style="" 2384 href="/color-consultation-form" 2385 >Color Consultation</a> 2386 </li> 2387 2388 2389 <li class="wds-sub sub2"> 2390 <a class="wds-subnavbar-link-custom-css" style="" 2391 href="/perm-consultation-form" 2392 >Perm Consultation</a> 2393 </li> 2394 </ul> 2395 </li> 2396 2397 2398 </ul> 2399 </div> <!-- .right-nav --> 2400 </div> <!-- #primary-menu --> 2401 2402 </header> 2403 </div> 2404 </nav> 2405 </div> 2406 </div> 2407 </div> 2408 </div> 2409 </div> 2410 </div> 2411 2412 2413 2414 2415 2416 2417 <style> 2418 @media (max-width: 450px) { 2419 .posh-all-cov-imgs { 2420 box-shadow:inset 0 0 0 100vw rgba(255,255,255, .2) !important; 2421 } 2422 } 2423</style><style> 2424 @media (min-width: 451px) { 2425 .posh-all-cov-imgs { 2426 box-shadow:inset 0 0 0 100vw rgba(255,255,255, .2) !important; 2427 } 2428 } 2429 </style><section id="home-section" class="hero wds-single-cover-img"> 2430 <div class="home-slider owl-carousel home-slider-no-loop"> 2431 <div class="slider-item"> 2432 <div class="overlay"></div> 2433 <div class="container-fluid px-md-0"> 2434 <div class="row d-md-flex no-gutters slider-text align-items-end justify-content-end" 2435 data-scrollax-parent="true"> 2436 <div class="posh-all-cov-imgs one-third order-md-last img posh-mob-background-position214631" data-stellar-background-ratio=0.5 2437 style='background-image:url("/static/files/jamie_morales_2wlxYGjIho/images/user_upload__07-22
2437-2025-20-06-21.webp");transition: 0s linear;transition-property: background-position;'> 2438 <div class="overlay"></div> 2439 <div class="overlay-1"></div> 2440 </div> 2441 <div class="one-forth d-flex align-items-center wow fadeIn" data-wow-delay=.5s data-wow-duration=2s> 2442 <div class="text "> 2443 <div class="icon"> 2444 <span class="flaticon-furniture-and-household wds-all-cover-3-4-icon" 2445 style="font-size: 3rem; color: #902E81; line-height: 1.2;"></span> 2446 </div> 2447 <hr class="wds-icon-after" style="max-width: 220px;"></hr> 2448 <div class="h1-style site-blocks-cover-h1 wds-primary-title wds-mob-title-ft-size1 wds-desktop-title-ft-size1" 2449 style="font-family: Caveat, serif; font-weight: normal;">Products</div> 2450 <div class="wds-primary-description caption3 wds-des1 wds-mob-cover-des-ft-size1 wds-desktop-cover-des-ft-size1">Get Your Hair On</div> 2451 <p> 2452 2453 2454 2455 2456 2457 2458 <style> 2459 .all-cov4-btn:before, .all-cover-3-secondary:before { 2460 background: linear-gradient(to right, #902E81 0%, #DF3973 51%, #902E81 100%); 2461 } 2462 .all-cover-3-secondary:hover { 2463 border: 1px solid linear-gradient(to right, #902E81 0%, #DF3973 51%, #902E81 100%); 2464 } 2465 </style> 2466 2467 2468 2469<a href="/our-stylist" class="btn btn-primary all-cov4-btn mr-md-2 all-cover-3-primary CTA-Book-Now rounded " style="color: #fff; "> 2470 2471 2472 <i class="fa fa-calendar-check-o wds-icon" style="padding-right: .5rem;"></i> 2473 2474 Book Now 2475</a> 2476 2477 2478 2479 2480 2481 2482 2483 2484 <style> 2485 .all-cov4-btn:before, .all-cover-3-secondary:before { 2486 background: linear-gradient(to right, #902E81 0%, #DF3973 51%, #902E81 100%); 2487 } 2488 .all-cover-3-secondary:hover { 2489 border: 1px solid linear-gradient(to right, #902E81 0%, #DF3973 51%, #902E81 100%); 2490 } 2491 </style> 2492 2493 2494 2495<a href="/contact-us" class="btn btn-outline-primary all-cov4-btn ml-md-2 all-cover-3-secondary CTA-Book-Now rounded " style="background: transparent; "> 2496 2497 2498 <i class="fa fa-envelope wds-icon" style="padding-right: .5rem;"></i> 2499 2500 Contact Me 2501</a> 2502 2503 2504 </p> 2505 </div> 2506 <div class="text"> 2507 <i class="fa fa-angle-down hm-down-arrow1 wow heartBeat all-cover-3-scroll" data-wow-duration="6s" data-wow-iteration="infinite" aria-hidden="true"></i> 2508 </div> 2509 </div> 2510 </div> 2511 </div> 2512 </div> 2513 2514 </div> 2515</section> 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532<section id="wds-beauty-page-overview-2-btns-s1"> 2533 2534 <div class="site-section2 "> 2535 <div class="container wds-container70"> 2536 <div class="row align-items-center wds-padding-pg-overview-dt"> 2537 <div class="col-md-6 mb-5 mb-md-0 wow fadeInUp"> 2538 2539 <div class="img-border"> 2540 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__07-22-2025-20-14-54.webp" 2541 class="img-fluid rounded"> 2542 </div> 2543 2544 2545 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__06-15-2022-20-25-56.jpeg" 2546 class="img-fluid image-absolute"> 2547 2548 2549 </div> 2550 <div class="col-md-5 ml-auto wow fadeIn l3-2rem-tb"> 2551 2552 2553 <div class="section-heading text-left"> 2554 <h1 class="wds-pg-overview-2-h2"><font color="000">Your Hair, Leveled Up</h1> 2555 </div> 2556 2557 <div class="mb-4 wds-pg-overview-2-par1">Bring the salon home. Our professional-grade hair care line is the same one we trust behind the chairâclean, high-performance formulas that nourish, protect, and keep your color and shine looking fresh long after you leave the studio. </div> 2558 2559 2560 <div class="wds-pg-overview-2-par2 mb-4"><p>Every bottle is crafted to support real hair health, not just a one-time âwowâ moment, so your routine feels luxurious and your results actually last.</p></div> 2561 2562 2563 <a href="https://www.instagram.com/refreshwithjamie/" 2564 class="btn btn-primary text-white px-4 wds-btn-cls rounded " 2565 style="background-color: #902E81;"> 2566 <i class="fa fa-instagram" 2567 style="padding-right: .5rem;"></i>Instagram 2568 </a> 2569 2570 2571 </div> 2572 </div> 2573 </div> 2574 </div> 2575 2576</section> 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595<section id="wds-beauty-page-items-sqr-flip-flop-s3"> 2596 2597 <div class="site-sectionv2 wds-flip-flop-header1"> 2598 <div class="container wds-container70"> 2599 <div class="row"> 2600 <div class="col-md-10 mb-4 mx-auto text-center section-heading wow fadeIn l3-flip-flop-marg1 wds-flip-flop-header2"> 2601 <h2 class="mb-4">Product Details</h2> 2602 2603 </div> 2604 </div> 2605 2606 2607 2608 <div class="row wds-full-rows1 "> 2609 <div class="col-12"> 2610 <div class="site-block-half"> 2611 2612 <div class="wds-flip-flop-img image bg-image l3-page4-1 wow fadeInLeft wds-hover-brighten-reduce" style='transition: .4s all ease; background-image: url("/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-15-19.jpeg")'></div> 2613 2614 <div class="wds-flip-flop-text text py-5 text-center l3-page4-2 wow fadeInRight bg-light wds-margin-bottom15-mobile"> 2615 <h2 class="heading mb-0 h5 ">
2616 <span class="text-black wds-flip-flop-title"><span style="font-size:30px">Mowan Megix 10</span> <span class="l3-title-light wds-flip-flop-section-name"></span></span> 2617 </h2> 2618 2619 2620 <div class="text-left wds-margin-bottom20 wds-margin-top10 wds-flip-flop-service-description"><span style="font-size: 24px;">Unleash Your Inner Confidence with Fast, Effective Hair Color at Refresh Hair Studio</span></div> 2621 2622 2623 <div> 2624 2625 2626 2627 2628 2629 <a href="https://refreshhairstudiochicago.com/megix-10" class="btn btn-primary text-white px-4 wds-btn-cls rounded CTA-Book-Now" style="background-color: #902E81;"> 2630 <i class="fa fa-calendar-check-o wds-icon" style="padding-right: .5rem;"></i> 2631 2632 More Details 2633 </a> 2634 2635 2636 2637 </div> 2638 2639 </div> 2640 </div> 2641 </div> 2642 </div> 2643 2644 2645 2646 2647 <div class="row wds-full-rows2 wds-full-rows-final"> 2648 <div class="col-12"> 2649 <div class="site-block-half l3-page4-4 wds-margin-bottom0-dt"> 2650 2651 <div class="wds-flip-flop-img image bg-image order-md-2 l3-page4-2 wds-hover-brighten-reduce" style='transition: .4s all ease; background-image: url("/static/files/jamie_morales_2wlxYGjIho/images/user_upload__07-22-2025-20-21-54.webp")'></div> 2652 2653 <div class="wds-flip-flop-text text py-5 order-md-1 text-center l3-page4-1"> 2654 2655 <h2 class="heading mb-0 h5 "><span class="text-black wds-flip-flop-title"><span style="font-size:30px">Enchanting Haircare Collection</span> 2656 <span class="l3-title-light wds-flip-flop-section-name"></span></span> 2657 </h2> 2658 2659 2660 <div class="text-left wds-margin-bottom20 wds-margin-top10 wds-flip-flop-service-description"><span style="font-size: 24px;">Bring salon-quality hair home. Our curated Refresh Hair Studio productsâused in your appointmentsâare crafted for healthy, gorgeous hair and to keep that fresh, luxurious feel in your daily routine.</span></div> 2661 2662 2663 <div> 2664 2665 2666 2667 2668 2669 <a href="https://refreshhairstudiochicago.com/enchanting-haircare-collection" class="btn btn-primary text-white px-4 wds-btn-cls rounded CTA-Book-Now" style="background-color: #902E81;"> 2670 <i class="fa fa-calendar-check-o wds-icon" style="padding-right: .5rem;"></i> 2671 2672 More Details 2673 </a> 2674 2675 2676 2677 </div> 2678 2679 2680 2681 </div> 2682 </div> 2683 </div> 2684 </div> 2685 2686 2687 2688 2689 </div> 2690 </div> 2691</section> 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741<section id="wds-beauty-gallery-1-s14"> 2742 2743 <section id="wds-beauty-1-mobile-s14"> 2744 <div class="site-sectionv2 wds-padding-last-section wds-l3-gal-mobile"> 2745 <div class="container"> 2746 <div class="row"> 2747 <div class="col-md-10 mx-auto mb-4 text-center section-heading l3-service-menu8"> 2748 <h2 class="mb-4 wow fadeInUp">Gallery</h2> 2749 2750 </div> 2751 </div> 2752 2753 2754 <div class="row no-gutters wow fadeInUp l3-gal-marg1"> 2755 2756 <div class="col-6 text-center program l3-gal-padding3 wds-bg-color l3-gal-pad-top"> 2757 2758 2759 <a href="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-20-29.jpeg" 2760 class="thumbnail image-popup img-opacity"> 2761 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-20-29.jpeg" 2762 class="img-fluid wds-hover-brighten-reduce l3-gal-img "> 2763 </a> 2764 2765 </div> 2766 2767 2768 2769 <div class="col-6 text-center program l3-gal-padding4 wds-bg-color l3-gal-pad-top"> 2770 2771 2772 <a href="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-25-31.jpeg" 2773 class="thumbnail image-popup img-opacity"> 2774 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-25-31.jpeg" 2775 class="img-fluid wds-hover-brighten-reduce l3-gal-img "> 2776 </a> 2777 2778 </div> 2779 2780 </div> 2781 2782 2783 2784 <div class="row no-gutters wow fadeInUp l3-gal-marg1"> 2785 2786 <div class="col-6 text-center program l3-gal-padding3 wds-bg-color l3-gal-pad-top"> 2787 2788 2789 <a href="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-28-35.jpeg" 2790 class="thumbnail image-popup img-opacity"> 2791 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-28-35.jpeg" 2792 class="img-fluid wds-hover-brighten-reduce l3-gal-img "> 2793 </a> 2794 2795 </div> 2796 2797 2798 2799 <div class="col-6 text-center program l3-gal-padding4 wds-bg-color l3-gal-pad-top"> 2800 2801 2802 <a href="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-38-11.jpeg" 2803 class="thumbnail image-popup img-opacity"> 2804 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-38-11.jpeg" 2805 class="img-fluid wds-hover-brighten-reduce l3-gal-img "> 2806 </a> 2807 2808 </div> 2809 2810 </div> 2811 2812 2813 </div> 2814 </div> 2815</section> 2816 2817 <div class="site-sectionv2 wds-l3-gal-desktop wds-padding-last-section"> 2818 <div class=""> 2819 <div class="row"> 2820 <div class="col-md-10 mx-auto mb-4 text-center section-heading l3-service-menu8"> 2821 <h2 class="mb-4 wow fadeInUp">Gallery</h2> 2822 2823 </div> 2824 </div> 2825 <div class="row no-gutters wow fadeInUp"> 2826 2827 2828 <div class="col-md-6 col-lg-3 l3-service-menu9"> 2829 <a href="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-20-29.jpeg" class="image-popup img-opacity"> 2830 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-20-29.jpeg" class="img-fluid wds-hover-brighten-reduce l3-gal-img"> 2831 </a> 2832 </div> 2833 2834 2835 2836 <div class="col-md-6 col-lg-3 l3-service-menu9"> 2837 <a href="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-25-31.jpeg" class="image-popup img-opacity"> 2838 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-25-31.jpeg" class="img-fluid wds-hover-brighten-reduce l3-gal-img"> 2839 </a> 2840 </div> 2841 2842 2843 2844 <div class="col-md-6 col-lg-3 l3-service-menu9"> 2845 <a href="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-28-35.jpeg" class="image-popup img-opacity"> 2846 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-28-35.jpeg" class="img-fluid wds-hover-brighten-reduce l3-gal-img"> 2847 </a> 2848 </div> 2849 2850 2851 2852 <div class="col-md-6 col-lg-3 l3-service-menu9"> 2853 <a href="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-38-11.jpeg" class="image-popup img-opacity"> 2854 <img src="/static/files/jamie_morales_2wlxYGjIho/images/user_upload__03-07-2024-19-38-11.jpeg" class="img-fluid wds-hover-brighten-reduce l3-gal-img"> 2855 </a> 2856 </div> 2857 2858 2859 2860 </div> 2861 </div> 2862 </div> 2863 2864 2865 2866</section> 2867 2868 2869 2870 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880<footer class="site-footer "> 2881 <div class="container wds-container90" style="line-height: 1.3;"> 2882 2883 2884 <div class="row"> 2885 <div id="l3-footer-tablet1" class="col-md-4 wow fadeInUp"> 2886 2887 <h3 class="wds-footer-header footer-heading mb-4 text-white">About</h3> 2888 2889 2890 2891 <div style="color: rgba(255, 255, 255, 0.5);margin-bottom: 1rem;" class="wds-footer-details">Refresh Hair Studio is independently located at 2232 W Lawrence Ave, Chicago, IL 60625</div> 2892 2893 2894 2895 <p class="l3-footer5"> 2896 2897 2898 2899 2900 2901 <a href="https://booking.mangomint.com/250268" 2902 class="btn btn-primary text-white px-4 wds-btn-cls rounded CTA-Book-Now " 2903 style="background-color: #902E81;"> 2904 2905 <i class="fa fa-calendar-check-o wds-icon" style="padding-right: .5rem;"></i> 2906 2907 Book Online 2908 </a> 2909 2910 2911 2912 </p> 2913 2914 2915 2916 2917 2918 <div style="color: rgba(255, 255, 255, 0.5);" class="l3-footer5 wds-footer-details"><p>Go to my <span style="color: #cc99ff;"><a style="color: #C99CF4;" href="https://g.page/r/CVEJAro2tH_bEB0/">Google Business Listing</a></span></p></div> 2919 2920 2921 </div> 2922 <div id="l3-footer-tablet2" class="col-md-6"> 2923 <div class="row"> 2924 2925 <div class="col-md-6 wow fadeInUp"> 2926 <h3 class="footer-heading mb-4 text-white l3-footer8 wds-footer-header wds-footer-header">Come Visit</h3> 2927 2928 <div class="l3-footer3 wds-footer-details"><b class="wds-footer-details" style="font-weight: bolder;color: rgba(255,255,255,.8);">Refresh Hair Studio</b></div> 2929 2930 2931 <div class="l3-footer5 wds-footer-details"> 2932 <a class="CTA-Directions wds-footer-details" href="https://maps.google.com/?daddr=2232 W Lawrence Ave, Chicago, IL 60625">2232 W Lawrence Ave, Chicago, IL 60625</a> 2933 </div> 2934 2935 2936 2937 <div class="l3-footer3 wds-footer-details"> 2938 <a class="CTA-Call wds-footer-details" href="tel:7738157576">(773) 815-7576</a> 2939 </div> 2940 2941 2942 <div class="l3-footer5 wds-footer-details"> 2943 <a class="CTA-Email wds-footer-details" href="mailto:[email protected]">[email protected]</a> 2944 </div> 2945 2946 <div class="l3-footer5 wds-footer-details"></div> 2947 </div> 2948 2949 2950 2951 <div class="col-md-6 wow fadeInUp l3-footer-tablet1"> 2952 <h3 class="footer-heading mb-4 text-white l3-footer8 wds-footer-header">Hours</h3> 2953 <ul class="list-unstyled l3-footer5 l3-footer-hrs"> 2954 2955 <li class="l3-footer3 wds-footer-details">
2956 <span class="l3-footer10">Mon: </span> 2957 <span class="l3-footer11">11:00 AM - 08:00 PM</span> 2958 </li> 2959 2960 2961 <li class="l3-footer3 wds-footer-details"> 2962 <span class="l3-footer10">Tues: </span> 2963 <span class="l3-footer11">11:00 AM - 08:00 PM</span> 2964 </li> 2965 2966 2967 <li class="l3-footer3 wds-footer-details"> 2968 <span class="l3-footer10">Wed: </span> 2969 <span class="l3-footer11">11:00 AM - 08:00 PM</span> 2970 </li> 2971 2972 2973 <li class="l3-footer3 wds-footer-details"> 2974 <span class="l3-footer10">Thurs: </span> 2975 <span class="l3-footer11">11:00 AM - 08:00 PM</span> 2976 </li> 2977 2978 2979 <li class="l3-footer3 wds-footer-details"> 2980 <span class="l3-footer10">Fri: </span> 2981 <span class="l3-footer11">11:00 AM - 08:00 PM</span> 2982 </li> 2983 2984 2985 <li class="l3-footer3 wds-footer-details"> 2986 <span class="l3-footer10">Sat: </span> 2987 <span class="l3-footer11">10:00 AM - 07:00 PM</span> 2988 </li> 2989 2990 2991 <li class="l3-footer5 wds-footer-details"> 2992 <span class="l3-footer10">Sun: </span> 2993 <span class="l3-footer11">10:00 AM - 07:00 PM</span> 2994 </li> 2995 2996 </ul> 2997 <div class="l3-footer5 wds-footer-details"></div> 2998 </div> 2999 3000 3001 </div> 3002 </div> 3003 3004 3005 <div id="l3-footer-tablet3" class="col-md-2 wow fadeInUp"> 3006 <h3 class="footer-heading mb-4 text-white l3-footer8 wds-footer-header">Follow</h3> 3007 <p class="l3-footer5 wow pulse" data-wow-iteration="infinite" data-wow-duration="1.5s"> 3008 3009 <a href="https://www.facebook.com/RefreshHairStudioChicago?mibextid=ZbWKwL" class="pb-2 pr-2 pl-0 CTA-Facebook wds-footer-details"> 3010 <span class="icon-facebook CTA-Facebook"></span> 3011 </a> 3012 3013 3014 <a href="https://www.instagram.com/refresh.hair.studio/" class="p-2 CTA-Instagram wds-footer-details"> 3015 <span class="icon-instagram CTA-Instagram"></span> 3016 </a> 3017 3018 3019 3020 3021 3022 <a href="https://goo.gl/maps/dWeauU3M7baxohVSA" class="p-2 CTA-Google wds-footer-details"> 3023 <span class="icon-google CTA-Google"></span> 3024 </a> 3025 3026 3027 </p> 3028 <div class="l3-footer5 wds-footer-details"><span style="color: #cc99ff;"><a style="color: #C99CF4;" href="https://www.tiktok.com/@refreshwithjamie?lang=en"><img src="https://app.prempage.com/static/files/jamie_morales_2wlxYGjIho/images/98ae0507b43479a19a66a7750b26e8f1_10_17_2024_16_39_08-upload.png" alt="" width="30" height="30" /></a></span></div> 3029 </div> 3030 </div> 3031 <div class="row pt-3 text-center wow fadeInUp l3-footer9"> 3032 <div class="col-md-12 wds-margin-bottom60"> 3033 <p class="wds-footer-details" style="color: rgba(255, 255, 255, 0.5);">
3034 <span id="l3-footer-copy">© Refresh Hair Studio 3035
3035<script>document.write(new Date().getFullYear());</script>
3035</span> 3036 <span class="posh-f-dash">|</span> 3037 <a class="wds-footer1 wds-footer-details" 3038 href="https://www.prempage.com/privacy-policy"> 3039 Privacy Policy 3040 </a> 3041 </p> 3042 <div style="padding-bottom: 1rem;"> 3043 <span id="l3-footer-pwr-by" class="wds-footer-details">Powered by </span> 3044 <a id="wds-footer" 3045 href="https://app.prempage.com/r/1180--ftr" 3046 style="position: relative; bottom: 1px;"> 3047 <b><u class="wds-footer-details">PremPage</u></b> 3048 </a> 3049 </div> 3050 </div> 3051 3052 </div> 3053 </div> 3054</footer></div> 3055 3056 3057 3058 3059 3060
3061<script src="https://fd.cleantalk.org/ct-bot-detector-wrapper.js" defer></script>
vendor: 1 bytes, line 3061
3061
3062<script src="/static/templates/3/js/jquery-3.3.1.min.js"></script>
vendor: 1 bytes, line 3062
3062
3063<script src="/static/templates/3/js/jquery-migrate-3.0.1.min.js"></script>
vendor: 1 bytes, line 3063
3063
3064<script src="/static/templates/3/js/jquery-ui.js"></script>
vendor: 1 bytes, line 3064
3064
3065<script src="/static/templates/3/js/popper.min.js"></script>
vendor: 1 bytes, line 3065
3065
3066<script src="/static/templates/3/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 3066
3066
3067<script src="/static/templates/3/js/owl.carousel.min.js"></script>
vendor: 1 bytes, line 3067
3067
3068<script src="/static/templates/3/js/jquery.stellar.min.js"></script>
3068 3069
3070<script src="/static/templates/3/js/jquery.magnific-popup.min.js"></script>
3070 3071
3072<script src="/static/templates/3/js/aos.js"></script>
vendor: 1 bytes, line 3072
3072
3073<script src="/static/templates/3/js/wds.js"></script>
3073 3074 3075 3076 3077 3078 3079
3080<script src="/static/templates/3/js/mediaelement-and-player.min.js"></script>
3080 3081
3082<script src="/static/templates/3/js/main.js"></script>
3082 3083
3084<script src="/static/templates/3/js/wds-global.js"></script>
3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109<!-- clarity-footer-debug: banner_style=, mobile_menu_style=, js=[] --> 3110 3111 3112 3113 3114 3115<!-- Check for iPhone X or later -->
3116<script> 3117 const IS_IPHONE = navigator.userAgent.match(/iPhone/i) != null; 3118 const iPhoneXWidth = 375; 3119 const iPhoneXHeight = 812; 3120 const iPhoneXRMaxWidth = 414; 3121 const iPhoneXRMaxHeight = 896; 3122 const newiPhoneWidth = window.screen.width > 374 && window.screen.width < 430 3123 const newiPhoneHeight = window.screen.height > 811 && window.screen.height < 930 3124 const isWidth = window.screen.width === iPhoneXWidth || window.screen.width === iPhoneXRMaxWidth; 3125 const isHeight = window.screen.height === iPhoneXHeight || window.screen.height === iPhoneXRMaxHeight; 3126 if (IS_IPHONE && isWidth && isHeight) { 3127 $('#wds-posh1-mobile-menu').css('padding-bottom', '.75rem'); 3128 } else if (IS_IPHONE && newiPhoneWidth && newiPhoneHeight) { 3129 $('#wds-posh1-mobile-menu').css('padding-bottom', '.75rem'); 3130 } 3131</script>
3131 3132 3133 3134 3135 3136
3137<script> 3138 document.addEventListener('DOMContentLoaded', function () { 3139 var mediaElements = document.querySelectorAll('video, audio'), total = mediaElements.length; 3140 3141 for (var i = 0; i < total; i++) { 3142 new MediaElementPlayer(mediaElements[i], { 3143 pluginPath: 'https://cdn.jsdelivr.net/npm/[email protected]/build/', 3144 shimScriptAccess: 'always', 3145 pauseOtherPlayers: false, 3146 success: function (mediaElement, originalNode) { 3147 var target = document.body.querySelectorAll('.player'), targetTotal = target.length; 3148 for (var j = 0; j < targetTotal; j++) { 3149 target[j].style.visibility = 'visible'; 3150 } 3151 3152 if (originalNode && originalNode.classList && originalNode.classList.contains('original-video-1__video')) { 3153 var ensurePlayback = function () { 3154 try { 3155 var playPromise = mediaElement.play(); 3156 if (playPromise && typeof playPromise.then === 'function') { 3157 playPromise.catch(function () { 3158 mediaElement.muted = true; 3159 try { 3160 mediaElement.play(); 3161 } catch (ignoreError) { 3162 } 3163 }); 3164 } 3165 } catch (ignoreStartError) { 3166 } 3167 }; 3168 3169 ensurePlayback(); 3170 3171 mediaElement.addEventListener('canplay', function () { 3172 ensurePlayback(); 3173 }); 3174 3175 mediaElement.addEventListener('pause', function () { 3176 ensurePlayback(); 3177 }); 3178 3179 if ('IntersectionObserver' in window) { 3180 var section = originalNode.closest('.original-video-1') || originalNode; 3181 var observer = new IntersectionObserver(function (entries) { 3182 for (var idx = 0; idx < entries.length; idx++) { 3183 if (entries[idx].isIntersecting) { 3184 ensurePlayback(); 3185 } 3186 } 3187 }, {threshold: 0.3}); 3188 observer.observe(section); 3189 } else { 3190 var checkInView = function () { 3191 var rect = originalNode.getBoundingClientRect(); 3192 var viewHeight = window.innerHeight || document.documentElement.clientHeight; 3193 if (rect.bottom >= 0 && rect.top <= viewHeight) { 3194 ensurePlayback(); 3195 window.removeEventListener('scroll', checkInView); 3196 } 3197 }; 3198 window.addEventListener('scroll', checkInView); 3199 checkInView(); 3200 } 3201 } 3202 } 3203 }); 3204 } 3205 }); 3206</script>
3206 3207
3208<script> 3209 $(document).ready(function () { 3210 $('.l3-wds-no-click').on('click', function (e) { 3211 e.preventDefault(); 3212 return false; 3213 }); 3214 3215 ////////////////////////////////////////////////////////////// 3216 //MISC 3217 ////////////////////////////////////////////////////////////// 3218 3219 // update bootstrap depending on number of items 3220 let wdsSectionLength = $('.wds-section-len'); 3221 if (wdsSectionLength.length === 2 || wdsSectionLength.length === 4) { 3222 wdsSectionLength.addClass("col-lg-6"); 3223 wdsSectionLength.removeClass("col-lg-4"); 3224 } 3225 3226 // hide thumbnail overlay if video is hovered, home page video template 3227 $(".l3-youtube-vid3").mouseover(function () { 3228 $('.l3-thumbnail').fadeOut(1500); 3229 }); 3230 3231 ////////////////////////////////////////////////////////////// 3232 ////////////////////////////////////////////////////////////// 3233 3234 }); 3235</script>
3235 3236 3237 3238
3238<script>window.Mangomint = window.Mangomint || {}; 3239window.Mangomint.CompanyId = 250268;</script>
vendor: 2 bytes, line 3239
3239
3240<script src="https://booking.mangomint.com/app.js" async></script>
3240 3241 3242 3243<!-- Animations init-->
3244<script src="/static/home/js/wow.js"></script>
3244 3245 3246 3247
3247<script> 3248 new WOW().init(); 3249 </script>
3249 3250 3251 3252
3253<script> 3254 $(document).ready(function () { 3255 if ($(window).width() > 767) { 3256 // desktop code 3257 3258 // cover title font size override 3259 $(".wds-desktop-title-ft-size1").css("font-size", "4rem"); 3260 3261 // cover des font size override 3262 $(".wds-desktop-cover-des-ft-size1").css("font-size", "2rem"); 3263 3264 3265 3266 } else { 3267 3268 // mobile code 3269 3270 // cover title font size override 3271 3272 // cover des font size override 3273 3274 } 3275 }); 3276 3277</script>
3277 3278 3279
3280<script> 3281 $(window).on("load", function () { 3282 if ($(window).width() > 767) { 3283 // desktop code 3284 3285 } else { 3286 3287 // mobile code 3288 3289 3290 3291 3292 3293 3294 3295 3296 3297 3298 3299 } 3300 }); 3301</script>
3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313
3314<script> 3315 $(document).ready(function () { 3316 3317 3318 3319 3320 3321 3322 $(".all-cover-2-primary").hover(function () { 3323 $(this).css("background", "transparent"); 3324 $(this).css("color", "#902E81"); 3325 $(this).css("filter", "brightness(100%)"); 3326 }, function () { 3327 $(this).css("background", "#902E81"); 3328 $(this).css("color", "#FFFFFF"); 3329 }); 3330 3331 3332 3333 $(".all-cover-2-secondary").hover(function () { 3334 $(this).css("background", "#902E81"); 3335 $(this).css("color", "#FFFFFF"); 3336 $(this).css("filter", "brightness(100%)"); 3337 }, function () { 3338 $(this).css("background", "transparent"); 3339 $(this).css("color", "#902E81"); 3340 }); 3341 3342 3343 3344 3345 3346 if ($(window).width() > 1400) { 3347 // xl desktops 3348 $(".all-cover-3-scroll").click(function (event) { 3349 $('html, body').animate({scrollTop: '+=650px'}, 1500); 3350 }); 3351 3352 } else if ($(window).width() > 450) { 3353 // tablets, sm desktops 3354 $(".all-cover-3-scroll").click(function (event) { 3355 $('html, body').animate({scrollTop: '+=500px'}, 1500); 3356 }); 3357 3358 } else if ($(window).height() < 620) { 3359 // iPhone SE, 6, 7, 8 (553) 3360 3361 $(".all-cover-3-scroll").click(function (event) { 3362 $('html, body').animate({scrollTop: '+=600px'}, 2500); 3363 }); 3364 3365 } else if ($(window).height() >= 620) { 3366 // iPhone 11 (635), X, Plus (622), Pro, Pro Max (719), etc. 3367 3368 $(".all-cover-3-scroll").click(function (event) { 3369 $('html, body').animate({scrollTop: '+=690px'}, 2500); 3370 }); 3371 3372 } 3373 }); 3374</script>
vendor: 1 bytes, line 3374
3374
vendor: 11,953 bytes, lines 3375-3622
3375<script> 3376 /*! 3377 Waypoints - 4.0.0 3378 Copyright é 2011-2015 Caleb Troughton 3379 Licensed under the MIT license. 3380 https://github.com/imakewebthings/waypoints/blog/master/licenses.txt 3381 */ 3382 !function () { 3383 "use strict"; 3384 3385 function t(o) { 3386 if (!o) throw new Error("No options passed to Waypoint constructor"); 3387 if (!o.element) throw new Error("No element option passed to Waypoint constructor"); 3388 if (!o.handler) throw new Error("No handler option passed to Waypoint constructor"); 3389 this.key = "waypoint-" + e, this.options = t.Adapter.extend({}, t.defaults, o), this.element = this.options.element, this.adapter = new t.Adapter(this.element), this.callback = o.handler, this.axis = this.options.horizontal ? "horizontal" : "vertical", this.enabled = this.options.enabled, this.triggerPoint = null, this.group = t.Group.findOrCreate({ 3390 name: this.options.group, 3391 axis: this.axis 3392 }), this.context = t.Context.findOrCreateByElement(this.options.context), t.offsetAliases[this.options.offset] && (this.options.offset = t.offsetAliases[this.options.offset]), this.group.add(this), this.context.add(this), i[this.key] = this, e += 1 3393 } 3394 3395 var e = 0, i = {}; 3396 t.prototype.queueTrigger = function (t) { 3397 this.group.queueTrigger(this, t) 3398 }, t.prototype.trigger = function (t) { 3399 this.enabled && this.callback && this.callback.apply(this, t) 3400 }, t.prototype.destroy = function () { 3401 this.context.remove(this), this.group.remove(this), delete i[this.key] 3402 }, t.prototype.disable = function () { 3403 return this.enabled = !1, this 3404 }, t.prototype.enable = function () { 3405 return this.context.refresh(), this.enabled = !0, this 3406 }, t.prototype.next = function () { 3407 return this.group.next(this) 3408 }, t.prototype.previous = function () { 3409 return this.group.previous(this) 3410 }, t.invokeAll = function (t) { 3411 var e = []; 3412 for (var o in i) e.push(i[o]); 3413 for (var n = 0, r = e.length; r > n; n++) e[n][t]() 3414 }, t.destroyAll = function () { 3415 t.invokeAll("destroy") 3416 }, t.disableAll = function () { 3417 t.invokeAll("disable") 3418 }, t.enableAll = function () { 3419 t.invokeAll("enable") 3420 }, t.refreshAll = function () { 3421 t.Context.refreshAll() 3422 }, t.viewportHeight = function () { 3423 return window.innerHeight || document.documentElement.clientHeight 3424 }, t.viewportWidth = function () { 3425 return document.documentElement.clientWidth 3426 }, t.adapters = [], t.defaults = { 3427 context: window, 3428 continuous: !0, 3429 enabled: !0, 3430 group: "default", 3431 horizontal: !1, 3432 offset: 0 3433 }, t.offsetAliases = { 3434 "bottom-in-view": function () { 3435 return this.context.innerHeight() - this.adapter.outerHeight() 3436 }, "right-in-view": function () { 3437 return this.context.innerWidth() - this.adapter.outerWidth() 3438 } 3439 }, window.Waypoint = t 3440 }(), function () { 3441 "use strict"; 3442 3443 function t(t) { 3444 window.setTimeout(t, 1e3 / 60) 3445 } 3446 3447 function e(t) { 3448 this.element = t, this.Adapter = n.Adapter, this.adapter = new this.Adapter(t), this.key = "waypoint-context-" + i, this.didScroll = !1, this.didResize = !1, this.oldScroll = { 3449 x: this.adapter.scrollLeft(), 3450 y: this.adapter.scrollTop() 3451 }, this.waypoints = { 3452 vertical: {}, 3453 horizontal: {} 3454 }, t.waypointContextKey = this.key, o[t.waypointContextKey] = this, i += 1, this.createThrottledScrollHandler(), this.createThrottledResizeHandler() 3455 } 3456 3457 var i = 0, o = {}, n = window.Waypoint, r = window.onload; 3458 e.prototype.add = function (t) { 3459 var e = t.options.horizontal ? "horizontal" : "vertical"; 3460 this.waypoints[e][t.key] = t, this.refresh() 3461 }, e.prototype.checkEmpty = function () { 3462 var t = this.Adapter.isEmptyObject(this.waypoints.horizontal), 3463 e = this.Adapter.isEmptyObject(this.waypoints.vertical); 3464 t && e && (this.adapter.off(".waypoints"), delete o[this.key]) 3465 }, e.prototype.createThrottledResizeHandler = function () { 3466 function t() { 3467 e.handleResize(), e.didResize = !1 3468 } 3469 3470 var e = this; 3471 this.adapter.on("resize.waypoints", function () { 3472 e.didResize || (e.didResize = !0, n.requestAnimationFrame(t)) 3473 }) 3474 }, e.prototype.createThrottledScrollHandler = function () { 3475 function t() { 3476 e.handleScroll(), e.didScroll = !1 3477 } 3478 3479 var e = this; 3480 this.adapter.on("scroll.waypoints", function () { 3481 (!e.didScroll || n.isTouch) && (e.didScroll = !0, n.requestAnimationFrame(t)) 3482 }) 3483 }, e.prototype.handleResize = function () { 3484 n.Context.refreshAll() 3485 }, e.prototype.handleScroll = function () { 3486 var t = {}, e = { 3487 horizontal: { 3488 newScroll: this.adapter.scrollLeft(), 3489 oldScroll: this.oldScroll.x, 3490 forward: "right", 3491 backward: "left" 3492 }, 3493 vertical: { 3494 newScroll: this.adapter.scrollTop(), 3495 oldScroll: this.oldScroll.y, 3496 forward: "down", 3497 backward: "up" 3498 } 3499 }; 3500 for (var i in e) { 3501 var o = e[i], n = o.newScroll > o.oldScroll, r = n ? o.forward : o.backward; 3502 for (var s in this.waypoints[i]) { 3503 var a = this.waypoints[i][s], l = o.oldScroll < a.triggerPoint, h = o.newScroll >= a.triggerPoint, 3504 p = l && h, u = !l && !h; 3505 (p || u) && (a.queueTrigger(r), t[a.group.id] = a.group) 3506 } 3507 } 3508 for (var c in t) t[c].flushTriggers(); 3509 this.oldScroll = {x: e.horizontal.newScroll, y: e.vertical.newScroll} 3510 }, e.prototype.innerHeight = function () { 3511 return this.element == this.element.window ? n.viewportHeight() : this.adapter.innerHeight() 3512 }, e.prototype.remove = function (t) { 3513 delete this.waypoints[t.axis][t.key], this.checkEmpty() 3514 }, e.prototype.innerWidth = function () { 3515 return this.element == this.element.window ? n.viewportWidth() : this.adapter.innerWidth() 3516 }, e.prototype.destroy = function () { 3517 var t = []; 3518 for (var e in this.waypoints) for (var i in this.waypoints[e]) t.push(this.waypoints[e][i]); 3519 for (var o = 0, n = t.length; n > o; o++) t[o].destroy() 3520 }, e.prototype.refresh = function () { 3521 var t, e = this.element == this.element.window, i = e ? void 0 : this.adapter.offset(), o = {}; 3522 this.handleScroll(), t = { 3523 horizontal: { 3524 contextOffset: e ? 0 : i.left, 3525 contextScroll: e ? 0 : this.oldScroll.x, 3526 contextDimension: this.innerWidth(), 3527 oldScroll: this.oldScroll.x, 3528 forward: "right", 3529 backward: "left", 3530 offsetProp: "left" 3531 }, 3532 vertical: { 3533 contextOffset: e ? 0 : i.top, 3534 contextScroll: e ? 0 : this.oldScroll.y, 3535 contextDimension: this.innerHeight(), 3536 oldScroll: this.oldScroll.y, 3537 forward: "down", 3538 backward: "up", 3539 offsetProp: "top" 3540 } 3541 }; 3542 for (var r in t) { 3543 var s = t[r]; 3544 for (var a in this.waypoints[r]) { 3545 var l, h, p, u, c, d = this.waypoints[r][a], f = d.options.offset, w = d.triggerPoint, y = 0, 3546 g = null == w; 3547 d.element !== d.element.window && (y = d.adapter.offset()[s.offsetProp]), "function" == typeof f ? f = f.apply(d) : "string" == typeof f && (f = parseFloat(f), d.options.offset.indexOf("%") > -1 && (f = Math.ceil(s.contextDimension * f / 100))), l = s.contextScroll - s.contextOffset, d.triggerPoint = y + l - f, h = w < s.oldScroll, p = d.triggerPoint >= s.oldScroll, u = h && p, c = !h && !p, !g && u ? (d.queueTrigger(s.backward), o[d.group.id] = d.group) : !g && c ? (d.queueTrigger(s.forward), o[d.group.id] = d.group) : g && s.oldScroll >= d.triggerPoint && (d.queueTrigger(s.forward), o[d.group.id] = d.group) 3548 } 3549 } 3550 return n.requestAnimationFrame(function () { 3551 for (var t in o) o[t].flushTriggers() 3552 }), this 3553 }, e.findOrCreateByElement = function (t) { 3554 return e.findByElement(t) || new e(t) 3555 }, e.refreshAll = function () { 3556 for (var t in o) o[t].refresh() 3557 }, e.findByElement = function (t) { 3558 return o[t.waypointContextKey] 3559 }, window.onload = function () { 3560 r && r(), e.refreshAll() 3561 }, n.requestAnimationFrame = function (e) { 3562 var i = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || t; 3563 i.call(window, e) 3564 }, n.Context = e 3565 }(), function () { 3566 "use strict"; 3567 3568 function t(t, e) { 3569 return t.triggerPoint - e.triggerPoint 3570 } 3571 3572 function e(t, e) { 3573 return e.triggerPoint - t.triggerPoint 3574 } 3575 3576 function i(t) { 3577 this.name = t.name, this.axis = t.axis, this.id = this.name + "-" + this.axis, this.waypoints = [], this.clearTriggerQueues(), o[this.axis][this.name] = this 3578 } 3579 3580 var o = {vertical: {}, horizontal: {}}, n = window.Waypoint; 3581 i.prototype.add = function (t) { 3582 this.waypoints.push(t) 3583 }, i.prototype.clearTriggerQueues = function () { 3584 this.triggerQueues = {up: [], down: [], left: [], right: []} 3585 }, i.prototype.flushTriggers = function () { 3586 for (var i in this.triggerQueues) { 3587 var o = this.triggerQueues[i], n = "up" === i || "left" === i; 3588 o.sort(n ? e : t); 3589 for (var r = 0, s = o.length; s > r; r += 1) { 3590 var a = o[r]; 3591 (a.options.continuous || r === o.length - 1) && a.trigger([i]) 3592 } 3593 } 3594 this.clearTriggerQueues() 3595 }, i.prototype.next = function (e) { 3596 this.waypoints.sort(t); 3597 var i = n.Adapter.inArray(e, this.waypoints), o = i === this.waypoints.length - 1; 3598 return o ? null : this.waypoints[i + 1] 3599 }, i.prototype.previous = function (e) { 3600 this.waypoints.sort(t); 3601 var i = n.Adapter.inArray(e, this.waypoints); 3602 return i ? this.waypoints[i - 1] : null 3603 }, i.prototype.queueTrigger = function (t, e) { 3604 this.triggerQueues[e].push(t) 3605 }, i.prototype.remove = function (t) { 3606 var e = n.Adapter.inArray(t, this.waypoints); 3607 e > -1 && this.waypoints.splice(e, 1) 3608 }, i.prototype.first = function () { 3609 return this.waypoints[0] 3610 }, i.prototype.last = function () { 3611 return this.waypoints[this.waypoints.length - 1] 3612 }, i.findOrCreate = function (t) { 3613 return o[t.axis][t.name] || new i(t) 3614 }, n.Group = i 3615 }(), function () { 3616 "use strict"; 3617 3618 function t(t) { 3619 this.$element = e(t) 3620 } 3621 3622 var e = window.jQuery, i = window.Waypoint;
3623 e.each(["innerHeight", "innerWidth", "off", "offset", "on", "outerHeight", "outerWidth", "scrollLeft", "scrollTop"], function (e, i) { 3624 t.prototype[i] = function () { 3625 var t = Array.prototype.slice.call(arguments); 3626 return this.$element[i].apply(this.$element, t) 3627 } 3628 }), e.each(["extend", "inArray", "isEmptyObject"], function (i, o) { 3629 t[o] = e[o] 3630 }), i.adapters.push({name: "jquery", Adapter: t}), i.Adapter = t 3631 }(), function () { 3632 "use strict"; 3633 3634 function t(t) { 3635 return function () { 3636 var i = [], o = arguments[0]; 3637 return t.isFunction(arguments[0]) && (o = t.extend({}, arguments[1]), o.handler = arguments[0]), this.each(function () { 3638 var n = t.extend({}, o, {element: this}); 3639 "string" == typeof n.context && (n.context = t(this).closest(n.context)[0]), i.push(new e(n)) 3640 }), i 3641 } 3642 } 3643 3644 var e = window.Waypoint; 3645 window.jQuery && (window.jQuery.fn.waypoint = t(window.jQuery)), window.Zepto && (window.Zepto.fn.waypoint = t(window.Zepto)) 3646 }(); 3647 3648 3649 /** 3650 * _______ _______ ______ _____ _______ _ _ 3651 * |______ | |_____/ | | | | |_____| \___/ 3652 * ______| |_____ | \_ |_____| |_____ |_____ | | _/ \_ 3653 * 3654 * Parallax Scrolling Library 3655 * http://iprodev.github.io/Scrollax.js 3656 * 3657 * @version: 1.0.0 3658 * @released: July 21, 2015 3659 * 3660 * @author: iProDev (Hemn Chawroka) 3661 * http://iprodev.com/ 3662 * 3663 * Licensed under the MIT license. 3664 * http://opensource.org/licenses/MIT 3665 * 3666 */ 3667 (function (e) { 3668 "function" === typeof define && define.amd ? define(["jquery"], e) : "undefined" !== typeof exports ? module.exports = e(require("jquery")) : e(jQuery) 3669 })(function (e) { 3670 function W(a) { 3671 if (console && console.warn) console.warn("Scrollax: " + a); else throw"Scrollax: " + a; 3672 } 3673 3674 function ka(a) { 3675 var g = !!("pageYOffset" in a); 3676 return { 3677 width: g ? window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth : a.offsetWidth, 3678 height: g ? window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight : 3679 a.offsetHeight, 3680 left: a[g ? "pageXOffset" : "scrollLeft"], 3681 top: a[g ? "pageYOffset" : "scrollTop"] 3682 } 3683 } 3684 3685 function X(a) { 3686 return (a = a.data("scrollax")) && eval("({" + a + "})") || {} 3687 } 3688 3689 function Y(a) { 3690 var g, c; 3691 return !!(a && "object" === typeof a && "object" === typeof a.window && a.window == a && a.setTimeout && a.alert && (g = a.document) && "object" === typeof g && (c = g.defaultView || g.parentWindow) && "object" === typeof c && c == a) 3692 } 3693 3694 var v = Array.prototype, C = v.push, Z = v.splice, aa = Object.prototype.hasOwnProperty, 3695 la = /[-+]?\d+(\.\d+)?/g, 3696 ma = "translateX translateY rotate rotateX rotateY rotateZ skewX skewY scaleX scaleY".split(" "), 3697 ba = e(window), ca = e(document.body), da, ea, L, M, N, q = function (a, g, c) { 3698 function k() { 3699 O = fa ? ca.find(ga) : P.find(ga); 3700 x.length = 0; 3701 r = !!t.horizontal; 3702 O.each(na); 3703 d(); 3704 t.performanceTrick && (F = fa ? ca : P); 3705 u("load"); 3706 return f 3707 } 3708 3709 function l() { 3710 G && (G = clearTimeout(G)); 3711 G = setTimeout(function () { 3712 f.reload() 3713 }) 3714 } 3715 3716 function d() { 3717 var ha = x.length; 3718 t.performanceTrick && F && (clearTimeout(ia), Q || (F.addClass("scrollax-performance"), Q = !0), ia = setTimeout(function () { 3719 F.removeClass("scrollax-performance"); 3720 Q = !1 3721 }, 100)); 3722 if (ha) { 3723 H = ka(a); 3724 for (var c = 0; c < ha; c++) I = x[c], 3725 y = L(I.element, a), 0 > y[r ? "right" : "bottom"] || y[r ? "left" : "top"] > H[r ? "width" : "height"] || (ja = I.options, R = ja.offset || t.offset || 0, J = y[r ? "right" : "bottom"], z = y[r ? "width" : "height"], A = (z - J + R) / z, 0 > A && (J = y[r ? "left" : "top"], z = H[r ? "width" : "height"], A = -1 + (z - J + R) / z), 1 < A || -1 > A || b(I, A, r)); 3726 u("scroll", H) 3727 } 3728 } 3729 3730 function b(a, b) { 3731 S = a.parallaxElements; 3732 var c = S.length; 3733 if (c) for (var f = 0; f < c; f++) { 3734 T = S[f]; 3735 var g = oa = T.element, d = b; 3736 U = T.properties || (r ? {translateX: "100%"} : {translateY: "100%"}); 3737 D = ""; 3738 for (B in U) { 3739 n = U[B]; 3740 if ("number" === typeof n) n *= 3741 d; else if ("string" === typeof n) for (K = n.match(la), m = 0, E = K.length; m < E; m++) n = n.replace(K[m], parseFloat(K[m] * d)); 3742 if (-1 !== e.inArray(B, ma)) D += B + "(" + n + ")"; else { 3743 var k = g.style, l = B, h; 3744 "opacity" === B ? (h = 0 > d ? 1 + n : 1 - n, h = 0 > h ? 0 : 1 < h ? 1 : h) : h = n; 3745 k[l] = h 3746 } 3747 } 3748 D && (g.style[da] = ea + D) 3749 } 3750 } 3751 3752 function pa(a) { 3753 return "undefined" !== typeof a ? "number" !== typeof a && "string" !== typeof a || "" === a || isNaN(a) ? O.index(a) : 0 <= a && a < x.length ? a : -1 : -1 3754 } 3755 3756 function u(a, b) { 3757 if (h[a]) { 3758 E = h[a].length; 3759 for (m = V.length = 0; m < E; m++) C.call(V, h[a][m]); 3760 for (m = 0; m < E; m++) V[m].call(f, 3761 a, b) 3762 } 3763 } 3764 3765 function p(a, b) { 3766 for (var c = 0, f = h[a].length; c < f;
3766 c++) if (h[a][c] === b) return c; 3767 return -1 3768 } 3769 3770 var f = this, P = a && e(a).eq(0) || ba, w = q.instances, v = null; 3771 a = P[0]; 3772 e.each(w, function (b, c) { 3773 b && b.frame === a && (v = !0) 3774 }); 3775 if (!a || v) v ? W("Scrollax: Scrollax has been initialized for this frame!") : W("Scrollax: Frame is not available!"); else { 3776 var t = e.extend({}, q.defaults, g), x = [], O = null, 3777 ga = t.parentSelector || "[data-scrollax-parent]", qa = t.elementsSelector || "[data-scrollax]", 3778 h = {}, V = [], G, fa = Y(a), m, E, F, ia, Q, H, r, R, y, I, ja, A, J, z, S, T, oa, U, 3779 B, n, D, K; 3780 f.frame = a; 3781 f.options = t; 3782 f.parents = x; 3783 f.initialized = !1; 3784 f.reload = k; 3785 var na = function (a, b) { 3786 var c = e(b), f = X(e(b)), d = {}; 3787 d.element = b; 3788 d.options = f; 3789 d.parallaxElements = []; 3790 c.find(qa).each(function (a, b) { 3791 var c = X(e(b)); 3792 c.element = b; 3793 C.call(d.parallaxElements, c) 3794 }); 3795 C.call(x, d) 3796 }; 3797 f.scroll = d; 3798 f.getIndex = pa; 3799 f.one = function (a, b) { 3800 function c() { 3801 b.apply(f, arguments); 3802 f.off(a, c) 3803 } 3804 3805 f.on(a, c); 3806 return f 3807 }; 3808 f.on = function (a, b) { 3809 if ("object" === typeof a) for (var c in a) { 3810 if (aa.call(a, c)) f.on(c, a[c]) 3811 } else if ("function" === typeof b) { 3812 c = a.split(" "); 3813 for (var d = 0, g = c.length; d < g; d++) h[c[d]] = h[c[d]] || [], -1 === p(c[d], b) && C.call(h[c[d]], b) 3814 } else if ("array" === typeof b) for (c = 0, d = b.length; c < d; c++) f.on(a, b[c]); 3815 return f 3816 }; 3817 f.off = function (a, c) { 3818 if (c instanceof Array) for (var b = 0, d = c.length; b < d; b++) f.off(a, c[b]); else for (var b = a.split(" "), d = 0, g = b.length; d < g; d++) if (h[b[d]] = h[b[d]] || [], "undefined" === typeof c) h[b[d]].length = 0; else { 3819 var k = p(b[d], c); 3820 -1 !== k && Z.call(h[b[d]], k, 1) 3821 } 3822 return f 3823 }; 3824 f.set = function (a, b) { 3825 e.isPlainObject(a) ? e.extend(t, a) : aa.call(t, a) && (t[a] = b); 3826 k(); 3827 return f 3828 }; 3829 f.destroy = function () { 3830 N(window, "resize", l); 3831 N(a, "scroll", d); 3832 e.each(w, function (b, c) { 3833 b && b.frame === a && Z.call(q.instances, c, 1) 3834 }); 3835 x.length = 0; 3836 f.initialized = !1; 3837 u("destroy"); 3838 return f 3839 }; 3840 f.init = function () { 3841 if (!f.initialized) return f.on(c), k(), M(window, "resize", l), M(a, "scroll", d), C.call(q.instances, f), f.initialized = !0, u("initialized"), f 3842 } 3843 } 3844 }; 3845 q.instances = []; 3846 (function () { 3847 var a, g, c, k, l, d, b, e; 3848 L = function (u, p) { 3849 g = u.ownerDocument || u; 3850 c = g.documentElement; 3851 k = Y(p) ? p : g.defaultView || window; 3852 p = p && p !== g ? p : c; 3853 l = (k.pageYOffset || 3854 c.scrollTop) - c.clientTop; 3855 d = (k.pageXOffset || c.scrollLeft) - c.clientLeft; 3856 b = {top: 0, left: 0}; 3857 if (u && u.getBoundingClientRect) { 3858 var f = {}, q = u.getBoundingClientRect(); 3859 for (a in q) f[a] = q[a]; 3860 b = f; 3861 b.width = b.right - b.left; 3862 b.height = b.bottom - b.top 3863 } else return null; 3864 if (p === k) return b; 3865 b.top += l; 3866 b.left += d; 3867 b.right += d; 3868 b.bottom += l; 3869 if (p === c) return b; 3870 e = L(p); 3871 b.left -= e.left; 3872 b.right -= e.left; 3873 b.top -= e.top; 3874 b.bottom -= e.top; 3875 return b 3876 } 3877 })(); 3878 (function () { 3879 function a() { 3880 this.returnValue = !1 3881 } 3882 3883 function g() { 3884 this.cancelBubble = !0 3885 } 3886 3887 M = window.addEventListener ? 3888 function (a, g, e, d) { 3889 a.addEventListener(g, e, d || !1); 3890 return e 3891 } : function (c, e, l) { 3892 var d = e + l; 3893 c[d] = c[d] || function () { 3894 var b = window.event; 3895 b.target = b.srcElement; 3896 b.preventDefault = a; 3897 b.stopPropagation = g; 3898 l.call(c, b) 3899 }; 3900 c.attachEvent("on" + e, c[d]); 3901 return l 3902 }; 3903 N = window.removeEventListener ? function (a, g, e, d) { 3904 a.removeEventListener(g, e, d || !1); 3905 return e 3906 } : function (a, g, e) { 3907 var d = g + e; 3908 a.detachEvent("on" + g, a[d]); 3909 try { 3910 delete a[d] 3911 } catch (b) { 3912 a[d] = void 0 3913 } 3914 return e 3915 } 3916 })(); 3917 (function () { 3918 function a(a) { 3919 for (var e = 0, d = g.length; e < d; e++) { 3920 var b = g[e] ? g[e] + 3921 a.charAt(0).toUpperCase() + a.slice(1) : a; 3922 if (null != c.style[b]) return b 3923 } 3924 } 3925 3926 var g = ["", "webkit", "moz", "ms", "o"], c = document.createElement("div"); 3927 da = a("transform"); 3928 ea = a("perspective") ? "translateZ(0) " : "" 3929 })(); 3930 q.defaults = {horizontal: !1, offset: 0, parentSelector: null, elementsSelector: null, performanceTrick: !1}; 3931 window.Scrollax = q; 3932 e.fn.Scrollax = function (a, g) { 3933 var c, k; 3934 if (!e.isPlainObject(a)) { 3935 if ("string" === typeof a || !1 === a) c = !1 === a ? "destroy" : a, k = slice.call(arguments, 1); 3936 a = {} 3937 } 3938 return this.each(function (l, d) { 3939 var b = e.data(d, 3940 "scrollax"); 3941 b || c ? b && c && b[c] && b[c].apply(b, k) : e.data(d, "scrollax", (new q(d, a, g)).init()) 3942 }) 3943 }; 3944 e.Scrollax = function (a, e) { 3945 ba.Scrollax(a, e) 3946 }; 3947 var v = document.head || document.getElementsByTagName("head")[0], w = document.createElement("style"); 3948 w.type = "text/css"; 3949 w.styleSheet ? w.styleSheet.cssText = ".scrollax-performance, .scrollax-performance *, .scrollax-performance *:before, .scrollax-performance *:after { pointer-events: none !important; -webkit-animation-play-state: paused !important; animation-play-state: paused !important; };" : 3950 w.appendChild(document.createTextNode(".scrollax-performance, .scrollax-performance *, .scrollax-performance *:before, .scrollax-performance *:after { pointer-events: none !important; -webkit-animation-play-state: paused !important; animation-play-state: paused !important; };")); 3951 v.appendChild(w); 3952 return q 3953 }); 3954 3955 3956 (function ($) { 3957 3958 "use strict"; 3959 3960 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 var fullHeight = function () { 3974 3975 $('.js-fullheight').css('height', $(window).height()); 3976 $(window).resize(function () { 3977 $('.js-fullheight').css('height', $(window).height()); 3978 }); 3979 3980 }; 3981 fullHeight(); 3982 3983 // loader 3984 var loader = function () { 3985 setTimeout(function () { 3986 if ($('#ftco-loader').length > 0) { 3987 $('#ftco-loader').removeClass('show'); 3988 } 3989 }, 1); 3990 }; 3991 loader(); 3992 3993 // Scrollax 3994 3995 3996 3997 // Burger Menu 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 var carousel = function () { 4038 $('.home-slider-loop').owlCarousel({ 4039 loop: true, 4040 autoplay: true, 4041 autoplayTimeout: 8000, 4042 margin: 0, 4043 animateOut: 'fadeOut', 4044 animateIn: 'fadeIn', 4045 nav: false, 4046 autoplayHoverPause: false, 4047 items: 1, 4048 navText: ["<span class='ion-md-arrow-back'></span>", "<span class='ion-chevron-right'></span>"], 4049 responsive: { 4050 0: { 4051 items: 1 4052 }, 4053 600: { 4054 items: 1 4055 }, 4056 1000: { 4057 items: 1 4058 } 4059 } 4060 }); 4061 $('.home-slider-no-loop').owlCarousel({ 4062 loop: false, 4063 autoplay: true, 4064 margin: 0, 4065 animateOut: 'fadeOut', 4066 animateIn: 'fadeIn', 4067 nav: false, 4068 autoplayHoverPause: false, 4069 autoplayTimeout: 8000, 4070 items: 1, 4071 navText: ["<span class='ion-md-arrow-back'></span>", "<span class='ion-chevron-right'></span>"], 4072 responsive: { 4073 0: { 4074 items: 1 4075 }, 4076 600: { 4077 items: 1 4078 }, 4079 1000: { 4080 items: 1 4081 } 4082 } 4083 }); 4084 }; 4085 carousel(); 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 4110 4111 // scroll 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 4126 4127 4128 4129 4130 4131 4132 4133 4134 4135 4136 4137 4138 4139 4140 4141 4142 4143 4144 4145 4146 4147 4148 4149 4150 4151 4152 var counter = function () { 4153 4154 $('#section-counter, .hero-wrap, .ftco-counter').waypoint(function (direction) { 4155 4156 if (direction === 'down' && !$(this.element).hasClass('ftco-animated')) { 4157 4158 var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(',') 4159 $('.number').each(function () { 4160 var $this = $(this), 4161 num = $this.data('number'); 4162 console.log(num); 4163 $this.animateNumber( 4164 { 4165 number: num, 4166 numberStep: comma_separator_number_step 4167 }, 7000 4168 ); 4169 }); 4170 4171 } 4172 4173 }, {offset: '95%'}); 4174 4175 } 4176 counter(); 4177 4178 4179 var contentWayPoint = function () { 4180 var i = 0; 4181 $('.ftco-animate').waypoint(function (direction) { 4182 4183 if (direction === 'down' && !$(this.element).hasClass('ftco-animated')) { 4184 4185 i++; 4186 4187 $(this.element).addClass('item-animate'); 4188 setTimeout(function () { 4189 4190 $('body .ftco-animate.item-animate').each(function (k) { 4191 var el = $(this); 4192 setTimeout(function () { 4193 var effect = el.data('animate-effect'); 4194 if (effect === 'fadeIn') { 4195 el.addClass('fadeIn ftco-animated'); 4196 } else if (effect === 'fadeInLeft') { 4197 el.addClass('fadeInLeft ftco-animated'); 4198 } else if (effect === 'fadeInRight') { 4199 el.addClass('fadeInRight ftco-animated'); 4200 } else { 4201 el.addClass('fadeInUp ftco-animated'); 4202 } 4203 el.removeClass('item-animate'); 4204 }, k * 50, 'easeInOutExpo'); 4205 }); 4206 4207 }, 100); 4208 4209 } 4210 4211 }, {offset: '95%'}); 4212 }; 4213 contentWayPoint(); 4214 4215 })(jQuery); 4216</script>
4216 4217 4218 4219
4220<script> 4221 $(document).ready(function () { 4222 if ($(window).width() > 767) { 4223 // all devices except mobile phones 4224 4225 } else { 4226 // mobile phones only 4227 } 4228 4229 // $(".all-cover-2-primary").hover(function () { 4230 // // hover in 4231 // $(this).css("background", "transparent"); 4232 // $(this).css("color", "#902E81"); 4233 // $(this).css("filter", "brightness(100%)"); 4234 // }, function () { 4235 // // hover out 4236 // $(this).css("background", "#902E81"); 4237 // $(this).css("color", "#FFFFFF"); 4238 // }); 4239 4240 }); 4241</script>
4241 4242 4243
4244<script> 4245 $(document).ready(function () { 4246 if ($(window).width() > 1199) { 4247 // all devices except mobile phones 4248 4249 } else { 4250 // mobile phones only 4251 $("#wds-page-overview3-img").addClass("order-first"); 4252 $("#wds-page-overview3-text").addClass("order-2"); 4253 } 4254 4255 }); 4256 4257 // also run this on window resize 4258 $(window).resize(function () { 4259 if ($(window).width() > 1199) { 4260 // mobile phones only 4261 $("#wds-page-overview3-img").removeClass("order-first"); 4262 $("#wds-page-overview3-text").removeClass("order-2"); 4263 4264 } else if ($(window).width() <= 1199) { 4265 // mobile phones only 4266 $("#wds-page-overview3-img").addClass("order-first"); 4267 $("#wds-page-overview3-text").addClass("order-2"); 4268 } 4269 }); 4270</script>
4270 4271 4272</body> 4273</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.