1<!doctype html> 2<html lang="en"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <meta name="facebook-domain-verification" content="v9bfkef1taswjevay6w91dlk4ipq5q" /> 8 <meta name="google-site-verification" content="q-uYQH9T4I_6lEVb6wc0RBS7yCANKM-tcgk__ShCsYA" /> 9 <meta name="description" content="Learn about our founder, locations, promotions, and standards at V Line Cosmetic Clinic."> 10 <meta property="og:title" content="About | V Line Cosmetic Clinic" /> 11 <meta property="og:description" content="Learn about our founder, locations, promotions, and standards at V Line Cosmetic Clinic." /> 12 <meta property="og:type" content="Website" /> 13 <meta property="og:url" content="https://vlineclinicusa.com/about/" /> 14 15 <meta property="og:image" 16 content="http://vlineclinicusa.com/assets/img/og-feat.webp" /> 17 <title>About | V Line Cosmetic Clinic</title> 18 <link rel="canonical" href="https://www.vlineclinicusa.com/about/" /> 19 <link rel="icon" type="image/png" href="/assets/img/img-export/1678831462-v-line.png"> 20 <link rel="dns-prefetch" href="https://www.gstatic.com"> 21 <link rel="preconnect" href="https://www.gstatic.com" crossorigin> 22 <link rel="dns-prefetch" href="https://translate.googleapis.com"> 23 <link rel="preconnect" href="https://translate.googleapis.com" crossorigin> 24 25 <!-- reCAPTCHA -->
vendor: 86 bytes, lines 25-28
25 26 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 27 28
28<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 28
28
29<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-steps/1.1.0/jquery.steps.min.js"></script>
29 30<link rel="stylesheet" href="/assets/css/jquery.steps.css"> 31 32 <!-- Google Tag Manager V Line --> 33
33<script>
vendor: 335 bytes, lines 33-37
33(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 34 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 35 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 36 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 37 })(window,document,'script','dataLayer','
37GTM-W95FCS98
vendor: 3 bytes, line 37
37');
37</script>
37 38 <!-- End Google Tag Manager --> 39 40 <!-- Amplitude --> 41
41<script src="https://cdn.amplitude.com/libs/analytics-browser-2.11.1-min.js.gz"></script>
41 42
42<script src="https://cdn.amplitude.com/libs/plugin-session-replay-browser-1.23.2-min.js.gz"></script>
42 43
43<script>window.amplitude.add(window.sessionReplay.plugin({sampleRate: 1}));window.amplitude.init('a1c790fb9ed6ebc27e10e8cde40a057c', {"autocapture":{"elementInteractions":true}});</script>
43 44 <!-- End Amplitude --> 45 46 <!-- Clarity --> 47
47<script type="text/javascript"> 48 (function(c,l,a,r,i,t,y){ 49 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 50 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 51 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 52 })(window, document, "clarity", "script", "spg4b5rmdl"); 53 </script>
53 54 55 <!-- CallRail dynamic number swap (site-wide call tracking). 56 Swaps the displayed number + tel: links for a tracking number and 57 attributes actual calls to source. Fills the phone gap that the A/B 58 tel:-click tracker can't see (visitors who dial the shown number 59 instead of tapping the link register no phone_click). --> 60
60<script type="text/javascript" src="//cdn.callrail.com/companies/829225040/f2f8d626efb27734d3ed/12/swap.js"></script>
60 61 62 <!-- Klaviyo popups DISABLED 2026-05-31 (temporary, per request). Re-enable by uncommenting the loader line below. --> 63 <!--
63<script async type='text/javascript' src='https://static.klaviyo.com/onsite/js/WHaC4n/klaviyo.js?company_id=WHaC4n'></script>
63 --> 64
64<script type="text/javascript"> 65 //Initialize Klaviyo object on page load 66 !function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); 67 </script>
67 68 69 <!-- vendor styles--> 70 71 <style id="s3-vendor-styles"> 72 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 73 html { 74 line-height: 1.15; 75 -webkit-text-size-adjust: 100% 76 } 77 78 body { 79 margin: 0 80 } 81 82 main { 83 display: block 84 } 85 86 h1 { 87 font-size: 2em; 88 margin: .67em 0 89 } 90 91 hr { 92 box-sizing: content-box; 93 height: 0; 94 overflow: visible 95 } 96 97 pre { 98 font-family: monospace, monospace; 99 font-size: 1em 100 } 101 102 a { 103 background-color: rgba(0, 0, 0, 0) 104 } 105 106 abbr[title] { 107 border-bottom: none; 108 text-decoration: underline; 109 text-decoration: underline dotted 110 } 111 112 b, 113 strong { 114 font-weight: bolder 115 } 116 117 code, 118 kbd, 119 samp { 120 font-family: monospace, monospace; 121 font-size: 1em 122 } 123 124 small { 125 font-size: 80% 126 } 127 128 sub, 129 sup { 130 font-size: 75%; 131 line-height: 0; 132 position: relative; 133 vertical-align: baseline 134 } 135 136 sub { 137 bottom: -0.25em 138 } 139 140 sup { 141 top: -0.5em 142 } 143 144 img { 145 border-style: none 146 } 147 148 button, 149 input, 150 optgroup, 151 select, 152 textarea { 153 font-family: inherit; 154 font-size: 100%; 155 line-height: 1.15; 156 margin: 0 157 } 158 159 button, 160 input { 161 overflow: visible 162 } 163 164 button, 165 select { 166 text-transform: none 167 } 168 169 170 button, 171 [type=button], 172 [type=reset], 173 [type=submit] { 174 -webkit-appearance: button 175 } 176 177 button::-moz-focus-inner, 178 [type=button]::-moz-focus-inner, 179 [type=reset]::-moz-focus-inner, 180 [type=submit]::-moz-focus-inner { 181 border-style: none; 182 padding: 0 183 } 184 185 button:-moz-focusring, 186 [type=button]:-moz-focusring, 187 [type=reset]:-moz-focusring, 188 [type=submit]:-moz-focusring { 189 outline: 1px dotted ButtonText 190 } 191 192 fieldset { 193 padding: .35em .75em .625em 194 } 195 196 legend { 197 box-sizing: border-box; 198 color: inherit; 199 display: table; 200 max-width: 100%; 201 padding: 0; 202 white-space: normal 203 } 204 205 progress { 206 vertical-align: baseline 207 } 208 209 textarea { 210 overflow: auto 211 } 212 213 [type=checkbox], 214 [type=radio] { 215 box-sizing: border-box; 216 padding: 0 217 } 218 219 [type=number]::-webkit-inner-spin-button, 220 [type=number]::-webkit-outer-spin-button { 221 height: auto 222 } 223 224 [type=search] { 225 -webkit-appearance: textfield; 226 outline-offset: -2px 227 } 228 229 [type=search]::-webkit-search-decoration { 230 -webkit-appearance: none 231 } 232 233 ::-webkit-file-upload-button { 234 -webkit-appearance: button; 235 font: inherit 236 } 237 238 details { 239 display: block 240 } 241 242 summary { 243 display: list-item 244 } 245 246 template { 247 display: none 248 } 249 250 [hidden] { 251 display: none 252 } 253 254 .tns-outer { 255 padding: 0 !important 256 } 257 258 .tns-outer [hidden] { 259 display: none !important 260 } 261 262 .tns-item[aria-hidden] { 263 visibility: hidden 264 } 265 266 .tns-outer [aria-controls], 267 .tns-outer [data-action] { 268 cursor: pointer 269 } 270 271 .tns-slider { 272 -webkit-transition: all 0s; 273 -moz-transition: all 0s; 274 transition: all 0s 275 } 276 277 .tns-slider>.tns-item { 278 -webkit-box-sizing: border-box; 279 -moz-box-sizing: border-box; 280 box-sizing: border-box 281 } 282 283 .tns-horizontal.tns-subpixel { 284 white-space: nowrap 285 } 286 287 .tns-horizontal.tns-subpixel>.tns-item { 288 display: inline-block; 289 vertical-align: top; 290 white-space: normal 291 } 292 293 .tns-horizontal.tns-no-subpixel:after { 294 content: ""; 295 display: table; 296 clear: both 297 } 298 299 .tns-horizontal.tns-no-subpixel>.tns-item { 300 float: left 301 } 302 303 .tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item { 304 margin-right: -100% 305 } 306 307 .tns-no-calc { 308 position: relative; 309 left: 0 310 } 311 312 .tns-gallery { 313 position: relative; 314 left: 0; 315 min-height: 1px 316 } 317 318 .tns-gallery>.tns-item { 319 position: absolute; 320 left: -100%; 321 -webkit-transition: transform 0s, opacity 0s; 322 -moz-transition: transform 0s, opacity 0s; 323 transition: transform 0s, opacity 0s 324 } 325 326 .tns-gallery>
326.tns-slide-active { 327 position: relative; 328 left: auto !important 329 } 330 331 .tns-gallery>.tns-moving { 332 -webkit-transition: all .25s; 333 -moz-transition: all .25s; 334 transition: all .25s 335 } 336 337 .tns-autowidth { 338 display: inline-block 339 } 340 341 .tns-lazy-img { 342 -webkit-transition: opacity .6s; 343 -moz-transition: opacity .6s; 344 transition: opacity .6s; 345 opacity: .6 346 } 347 348 .tns-lazy-img.tns-complete { 349 opacity: 1 350 } 351 352 .tns-ah { 353 -webkit-transition: height 0s; 354 -moz-transition: height 0s; 355 transition: height 0s 356 } 357 358 .tns-ovh { 359 overflow: hidden 360 } 361 362 .tns-visually-hidden { 363 position: absolute; 364 left: -10000em 365 } 366 367 .tns-transparent { 368 opacity: 0; 369 visibility: hidden 370 } 371 372 .tns-fadeIn { 373 opacity: 1; 374 filter: alpha(opacity=100); 375 z-index: 0 376 } 377 378 .tns-normal, 379 .tns-fadeOut { 380 opacity: 0; 381 filter: alpha(opacity=0); 382 z-index: -1 383 } 384 385 .tns-vpfix { 386 white-space: nowrap 387 } 388 389 .tns-vpfix>div, 390 .tns-vpfix>li { 391 display: inline-block 392 } 393 394 .tns-t-subp2 { 395 margin: 0 auto; 396 width: 310px; 397 position: relative; 398 height: 10px; 399 overflow: hidden 400 } 401 402 .tns-t-ct { 403 width: 2333.3333333%; 404 width: -webkit-calc(100% * 70 / 3); 405 width: -moz-calc(100% * 70 / 3); 406 width: 2333.3333333333%; 407 position: absolute; 408 right: 0 409 } 410 411 .tns-t-ct:after { 412 content: ""; 413 display: table; 414 clear: both 415 } 416 417 .tns-t-ct>div { 418 width: 1.4285714%; 419 width: -webkit-calc(100% / 70); 420 width: -moz-calc(100% / 70); 421 width: 1.4285714286%; 422 height: 10px; 423 float: left 424 } 425 426 .tresio-nav:not(tresio-nav--loaded) ul:not(.level-1) { 427 display: none 428 } 429 430 .tresio-nav__main, 431 .tresio-nav__list { 432 margin: 0; 433 padding: 0 434 } 435 436 .tresio-nav__main, 437 .tresio-nav>ul { 438 display: flex 439 } 440 441 .tresio-nav__list:not(.level-1) { 442 display: none; 443 white-space: nowrap 444 } 445 446 .tresio-nav__list-item { 447 position: relative; 448 list-style-type: none 449 } 450 451 .tresio-nav li.ignore ul { 452 display: block 453 } 454 455 .tresio-nav__link { 456 display: inline-block; 457 color: #000; 458 padding: 4px 10px; 459 width: 100% 460 } 461 462 .tresio-nav__dropdown { 463 display: inline-block; 464 position: absolute; 465 top: 50%; 466 transform: translateY(-50%); 467 right: 0; 468 z-index: 2; 469 color: #000 470 } 471 472 .tresio-nav__dropdown[aria-expanded=true] { 473 transform: translateY(-50%) rotate(180deg) 474 } 475 476 .tresio-nav__dropdown[aria-expanded=true]+.tresio-nav__list { 477 display: block 478 } 479 480 .tresio-nav.type-horizontal.variant-focus .tresio-nav__dropdown.level-1 { 481 display: none !important 482 } 483 484 .tresio-nav.type-horizontal.variant-focus--active .tresio-nav__dropdown.level-1 { 485 display: block !important 486 } 487 488 .tresio-nav.type-horizontal .tresio-nav__main, 489 .tresio-nav.type-horizontal>ul { 490 justify-content: space-between 491 } 492 493 .tresio-nav.type-horizontal .tresio-nav__list:not(.level-1) { 494 position: absolute 495 } 496 497 .tresio-nav.type-horizontal .tresio-nav__list:not(.level-1):not(.level-2) { 498 left: calc(100% - 1px); 499 top: 0 500 } 501 502 .tresio-nav.type-horizontal .tresio-nav__list-item--has-children .tresio-nav__link { 503 padding-right: 16px 504 } 505 506 .tresio-nav.type-horizontal .tresio-nav__link { 507 width: 100% 508 } 509 510 .tresio-nav.type-horizontal .tresio-nav__link:hover~.tresio-nav__list { 511 display: block 512 } 513 514 .tresio-nav.type-vertical .tresio-nav__main, 515 .tresio-nav.type-vertical>ul, 516 .tresio-nav.type-hamburger .tresio-nav__main, 517 .tresio-nav.type-hamburger>ul { 518 flex-direction: column 519 } 520 521 .tresio-nav.type-vertical .tresio-nav__dropdown, 522 .tresio-nav.type-hamburger .tresio-nav__dropdown { 523 top: 3px; 524 transform: rotate(0deg) 525 } 526 527 .tresio-nav.type-vertical .tresio-nav__dropdown[aria-expanded=true], 528 .tresio-nav.type-hamburger .tresio-nav__dropdown[aria-expanded=true] { 529 transform: rotate(180deg) 530 } 531 532 .tresio-nav.type-hamburger { 533 position: relative 534 } 535 536 .tresio-nav.type-hamburger .tresio-nav__hamburger {
537 height: 26px; 538 width: 34px; 539 position: relative; 540 display: inline-block; 541 z-index: 2 542 } 543 544 .tresio-nav.type-hamburger .tresio-nav__hamburger:before, 545 .tresio-nav.type-hamburger .tresio-nav__hamburger:after, 546 .tresio-nav.type-hamburger .tresio-nav__hamburger span { 547 height: 2px; 548 margin-top: -2px; 549 position: absolute; 550 width: 100%; 551 left: 0; 552 display: block; 553 background: var(--tresio-nav-hamburger-color) 554 } 555 556 .tresio-nav.type-hamburger .tresio-nav__hamburger:before, 557 .tresio-nav.type-hamburger .tresio-nav__hamburger:after { 558 content: ""; 559 transform-origin: center center; 560 transform: rotate(0deg); 561 transition: all .3s ease 562 } 563 564 .tresio-nav.type-hamburger .tresio-nav__hamburger:before { 565 top: 2px 566 } 567 568 .tresio-nav.type-hamburger .tresio-nav__hamburger:after { 569 bottom: 2px; 570 margin-bottom: 0 571 } 572 573 .tresio-nav.type-hamburger .tresio-nav__hamburger span { 574 position: absolute; 575 top: 50% 576 } 577 578 .tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]:before, 579 .tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]:after, 580 .tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true] span { 581 background: var(--tresio-nav-hamburger-color-expanded) 582 } 583 584 .tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]:before { 585 top: 50%; 586 transform: rotate(45deg) 587 } 588 589 .tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]:after { 590 bottom: 50%; 591 transform: rotate(-45deg) 592 } 593 594 .tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true] span { 595 background: rgba(0, 0, 0, 0) 596 } 597 598 .tresio-nav.type-hamburger .tresio-nav__hamburger[aria-expanded=true]~.tresio-nav__main { 599 display: block 600 } 601 602 .tresio-nav.type-hamburger .tresio-nav__main { 603 display: none; 604 width: 300px; 605 overflow: scroll 606 } 607 608 .tresio-nav.type-hamburger.variant-popup .tresio-nav__main { 609 position: fixed; 610 height: 100vh; 611 width: 100%; 612 top: 0; 613 left: 0; 614 background: #fff; 615 padding: 40px; 616 padding-top: var(--tresio-nav-menu-offset) 617 } 618 619 .tresio-nav.type-hamburger.variant-popup .tresio-nav__main:before, 620 .tresio-nav.type-hamburger.variant-popup .tresio-nav__main:after { 621 content: ""; 622 position: absolute; 623 top: 0; 624 height: 100% 625 } 626 627 .tresio-nav.type-hamburger.variant-popup .tresio-nav__main:before { 628 width: 20%; 629 background: #f1f1f1; 630 left: 0 631 } 632 633 .tresio-nav.type-hamburger.variant-popup .tresio-nav__main:after { 634 right: 0; 635 width: 80%; 636 background: #fff 637 } 638 639 @media screen and (max-width: 800px) { 640 .tresio-nav.type-hamburger.variant-popup .tresio-nav__main { 641 padding-top: var(--tresio-nav-menu-offset-mobile) 642 } 643 } 644 645 .tresio-nav.type-hamburger.variant-popup .tresio-nav__list-item.level-1 { 646 width: 15vw; 647 position: relative; 648 display: flex; 649 z-index: 2 650 } 651 652 .tresio-nav.type-hamburger.variant-popup .tresio-nav__dropdown { 653 position: static 654 } 655 656 .tresio-nav.type-hamburger.variant-popup .tresio-nav__list.level-2 { 657 position: fixed; 658 right: 0; 659 top: var(--tresio-nav-menu-offset); 660 width: 80% 661 } 662 663 @media screen and (max-width: 800px) { 664 .tresio-nav.type-hamburger.variant-popup .tresio-nav__list.level-2 { 665 top: var(--tresio-nav-menu-offset-mobile) 666 } 667 } 668 669 .tresio-nav.type-hidden { 670 display: none 671 } 672 673 .sr-only, 674 .visuallyhidden { 675 border: 0; 676 clip: rect(0 0 0 0); 677 height: 1px; 678 margin: -1px; 679 overflow: hidden; 680 padding: 0; 681 position: absolute; 682 width: 1px; 683 white-space: nowrap 684 } 685 686 .fakebutton { 687 position: absolute; 688 top: 0; 689 left: 0; 690 width: 100%; 691 height: 100%; 692 z-index: 1; 693 cursor: pointer 694 } 695 696 </style> 697 698 <!-- css optimization --> 699 <style> 700 @import"https://p.typekit.net/p.css?s=1&k=dmj7uxa&ht=tk&f=24354.43309.28205.28222.28226&a=549070&app=typekit&e=css"; 701 702.partial_socials li, 703.partial_cookies_policy, 704.partial_notification.side-drawer span.close, 705.partial_notification.bottom-drawer span.close, 706.partial_notification.side-drawer, 707.partial_notification.bottom-drawer, 708.partial_notification p, 709.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 710.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h3, 711.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .links, 712.mod_index>
712.row.subcontent .inner .item .media-btn .media .content span, 713.mod_index>.row.subcontent .inner .item .media-btn:after, 714.mod_faq .sticky-side .list p, 715.mod_tabs_module .tab-links a:after, 716.popup-video:after, 717.sub-content.full .entry-content a, 718.partial_gallery_dropdown ul.dropdown ul li a, 719.partial_gallery_dropdown .dropdown ul li a, 720.age-restricted .popup span.close, 721form input[type=text]:focus, 722form input[type=tel]:focus, 723form input[type=email]:focus, 724form input[type=number]:focus, 725form input[type=date]:focus, 726form textarea:focus, 727form select:focus, 728footer.partial_footer .fixed-cta a.btn, 729footer.partial_footer .fixed-cta .mod_index_list .row a.item, 730.mod_index_list .row footer.partial_footer .fixed-cta a.item, 731.mod_home_grid.option-4 .row .grid .item:after, 732.mod_home_hero.banner .intro-animation span.logo, 733.mod_home_hero.banner.slider .media .tns-nav button[type=button], 734nav.tresio-nav[data-type=horizontal] ul.partial_nav li, 735.home header.hide-home-menu+.trigger-menu, 736body.hamburger-menu header .row .menu-holder, 737header .row .logo-holder a picture img, 738header .row .logo-holder .logo picture img, 739header *, 740.search-input-container .inner .js-search-results .search-result-item, 741.search-input-container .inner .js-predictions .js-prediction-item, 742a, 743.partial_rate_us .tab, 744.notification-toggle, 745.partial_sticky_bar .btns .btn, 746.mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a, 747.mod_realself .row .widget #rsrvwrapper .rsqamore a, 748.mod_realself .row .widget #rsqawrapper .rsrvmorereviews a, 749.mod_realself .row .widget #rsqawrapper .rsqamore a, 750.mod_index_list.option-2 .row .inner a.item, 751button, 752.btn, 753.mod_index_list .row a.item, 754.tns-controls button { 755 transition: all .3s ease-in-out 756} 757 758.partial_notification, 759.mod_video_grid .row .video a.popup-video:after, 760.mod_accordion .row.half-image-row .accordion-slide.active .media picture:before, 761.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media picture:before, 762.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 763.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3, 764.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy, 765.mod_accordion .row.half-image-row .accordion-slide:hover .media h2, 766.mod_accordion .row.half-image-row .accordion-slide, 767.mod_accordion .row.half-image-row, 768.mod_quote.viewport .row:after, 769.mod_quote.viewport .row:before, 770.mod_quote.viewport .logo, 771.mod_intro.viewport .row .inner, 772.mod_intro.viewport .row .logo, 773.mod_intro.wide .row .inner .half, 774.mod_cta_ba .row .text .patients .age-restricted, 775.mod_cta_ba_feed .row .text .patients .age-restricted, 776.mod_tabs_module .tabs .tab, 777.mod_instagram .static-feed .post .content, 778.mod_instagram .static-feed .post span.icon, 779.mod_instagram .static-feed .post:after, 780.age-restricted, 781nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li a.tresio-nav__link, 782nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__link, 783.partial_rate_us .tab:hover, 784.notification-toggle:hover, 785.partial_sticky_bar .btns .btn:hover, 786.mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a:hover, 787.mod_realself .row .widget #rsrvwrapper .rsqamore a:hover, 788.mod_realself .row .widget #rsqawrapper .rsrvmorereviews a:hover, 789.mod_realself .row .widget #rsqawrapper .rsqamore a:hover, 790.mod_index_list.option-2 .row .inner a.item:hover, 791button:hover, 792.btn:hover, 793.mod_index_list .row a.item:hover { 794 transition: all .6s ease-in-out 795} 796 797.mod_video_grid .row .video a.popup-video picture img, 798.mod_accordion .row.half-image-row .accordion-slide.active .copy, 799.mod_accordion .row.half-image-row .accordion-slide.active, 800.mod_quote.viewport .row p.author, 801.mod_logo_list.viewport .img img, 802.mod_half_image.viewport .credentials, 803.mod_half_image.viewport picture.background img, 804.mod_half_image.viewport .media-content, 805.mod_half_image.viewport picture.logo, 806.mod_cta_general.viewport picture.background img, 807.mod_cta_ba .controls-container .buttons .swiper-button-prev:hover::after, 808.mod_cta_ba .controls-container .buttons .swiper-button-next:hover::after, 809.mod_cta_ba_feed .controls-container .buttons .swiper-button-prev:hover::after, 810.mod_cta_ba_feed .controls-container .buttons .swiper-button-next:hover::after, 811.mod_cta_ba .controls-container .buttons .swiper-button-prev:after, 812.mod_cta_ba .controls-container .buttons .swiper-button-next:after, 813.mod_cta_ba_feed .controls-container .buttons .swiper-button-prev:after, 814.mod_cta_ba_feed .controls-container .buttons .swiper-button-next:after, 815.mod_tabs_module.viewport picture.background img, 816.mod_tabs_module .tabs .tab .row .inner, 817.mod_column.viewport picture img, 818.mod_columns_two.viewport picture img, 819.mod_columns_three.viewport picture img, 820.mod_box_grid.viewport picture.background img, 821.mod_banner.viewport .divider picture img, 822.mod_banner.viewport .divider, 823.mod_banner.viewport picture.background img, 824.cta.viewport picture.background img, 825.mod_home_grid.option-4 .row .grid .item .content, 826.mod_home_grid.option-1 .row .grid .item .content, 827.mod_home_grid .row .grid .item .content, 828.mod_home_grid .row .grid .item .media picture img, 829.mod_home_banner.viewport .credentials, 830.mod_home_banner.viewport picture.background img, 831.mod_home_banner.viewport picture.logo, 832.mod_home_hero.banner .intro-animation .bg, 833.mod_home_hero.banner .intro-animation { 834 transition: all 1.25s ease-in-out 835} 836 837.mod_home_grid_slider .row .grid-swiper .swiper-slide .media .content h3, 838.mod_home_grid_slider .row .grid-swiper .swiper-slide .media .content, 839.mod_home_grid_slider .row .grid-swiper .swiper-slide .media img { 840 transition: all 650ms cubic-bezier(0.69, 0, 0.46, 1.2) 841} 842 843.mod_reviews_slider .row .swiper-container .images .image-right, 844.mod_reviews_slider .row .swiper-container .images .image-left, 845.mod_reviews_slider .row .swiper-container .reviews-swiper { 846 transition: all 1.5s cubic-bezier(0.74, -0.35, 0.31, 1.42) 847} 848 849.mod_home_grid.option-4 .row .grid .item .content .bottom, 850.mod_home_grid.option-4 .row .grid .item .content h2.title, 851.mod_home_grid_slider .row .grid-swiper .swiper-slide .media .content a { 852 transition: all .5s cubic-bezier(0.74, -0.35, 0.31, 1.42) 853} 854 855@font-face { 856 font-family: "canada-type-gibson"; 857 src: url("https://use.typekit.net/af/987a60/00000000000000007735a543/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/987a60/00000000000000007735a543/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/987a60/00000000000000007735a543/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); 858 font-display: swap; 859 font-style: normal; 860 font-weight: 400; 861 font-stretch: normal 862} 863 864@font-face { 865 font-family: "canada-type-gibson"; 866 src: url("https://use.typekit.net/af/37e7f5/00000000000000007735a548/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/37e7f5/00000000000000007735a548/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/37e7f5/00000000000000007735a548/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); 867 font-display: swap; 868 font-style: normal; 869 font-weight: 300; 870 font-stretch: normal 871} 872 873@font-face { 874 font-family: "p22-mackinac-pro"; 875 src: url("https://use.typekit.net/af/00dec1/00000000000000007735b3d4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/00dec1/00000000000000007735b3d4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/00dec1/00000000000000007735b3d4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype"); 876 font-display: swap; 877 font-style: normal; 878 font-weight: 500; 879 font-stretch: normal 880} 881 882@font-face { 883 font-family: "p22-mackinac-pro"; 884 src: url("https://use.typekit.net/af/1b97fb/00000000000000007735b3d8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/1b97fb/00000000000000007735b3d8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/1b97fb/00000000000000007735b3d8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype"); 885 font-display: swap; 886 font-style: italic; 887 font-weight: 500; 888 font-stretch: normal 889} 890 891@font-face { 892 font-family: "p22-mackinac-pro"; 893 src: url("https://use.typekit.net/af/2ea16c/00000000000000007735b3da/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/2ea16c/00000000000000007735b3da/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/2ea16c/00000000000000007735b3da/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); 894 font-display: swap; 895 font-style: normal; 896 font-weight: 400; 897 font-stretch: normal 898} 899 900.tk-canada-type-gibson { 901 font-family: "canada-type-gibson", sans-serif 902} 903 904.tk-p22-mackinac-pro { 905 font-family: "p22-mackinac-pro", serif 906} 907 908@font-face { 909 font-family: "fontello"; 910 src: url("/assets/fontello.woff2") format("woff2"); 911 font-weight: normal; 912 font-style: normal; 913 font-display: swap 914} 915 916[class^=icon-]:before, 917[class*=" icon-"]:before, 918.tns-controls button:before { 919 font-family: "fontello"; 920 font-style: normal; 921 font-weight: normal; 922 font-display: swap; 923 speak: never; 924 display: inline-block; 925 text-decoration: inherit; 926 width: 1em; 927 margin-right: .2em; 928 text-align: center; 929 font-variant: normal; 930 text-transform: none; 931 line-height: 1em; 932 margin-left: .2em; 933 -webkit-font-smoothing: antialiased; 934 -moz-osx-font-smoothing: grayscale 935} 936 937.icon-left-open:before { 938 content: "î " 939} 940 941.icon-right-open:before { 942 content: "î " 943} 944 945.icon-star:before { 946 content: "î " 947} 948 949.icon-star-empty:before { 950 content: "î " 951} 952 953.icon-cancel:before { 954 content: "î " 955} 956 957.note { 958 color: red !important 959} 960
961.tns-slider { 962 font-size: 11px !important 963} 964 965.right { 966 float: right !important 967} 968 969.left { 970 float: left !important 971} 972 973.text-left { 974 text-align: left !important 975} 976 977.text-right { 978 text-align: right !important 979} 980 981.text-center { 982 text-align: center !important 983} 984 985.text-justify { 986 text-align: justify !important 987} 988 989.left { 990 float: left !important 991} 992 993.columns-two, 994.columns-three, 995.columns-four { 996 display: grid; 997 grid-template-columns: 1fr 1fr; 998 grid-gap: 40px 999} 1000 1001@media only screen and (max-width: 800px) { 1002 1003 .columns-two, 1004 .columns-three, 1005 .columns-four { 1006 grid-template-columns: 1fr 1007 } 1008} 1009 1010.columns-two.vertical-align, 1011.mod_column .columns-two.vertical, 1012.columns-three.vertical-align, 1013.mod_column .columns-three.vertical, 1014.columns-four.vertical-align, 1015.mod_column .columns-four.vertical { 1016 display: grid; 1017 align-items: center 1018} 1019 1020.columns-three { 1021 grid-template-columns: 1fr 1fr 1fr; 1022 grid-gap: 30px 1023} 1024 1025@media only screen and (max-width: 800px) { 1026 .columns-three { 1027 grid-template-columns: 1fr 1028 } 1029} 1030 1031.columns-four { 1032 grid-template-columns: 1fr 1fr 1fr 1fr; 1033 grid-gap: 20px 1034} 1035 1036@media only screen and (max-width: 800px) { 1037 .columns-four { 1038 grid-template-columns: 1fr 1fr 1039 } 1040} 1041 1042@media only screen and (max-width: 40em) { 1043 .columns-four { 1044 grid-template-columns: 1fr 1045 } 1046} 1047 1048.column.large-centered, 1049.columns.large-centered { 1050 margin-left: auto; 1051 margin-right: auto; 1052 float: none 1053} 1054 1055.relative { 1056 position: relative 1057} 1058 1059.absolute { 1060 position: absolute 1061} 1062 1063img.center { 1064 display: block; 1065 margin: auto 1066} 1067 1068img.full { 1069 width: 100% 1070} 1071 1072img.circle { 1073 border-radius: 100%; 1074 box-shadow: 0px 0px 14px -6px #000; 1075 padding: 10px 1076} 1077 1078img.xsmall { 1079 max-width: 80px; 1080 width: 100% 1081} 1082 1083img.small, 1084img.contact-scroll { 1085 max-width: 180px; 1086 width: 100% 1087} 1088 1089img.medium { 1090 max-width: 240px; 1091 width: 100% 1092} 1093 1094img.large { 1095 max-width: 400px; 1096 width: 100% 1097} 1098 1099img.large.pull-up { 1100 margin-top: -15px 1101} 1102 1103img.xlarge { 1104 max-width: 540px; 1105 width: 100% 1106} 1107 1108img.xlarge2 { 1109 max-width: 480px; 1110 width: 100% 1111} 1112 1113.italic { 1114 font-style: italic !important 1115} 1116 1117.bold { 1118 font-weight: 500 1119} 1120 1121.hidden { 1122 display: none !important 1123} 1124 1125.uppercase { 1126 text-transform: uppercase 1127} 1128 1129.link:not(.btn), 1130.mod_home_banner .row .content a.center:not(.btn) { 1131 color: #d9c184 !important; 1132 text-decoration: underline 1133} 1134 1135.no-underline:not(.btn), 1136.mod_home_banner.has-links .row .links a:not(.btn) { 1137 color: #d9c184 !important; 1138 text-decoration: none 1139} 1140 1141.overflow-hidden { 1142 overflow: hidden !important 1143} 1144 1145.text-justify { 1146 text-align: justify !important 1147} 1148 1149@media only screen and (min-width: 800px) { 1150 .text-center-tablet-up { 1151 text-align: center !important 1152 } 1153} 1154 1155.hide, 1156.partial_notification.side-drawer.scrolled.closed, 1157.partial_notification.bottom-drawer.scrolled.closed { 1158 display: none 1159} 1160 1161@media only screen and (max-width: 40em) { 1162 .hide-phone { 1163 display: none !important 1164 } 1165} 1166 1167@media only screen and (min-width: 800px)and (max-width: 64em) { 1168 .hide-tablet { 1169 display: none !important 1170 } 1171} 1172 1173@media only screen and (min-width: 800px) { 1174 .hide-tablet-up { 1175 display: none !important 1176 } 1177} 1178 1179@media only screen and (max-width: 64em) { 1180 .hide-tablet-down { 1181 display: none !important 1182 } 1183} 1184 1185@media only screen and (max-width: 800px) { 1186 .hide-phablet { 1187 display: none !important 1188 } 1189} 1190 1191@media only screen and (min-width: 64.1em) { 1192 .hide-desktop { 1193 display: none !important 1194 } 1195} 1196 1197@media only screen and (max-width: 40em) { 1198 .block-phone { 1199 display: block !important 1200 } 1201} 1202 1203.block { 1204 display: block !important 1205} 1206 1207@media only screen and (min-width: 800px)and (max-width: 64em) { 1208 .block-tablet { 1209 display: block !important 1210 } 1211} 1212 1213@media only screen and (max-width: 64em) { 1214 .block-tablet-down { 1215 display: block !important 1216 } 1217} 1218 1219@media only screen and (min-width: 800px) { 1220 .block-tablet-up { 1221 display: block !important 1222 } 1223} 1224 1225@media only screen and (max-width: 800px) { 1226 .block-phablet { 1227 display: block !important 1228 } 1229} 1230 1231@media only screen and (min-width: 64.1em) { 1232 .block-desktop { 1233 display: block !important 1234 } 1235} 1236 1237.object-fit-cover { 1238 width: 100%; 1239 height: 100% 1240} 1241 1242.object-fit-cover img { 1243 object-fit: cover; 1244 width: 100%; 1245 height: 100% 1246} 1247 1248picture.background, 1249video.background { 1250 width: 100%; 1251 z-index: 0; 1252 position: absolute; 1253 top: 50%; 1254 left: 50%; 1255 transform: translate3d(-50%, -50%, 0); 1256 height: 100%; 1257 display: flex 1258} 1259 1260picture.background img, 1261video.background img { 1262 object-fit: cover; 1263 width: calc(100% + 2px); 1264 height: calc(100% + 2px) 1265} 1266 1267.top-aligned picture.background img, 1268.top-aligned video.background img { 1269 object-position: center 20% !important 1270} 1271 1272.left-aligned picture.background img, 1273.left-aligned video.background img { 1274 background-position: 25% center !important 1275} 1276 1277.right-aligned picture.background img, 1278.right-aligned video.background img { 1279 background-position: 75% center !important 1280} 1281 1282video.background { 1283 object-fit: cover; 1284 width: 100% 1285} 1286 1287.flex-wrap {
1288 display: flex; 1289 flex-wrap: wrap 1290} 1291 1292.flex-video { 1293 margin-bottom: 0px 1294} 1295 1296.flex-video iframe { 1297 max-width: 100% 1298} 1299 1300.background-image, 1301.bkg-image { 1302 background-size: cover; 1303 background-position: center center; 1304 background-repeat: no-repeat 1305} 1306 1307@media only screen and (min-width: 64.1em) { 1308 1309 .background-image, 1310 .bkg-image { 1311 background-image: var(--background-image-desktop) 1312 } 1313} 1314 1315@media only screen and (max-width: 64em) { 1316 1317 .background-image, 1318 .bkg-image { 1319 background-image: var(--background-image-tablet) 1320 } 1321} 1322 1323@media only screen and (max-width: 40em) { 1324 1325 .background-image, 1326 .bkg-image { 1327 background-image: var(--background-image-phone) 1328 } 1329} 1330 1331.vertical-align, 1332.mod_column .vertical { 1333 display: flex; 1334 align-items: center 1335} 1336 1337@media only screen and (max-width: 64em) { 1338 1339 .vertical-align, 1340 .mod_column .vertical { 1341 flex-wrap: wrap; 1342 flex: 1 1 100% 1343 } 1344} 1345 1346@media only screen { 1347 [class*=mw-] { 1348 margin-left: auto !important; 1349 margin-right: auto !important 1350 } 1351} 1352 1353@media only screen and (max-width: 64em) { 1354 [class*=mw-] { 1355 max-width: 100% !important 1356 } 1357} 1358 1359.tns-controls { 1360 display: flex; 1361 grid-gap: 16px; 1362 justify-content: center; 1363 text-align: center; 1364 padding-top: 20px; 1365 outline: none 1366} 1367 1368.tns-controls button { 1369 background: none; 1370 width: 32px; 1371 height: 32px; 1372 margin: 0 8px; 1373 outline: none; 1374 padding: 0; 1375 user-select: none; 1376 text-align: center; 1377 display: inline-block; 1378 opacity: .8; 1379 font-size: 18px; 1380 cursor: pointer; 1381 color: #000 1382} 1383 1384@media only screen and (max-width: 64em) { 1385 .tns-controls button { 1386 width: 28px; 1387 height: 28px 1388 } 1389} 1390 1391@media only screen and (max-width: 800px) { 1392 .tns-controls button { 1393 width: 24px; 1394 height: 24px 1395 } 1396} 1397 1398@media only screen and (max-width: 40em) { 1399 .tns-controls button { 1400 width: 20px; 1401 height: 20px 1402 } 1403} 1404 1405.tns-controls button:hover { 1406 color: #000; 1407 opacity: .4 1408} 1409 1410.tns-controls button:focus { 1411 box-shadow: none !important 1412} 1413 1414.tns-controls button[data-controls=prev]:before { 1415 content: "î " 1416} 1417 1418.tns-controls button[data-controls=next]:before { 1419 content: "î " 1420} 1421 1422body.wow-enabled .wow { 1423 visibility: hidden 1424} 1425 1426.animated { 1427 animation-duration: 1s; 1428 animation-fill-mode: both 1429} 1430 1431.animated.infinite { 1432 animation-iteration-count: infinite 1433} 1434 1435.animated.hinge { 1436 animation-duration: 2s 1437} 1438 1439.animated.flipOutX, 1440.animated.flipOutY, 1441.animated.bounceIn, 1442.animated.bounceOut { 1443 animation-duration: .75s 1444} 1445 1446@keyframes fadeIn { 1447 from { 1448 opacity: 0 1449 } 1450 1451 to { 1452 opacity: 1 1453 } 1454} 1455 1456.fadeIn { 1457 animation-name: fadeIn 1458} 1459 1460@keyframes fadeInDown { 1461 from { 1462 opacity: 0; 1463 transform: translate3d(0, -10%, 0) 1464 } 1465 1466 to { 1467 opacity: 1; 1468 transform: none 1469 } 1470} 1471 1472.fadeInDown { 1473 animation-name: fadeInDown 1474} 1475 1476@keyframes fadeInLeft { 1477 from { 1478 opacity: 0; 1479 transform: translate3d(-10%, 0, 0) 1480 } 1481 1482 to { 1483 opacity: 1; 1484 transform: none 1485 } 1486} 1487 1488.fadeInLeft { 1489 animation-name: fadeInLeft 1490} 1491 1492@keyframes fadeInRight { 1493 from { 1494 opacity: 0; 1495 transform: translate3d(10%, 0, 0) 1496 } 1497 1498 to { 1499 opacity: 1; 1500 transform: none 1501 } 1502} 1503 1504.fadeInRight { 1505 animation-name: fadeInRight 1506} 1507 1508@keyframes fadeInUp { 1509 from { 1510 opacity: 0; 1511 transform: translate3d(0, 10%, 0) 1512 } 1513 1514 to { 1515 opacity: 1; 1516 transform: none 1517 } 1518} 1519 1520.fadeInUp { 1521 animation-name: fadeInUp 1522} 1523 1524@keyframes fadeOut { 1525 from { 1526 opacity: 1 1527 } 1528 1529 to { 1530 opacity: 0 1531 } 1532} 1533 1534.fadeOut { 1535 animation-name: fadeOut 1536} 1537 1538a:hover { 1539 cursor: pointer 1540} 1541 1542*, 1543*:before, 1544*:after { 1545 -webkit-box-sizing: border-box; 1546 -moz-box-sizing: border-box; 1547 box-sizing: border-box 1548} 1549 1550html, 1551body { 1552 font-size: 100%; 1553 height: auto 1554} 1555 1556body { 1557 background: #fff; 1558 padding: 0; 1559 margin: 0; 1560 font-style: normal; 1561 line-height: 1; 1562 position: relative; 1563 cursor: default; 1564 letter-spacing: .8px; 1565 -webkit-font-smoothing: subpixel-antialiased; 1566 font-size: 16px; 1567 font-weight: 300; 1568 font-family: "p22-mackinac-pro", Times, serif; 1569 color: #000 1570} 1571 1572main [class*=column]+[class*=column]:last-child { 1573 float: none !important 1574} 1575 1576img { 1577 max-width: 100%; 1578 height: auto; 1579 -ms-interpolation-mode: bicubic; 1580 display: inline-block; 1581 vertical-align: middle; 1582 transform: translateZ(0px) 1583} 1584 1585a img { 1586 transition: all .3s ease-out 1587} 1588 1589.partial_rate_us .tab, 1590.notification-toggle, 1591.partial_sticky_bar .btns .btn, 1592.mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a, 1593.mod_realself .row .widget #rsrvwrapper .rsqamore a, 1594.mod_realself .row .widget #rsqawrapper .rsrvmorereviews a, 1595.mod_realself .row .widget #rsqawrapper .rsqamore a, 1596.mod_index_list.option-2 .row .inner a.item, 1597button, 1598.btn, 1599.mod_index_list .row a.item { 1600 display: inline-block; 1601 position: relative; 1602 margin: 0; 1603 padding: 14px 30px; 1604 text-decoration: none; 1605 text-align: center; 1606 font-size: 16px; 1607 font-family: "p22-mackinac-pro", Times, serif; 1608 font-weight: 500; 1609 line-height: 1; 1610 user-select: none; 1611 color: #000; 1612 border: 1px solid #000; 1613 outline: none !important; 1614 cursor: pointer 1615} 1616 1617@media only screen and (max-width: 800px) { 1618 1619 .partial_rate_us .tab, 1620 .notification-toggle, 1621 .partial_sticky_bar .btns .btn, 1622 .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a, 1623 .mod_realself .row .widget #rsrvwrapper .rsqamore a, 1624 .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a, 1625 .mod_realself .row .widget #rsqawrapper .rsqamore a, 1626 .mod_index_list.option-2 .row .inner a.item, 1627 button, 1628 .btn, 1629 .mod_index_list .row a.item { 1630 font-size: 15px 1631 } 1632} 1633 1634@media only screen and (max-width: 40em) { 1635 1636 .partial_rate_us .tab, 1637 .notification-toggle, 1638 .partial_sticky_bar .btns .btn, 1639 .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a, 1640 .mod_realself .row .widget #rsrvwrapper .rsqamore a, 1641 .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a, 1642 .mod_realself .row .widget #rsqawrapper .rsqamore a, 1643 .mod_index_list.option-2 .row .inner a.item, 1644 button, 1645 .btn, 1646 .mod_index_list .row a.item { 1647 padding: 12px 20px 1648 } 1649} 1650 1651.partial_rate_us .tab:hover, 1652.notification-toggle:hover, 1653.partial_sticky_bar .btns .btn:hover, 1654.mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a:hover, 1655.mod_realself .row .widget #rsrvwrapper .rsqamore a:hover, 1656.mod_realself .row .widget #rsqawrapper .rsrvmorereviews a:hover, 1657.mod_realself .row .widget #rsqawrapper .rsqamore a:hover, 1658.mod_index_list.option-2 .row .inner a.item:hover, 1659button:hover, 1660.btn:hover, 1661.mod_index_list .row a.item:hover { 1662 color: #fff; 1663 background-color: #000; 1664 opacity: 1 1665} 1666 1667.partial_rate_us .tab>a, 1668.notification-toggle>a, 1669.partial_sticky_bar .btns .btn>a, 1670.mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a>a, 1671.mod_realself .row .widget #rsrvwrapper .rsqamore a>a, 1672.mod_realself .row .widget #rsqawrapper .rsrvmorereviews a>a, 1673.mod_realself .row .widget #rsqawrapper .rsqamore a>a, 1674.mod_index_list.option-2 .row .inner a.item>a, 1675button>a, 1676.btn>a, 1677.mod_index_list .row a.item>a, 1678.partial_rate_us .tab>span, 1679.notification-toggle>span, 1680.partial_sticky_bar .btns .btn>span, 1681.mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a>span, 1682.mod_realself .row .widget #rsrvwrapper .rsqamore a>span, 1683.mod_realself .row .widget #rsqawrapper .rsrvmorereviews a>span, 1684.mod_realself .row .widget #rsqawrapper .rsqamore a>span, 1685.mod_index_list.option-2 .row .inner a.item>span, 1686button>span, 1687.btn>span, 1688.mod_index_list .row a.item>span { 1689 text-decoration: none; 1690 font-size: 16px; 1691 font-weight: 500; 1692 line-height: 1; 1693 color: #fff; 1694 text-transform: uppercase; 1695 user-select: none 1696} 1697 1698@media only screen and (max-width: 800px) { 1699 1700 .partial_rate_us .tab>a, 1701 .notification-toggle>a, 1702 .partial_sticky_bar .btns .btn>a, 1703 .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a>a, 1704 .mod_realself .row .widget #rsrvwrapper .rsqamore a>a, 1705 .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a>a, 1706 .mod_realself .row .widget #rsqawrapper .rsqamore a>a, 1707 .mod_index_list.option-2 .row .inner a.item>a, 1708 button>a, 1709 .btn>a, 1710 .mod_index_list .row a.item>a, 1711 .partial_rate_us .tab>span, 1712 .notification-toggle>span, 1713 .partial_sticky_bar .btns .btn>span, 1714 .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a>span, 1715 .mod_realself .row .widget #rsrvwrapper .rsqamore a>span, 1716 .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a>span, 1717 .mod_realself .row .widget #rsqawrapper .rsqamore a>span, 1718 .mod_index_list.option-2 .row .inner a.item>span, 1719 button>span, 1720 .btn>span, 1721 .mod_index_list .row a.item>span { 1722 font-size: 15px 1723 } 1724} 1725 1726@media only screen and (max-width: 40em) { 1727 1728 .partial_rate_us .tab>a, 1729 .notification-toggle>a, 1730 .partial_sticky_bar .btns .btn>a, 1731 .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a>a, 1732 .mod_realself .row .widget #rsrvwrapper .rsqamore a>a, 1733 .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a>a, 1734 .mod_realself .row .widget #rsqawrapper .rsqamore a>a, 1735 .mod_index_list.option-2 .row .inner a.item>a, 1736 button>a, 1737 .btn>a, 1738 .mod_index_list .row a.item>a, 1739 .partial_rate_us .tab>span, 1740 .notification-toggle>span, 1741 .partial_sticky_bar .btns .btn>span, 1742 .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a>span, 1743 .mod_realself .row .widget #rsrvwrapper .rsqamore a>span, 1744 .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a>span, 1745 .mod_realself .row .widget #rsqawrapper .rsqamore a>span, 1746 .mod_index_list.option-2 .row .inner a.item>span, 1747 button>span, 1748 .btn>span, 1749 .mod_index_list .row a.item>span { 1750 font-size: 14px 1751 } 1752} 1753 1754button.disabled, 1755button[disabled], 1756.btn.disabled, 1757.mod_index_list .row a.disabled.item, 1758.btn[disabled], 1759.mod_index_list .row a[disabled].item { 1760 background-color: #eee; 1761 color: #999; 1762 cursor: default; 1763 opacity: .7; 1764 box-shadow: none 1765} 1766 1767button.disabled a, 1768button.disabled span, 1769button[disabled] a, 1770button[disabled] span, 1771.btn.disabled a, 1772.mod_index_list .row a.disabled.item a, 1773.btn.disabled span, 1774.mod_index_list .row a.disabled.item span, 1775.btn[disabled] a, 1776.mod_index_list .row a[disabled].item a, 1777.btn[disabled] span, 1778.mod_index_list .row a[disabled].item span { 1779 cursor: default; 1780 color: #999; 1781 opacity: .7 1782} 1783 1784button.disabled:hover, 1785button.disabled:focus, 1786button[disabled]:hover, 1787button[disabled]:focus, 1788.btn.disabled:hover, 1789.mod_index_list .row a.disabled.item:hover, 1790.btn.disabled:focus, 1791.mod_index_list .row a.disabled.item:focus, 1792.btn[disabled]:hover, 1793.mod_index_list .row a[disabled].item:hover, 1794.btn[disabled]:focus, 1795.mod_index_list .row a[disabled].item:focus { 1796 box-shadow: none 1797} 1798 1799button.text, 1800.btn.text, 1801.mod_index_list .row a.text.item { 1802 background: none; 1803 padding: 8px 0; 1804 letter-spacing: .8px; 1805 color: #000; 1806 font-weight: 400; 1807 text-transform: none; 1808 position: relative; 1809 border: none 1810} 1811 1812button.text.white, 1813.btn.text.white, 1814.partial_notification.hero .btns .btn.text, 1815.mod_index_list .row a.text.white.item, 1816.partial_notification.hero .btns .mod_index_list .row a.text.item, 1817.mod_index_list .row .partial_notification.hero .btns a.text.item, 1818.mod_notification_bar.dark a.btn.text, 1819.mod_notification_bar.dark .mod_index_list .row a.text.item, 1820.mod_index_list .row .mod_notification_bar.dark a.text.item, 1821header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn.text, 1822header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.text.item, 1823.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.text.item { 1824 color: #fff 1825} 1826 1827button.text:hover, 1828.btn.text:hover, 1829.mod_index_list .row a.text.item:hover { 1830 color: #d9c184; 1831 opacity: 1 1832} 1833 1834button.text:hover:after, 1835.btn.text:hover:after, 1836.mod_index_list .row a.text.item:hover:after { 1837 width: 100% 1838} 1839 1840button.small, 1841button.contact-scroll, 1842.btn.small, 1843.mod_video_columns_two .row .item .content a.btn, 1844.mod_index_list .row a.small.item, 1845.mod_video_columns_two .mod_index_list .row .item .content a.item, 1846.mod_index_list .mod_video_columns_two .row .item .content a.item, 1847.mod_index>
1847.row .inner .item a.btn, 1848.mod_index_list .mod_index>.row .inner .item a.item, 1849.mod_hero.has-ba .ba-include a.btn, 1850.mod_hero.has-ba .ba-include .mod_index_list .row a.item, 1851.mod_index_list .row .mod_hero.has-ba .ba-include a.item, 1852.mod_box_grid .boxes .box a.btn, 1853.mod_box_grid .boxes .box .mod_index_list .row a.item, 1854.mod_index_list .row .mod_box_grid .boxes .box a.item, 1855body.blog .container:not(footer):not(.partial_cta_sub) a.btn, 1856body.blog .container:not(footer):not(.partial_cta_sub) .mod_index_list .row a.item, 1857.mod_index_list .row body.blog .container:not(footer):not(.partial_cta_sub) a.item, 1858.btn.contact-scroll, 1859.mod_index_list .row a.contact-scroll.item, 1860.mod_home_grid .row .grid .item .content a.btn, 1861.mod_home_grid .mod_index_list .row .grid .item .content a.item, 1862.mod_index_list .mod_home_grid .row .grid .item .content a.item { 1863 font-size: 14px; 1864 letter-spacing: .8px; 1865 padding: 11px 20px 1866} 1867 1868button.white, 1869.btn.white, 1870.partial_notification.hero .btns .btn, 1871.mod_index_list .row a.white.item, 1872.partial_notification.hero .btns .mod_index_list .row a.item, 1873.mod_index_list .row .partial_notification.hero .btns a.item, 1874.mod_notification_bar.dark a.btn, 1875.mod_notification_bar.dark .mod_index_list .row a.item, 1876.mod_index_list .row .mod_notification_bar.dark a.item, 1877header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn, 1878header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.item, 1879.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.item { 1880 border: 1px solid #fff; 1881 color: #fff 1882} 1883 1884button.white:hover, 1885.btn.white:hover, 1886.partial_notification.hero .btns .btn:hover, 1887.mod_index_list .row a.white.item:hover, 1888.partial_notification.hero .btns .mod_index_list .row a.item:hover, 1889.mod_index_list .row .partial_notification.hero .btns a.item:hover, 1890.mod_notification_bar.dark a.btn:hover, 1891.mod_notification_bar.dark .mod_index_list .row a.item:hover, 1892.mod_index_list .row .mod_notification_bar.dark a.item:hover, 1893header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn:hover, 1894header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.item:hover, 1895.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.item:hover { 1896 background: #fff; 1897 color: #d9c184 !important 1898} 1899 1900button.center, 1901.btn.center, 1902.mod_index_list .row a.center.item { 1903 display: table; 1904 margin-left: auto; 1905 margin-right: auto 1906} 1907 1908div, 1909dl, 1910dt, 1911dd, 1912ul, 1913ol, 1914li, 1915h1, 1916h2, 1917h3, 1918h4, 1919h5, 1920h6, 1921pre, 1922form, 1923p, 1924blockquote, 1925th, 1926td { 1927 margin: 0; 1928 padding: 0 1929} 1930 1931a { 1932 line-height: inherit; 1933 color: #000; 1934 font-weight: 400; 1935 text-decoration: none 1936} 1937 1938a:hover { 1939 cursor: pointer; 1940 color: inherit; 1941 opacity: .6 1942} 1943 1944a img { 1945 border: none 1946} 1947 1948p { 1949 text-rendering: optimizeLegibility; 1950 font-weight: 300; 1951 font-size: 16px; 1952 font-family: "p22-mackinac-pro", Times, serif; 1953 color: #000; 1954 line-height: 1.8; 1955 margin-bottom: 20px 1956} 1957 1958p:last-child { 1959 margin-bottom: 0 1960} 1961 1962li a:not(.btn), 1963p a:not(.btn) { 1964 color: #d9c184 1965} 1966 1967h1, 1968h2, 1969h3, 1970h4, 1971h5, 1972h6 { 1973 margin: 0 0 25px 0; 1974 font-weight: 400; 1975 color: #000; 1976 font-family: "canada-type-gibson", Arial, sans-serif; 1977 line-height: 1.2; 1978 font-style: normal; 1979 text-rendering: optimizeLegibility 1980} 1981 1982h1 a, 1983h2 a, 1984h3 a, 1985h4 a, 1986h5 a, 1987h6 a { 1988 font-weight: inherit; 1989 color: inherit !important 1990} 1991 1992h1 span.small, 1993h1 span.contact-scroll, 1994h2 span.small, 1995h2 span.contact-scroll, 1996h3 span.small, 1997h3 span.contact-scroll, 1998h4 span.small, 1999h4 span.contact-scroll, 2000h5 span.small, 2001h5 span.contact-scroll, 2002h6 span.small, 2003h6 span.contact-scroll { 2004 font-size: 21px; 2005 display: block; 2006 color: #af9a7a; 2007 font-family: "p22-mackinac-pro", Times, serif; 2008 font-weight: 500; 2009 font-style: italic; 2010 letter-spacing: 2px; 2011 text-transform: none; 2012 margin: 15px 0 2013} 2014 2015h1 { 2016 font-size: 48px 2017} 2018 2019@media only screen and (max-width: 64em) { 2020 h1 { 2021 font-size: 42px 2022 } 2023} 2024 2025@media only screen and (max-width: 40em) { 2026 h1 { 2027 font-size: 38px 2028 } 2029} 2030 2031h1.long-title { 2032 font-size: 42px 2033} 2034 2035@media only screen and (min-width: 64em)and (max-height: 800px) { 2036 h1.long-title { 2037 font-size: 38px 2038 } 2039} 2040 2041@media only screen and (max-width: 64em) { 2042 h1.long-title { 2043 font-size: 36px 2044 } 2045} 2046 2047@media only screen and (max-width: 40em) { 2048 h1.long-title { 2049 font-size: 30px 2050 } 2051} 2052 2053h2 { 2054 font-size: 48px; 2055 letter-spacing: 10px; 2056 text-transform: uppercase 2057} 2058 2059@media only screen and (max-width: 64em) { 2060 h2 { 2061 font-size: 36px 2062 } 2063} 2064 2065@media only screen and (max-width: 800px) { 2066 h2 { 2067 letter-spacing: 2px 2068 } 2069}
2069 2070 2071@media only screen and (max-width: 40em) { 2072 h2 { 2073 font-size: 32px 2074 } 2075} 2076 2077h2 a { 2078 color: inherit 2079} 2080 2081h3 { 2082 font-size: 30px; 2083 margin-bottom: 15px 2084} 2085 2086@media only screen and (max-width: 64em) { 2087 h3 { 2088 font-size: 28px 2089 } 2090} 2091 2092@media only screen and (max-width: 40em) { 2093 h3 { 2094 font-size: 26px 2095 } 2096} 2097 2098h3 a { 2099 color: inherit 2100} 2101 2102h4 { 2103 font-size: 26px 2104} 2105 2106@media only screen and (max-width: 64em) { 2107 h4 { 2108 font-size: 24px 2109 } 2110} 2111 2112@media only screen and (max-width: 40em) { 2113 h4 { 2114 font-size: 22px 2115 } 2116} 2117 2118h5 { 2119 font-size: 24px 2120} 2121 2122@media only screen and (max-width: 64em) { 2123 h5 { 2124 font-size: 22px 2125 } 2126} 2127 2128@media only screen and (max-width: 40em) { 2129 h5 { 2130 font-size: 20px 2131 } 2132} 2133 2134em, 2135i { 2136 font-style: italic; 2137 line-height: inherit 2138} 2139 2140strong, 2141b { 2142 font-weight: bold; 2143 line-height: inherit 2144} 2145 2146ul, 2147ol, 2148dl { 2149 font-size: 1rem; 2150 line-height: 1.6; 2151 margin-bottom: 1.25rem; 2152 list-style-position: outside; 2153 font-family: inherit 2154} 2155 2156ul { 2157 margin-left: 1.1rem 2158} 2159 2160div[data-s3-module] ul { 2161 margin: 15px 0 2162} 2163 2164div[data-s3-module] ul li { 2165 padding-left: 18px; 2166 position: relative; 2167 font-size: 16px 2168} 2169 2170div[data-s3-module] ul li:before { 2171 content: ""; 2172 position: absolute; 2173 padding: 3px; 2174 background: #d9c184; 2175 border-radius: 3px; 2176 left: 0; 2177 top: 11px 2178} 2179 2180div[data-s3-module] ul li+li { 2181 margin-top: 8px 2182} 2183 2184ul.columns { 2185 float: none; 2186 padding-left: 0; 2187 padding-right: 0; 2188 -webkit-column-count: 2; 2189 -moz-column-count: 2; 2190 column-count: 2 2191} 2192 2193ul.columns li { 2194 break-inside: avoid-column 2195} 2196 2197@media only screen and (max-width: 800px) { 2198 ul.columns { 2199 -webkit-column-count: 1; 2200 -moz-column-count: 1; 2201 column-count: 1 2202 } 2203} 2204 2205ul.unstyled { 2206 margin: 0 2207} 2208 2209ul.unstyled li { 2210 padding-left: 0 2211} 2212 2213ul.unstyled li:before { 2214 display: none 2215} 2216 2217ul li { 2218 list-style-type: none 2219} 2220 2221ul li ul, 2222ul li ol { 2223 margin-left: 1.25rem; 2224 margin-bottom: 0 2225} 2226 2227ol { 2228 margin-left: 1.4rem 2229} 2230 2231textarea { 2232 height: auto; 2233 min-height: 50px 2234} 2235 2236small { 2237 font-size: 60%; 2238 line-height: inherit 2239} 2240 2241form { 2242 margin: 0 0 1rem 2243} 2244 2245label { 2246 font-size: .875rem; 2247 color: #4d4d4d; 2248 cursor: pointer; 2249 display: block; 2250 font-weight: normal; 2251 line-height: 1.5; 2252 margin-bottom: 0 2253} 2254 2255input[type=file], 2256input[type=checkbox], 2257input[type=radio], 2258select { 2259 margin: 0 0 1rem 0 2260} 2261 2262input[type=checkbox]+label, 2263input[type=radio]+label { 2264 display: inline-block; 2265 margin-left: .5rem; 2266 margin-right: 1rem; 2267 margin-bottom: 0; 2268 vertical-align: baseline 2269} 2270 2271input[type=text], 2272input[type=password], 2273input[type=date], 2274input[type=datetime], 2275input[type=datetime-local], 2276input[type=month], 2277input[type=week], 2278input[type=email], 2279input[type=number], 2280input[type=search], 2281input[type=tel], 2282input[type=time], 2283input[type=url], 2284textarea { 2285 -webkit-appearance: none; 2286 background-color: #fff; 2287 font-family: inherit; 2288 border: 1px solid #ccc; 2289 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); 2290 color: rgba(0, 0, 0, .75); 2291 display: block; 2292 font-size: .875rem; 2293 margin: 0 0 1rem; 2294 padding: .5rem; 2295 height: 2.3125rem; 2296 width: 100%; 2297 -webkit-box-sizing: border-box; 2298 -moz-box-sizing: border-box; 2299 box-sizing: border-box; 2300 transition: box-shadow .45s, border-color .45s ease-in-out 2301} 2302 2303select { 2304 width: 100%; 2305 -webkit-appearance: none !important; 2306 background-color: #fafafa; 2307 background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg=="); 2308 background-repeat: no-repeat; 2309 background-position: 97% center; 2310 border: 1px solid #ccc; 2311 padding: .5rem; 2312 font-size: .875rem; 2313 border-radius: 0; 2314 height: 2.3125rem 2315} 2316 2317textarea[rows] { 2318 height: auto 2319} 2320 2321hr { 2322 border: solid #ddd; 2323 border-width: 1px 0 0; 2324 clear: both; 2325 margin: 1.25rem 0 1.1875rem; 2326 height: 0 2327} 2328 2329table { 2330 background: #fff; 2331 margin-bottom: 1.25rem; 2332 border: solid 1px #ddd 2333} 2334 2335table tr th, 2336table tr td { 2337 padding: .5625rem .625rem; 2338 font-size: .875rem; 2339 color: #222 2340} 2341 2342table thead tr th, 2343table tfoot tr th, 2344table tbody tr td, 2345table tr td, 2346table tfoot tr td { 2347 display: table-cell; 2348 line-height: 1.125rem 2349} 2350 2351blockquote { 2352 border: none !important; 2353 padding: 0; 2354 margin: 0 2355} 2356 2357@media only screen and (min-width: 64.1em) { 2358 body:not(.hamburger-menu) { 2359 margin-top: 148px 2360 } 2361} 2362 2363@media only screen and (max-width: 64em) { 2364 body:not(.hamburger-menu) { 2365 margin-top: 58px 2366 } 2367}
2367 2368 2369@media only screen and (max-width: 64em) { 2370 body.hamburger-menu { 2371 margin-top: 60px 2372 } 2373} 2374 2375body.home { 2376 --home-header-offset: 112px 2377} 2378 2379@media only screen and (min-width: 64.1em) { 2380 body.home { 2381 margin-top: 0; 2382 --home-header-offset: 148px 2383 } 2384} 2385 2386@media only screen and (max-width: 64em) { 2387 body.home { 2388 margin-top: 112px 2389 } 2390} 2391 2392@media only screen and (max-width: 40em) { 2393 body.home { 2394 margin-top: 120px; 2395 --home-header-offset: 120px 2396 } 2397} 2398 2399body.home.lp { 2400 margin-top: 0px 2401} 2402 2403body.hide-home-menu.home { 2404 margin-top: 0 2405} 2406 2407body.sticky-bar-on main { 2408 margin-top: 132px !important 2409} 2410 2411@media only screen and (max-width: 64em) { 2412 body.sticky-bar-on main { 2413 margin-top: 112px !important 2414 } 2415} 2416 2417@media only screen and (max-width: 40em) { 2418 body.sticky-bar-on main { 2419 margin-top: 137px !important 2420 } 2421} 2422 2423body.sticky-bar-on.lp main { 2424 margin-top: 0px !important 2425} 2426 2427@media only screen and (max-width: 64em) { 2428 body.sticky-bar-on.lp main { 2429 margin-top: 105px !important 2430 } 2431} 2432 2433@media only screen and (max-width: 40em) { 2434 body.sticky-bar-on.lp main { 2435 margin-top: 130px !important 2436 } 2437} 2438 2439body.sticky-bar-on.hamburger-menu main { 2440 margin-top: 52px !important 2441} 2442 2443@media only screen and (max-width: 64em) { 2444 body.sticky-bar-on.hamburger-menu main { 2445 margin-top: 112px !important 2446 } 2447} 2448 2449@media only screen and (max-width: 40em) { 2450 body.sticky-bar-on.hamburger-menu main { 2451 margin-top: 166px !important 2452 } 2453} 2454 2455.container { 2456 width: 100%; 2457 background-color: #fff 2458} 2459 2460.container.dark, 2461header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials { 2462 background-color: #1a1a1a 2463} 2464 2465.container.dark h2, 2466header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h2, 2467.container.dark h3, 2468header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h3, 2469.container.dark h4, 2470header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h4, 2471.container.dark p, 2472header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials p, 2473.container.dark a, 2474header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials a, 2475.container.dark li, 2476header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials li { 2477 color: #fff 2478} 2479 2480.container.dark ul li:before, 2481header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials ul li:before { 2482 background: #fff !important 2483} 2484 2485.row { 2486 width: 100%; 2487 margin: 0 auto; 2488 *zoom: 1; 2489 max-width: 1200px 2490} 2491 2492.row .row { 2493 width: auto; 2494 margin-left: -0.9375rem; 2495 margin-right: -0.9375rem; 2496 margin-top: 0; 2497 margin-bottom: 0; 2498 max-width: none; 2499 *zoom: 1 2500} 2501 2502.container>.row { 2503 padding-top: 60px; 2504 padding-bottom: 60px 2505} 2506 2507@media only screen and (max-width: 64em) { 2508 .container>.row { 2509 padding-top: 45px; 2510 padding-bottom: 45px 2511 } 2512} 2513 2514@media only screen and (max-width: 40em) { 2515 .container>.row { 2516 padding-top: 32px; 2517 padding-bottom: 32px 2518 } 2519} 2520 2521@media only screen and (min-width: 64.1em) { 2522 .container>.row { 2523 padding-right: 20px; 2524 padding-left: 20px 2525 } 2526} 2527 2528@media only screen and (max-width: 64em) { 2529 .container .row { 2530 padding-left: 20px; 2531 padding-right: 20px 2532 } 2533} 2534 2535header .container .row, 2536footer .container .row { 2537 padding: 0 2538} 2539 2540.main>.row { 2541 padding-left: 10px; 2542 padding-right: 10px 2543} 2544 2545@media only screen and (max-width: 800px) { 2546 #tresio-widget-button { 2547 bottom: 59px !important; 2548 width: 40px !important; 2549 height: 40px !important 2550 } 2551} 2552 2553header ul.partial_nav .search { 2554 position: relative 2555} 2556 2557header ul.partial_nav .search .js-search-open:after { 2558 content: " "; 2559 background: url("https://static.tresiocms.com/images/search.svg?auto=format,compress") center center no-repeat !important; 2560 height: 30px !important; 2561 width: 30px; 2562 background-size: contain; 2563 display: inline-block; 2564 opacity: 1 !important; 2565 filter: invert(1); 2566 top: 50%; 2567 -webkit-transform: translateY(-50%); 2568 -moz-transform: translateY(-50%); 2569 -ms-transform: translateY(-50%); 2570 -o-transform: translateY(-50%); 2571 transform: translateY(-50%); 2572 position: absolute 2573} 2574 2575@media only screen and (max-width: 64em) { 2576 header ul.partial_nav .search .js-search-open:after { 2577 position: relative; 2578 top: 0; 2579 left: 6px; 2580 transform: none 2581 } 2582} 2583 2584.search-input-container { 2585 position: fixed; 2586 opacity: 0; 2587 visibility: hidden; 2588 top: 0; 2589 left: 0; 2590 width: 100%; 2591 height: 100%; 2592 background: rgba(255, 255, 255, .6); 2593 z-index: 9999; 2594 transition: all 250ms ease-in-out 2595} 2596 2597.search-input-container .inner { 2598 position: absolute; 2599 transform: translateX(-50%) translateY(-50%); 2600 left: 50%; 2601 top: 50%; 2602 padding: 50px 30px 30px; 2603 background: #fff; 2604 width: 750px; 2605 max-width: 80%; 2606 box-shadow: 0px 0 50px rgba(0, 0, 0, .2); 2607 border-radius: 8px; 2608 max-height: 80vh; 2609 overflow: auto 2610} 2611 2612@media only screen and (max-width: 64em) { 2613 .search-input-container .inner { 2614 padding: 44px 20px 20px 2615 } 2616} 2617 2618.search-input-container .inner #js-search-input { 2619 border: 1px solid #ddd; 2620 font-size: 18px; 2621 border-radius: 2px; 2622 font-family: "p22-mackinac-pro", Times, serif; 2623 letter-spacing: .5px; 2624 padding: 28px 18px; 2625 box-shadow: none; 2626 background: #fff; 2627 margin-bottom: 0 2628} 2629 2630@media only screen and (max-width: 64em) { 2631 .search-input-container .inner #js-search-input { 2632 font-size: 16px; 2633 padding: 22px 16px 2634 } 2635} 2636 2637.search-input-container .inner h2 { 2638 font-size: 20px 2639} 2640 2641@media only screen and (max-width: 64em) { 2642 .search-input-container .inner h2 { 2643 font-size: 18px 2644 } 2645} 2646 2647.search-input-container .inner .js-predictions { 2648 margin-top: 20px 2649} 2650
2651.search-input-container .inner .js-predictions .js-prediction-item { 2652 opacity: 0; 2653 font-size: 13px; 2654 visibility: hidden; 2655 transform: translateX(-10px); 2656 padding: 8px 0; 2657 cursor: pointer !important; 2658 color: #999; 2659 font-style: italic 2660} 2661 2662.search-input-container .inner .js-predictions .js-prediction-item.is-active { 2663 transform: translateX(0); 2664 opacity: 1; 2665 visibility: visible 2666} 2667 2668.search-input-container .inner .js-predictions:empty { 2669 display: none 2670} 2671 2672.search-input-container .inner .js-search-results { 2673 margin-top: 20px 2674} 2675 2676.search-input-container .inner .js-search-results .search-result-item { 2677 display: block; 2678 padding: 10px 0; 2679 border-bottom: 1px solid #efefef; 2680 border-top: 1px solid #efefef; 2681 opacity: 0; 2682 visibility: hidden; 2683 transform: translateX(-10px) 2684} 2685 2686.search-input-container .inner .js-search-results .search-result-item p { 2687 font-size: 14px; 2688 letter-spacing: .8px; 2689 margin-bottom: 0px 2690} 2691 2692.search-input-container .inner .js-search-results .search-result-item strong { 2693 font-size: 14px; 2694 letter-spacing: .8px; 2695 font-weight: 500 2696} 2697 2698.search-input-container .inner .js-search-results .search-result-item span { 2699 display: inline-block; 2700 padding: 3px 12px 1px; 2701 background: rgba(217, 193, 132, .8); 2702 font-size: 9px; 2703 color: #fff; 2704 margin-left: 10px; 2705 border-radius: 2px; 2706 font-weight: 500; 2707 text-transform: uppercase; 2708 letter-spacing: 1px 2709} 2710 2711.search-input-container .inner .js-search-results .search-result-item.is-active { 2712 transform: translateX(0); 2713 opacity: 1; 2714 visibility: visible 2715} 2716 2717.search-input-container .inner .js-search-results .search-snippet { 2718 color: #999 2719} 2720 2721.search-input-container .inner .js-search-results .search-snippet em { 2722 font-weight: 500 2723} 2724 2725.search-input-container .inner .js-search-results:empty {
2726 display: none 2727} 2728 2729.search-input-container .inner .js-search-close { 2730 position: absolute; 2731 width: 18px; 2732 height: 18px; 2733 top: 18px; 2734 right: 29px; 2735 cursor: pointer 2736} 2737 2738@media only screen and (max-width: 64em) { 2739 .search-input-container .inner .js-search-close { 2740 top: 15px; 2741 right: 20px 2742 } 2743} 2744 2745.search-input-container .inner .js-search-close:before, 2746.search-input-container .inner .js-search-close:after { 2747 content: ""; 2748 position: absolute; 2749 width: 100%; 2750 top: 50%; 2751 height: 1px; 2752 background: #888; 2753 -webkit-transform: rotate(45deg); 2754 -moz-transform: rotate(45deg); 2755 transform: rotate(45deg) 2756} 2757 2758.search-input-container .inner .js-search-close:after { 2759 -webkit-transform: rotate(-45deg); 2760 -moz-transform: rotate(-45deg); 2761 transform: rotate(-45deg) 2762} 2763 2764.search-input-container.is-active { 2765 opacity: 1; 2766 visibility: visible 2767} 2768 2769header { 2770 z-index: 1042 !important; 2771 position: fixed !important; 2772 width: 100%; 2773 top: 0; 2774 left: 0; 2775 box-shadow: 0 0 15px -4px rgba(20, 20, 20, .4); 2776 background: #fff; 2777 transition: .5s all ease-in-out 2778} 2779 2780header .row { 2781 padding: 20px; 2782 position: relative; 2783 display: inline-block; 2784 vertical-align: top; 2785 max-width: 100% 2786} 2787 2788@media only screen and (max-width: 64em) { 2789 header .row { 2790 box-shadow: 0 0 15px -4px rgba(20, 20, 20, .4); 2791 padding: 7px 20px !important; 2792 display: flex; 2793 height: 60px !important; 2794 background: #000 2795 } 2796} 2797 2798header .row .inner { 2799 max-width: 1420px; 2800 margin: 0 auto; 2801 display: grid; 2802 align-items: center; 2803 grid-template-columns: 160px auto 160px; 2804 width: 100% 2805} 2806 2807@media only screen and (max-width: 64em) { 2808 header .row .inner { 2809 grid-template-columns: 160px auto; 2810 margin: 0 2811 } 2812} 2813 2814header .row .logo-holder a, 2815header .row .logo-holder .logo { 2816 display: inline-block 2817} 2818 2819header .row .logo-holder a picture, 2820header .row .logo-holder .logo picture { 2821 display: inline-block 2822} 2823 2824header .row .logo-holder a picture img, 2825header .row .logo-holder .logo picture img { 2826 max-height: 60px; 2827 max-width: 160px; 2828 width: auto 2829} 2830 2831@media only screen and (max-width: 64em) { 2832 2833 header .row .logo-holder a picture img, 2834 header .row .logo-holder .logo picture img { 2835 max-height: 34px; 2836 max-width: 140px 2837 } 2838} 2839 2840@media only screen and (max-width: 40em) { 2841 2842 header .row .logo-holder a picture img, 2843 header .row .logo-holder .logo picture img { 2844 max-height: 34px; 2845 max-width: 140px 2846 } 2847} 2848 2849header .row .nav-links { 2850 width: 100%; 2851 margin: 0 auto; 2852 position: relative; 2853 padding: 0 20px; 2854 max-width: 1024px; 2855 left: -20px 2856} 2857 2858@media only screen and (max-width: 1200px) { 2859 header .row .nav-links { 2860 max-width: 740px 2861 } 2862} 2863 2864@media only screen and (max-width: 64em) { 2865 header .row .nav-links { 2866 left: 0; 2867 padding-right: 0; 2868 text-align: right; 2869 margin-right: 0; 2870 order: 5 2871 } 2872 2873 header .row .nav-links a.tresio-nav__hamburger { 2874 transform: scale(0.8); 2875 width: 26px; 2876 height: 20px 2877 } 2878 2879 header .row .nav-links a.tresio-nav__hamburger span:before { 2880 content: "Menu"; 2881 position: absolute; 2882 top: 50%; 2883 transform: translateY(-50%); 2884 right: calc(100% + 10px); 2885 font-size: 18px; 2886 letter-spacing: .8px; 2887 text-transform: uppercase; 2888 visibility: visible !important 2889 } 2890 2891 header .row .nav-links ul.tresio-nav__main { 2892 position: absolute; 2893 top: 51px; 2894 width: 100vw; 2895 height: 100vh; 2896 right: -20px; 2897 padding-top: 30px; 2898 padding-bottom: 160px; 2899 background: #111 2900 } 2901 2902 header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item a.tresio-nav__dropdown { 2903 top: 4px; 2904 right: -15px; 2905 padding: 0 10px 2906 } 2907 2908 header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 { 2909 text-align: left; 2910 padding: 0 10px 2911 } 2912 2913 header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 ul.tresio-nav__list { 2914 padding-left: 20px 2915 } 2916 2917 header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1>a.tresio-nav__link { 2918 font-weight: 500 2919 } 2920 2921 header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1>a.tresio-nav__dropdown { 2922 right: 10px 2923 } 2924 2925 header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item ul.tresio-nav__list.level-2 { 2926 padding-right: 10px 2927 } 2928 2929 body:not(.hamburger-menu) header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 { 2930 padding: 0 2931 } 2932 2933 body:not(.hamburger-menu) header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1>a.tresio-nav__dropdown { 2934 right: -5px 2935 } 2936} 2937 2938@media only screen and (max-width: 64em) { 2939 header .row .contact-holder { 2940 display: none 2941 } 2942} 2943 2944header .row.top { 2945 background: #000; 2946 display: flex; 2947 padding: 10px 20px; 2948 align-items: center; 2949 justify-content: space-between 2950} 2951 2952@media only screen and (max-width: 64em) { 2953 header .row.top { 2954 display: none 2955 } 2956} 2957 2958header .row.top .socials ul { 2959 margin: 0 2960} 2961 2962header .row.top .content { 2963 display: flex; 2964 align-items: center; 2965 gap: 30px 2966} 2967 2968header .row.top .content * { 2969 color: #fff 2970} 2971 2972header .row.top .content .tel:before { 2973 content: "Call or Text:"; 2974 left: -80px; 2975 top: 45% 2976} 2977 2978header .row.top .content .date:not(.clock-icon) { 2979 padding-left: 0 2980} 2981 2982header .row.top .content .date:not(.clock-icon)::before { 2983 display: none 2984} 2985 2986header .row.top .content .date.clock-icon:before { 2987 background: url("/assets/img/img-export/1679420909-clock.svg") center center no-repeat; 2988 background-size: 100% 2989}
2989 2990 2991header .row.top .content .locations:before { 2992 background: url("/assets/img/img-export/1679420901-location_on.svg") center center no-repeat; 2993 background-size: 100% 2994} 2995 2996header .row.top .content .languages span { 2997 padding-left: 0 !important; 2998 cursor: pointer 2999} 3000 3001header .row.top .content .languages:before { 3002 display: none 3003} 3004 3005header .row.top .content a, 3006header .row.top .content span:not(.ppc-number) { 3007 display: inline-block; 3008 font-size: 15px; 3009 padding-left: 30px; 3010 position: relative 3011} 3012 3013header .row.top .content a:before, 3014header .row.top .content span:not(.ppc-number):before { 3015 content: ""; 3016 position: absolute; 3017 top: 50%; 3018 left: 0; 3019 transform: translateY(-50%); 3020 padding: 8px; 3021 display: inline-block 3022} 3023 3024header.scrolled { 3025 background: rgba(0, 0, 0, .8) !important 3026} 3027 3028body.hamburger-menu header { 3029 background: none; 3030 box-shadow: none 3031} 3032 3033@media only screen and (max-width: 64em) { 3034 body.hamburger-menu header .row { 3035 padding: 5px 20px 3036 } 3037 3038 body.hamburger-menu header .row .logo-holder { 3039 display: inline-block 3040 } 3041} 3042 3043body.hamburger-menu header .row .inner { 3044 grid-template-columns: 180px auto; 3045 justify-content: space-between 3046} 3047 3048@media only screen and (max-width: 64em) { 3049 body.hamburger-menu header .row .inner { 3050 grid-template-columns: 140px auto 3051 } 3052} 3053 3054body.hamburger-menu header .row .menu-holder { 3055 margin-left: auto; 3056 cursor: pointer; 3057 display: block; 3058 z-index: 99; 3059 -webkit-user-select: none; 3060 -moz-user-select: none; 3061 -ms-user-select: none; 3062 -o-user-select: none; 3063 user-select: none; 3064 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 3065 color: #fff; 3066 line-height: 1 3067} 3068 3069@media only screen and (max-width: 64em) { 3070 body.hamburger-menu header .row .menu-holder { 3071 margin-right: -6px 3072 } 3073} 3074 3075body.hamburger-menu header .row .menu-holder .menu { 3076 background-color: rgba(0, 0, 0, .7); 3077 display: flex; 3078 align-items: center; 3079 justify-content: space-between 3080} 3081 3082@media only screen and (max-width: 40em) { 3083 body.hamburger-menu header .row .menu-holder .menu nav.tresio-nav { 3084 padding: 10px 0 5px 10px 3085 } 3086} 3087 3088body.hamburger-menu header .row .menu-holder .menu a.tel { 3089 display: inline-block; 3090 padding: 17px 13px 16px 13px; 3091 vertical-align: top; 3092 letter-spacing: 1.1px; 3093 font-size: 16px; 3094 line-height: 18px; 3095 z-index: 5 3096} 3097 3098@media only screen and (max-width: 800px) { 3099 body.hamburger-menu header .row .menu-holder .menu a.tel { 3100 padding: 5px 5px 5px 16px 3101 } 3102} 3103 3104body.hamburger-menu header.scrolled { 3105 box-shadow: 0px 0px 15px -4px rgba(20, 20, 20, .4) !important 3106} 3107 3108@media only screen and (min-width: 64.1em) { 3109 3110 header.light, 3111 .mod_social .row.light header.partial_socials, 3112 .mod_social header .row.top .socials ul.row header.partial_socials, 3113 header .row.top .socials .mod_social ul.row header.partial_socials, 3114 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials, 3115 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials, 3116 .mod_social footer.partial_footer .row.partial_socials header.partial_socials, 3117 footer.partial_footer .mod_social .row.partial_socials header.partial_socials, 3118 .mod_social footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials, 3119 footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials, 3120 footer.partial_footer header.partial_socials { 3121 background: #fff 3122 } 3123 3124 header.light .row .phone-holder a, 3125 .mod_social .row.light header.partial_socials .row .phone-holder a, 3126 .mod_social header .row.top .socials ul.row header.partial_socials .row .phone-holder a, 3127 header .row.top .socials .mod_social ul.row header.partial_socials .row .phone-holder a, 3128 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .phone-holder a, 3129 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .phone-holder a, 3130 footer.partial_footer header.partial_socials .row .phone-holder a { 3131 color: #000 !important 3132 } 3133 3134 header.light .row a.tresio-nav__hamburger span:before, 3135 .mod_social .row.light header.partial_socials .row a.tresio-nav__hamburger span:before, 3136 .mod_social header .row.top .socials ul.row header.partial_socials .row a.tresio-nav__hamburger span:before, 3137 header .row.top .socials .mod_social ul.row header.partial_socials .row a.tresio-nav__hamburger span:before, 3138 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row a.tresio-nav__hamburger span:before, 3139 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row a.tresio-nav__hamburger span:before, 3140 footer.partial_footer header.partial_socials .row a.tresio-nav__hamburger span:before { 3141 color: #000 !important 3142 } 3143} 3144 3145@media only screen and (min-width: 64.1em)and (max-width: 64em) { 3146 3147 header.light .row .nav-links ul.tresio-nav__main, 3148 .mod_social .row.light header.partial_socials .row .nav-links ul.tresio-nav__main, 3149 .mod_social header .row.top .socials ul.row header.partial_socials .row .nav-links ul.tresio-nav__main, 3150 header .row.top .socials .mod_social ul.row header.partial_socials .row .nav-links ul.tresio-nav__main, 3151 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main, 3152 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main, 3153 footer.partial_footer header.partial_socials .row .nav-links ul.tresio-nav__main { 3154 background: #e5e5e5 3155 } 3156 3157 header.light .row .nav-links ul.tresio-nav__main a.tresio-nav__link, 3158 .mod_social .row.light header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, 3159 .mod_social header .row.top .socials ul.row header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, 3160 header .row.top .socials .mod_social ul.row header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, 3161 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, 3162 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, 3163 footer.partial_footer header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, 3164 header.light .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, 3165 .mod_social .row.light header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, 3166 .mod_social header .row.top .socials ul.row header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, 3167 header .row.top .socials .mod_social ul.row header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, 3168 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, 3169 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, 3170 footer.partial_footer header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown { 3171 color: #000 3172 } 3173 3174 header.light .row .nav-links ul.tresio-nav__main li.ignore a.tel, 3175 .mod_social .row.light header.partial_socials .row .nav-links ul.tresio-nav__main li.ignore a.tel, 3176 .mod_social header .row.top .socials ul.row header.partial_socials .row .nav-links ul.tresio-nav__main li.ignore a.tel, 3177 header .row.top .socials .mod_social ul.row header.partial_socials .row .nav-links ul.tresio-nav__main li.ignore a.tel, 3178 footer.partial_footer header.partial_socials .row .nav-links ul.tresio-nav__main li.ignore a.tel { 3179 color: #000 !important 3180 } 3181} 3182 3183@media only screen and (max-width: 64em) { 3184 3185 header.light .row .nav-links .tresio-nav__hamburger:before, 3186 .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger:before, 3187 .mod_social header .row.top .socials ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger:before, 3188 header .row.top .socials .mod_social ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger:before, 3189 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:before, 3190 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:before, 3191 footer.partial_footer header.partial_socials .row .nav-links .tresio-nav__hamburger:before, 3192 header.light .row .nav-links .tresio-nav__hamburger:after, 3193 .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger:after, 3194 .mod_social header .row.top .socials ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger:after, 3195 header .row.top .socials .mod_social ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger:after, 3196 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:after, 3197 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:after, 3198 footer.partial_footer header.partial_socials .row .nav-links .tresio-nav__hamburger:after, 3199 header.light .row .nav-links .tresio-nav__hamburger span, 3200 .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger span, 3201 .mod_social header .row.top .socials ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger span, 3202 header .row.top .socials .mod_social ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger span, 3203 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span, 3204 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span, 3205 footer.partial_footer header.partial_socials .row .nav-links .tresio-nav__hamburger span { 3206 background: #000 !important 3207 } 3208 3209 header.light .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, 3210 .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, 3211 .mod_social header .row.top .socials ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, 3212 header .row.top .socials .mod_social ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, 3213 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, 3214 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, 3215 footer.partial_footer header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span { 3216 background: rgba(0, 0, 0, 0) !important 3217 } 3218 3219 header.light .row .nav-links .tresio-nav__hamburger span:before, 3220 .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger span:before, 3221 .mod_social header .row.top .socials ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger span:before, 3222 header .row.top .socials .mod_social ul.row header.partial_socials .row .nav-links .tresio-nav__hamburger span:before, 3223 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span:before, 3224 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span:before, 3225 footer.partial_footer header.partial_socials .row .nav-links .tresio-nav__hamburger span:before { 3226 color: #000 3227 } 3228 3229 header.light .row .phone-holder a.tel span, 3230 .mod_social .row.light header.partial_socials .row .phone-holder a.tel span, 3231 .mod_social header .row.top .socials ul.row header.partial_socials .row .phone-holder a.tel span, 3232 header .row.top .socials .mod_social ul.row header.partial_socials .row .phone-holder a.tel span, 3233 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .phone-holder a.tel span, 3234 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .phone-holder a.tel span, 3235 footer.partial_footer header.partial_socials .row .phone-holder a.tel span { 3236 color: #000 3237 } 3238} 3239 3240@media only screen and (max-width: 64em) { 3241 3242 body.hamburger-menu header.light .row, 3243 body.hamburger-menu .mod_social .row.light header.partial_socials .row, 3244 .mod_social .row.light body.hamburger-menu header.partial_socials .row, 3245 body.hamburger-menu .mod_social header .row.top .socials ul.row header.partial_socials .row, 3246 .mod_social header .row.top .socials ul.row body.hamburger-menu header.partial_socials .row, 3247 body.hamburger-menu header .row.top .socials .mod_social ul.row header.partial_socials .row, 3248 header .row.top .socials .mod_social ul.row body.hamburger-menu header.partial_socials .row, 3249 body.hamburger-menu .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row, 3250 .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row, 3251 body.hamburger-menu header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row, 3252 header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row, 3253 body.hamburger-menu footer.partial_footer header.partial_socials .row, 3254 footer.partial_footer body.hamburger-menu header.partial_socials .row { 3255 background: #fff 3256 } 3257} 3258 3259body.hamburger-menu header.light .row .menu-holder .menu, 3260body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu, 3261.mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu, 3262body.hamburger-menu .mod_social header .row.top .socials ul.row header.partial_socials .row .menu-holder .menu, 3263.mod_social header .row.top .socials ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu, 3264body.hamburger-menu header .row.top .socials .mod_social ul.row header.partial_socials .row .menu-holder .menu, 3265header .row.top .socials .mod_social ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu, 3266body.hamburger-menu .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .menu-holder .menu, 3267.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu, 3268body.hamburger-menu header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .menu-holder .menu, 3269header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu, 3270body.hamburger-menu footer.partial_footer header.partial_socials .row .menu-holder .menu, 3271footer.partial_footer body.hamburger-menu header.partial_socials .row .menu-holder .menu { 3272 background: rgba(255, 255, 255, .7) 3273} 3274 3275body.hamburger-menu header.light .row .menu-holder .menu a.tel span, 3276body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu a.tel span, 3277.mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span, 3278body.hamburger-menu .mod_social header .row.top .socials ul
3278.row header.partial_socials .row .menu-holder .menu a.tel span, 3279.mod_social header .row.top .socials ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span, 3280body.hamburger-menu header .row.top .socials .mod_social ul.row header.partial_socials .row .menu-holder .menu a.tel span, 3281header .row.top .socials .mod_social ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span, 3282.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span, 3283header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span, 3284body.hamburger-menu footer.partial_footer header.partial_socials .row .menu-holder .menu a.tel span, 3285footer.partial_footer body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span { 3286 color: #000 3287} 3288 3289body.hamburger-menu header.light .row .menu-holder .menu .tresio-nav__hamburger span, 3290body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3291.mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3292body.hamburger-menu .mod_social header .row.top .socials ul.row header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3293.mod_social header .row.top .socials ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3294body.hamburger-menu header .row.top .socials .mod_social ul.row header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3295header .row.top .socials .mod_social ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3296.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3297header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3298body.hamburger-menu footer.partial_footer header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3299footer.partial_footer body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3300body.hamburger-menu header.light .row .menu-holder .menu .tresio-nav__hamburger:before, 3301body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3302.mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3303body.hamburger-menu .mod_social header .row.top .socials ul.row header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3304.mod_social header .row.top .socials ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3305body.hamburger-menu header .row.top .socials .mod_social ul.row header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3306header .row.top .socials .mod_social ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3307.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3308header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3309body.hamburger-menu footer.partial_footer header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3310footer.partial_footer body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, 3311body.hamburger-menu header.light .row .menu-holder .menu .tresio-nav__hamburger:after, 3312body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, 3313.mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, 3314body.hamburger-menu .mod_social header .row.top .socials ul.row header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, 3315.mod_social header .row.top .socials ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, 3316body.hamburger-menu header .row.top .socials .mod_social ul.row header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, 3317header .row.top .socials .mod_social ul.row body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, 3318.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, 3319header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, 3320body.hamburger-menu footer.partial_footer header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, 3321footer.partial_footer body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after { 3322 background: #000 3323} 3324 3325body.hamburger-menu header.light.scrolled, 3326body.hamburger-menu .mod_social .row.light header.scrolled.partial_socials, 3327.mod_social .row.light body.hamburger-menu header.scrolled.partial_socials, 3328body.hamburger-menu .mod_social header .row.top .socials ul.row header.scrolled.partial_socials, 3329.mod_social header .row.top .socials ul.row body.hamburger-menu header.scrolled.partial_socials, 3330body.hamburger-menu header .row.top .socials .mod_social ul.row header.scrolled.partial_socials, 3331header .row.top .socials .mod_social ul.row body.hamburger-menu header.scrolled.partial_socials, 3332body.hamburger-menu .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.scrolled.partial_socials, 3333.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.scrolled.partial_socials, 3334body.hamburger-menu header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.scrolled.partial_socials, 3335header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.scrolled.partial_socials, 3336body.hamburger-menu footer.partial_footer header.scrolled.partial_socials, 3337footer.partial_footer body.hamburger-menu header.scrolled.partial_socials { 3338 background: #fff 3339} 3340 3341body.js-tresio-nav__hamburger--open header.light .row .menu-holder .menu a.tel span, 3342body.js-tresio-nav__hamburger--open .mod_social .row.light header.partial_socials .row .menu-holder .menu a.tel span, 3343.mod_social .row.light body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span, 3344body.js-tresio-nav__hamburger--open .mod_social header .row.top .socials ul.row header.partial_socials .row .menu-holder .menu a.tel span, 3345.mod_social header .row.top .socials ul.row body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span, 3346body.js-tresio-nav__hamburger--open header .row.top .socials .mod_social ul.row header.partial_socials .row .menu-holder .menu a.tel span, 3347header .row.top .socials .mod_social ul.row body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span, 3348.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span, 3349header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span, 3350body.js-tresio-nav__hamburger--open footer.partial_footer header.partial_socials .row .menu-holder .menu a.tel span, 3351footer.partial_footer body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span { 3352 color: #000 3353}
3353 3354 3355body.js-tresio-nav__hamburger--open header.light .row .menu-holder .menu .tresio-nav__hamburger span, 3356body.js-tresio-nav__hamburger--open .mod_social .row.light header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3357.mod_social .row.light body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3358body.js-tresio-nav__hamburger--open .mod_social header .row.top .socials ul.row header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3359.mod_social header .row.top .socials ul.row body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3360body.js-tresio-nav__hamburger--open header .row.top .socials .mod_social ul.row header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3361header .row.top .socials .mod_social ul.row body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3362.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3363header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3364body.js-tresio-nav__hamburger--open footer.partial_footer header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, 3365footer.partial_footer body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span { 3366 background: rgba(0, 0, 0, 0) 3367} 3368 3369@media only screen and (min-width: 64.1em) { 3370 header.dark { 3371 background: #000 3372 } 3373 3374 header.dark nav.tresio-nav ul.partial_nav li.level-1>a.tresio-nav__link { 3375 color: #fff 3376 } 3377 3378 header.dark .row .phone-holder a.tel { 3379 color: #fff 3380 } 3381} 3382 3383@media only screen and (max-width: 64em) { 3384 header.dark { 3385 background: #000 3386 } 3387 3388 header.dark .row .nav-links .tresio-nav__hamburger:before, 3389 header.dark .row .nav-links .tresio-nav__hamburger:after, 3390 header.dark .row .nav-links .tresio-nav__hamburger span { 3391 background: #fff !important 3392 } 3393 3394 header.dark .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span { 3395 background: rgba(0, 0, 0, 0) !important 3396 } 3397 3398 header.dark .row .nav-links .tresio-nav__hamburger span:before { 3399 color: #fff; 3400 visibility: visible 3401 } 3402 3403 header.dark .row .phone-holder a.tel span { 3404 color: #fff 3405 } 3406} 3407 3408@media only screen and (max-width: 64em) { 3409 body.hamburger-menu header.dark .row { 3410 background: #000 3411 } 3412} 3413 3414body.hamburger-menu header.dark .row .menu-holder .menu { 3415 background: rgba(20, 20, 20, .7) 3416} 3417 3418@media only screen and (max-width: 64em) { 3419 body.hamburger-menu header.dark .row .menu-holder .menu { 3420 background: none 3421 } 3422} 3423 3424body.hamburger-menu header.dark .row .menu-holder .menu a.tel span { 3425 color: #fff 3426} 3427 3428body.hamburger-menu header.dark .row .menu-holder .menu .tresio-nav__hamburger span, 3429body.hamburger-menu header.dark .row .menu-holder .menu .tresio-nav__hamburger:before, 3430body.hamburger-menu header.dark .row .menu-holder .menu .tresio-nav__hamburger:after { 3431 background: #fff 3432} 3433 3434body.hamburger-menu header.dark.scrolled { 3435 background: rgba(0, 0, 0, .8) 3436} 3437 3438body.js-tresio-nav__hamburger--open header.dark .row .menu-holder .menu a.tel span { 3439 color: #fff 3440} 3441 3442body.js-tresio-nav__hamburger--open header.dark .row .menu-holder .menu .tresio-nav__hamburger span { 3443 background: rgba(0, 0, 0, 0) 3444} 3445 3446.home header.hide-home-menu { 3447 opacity: 0; 3448 visibility: hidden 3449} 3450 3451.home header.hide-home-menu+.trigger-menu { 3452 position: fixed; 3453 top: 20px; 3454 right: 20px; 3455 z-index: 9; 3456 font-size: 13px; 3457 padding: 10px 20px; 3458 letter-spacing: .8px; 3459 text-transform: uppercase; 3460 color: #fff; 3461 background: rgba(20, 20, 20, .85) 3462} 3463 3464.home header.hide-home-menu.scrolled { 3465 opacity: 1; 3466 visibility: visible 3467} 3468 3469.home header.hide-home-menu.scrolled+.trigger-menu { 3470 opacity: 0; 3471 visibility: hidden 3472} 3473 3474body.landing-page header .row .inner { 3475 grid-template-columns: 200px auto; 3476 justify-content: space-between 3477} 3478 3479body.landing-page header .row .inner.anchor-nav { 3480 grid-template-columns: 200px auto 200px 3481} 3482 3483@media only screen and (max-width: 64em) { 3484 body.landing-page header .row .inner.anchor-nav { 3485 grid-template-columns: 180px auto 3486 } 3487} 3488 3489@media only screen and (max-width: 40em) { 3490 body.landing-page header .row .inner.anchor-nav { 3491 grid-template-columns: 160px auto 3492 } 3493} 3494 3495body.landing-page header .row .anchor-nav-links { 3496 display: flex; 3497 justify-content: center 3498} 3499 3500body.landing-page header .row .anchor-nav-links ul.partial_nav { 3501 gap: 20px 3502} 3503 3504@media only screen and (max-width: 64em) { 3505 body.landing-page header .row .anchor-nav-links ul.partial_nav { 3506 gap: 10px 3507 } 3508} 3509 3510@media only screen and (max-width: 64em) { 3511 body.landing-page header .row .anchor-nav-links { 3512 display: none 3513 } 3514} 3515 3516body.landing-page header .row .phone-holder { 3517 display: flex; 3518 flex-direction: column; 3519 align-items: flex-end 3520} 3521 3522body.landing-page header .row .phone-holder a { 3523 display: inline-block; 3524 font-size: 26px 3525} 3526 3527@media only screen and (max-width: 64em) { 3528 body.landing-page header .row .phone-holder a { 3529 font-size: 24px 3530 } 3531} 3532 3533@media only screen and (max-width: 800px) { 3534 body.landing-page header .row .phone-holder a { 3535 font-size: 22px 3536 } 3537}
3537 3538 3539@media only screen and (max-width: 64em) { 3540 body.landing-page header .row .contact-holder { 3541 display: block 3542 } 3543} 3544 3545body.landing-page header .row .contact-holder a { 3546 color: #fff; 3547 margin-left: 10px 3548} 3549 3550@media only screen and (max-width: 64em) { 3551 body.landing-page header .row .contact-holder a { 3552 font-size: 15px 3553 } 3554} 3555 3556@media only screen and (max-width: 64em) { 3557 3558 body.landing-page header .row .contact-holder a.btn, 3559 body.landing-page header .mod_index_list .row .contact-holder a.item, 3560 .mod_index_list body.landing-page header .row .contact-holder a.item { 3561 display: none 3562 } 3563} 3564 3565.notification-on header .row { 3566 background: #fff; 3567 z-index: 3 3568} 3569 3570.notification-on header.scrolled:not(.bottom) .partial_notification { 3571 margin-top: -120px; 3572 opacity: 0; 3573 visibility: hidden 3574} 3575 3576@media only screen and (max-width: 64em) { 3577 .notification-on header.scrolled:not(.bottom) .partial_notification { 3578 margin-top: -140px 3579 } 3580} 3581 3582.notification-on header.scrolled:not(.bottom) .partial_notification p { 3583 opacity: 0; 3584 visibility: hidden 3585} 3586 3587header .partial_notification { 3588 height: auto; 3589 grid-gap: 30px 3590} 3591 3592@media only screen and (max-width: 64em) { 3593 header .partial_notification { 3594 grid-gap: 22px 3595 } 3596} 3597 3598@media only screen and (max-width: 800px) { 3599 header .partial_notification { 3600 grid-gap: 10px 3601 } 3602} 3603 3604.home header { 3605 background: none; 3606 box-shadow: none 3607} 3608 3609nav.tresio-nav[data-type=horizontal] ul.partial_nav { 3610 display: flex; 3611 margin: 0; 3612 justify-content: space-between 3613} 3614 3615nav.tresio-nav[data-type=horizontal] ul.partial_nav li { 3616 display: inline-block 3617} 3618 3619nav.tresio-nav[data-type=horizontal] ul.partial_nav li a { 3620 color: #000 3621} 3622 3623nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__link { 3624 font-size: 15px; 3625 letter-spacing: .5px; 3626 display: block; 3627 height: 100%; 3628 line-height: 1; 3629 font-weight: 400; 3630 font-family: "canada-type-gibson", Arial, sans-serif; 3631 position: relative 3632} 3633 3634nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__link:hover { 3635 opacity: 1; 3636 color: #d9c184 !important 3637} 3638 3639nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__link.level-2:hover { 3640 transform: translateX(5px) 3641} 3642 3643nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__dropdown { 3644 position: absolute; 3645 top: 50%; 3646 right: 5px; 3647 transform: translateY(-50%); 3648 height: auto; 3649 font-size: 12px; 3650 color: #d9c184 !important 3651} 3652 3653nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list { 3654 position: fixed; 3655 left: 50%; 3656 transform: translate3d(-50%, 0, 0); 3657 width: 100vw; 3658 min-height: 340px; 3659 max-width: 1024px; 3660 -webkit-column-count: 3; 3661 -moz-column-count: 3; 3662 column-count: 3; 3663 background: #fff; 3664 justify-content: center; 3665 box-shadow: none; 3666 padding: 30px 40px 40px 120px; 3667 top: 57px 3668} 3669 3670@media only screen and (max-width: 1300px) { 3671 nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list { 3672 padding-left: 80px 3673 } 3674} 3675 3676nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list:after { 3677 content: ""; 3678 position: absolute; 3679 top: 0; 3680 right: 35px; 3681 width: 3px; 3682 height: 100%; 3683 background: #fff 3684} 3685 3686nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li { 3687 padding-right: 10px; 3688 -moz-column-break-inside: avoid; 3689 -webkit-column-break-inside: avoid; 3690 column-break-inside: avoid; 3691 break-inside: avoid-column 3692} 3693 3694nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li a { 3695 font-size: 16px; 3696 padding: 10px 3697} 3698 3699nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li a.tresio-nav__dropdown { 3700 display: none 3701} 3702 3703nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li+li { 3704 border-top: none !important 3705} 3706 3707nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li ul { 3708 display: none !important 3709} 3710 3711nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li.level-2:before { 3712 content: " "; 3713 width: 1px; 3714 height: 100%; 3715 position: absolute; 3716 display: block; 3717 background: #dfdfdf; 3718 right: -5px; 3719 transform: translateX(-50%); 3720 top: 0 3721} 3722 3723nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list:before { 3724 content: ""; 3725 position: absolute; 3726 top: 0; 3727 left: 0; 3728 width: 100%; 3729 height: 100%; 3730 z-index: 2; 3731 display: block; 3732 background: #fff; 3733 opacity: 1; 3734 width: 100vw; 3735 top: 0; 3736 left: 50%; 3737 transform: translateX(-50%); 3738 z-index: -1; 3739 box-shadow: 0 5px 12px rgba(20, 20, 20, .15) 3740} 3741 3742header.scrolled nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list { 3743 top: 49px 3744} 3745 3746nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu:hover ul.tresio-nav__list { 3747 display: flex; 3748 display: block 3749} 3750 3751nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1>a.tresio-nav__link { 3752 background: none; 3753 font-family: "p22-mackinac-pro", Times, serif; 3754 font-weight: 500 3755} 3756 3757nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1.is-active>a { 3758 color: #d9c184 !important 3759} 3760 3761nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children { 3762 position: relative 3763} 3764 3765nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list { 3766 z-index: 100; 3767 background: rgba(0, 0, 0, .5); 3768 backdrop-filter: blur(2px); 3769 border-radius: 0 0 2px 2px; 3770 min-width: 180px; 3771 border-top: none; 3772 padding-top: 10px; 3773} 3774 3775nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li {
3776 display: block 3777} 3778 3779nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li a.tresio-nav__link { 3780 color: #fff; 3781 padding: 12px 3782} 3783 3784nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li.tresio-nav__list-item--has-children a.tresio-nav__dropdown { 3785 transform: translateY(-50%) rotate(-90deg) 3786} 3787 3788nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children:hover>ul.tresio-nav__list { 3789 display: block 3790} 3791 3792nav.tresio-nav[data-type=horizontal] ul.partial_nav li.ignore { 3793 display: none 3794} 3795 3796header.dark nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1>a.tresio-nav__dropdown { 3797 color: #fff 3798} 3799 3800nav.tresio-nav[data-type=hamburger] { 3801 display: inline-block; 3802 padding: 14px 12px 9px 0 3803} 3804 3805@media only screen and (max-width: 64em) { 3806 nav.tresio-nav[data-type=hamburger] { 3807 padding-right: 0 3808 } 3809} 3810 3811nav.tresio-nav[data-type=hamburger] a.tresio-nav__hamburger { 3812 transform: scale(0.8) 3813} 3814 3815nav.tresio-nav[data-type=hamburger] a.tresio-nav__hamburger[aria-expanded=true] span { 3816 background: rgba(0, 0, 0, 0) 3817} 3818 3819nav.tresio-nav[data-type=hamburger] .tresio-nav__main { 3820 position: fixed; 3821 top: 0; 3822 right: 0; 3823 padding: 140px 20px 30px; 3824 box-shadow: 0 10px 20px rgba(20, 20, 20, .15); 3825 height: 100vh; 3826 width: 430px 3827} 3828 3829@media only screen and (max-width: 64em) { 3830 nav.tresio-nav[data-type=hamburger] .tresio-nav__main { 3831 padding-left: 10px 3832 } 3833} 3834 3835@media only screen and (max-width: 800px) { 3836 nav.tresio-nav[data-type=hamburger] .tresio-nav__main { 3837 width: 100vw; 3838 padding: 85px 20px 125px 10px 3839 } 3840} 3841 3842nav.tresio-nav[data-type=hamburger] .tresio-nav__link { 3843 background: rgba(0, 0, 0, 0); 3844 display: block; 3845 padding: 7px 10px; 3846 font-size: 15px 3847} 3848 3849nav.tresio-nav[data-type=hamburger] .tresio-nav__link.level-1 { 3850 padding: 12px 10px; 3851 font-size: 16px; 3852 font-weight: 500 3853} 3854 3855nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown { 3856 transition: all 250ms ease-in-out; 3857 font-size: 15px; 3858 padding: 0 10px; 3859 right: -10px; 3860 top: 3px 3861} 3862 3863nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true] { 3864 transform: rotate(-180deg) 3865} 3866 3867nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown.level-1 { 3868 font-size: 17px; 3869 top: 7px 3870} 3871 3872nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) { 3873 padding-left: 20px 3874} 3875 3876nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore { 3877 margin-top: 20px; 3878 text-align: center 3879} 3880 3881nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore .partial_socials { 3882 padding: 20px 15px 0 3883} 3884 3885nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p, 3886nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore a { 3887 font-family: "canada-type-gibson", Arial, sans-serif 3888} 3889 3890nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p:hover, 3891nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore a:hover { 3892 color: #000 3893} 3894 3895nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p { 3896 margin-bottom: 5px 3897} 3898 3899nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore a { 3900 font-weight: 400 3901} 3902 3903header.light nav.tresio-nav[data-type=hamburger] .tresio-nav__main, 3904.mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, 3905.mod_social header .row.top .socials ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, 3906header .row.top .socials .mod_social ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, 3907.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, 3908header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, 3909.mod_social footer.partial_footer .row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, 3910footer.partial_footer .mod_social .row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, 3911footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main { 3912 background: #e5e5e5 3913} 3914 3915header.light nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, 3916.mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, 3917.mod_social header .row.top .socials ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, 3918header .row.top .socials .mod_social ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, 3919.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, 3920header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, 3921footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, 3922header.light nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, 3923.mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, 3924.mod_social header .row.top .socials ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, 3925header .row.top .socials .mod_social ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, 3926.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, 3927header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, 3928footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown { 3929 color: #000 3930}
3930 3931 3932header.light nav.tresio-nav[data-type=hamburger] li.ignore p, 3933.mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, 3934.mod_social header .row.top .socials ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, 3935header .row.top .socials .mod_social ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, 3936.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, 3937header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, 3938footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, 3939header.light nav.tresio-nav[data-type=hamburger] li.ignore a, 3940.mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a, 3941.mod_social header .row.top .socials ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a, 3942header .row.top .socials .mod_social ul.row header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a, 3943.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a, 3944header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a, 3945footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a { 3946 color: #000 !important 3947} 3948 3949header.dark nav.tresio-nav[data-type=hamburger] .tresio-nav__main { 3950 background: #111 3951} 3952 3953header.dark nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, 3954header.dark nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown { 3955 color: #fff 3956} 3957 3958header.dark nav.tresio-nav[data-type=hamburger] li.ignore p, 3959header.dark nav.tresio-nav[data-type=hamburger] li.ignore a { 3960 color: #fff !important 3961} 3962 3963@keyframes fade { 3964 0% { 3965 opacity: 0; 3966 visibility: hidden 3967 } 3968 3969 100% { 3970 opacity: 1; 3971 visibility: visible 3972 } 3973} 3974 3975.mod_home_hero.banner { 3976 opacity: 1; 3977 visibility: visible; 3978 position: relative 3979} 3980 3981.mod_home_hero.banner.dark:before, 3982header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.partial_socials:before { 3983 display: none !important 3984} 3985 3986.mod_home_hero.banner .row { 3987 max-width: 1400px; 3988 display: flex; 3989 justify-content: center; 3990 align-items: center; 3991 height: 100vh 3992} 3993 3994@media only screen and (max-width: 800px) { 3995 .mod_home_hero.banner .row { 3996 min-height: calc(var(--hero-locked-vh, 100svh) - var(--home-header-offset, 112px)); 3997 height: calc(var(--hero-locked-vh, 100svh) - var(--home-header-offset, 112px)) 3998 } 3999} 4000 4001.mod_home_hero.banner .row .inner { 4002 position: relative; 4003 padding-right: 0 4004} 4005 4006@media only screen and (min-width: 64.1em) { 4007 .mod_home_hero.banner .row .inner { 4008 top: -80px 4009 } 4010} 4011 4012.mod_home_hero.banner .row .inner picture.logo img { 4013 max-width: 240px; 4014 width: auto; 4015 max-height: 100px; 4016 margin-bottom: 20px 4017} 4018 4019@media only screen and (max-width: 64em) { 4020 .mod_home_hero.banner .row .inner picture.logo img { 4021 max-width: 190px; 4022 max-height: 80px 4023 } 4024} 4025 4026@media only screen and (max-width: 800px) { 4027 .mod_home_hero.banner .row .inner picture.logo img { 4028 max-width: 170px; 4029 max-height: 70px 4030 } 4031} 4032 4033.mod_home_hero.banner .row .inner h1 { 4034 text-transform: uppercase; 4035 letter-spacing: 10px; 4036 font-weight: 300; 4037 font-size: 44px; 4038 padding-bottom: 30px; 4039 margin-bottom: 40px; 4040 position: relative 4041} 4042 4043.mod_home_hero.banner .row .inner h1:after { 4044 content: ""; 4045 position: absolute; 4046 top: 100%; 4047 left: 50%; 4048 transform: translateX(-50%); 4049 width: 80px; 4050 border-top: 1px solid #fff 4051} 4052 4053@media only screen and (max-width: 1200px) { 4054 .mod_home_hero.banner .row .inner h1 { 4055 font-size: 40px 4056 } 4057} 4058 4059@media only screen and (max-width: 64em) { 4060 .mod_home_hero.banner .row .inner h1 { 4061 font-size: 36px 4062 } 4063} 4064 4065@media only screen and (max-width: 800px) { 4066 .mod_home_hero.banner .row .inner h1 { 4067 font-size: 32px 4068 } 4069} 4070 4071@media only screen and (max-width: 40em) { 4072 .mod_home_hero.banner .row .inner h1 { 4073 font-size: 28px 4074 } 4075} 4076 4077.mod_home_hero.banner .row .inner h1 span.small, 4078.mod_home_hero.banner .row .inner h1 span.contact-scroll { 4079 display: block; 4080 font-size: 24px; 4081 font-weight: 300; 4082 letter-spacing: 8px; 4083 margin-bottom: 40px; 4084 text-transform: uppercase; 4085 font-style: normal; 4086 font-family: "canada-type-gibson", Arial, sans-serif 4087} 4088 4089@media only screen and (max-width: 1200px) { 4090 4091 .mod_home_hero.banner .row .inner h1 span.small, 4092 .mod_home_hero.banner .row .inner h1 span.contact-scroll { 4093 font-size: 22px 4094 } 4095}
4095 4096 4097@media only screen and (max-width: 64em) { 4098 4099 .mod_home_hero.banner .row .inner h1 span.small, 4100 .mod_home_hero.banner .row .inner h1 span.contact-scroll { 4101 font-size: 20px 4102 } 4103} 4104 4105@media only screen and (max-width: 800px) { 4106 4107 .mod_home_hero.banner .row .inner h1 span.small, 4108 .mod_home_hero.banner .row .inner h1 span.contact-scroll { 4109 font-size: 19px 4110 } 4111} 4112 4113@media only screen and (max-width: 40em) { 4114 4115 .mod_home_hero.banner .row .inner h1 span.small, 4116 .mod_home_hero.banner .row .inner h1 span.contact-scroll { 4117 font-size: 18px 4118 } 4119} 4120 4121.mod_home_hero.banner .row .inner a.popup-video { 4122 padding-left: 60px; 4123 letter-spacing: 2px 4124} 4125 4126.mod_home_hero.banner .row .inner a.popup-video:after { 4127 content: ""; 4128 left: 0; 4129 width: 40px; 4130 height: 40px; 4131 transform: translateY(-50%) 4132} 4133 4134.mod_home_hero.banner.full-width-content .row .inner { 4135 max-width: 100%; 4136 width: 100% 4137} 4138 4139.mod_home_hero.banner.left-placement .row .inner { 4140 left: 0; 4141 text-align: left; 4142 padding-right: 40px; 4143 width: 60% 4144} 4145 4146@media only screen and (max-width: 800px) { 4147 .mod_home_hero.banner.left-placement .row .inner { 4148 padding-right: 0; 4149 width: 100% 4150 } 4151} 4152 4153.mod_home_hero.banner.left-placement .row .inner a.btn, 4154.mod_home_hero.banner.left-placement .mod_index_list .row .inner a.item, 4155.mod_index_list .mod_home_hero.banner.left-placement .row .inner a.item { 4156 margin-left: 0 4157} 4158 4159.mod_home_hero.banner.center-placement .row .inner { 4160 text-align: center; 4161 left: 50%; 4162 transform: translateX(-50%); 4163 width: 100% 4164} 4165 4166.mod_home_hero.banner.center-placement .row .inner .content { 4167 padding-right: 0 4168} 4169 4170.mod_home_hero.banner.center-placement .row .inner a.btn, 4171.mod_home_hero.banner.center-placement .mod_index_list .row .inner a.item, 4172.mod_index_list .mod_home_hero.banner.center-placement .row .inner a.item { 4173 margin-left: auto; 4174 margin-right: auto 4175} 4176 4177.mod_home_hero.banner.center-placement .row .inner .form .section-label { 4178 text-align: center 4179} 4180 4181@media only screen and (max-width: 40em) { 4182 .mod_home_hero.banner.center-placement .row .inner .form .section-label { 4183 text-align: left 4184 } 4185} 4186 4187.mod_home_hero.banner.right-placement .row .inner { 4188 left: 50%; 4189 text-align: left; 4190 padding-left: 60px; 4191 width: 60% 4192} 4193 4194@media only screen and (max-width: 64em) { 4195 .mod_home_hero.banner.right-placement .row .inner { 4196 padding-left: 40px 4197 } 4198} 4199 4200@media only screen and (max-width: 800px) { 4201 .mod_home_hero.banner.right-placement .row .inner { 4202 padding-left: 0; 4203 width: 100%; 4204 left: 0 4205 } 4206} 4207 4208.mod_home_hero.banner.right-placement .row .inner a.btn, 4209.mod_home_hero.banner.right-placement .mod_index_list .row .inner a.item, 4210.mod_index_list .mod_home_hero.banner.right-placement .row .inner a.item { 4211 margin-left: 0 4212} 4213 4214.mod_home_hero.banner.right-placement .media { 4215 right: auto; 4216 left: 0 4217} 4218 4219.mod_home_hero.banner.right-placement:not(.no-bg):after { 4220 left: 50% 4221} 4222 4223@media only screen and (max-width: 800px) { 4224 .mod_home_hero.banner.right-placement:not(.no-bg):after { 4225 left: 0 4226 } 4227} 4228 4229.mod_home_hero.banner.contact-form .row { 4230 display: flex; 4231 justify-content: space-between; 4232 padding-top: calc(20px + 8%); 4233 padding-bottom: 0 4234} 4235 4236.mod_home_hero.banner.contact-form .row .inner { 4237 position: relative; 4238 text-align: left; 4239 transform: none; 4240 display: flex; 4241 flex-direction: column; 4242 justify-content: center 4243} 4244 4245.mod_home_hero.banner.contact-form .row .inner h1 { 4246 font-size: 58px 4247} 4248 4249@media only screen and (max-width: 1200px) { 4250 .mod_home_hero.banner.contact-form .row .inner h1 { 4251 font-size: 52px 4252 } 4253} 4254 4255@media only screen and (max-width: 64em) { 4256 .mod_home_hero.banner.contact-form .row .inner h1 { 4257 font-size: 48px 4258 } 4259} 4260 4261@media only screen and (max-width: 800px) { 4262 .mod_home_hero.banner.contact-form .row .inner h1 { 4263 font-size: 42px 4264 } 4265} 4266 4267@media only screen and (max-width: 40em) { 4268 .mod_home_hero.banner.contact-form .row .inner h1 { 4269 font-size: 38px 4270 } 4271} 4272 4273.mod_home_hero.banner.contact-form .row .form { 4274 width: 100%; 4275 max-width: 420px; 4276 margin-top: 40px; 4277 padding: 0 30px 30px; 4278 background: rgba(0, 0, 0, .65) 4279} 4280 4281@media only screen and (max-width: 64em) { 4282 .mod_home_hero.banner.contact-form .row .form { 4283 padding-left: 25px; 4284 padding-right: 25px 4285 } 4286} 4287 4288.mod_home_hero.banner.contact-form .row .form .field-row .field *:not(small) { 4289 font-size: 15px 4290} 4291 4292.mod_home_hero.banner.contact-form .row .form .field-row .field.content { 4293 padding-right: 0 4294} 4295 4296.mod_home_hero.banner.contact-form .row .form .field-row .field textarea { 4297 height: 100px 4298} 4299 4300.mod_home_hero.banner.contact-form .row .form .field-row:last-child { 4301 margin-bottom: 0 4302} 4303 4304.mod_home_hero.banner.contact-form .row .form .section-label { 4305 max-width: 280px; 4306 margin-top: 0; 4307 color: #fff 4308} 4309 4310.mod_home_hero.banner.contact-form .row .form .submit-holder .btn, 4311.mod_home_hero.banner.contact-form .mod_index_list .row .form .submit-holder a.item, 4312.mod_index_list .mod_home_hero.banner.contact-form .row .form .submit-holder a.item, 4313.mod_home_hero.banner.contact-form .row .form .submit-holder button[type=submit] { 4314 font-size: 15px; 4315 padding: 12px 24px 4316} 4317 4318.mod_home_hero.banner.contact-form.center-placement .row .inner { 4319 transform: translateX(-50%); 4320 text-align: center 4321} 4322 4323.mod_home_hero.banner.contact-form.center-placement .row .inner .content { 4324 padding-right: 0 4325} 4326 4327.mod_home_hero.banner.contact-form.center-placement .row .inner .form { 4328 margin-left: auto; 4329 margin-right: auto 4330} 4331 4332.mod_home_hero.banner.contact-form.center-placement .row .inner .form .section-label { 4333 margin: 0 auto; 4334 text-align: center 4335} 4336 4337@media only screen and (max-width: 40em) { 4338 .mod_home_hero.banner.contact-form.center-placement .row .inner .form .section-label { 4339 text-align: left 4340 } 4341} 4342 4343.mod_home_hero.banner.contact-form.dark, 4344header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials { 4345 position: relative 4346} 4347 4348.mod_home_hero.banner.contact-form.dark .row .inner .form, 4349header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form { 4350 background: rgba(255, 255, 255, .8) 4351} 4352 4353.mod_home_hero.banner.contact-form.dark .row .inner .form select, 4354header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form select, 4355.mod_home_hero.banner.contact-form.dark .row .inner .form .section-label, 4356header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .section-label { 4357 color: #000 4358}
4358 4359 4360.mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder .btn, 4361.mod_home_hero.banner.contact-form.dark .mod_index_list .row .inner .form .submit-holder a.item, 4362.mod_index_list .mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder a.item, 4363header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder .btn, 4364header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .mod_index_list .row .inner .form .submit-holder a.item, 4365.mod_index_list header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder a.item { 4366 color: #fff 4367} 4368 4369.mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder .btn.disabled, 4370.mod_home_hero.banner.contact-form.dark .mod_index_list .row .inner .form .submit-holder a.disabled.item, 4371.mod_index_list .mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder a.disabled.item, 4372header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder .btn.disabled, 4373header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .mod_index_list .row .inner .form .submit-holder a.disabled.item, 4374.mod_index_list header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder a.disabled.item { 4375 color: #999 4376} 4377 4378.mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder button[type=submit], 4379header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder button[type=submit] { 4380 color: #fff 4381} 4382 4383.mod_home_hero.banner.slider .row { 4384 padding-left: 160px; 4385 padding-right: 160px 4386} 4387 4388@media only screen and (max-width: 1200px) { 4389 .mod_home_hero.banner.slider .row { 4390 padding-left: 120px; 4391 padding-right: 120px 4392 } 4393} 4394 4395@media only screen and (max-width: 64em) { 4396 .mod_home_hero.banner.slider .row { 4397 padding-left: 60px; 4398 padding-right: 60px 4399 } 4400} 4401 4402@media only screen and (max-width: 800px) { 4403 .mod_home_hero.banner.slider .row { 4404 padding-left: 20px; 4405 padding-right: 20px 4406 } 4407} 4408 4409.mod_home_hero.banner.slider .row .inner { 4410 max-width: 1200px 4411} 4412 4413.mod_home_hero.banner.slider .media button[type=button] { 4414 display: none 4415} 4416 4417.mod_home_hero.banner.slider .media .slide { 4418 opacity: 1 4419} 4420 4421.mod_home_hero.banner.slider .media .tns-controls, 4422.mod_home_hero.banner.slider .media .slider-nav { 4423 max-width: 1200px; 4424 padding: 0 4425} 4426 4427.mod_home_hero.banner.slider .media .tns-controls button[type=button], 4428.mod_home_hero.banner.slider .media .slider-nav button[type=button] { 4429 display: inline-block; 4430 position: absolute; 4431 z-index: 9; 4432 top: 50%; 4433 left: 80px; 4434 transform: translateY(-50%); 4435 width: 40px; 4436 height: 40px; 4437 text-indent: -9999px; 4438 border-radius: 100%; 4439 background: rgba(0, 0, 0, .9); 4440 padding: 20px; 4441 margin: 0 4442} 4443 4444@media only screen and (max-width: 1200px) { 4445 4446 .mod_home_hero.banner.slider .media .tns-controls button[type=button], 4447 .mod_home_hero.banner.slider .media .slider-nav button[type=button] { 4448 left: 40px; 4449 padding: 18px 4450 } 4451} 4452 4453@media only screen and (max-width: 64em) { 4454 4455 .mod_home_hero.banner.slider .media .tns-controls button[type=button], 4456 .mod_home_hero.banner.slider .media .slider-nav button[type=button] { 4457 display: none 4458 } 4459} 4460 4461.mod_home_hero.banner.slider .media .tns-controls button[type=button]:before, 4462.mod_home_hero.banner.slider .media .slider-nav button[type=button]:before { 4463 content: ""; 4464 background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; 4465 background-size: auto 100% !important; 4466 padding: 8px; 4467 margin: 0; 4468 position: absolute; 4469 top: 50%; 4470 left: 50%; 4471 transform: translate(-50%, -50%) 4472} 4473 4474.mod_home_hero.banner.slider .media .tns-controls button[type=button][data-controls=prev]:before, 4475.mod_home_hero.banner.slider .media .tns-controls button[type=button].prev:before, 4476.mod_home_hero.banner.slider .media .slider-nav button[type=button][data-controls=prev]:before, 4477.mod_home_hero.banner.slider .media .slider-nav button[type=button].prev:before { 4478 transform: translate(-50%, -50%) rotate(-180deg); 4479 left: calc(50% - 1px) 4480} 4481 4482.mod_home_hero.banner.slider .media .tns-controls button[type=button]+button[type=button], 4483.mod_home_hero.banner.slider .media .slider-nav button[type=button]+button[type=button] { 4484 left: auto; 4485 right: 80px 4486} 4487 4488.mod_home_hero.banner.slider .media .tns-controls button[type=button]+button[type=button]:before, 4489.mod_home_hero.banner.slider .media .slider-nav button[type=button]+button[type=button]:before { 4490 left: calc(50% + 1px) 4491} 4492 4493@media only screen and (max-width: 1200px) { 4494 4495 .mod_home_hero.banner.slider .media .tns-controls button[type=button]+button[type=button], 4496 .mod_home_hero.banner.slider .media .slider-nav button[type=button]+button[type=button] { 4497 right: 40px 4498 } 4499} 4500 4501.mod_home_hero.banner.slider .media .tns-nav { 4502 position: absolute; 4503 bottom: 50px; 4504 left: 50%; 4505 transform: translateX(-50%); 4506 z-index: 9 4507} 4508 4509@media only screen and (max-width: 800px) { 4510 .mod_home_hero.banner.slider .media .tns-nav { 4511 bottom: 40px 4512 } 4513} 4514 4515.mod_home_hero.banner.slider .media .tns-nav button[type=button] {
4516 display: inline-block; 4517 width: 14px; 4518 height: 14px; 4519 padding: 6px; 4520 border-radius: 100%; 4521 background: #fff; 4522 box-shadow: 0 0 1px rgba(255, 255, 255, .25) 4523} 4524 4525@media only screen and (max-width: 800px) { 4526 .mod_home_hero.banner.slider .media .tns-nav button[type=button] { 4527 padding: 5px; 4528 width: 12px; 4529 height: 12px 4530 } 4531} 4532 4533.mod_home_hero.banner.slider .media .tns-nav button[type=button]+button[type=button] { 4534 margin-left: 20px 4535} 4536 4537.mod_home_hero.banner.slider .media .tns-nav button[type=button].tns-nav-active { 4538 background: #d9c184 4539} 4540 4541@media only screen and (max-width: 800px) { 4542 .mod_home_hero.banner.slider.contact-form .tns-nav { 4543 display: none 4544 } 4545} 4546 4547.mod_home_hero.banner.slider.contact-form.center-placement .tns-nav { 4548 display: none 4549} 4550 4551.mod_home_hero.banner.slider.dark .tns-controls button[type=button], 4552header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.slider.partial_socials .tns-controls button[type=button], 4553.mod_home_hero.banner.slider.dark .slider-nav button[type=button], 4554header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.slider.partial_socials .slider-nav button[type=button] { 4555 background: rgba(255, 255, 255, .9) 4556} 4557 4558.mod_home_hero.banner.slider.dark .tns-controls button[type=button]:before, 4559header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.slider.partial_socials .tns-controls button[type=button]:before, 4560.mod_home_hero.banner.slider.dark .slider-nav button[type=button]:before, 4561header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.slider.partial_socials .slider-nav button[type=button]:before { 4562 background: url("/assets/img/img-export/1678831465-right-arrow.webp?auto=format,compress") no-repeat center center 4563} 4564 4565.mod_home_hero.banner.left-media-position picture img, 4566.mod_home_hero.banner.left-media-position video { 4567 object-position: 20% 20% 4568} 4569 4570.mod_home_hero.banner.right-media-position picture img, 4571.mod_home_hero.banner.right-media-position video { 4572 object-position: 80% 20% 4573} 4574 4575.mod_home_hero.banner.dark .row .inner *, 4576header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.partial_socials .row .inner * { 4577 color: #fff 4578} 4579 4580.mod_home_hero.banner.dark:before, 4581header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.partial_socials:before { 4582 content: ""; 4583 position: absolute; 4584 top: 0; 4585 left: 0; 4586 width: 100%; 4587 height: 100%; 4588 z-index: 2; 4589 display: block; 4590 background: #222; 4591 opacity: .4 4592} 4593 4594@keyframes startArtTop { 4595 from { 4596 top: -5%; 4597 right: 0 4598 } 4599 4600 to { 4601 top: 0; 4602 right: -5% 4603 } 4604} 4605 4606@keyframes startArtBottom { 4607 from { 4608 bottom: -5%; 4609 left: 0 4610 } 4611 4612 to { 4613 bottom: 0; 4614 left: -5% 4615 } 4616} 4617 4618@keyframes endArtTop { 4619 from { 4620 top: 0; 4621 right: -5%; 4622 opacity: 1 4623 } 4624 4625 to { 4626 top: 0; 4627 right: -50%; 4628 opacity: 0 4629 } 4630} 4631 4632@keyframes endArtBottom { 4633 from { 4634 bottom: 0; 4635 left: -5%; 4636 opacity: 1 4637 } 4638 4639 to { 4640 bottom: 0; 4641 left: -50%; 4642 opacity: 0 4643 } 4644} 4645 4646@keyframes finalZIndex { 4647 from { 4648 z-index: 9999 4649 } 4650 4651 to { 4652 z-index: 1 4653 } 4654} 4655 4656.mod_home_hero.banner .intro-animation { 4657 position: absolute; 4658 top: 0; 4659 left: 0; 4660 width: 100%; 4661 height: 100%; 4662 z-index: 9999 4663} 4664 4665@media only screen and (max-width: 800px) { 4666 .mod_home_hero.banner .intro-animation { 4667 display: none !important 4668 } 4669} 4670 4671.mod_home_hero.banner .intro-animation .art { 4672 position: absolute; 4673 width: 50%; 4674 height: 100%; 4675 background-size: contain !important; 4676 z-index: 1 4677} 4678 4679@media only screen and (max-width: 800px) { 4680 .mod_home_hero.banner .intro-animation .art { 4681 display: none 4682 } 4683} 4684 4685.mod_home_hero.banner .intro-animation .art.top { 4686 background: url(/assets/img/img-export/1679435289-fold-art2.webp) no-repeat top right; 4687 top: 0; 4688 right: -5%; 4689 animation: startArtTop 1.5s ease-in-out 4690} 4691 4692@media only screen and (max-width: 800px) { 4693 .mod_home_hero.banner .intro-animation .art.top { 4694 animation: startArtTop 0s ease-in-out 4695 } 4696} 4697 4698.mod_home_hero.banner .intro-animation .art.bottom { 4699 background: url(/assets/img/img-export/1679435282-fold-art.webp) no-repeat bottom left; 4700 bottom: 0; 4701 left: -5%; 4702 animation: startArtBottom 1.5s ease-in-out 4703} 4704 4705@media only screen and (max-width: 800px) { 4706 .mod_home_hero.banner .intro-animation .art.bottom { 4707 animation: startArtBottom 0s ease-in-out 4708 } 4709} 4710 4711.mod_home_hero.banner .intro-animation span.logo { 4712 position: absolute; 4713 top: 50%; 4714 left: 50%; 4715 transform: translate(-50%, -50%); 4716 z-index: 2 4717} 4718 4719.mod_home_hero.banner .intro-animation span.logo picture img { 4720 max-width: 280px 4721} 4722 4723.mod_home_hero.banner .intro-animation .bg { 4724 content: ""; 4725 position: absolute; 4726 top: 0; 4727 left: 0; 4728 width: 100%; 4729 height: 100%; 4730 z-index: 2; 4731 display: block; 4732 background: #fff; 4733 opacity: 1; 4734 z-index: 0; 4735 background: url(/assets/img/img-export/1679435294-granite-bg.webp) no-repeat center center; 4736 background-size: cover 4737} 4738 4739.mod_home_hero.banner.animate .intro-animation { 4740 animation: finalZIndex 2s forwards 4741} 4742 4743@media only screen and (max-width: 800px) { 4744 .mod_home_hero.banner.animate .intro-animation { 4745 animation: finalZIndex 0s forwards 4746 } 4747} 4748 4749.mod_home_hero.banner.animate .bg, 4750.mod_home_hero.banner.animate span.logo { 4751 opacity: 0; 4752 visibility: hidden 4753} 4754 4755.mod_home_hero.banner.animate .art.top { 4756 top: 0; 4757 right: -50%; 4758 opacity: 0; 4759 animation: endArtTop 1.5s ease-in-out 4760} 4761 4762@media only screen and (max-width: 800px) { 4763 .mod_home_hero.banner.animate .art.top { 4764 animation: endArtTop 0s ease-in-out 4765 } 4766} 4767 4768.mod_home_hero.banner.animate .art.bottom { 4769 bottom: 0; 4770 left: -50%; 4771 animation: endArtBottom 1.5s ease-in-out 4772} 4773 4774@media only screen and (max-width: 800px) { 4775 .mod_home_hero.banner.animate .art.bottom { 4776 animation: endArtBottom 0s ease-in-out 4777 } 4778} 4779 4780.mod_home_banner { 4781 position: relative; 4782 margin-bottom: 80px 4783} 4784 4785@media only screen and (max-width: 64em) { 4786 .mod_home_banner { 4787 margin-bottom: 60px 4788 } 4789 4790 .mod_home_banner .wrapper:before { 4791 content: ""; 4792 position: absolute; 4793 top: 0; 4794 left: 0; 4795 width: 100%; 4796 height: 100%; 4797 z-index: 2; 4798 display: block; 4799 background: #fff; 4800 opacity: .4 4801 } 4802} 4803 4804@media only screen and (max-width: 64em)and (max-width: 800px) { 4805 .mod_home_banner .wrapper:before { 4806 display: none 4807 } 4808} 4809 4810@media only screen and (max-width: 800px) { 4811 .mod_home_banner { 4812 margin-top: 40px 4813 } 4814} 4815 4816@media only screen and (max-width: 800px) { 4817 4818 .mod_home_banner.dark .wrapper, 4819 header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .wrapper { 4820 background: #1a1a1a 4821 } 4822} 4823 4824.mod_home_banner.dark .wrapper:before, 4825header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .wrapper:before { 4826 content: ""; 4827 position: absolute; 4828 top: 0; 4829 left: 0; 4830 width: 100%; 4831 height: 100%; 4832 z-index: 2; 4833 display: block; 4834 background: #333; 4835 opacity: .4 4836} 4837 4838@media only screen and (max-width: 800px) { 4839 4840 .mod_home_banner.dark .wrapper:before, 4841 header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .wrapper:before { 4842 display: none 4843 } 4844} 4845 4846.mod_home_banner .row { 4847 position: relative; 4848 padding: calc(20px + 10%) 20px; 4849 display: flex; 4850 justify-content: center; 4851 flex-wrap: wrap 4852} 4853 4854@media only screen and (min-width: 64em)and (max-height: 800px) { 4855 .mod_home_banner .row { 4856 padding: calc(40px + 8%) 20px 4857 } 4858} 4859 4860@media only screen and (max-width: 64em) { 4861 .mod_home_banner .row { 4862 padding: calc(40px + 8%) 20px 4863 } 4864} 4865 4866@media only screen and (max-width: 800px) { 4867 .mod_home_banner .row { 4868 padding: 80px 20px 4869 } 4870} 4871 4872@media only screen and (max-width: 40em) { 4873 .mod_home_banner .row { 4874 padding: 60px 20px 4875 } 4876} 4877 4878.mod_home_banner .row .content { 4879 position: relative; 4880 z-index: 2; 4881 max-width: 980px 4882} 4883 4884.mod_home_banner .row .content .logo { 4885 margin-bottom: 20px; 4886 display: flex; 4887 justify-content: center 4888} 4889 4890@media only screen and (max-width: 800px) { 4891 .mod_home_banner .row .content .logo { 4892 justify-content: flex-start 4893 } 4894} 4895 4896.mod_home_banner .row .content .logo img { 4897 max-width: 180px; 4898 max-height: 60px; 4899 width: auto 4900} 4901 4902@media only screen and (max-width: 64em) { 4903 .mod_home_banner .row .content .logo img { 4904 max-width: 160px; 4905 max-height: 50px 4906 } 4907} 4908 4909@media only screen and (max-width: 800px) { 4910 .mod_home_banner .row .content .logo img { 4911 max-width: 140px; 4912 max-height: 40px 4913 } 4914} 4915 4916.mod_home_banner .row .content h2 { 4917 font-size: 54px 4918} 4919 4920@media only screen and (min-width: 64em)and (max-height: 800px) { 4921 .mod_home_banner .row .content h2 { 4922 font-size: 46px 4923 } 4924} 4925 4926@media only screen and (max-width: 64em) { 4927 .mod_home_banner .row .content h2 { 4928 font-size: 44px 4929 } 4930} 4931 4932@media only screen and (max-width: 800px) { 4933 .mod_home_banner .row .content h2 { 4934 font-size: 36px 4935 } 4936} 4937 4938@media only screen and (max-width: 40em) { 4939 .mod_home_banner .row .content h2 { 4940 font-size: 28px 4941 } 4942} 4943 4944.mod_home_banner .row .content h2, 4945.mod_home_banner .row .content h3 { 4946 text-align: center; 4947 margin-bottom: 35px 4948} 4949 4950@media only screen and (max-width: 64em) { 4951 4952 .mod_home_banner .row .content h2, 4953 .mod_home_banner .row .content h3 { 4954 margin-bottom: 30px 4955 } 4956} 4957 4958@media only screen and (max-width: 800px) { 4959 4960 .mod_home_banner .row .content h2, 4961 .mod_home_banner .row .content h3 { 4962 text-align: left; 4963 margin-bottom: 25px 4964 } 4965} 4966 4967@media only screen and (max-width: 40em) { 4968 4969 .mod_home_banner .row .content h2, 4970 .mod_home_banner .row .content h3 { 4971 margin-bottom: 15px 4972 } 4973} 4974 4975.mod_home_banner .row .content a.center { 4976 display: table; 4977 margin: 45px auto 10px; 4978 text-decoration: none; 4979 color: #fff !important 4980} 4981 4982@media only screen and (max-width: 800px) { 4983 .mod_home_banner .row .content a.center { 4984 margin: 30px 0 20px 4985 } 4986} 4987 4988.mod_home_banner .row .content .columns { 4989 display: flex; 4990 justify-content: center; 4991 align-items: center 4992} 4993 4994@media only screen and (max-width: 800px) { 4995 .mod_home_banner .row .content .columns { 4996 flex-wrap: wrap 4997 } 4998} 4999 5000.mod_home_banner .row .content .columns .half { 5001 text-align: left; 5002 width: 54% 5003} 5004 5005@media only screen and (max-width: 64em) { 5006 .mod_home_banner .row .content .columns .half { 5007 width: 50% 5008 } 5009} 5010 5011@media only screen and (max-width: 800px) { 5012 .mod_home_banner .row .content .columns .half { 5013 width: 100% 5014 } 5015} 5016 5017.mod_home_banner .row .content .columns .half h2, 5018.mod_home_banner .row .content .columns .half h3 { 5019 text-align: left 5020} 5021 5022.mod_home_banner .row .content .columns .half+.half { 5023 width: 46%; 5024 padding-left: 40px 5025} 5026 5027@media only screen and (max-width: 64em) { 5028 .mod_home_banner .row .content .columns .half+.half { 5029 padding-left: 20px; 5030 width: 50% 5031 } 5032} 5033 5034@media only screen and (max-width: 800px) { 5035 .mod_home_banner .row .content .columns .half+.half { 5036 width: 100%; 5037 padding-left: 0 5038 } 5039} 5040 5041.mod_home_banner .row .content .credentials {
5042 display: flex; 5043 justify-content: center; 5044 align-items: center; 5045 margin-top: 50px; 5046 grid-gap: 40px 5047} 5048 5049@media only screen and (max-width: 64em) { 5050 .mod_home_banner .row .content .credentials { 5051 grid-gap: 30px; 5052 margin-top: 40px 5053 } 5054} 5055 5056@media only screen and (max-width: 800px) { 5057 .mod_home_banner .row .content .credentials { 5058 grid-gap: 20px; 5059 margin-top: 30px; 5060 flex-wrap: wrap; 5061 justify-content: flex-start 5062 } 5063} 5064 5065.mod_home_banner .row .content .credentials .img { 5066 display: inline-block 5067} 5068 5069@media only screen and (max-width: 64em) { 5070 .mod_home_banner .row .content .credentials .img { 5071 margin-bottom: 30px 5072 } 5073} 5074 5075.mod_home_banner .row .content .credentials .img img { 5076 max-height: 50px; 5077 max-width: 110px; 5078 width: auto 5079} 5080 5081@media only screen and (max-width: 64em) { 5082 .mod_home_banner .row .content .credentials .img img { 5083 max-height: 40px; 5084 max-width: 90px 5085 } 5086} 5087 5088@media only screen and (max-width: 800px) { 5089 .mod_home_banner .row .content .credentials .img img { 5090 max-height: 32px 5091 } 5092} 5093 5094.mod_home_banner.left-placement .row { 5095 justify-content: flex-start 5096} 5097 5098.mod_home_banner.left-placement .row .content { 5099 width: 50% 5100} 5101 5102@media only screen and (max-width: 800px) { 5103 .mod_home_banner.left-placement .row .content { 5104 width: 100% 5105 } 5106} 5107 5108.mod_home_banner.left-placement .row .content h2, 5109.mod_home_banner.left-placement .row .content h3 { 5110 text-align: left 5111} 5112 5113.mod_home_banner.left-placement .row .content .logo, 5114.mod_home_banner.left-placement .row .content .credentials { 5115 justify-content: flex-start 5116} 5117 5118.mod_home_banner.right-placement .row { 5119 justify-content: flex-end 5120} 5121 5122.mod_home_banner.right-placement .row .content { 5123 width: 50% 5124} 5125 5126@media only screen and (max-width: 800px) { 5127 .mod_home_banner.right-placement .row .content { 5128 width: 100% 5129 } 5130} 5131 5132.mod_home_banner.right-placement .row .content h2, 5133.mod_home_banner.right-placement .row .content h3 { 5134 text-align: left 5135} 5136 5137.mod_home_banner.right-placement .row .content .logo, 5138.mod_home_banner.right-placement .row .content .credentials { 5139 justify-content: flex-start 5140} 5141 5142.mod_home_banner.has-links .row { 5143 padding: calc(20px + 8%) 20px calc(80px + 10%); 5144 margin-bottom: 200px 5145} 5146 5147@media only screen and (max-width: 64em) { 5148 .mod_home_banner.has-links .row { 5149 margin-bottom: 140px 5150 } 5151} 5152 5153@media only screen and (max-width: 800px) { 5154 .mod_home_banner.has-links .row { 5155 margin-bottom: 120px 5156 } 5157} 5158 5159.mod_home_banner.has-links .row .links { 5160 background: #fff; 5161 box-shadow: 0 0 50px rgba(0, 0, 0, .2); 5162 padding: 60px 80px 40px; 5163 position: absolute; 5164 z-index: 3; 5165 bottom: 0; 5166 left: 50%; 5167 transform: translate3d(-50%, 50%, 0); 5168 width: calc(100% - 40px); 5169 max-width: 980px; 5170 display: flex; 5171 flex-wrap: wrap; 5172 justify-content: space-between 5173} 5174 5175@media only screen and (max-width: 64em) { 5176 .mod_home_banner.has-links .row .links { 5177 padding: 50px 40px 30px 5178 } 5179} 5180 5181@media only screen and (max-width: 800px) { 5182 .mod_home_banner.has-links .row .links { 5183 padding: 35px 20px 15px; 5184 justify-content: center; 5185 width: 100% 5186 } 5187} 5188 5189@media only screen and (max-width: 40em) { 5190 .mod_home_banner.has-links .row .links { 5191 padding: 25px 20px 10px 5192 } 5193} 5194 5195.mod_home_banner.has-links .row .links a:not(.btn) { 5196 margin-bottom: 25px; 5197 text-decoration: none; 5198 font-size: 16px 5199} 5200 5201@media only screen and (max-width: 64em) { 5202 .mod_home_banner.has-links .row .links a:not(.btn) { 5203 font-size: 15px 5204 } 5205} 5206 5207@media only screen and (max-width: 800px) { 5208 .mod_home_banner.has-links .row .links a:not(.btn) { 5209 margin-bottom: 20px 5210 } 5211} 5212 5213.mod_home_banner.has-links .row .links .inner { 5214 width: 100%; 5215 display: flex; 5216 flex-wrap: wrap; 5217 justify-content: space-between; 5218 grid-gap: 20px 5219} 5220 5221@media only screen and (max-width: 800px) { 5222 .mod_home_banner.has-links .row .links .inner { 5223 justify-content: center 5224 } 5225} 5226 5227.mod_home_banner.has-links .row .links .inner+a.btn, 5228.mod_home_banner.has-links .mod_index_list .row .links .inner+a.item, 5229.mod_index_list .mod_home_banner.has-links .row .links .inner+a.item { 5230 margin-top: 20px 5231} 5232 5233.mod_home_banner.dark .row .content h2, 5234header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h2, 5235.mod_home_banner.dark .row .content h3, 5236header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h3, 5237.mod_home_banner.dark .row .content h4, 5238header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h4, 5239.mod_home_banner.dark .row .content ul li, 5240header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content ul li, 5241.mod_home_banner.dark .row .content p, 5242header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content p, 5243.mod_home_banner.dark .row .content a, 5244header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content a, 5245.mod_home_banner.dark .row .content span, 5246header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content span { 5247 color: #fff 5248} 5249 5250.mod_home_banner.dark .row .content h2 span.small, 5251.mod_home_banner.dark .row .content h2 span.contact-scroll, 5252header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h2 span.small, 5253header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h2 span.contact-scroll, 5254.mod_home_banner.dark .row .content h3 span.small, 5255.mod_home_banner.dark .row .content h3 span.contact-scroll, 5256header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h3 span.small, 5257header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h3 span.contact-scroll, 5258.mod_home_banner.dark .row .content h4 span.small, 5259.mod_home_banner.dark .row .content h4 span.contact-scroll, 5260header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h4 span.small, 5261header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h4 span.contact-scroll, 5262.mod_home_banner.dark .row .content ul li span.small, 5263.mod_home_banner.dark .row .content ul li span.contact-scroll, 5264header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content ul li span.small, 5265header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content ul li span.contact-scroll, 5266.mod_home_banner.dark .row .content p span.small, 5267.mod_home_banner.dark .row .content p span.contact-scroll, 5268header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content p span.small, 5269header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content p span.contact-scroll, 5270.mod_home_banner.dark .row .content a span.small, 5271.mod_home_banner.dark .row .content a span.contact-scroll, 5272header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content a span.small, 5273header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content a span.contact-scroll, 5274.mod_home_banner.dark .row .content span span.small, 5275.mod_home_banner.dark .row .content span span.contact-scroll, 5276header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content span span.small, 5277header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content span span.contact-scroll { 5278 color: #fff !important 5279} 5280 5281.mod_home_banner .wrapper { 5282 position: relative 5283} 5284 5285@media only screen and (max-width: 800px) { 5286 .mod_home_banner .wrapper { 5287 display: flex; 5288 flex-wrap: wrap 5289 } 5290 5291 .mod_home_banner .wrapper picture.background, 5292 .mod_home_banner .wrapper video.background { 5293 position: relative; 5294 top: 0; 5295 left: 0; 5296 transform: none; 5297 order: 0 5298 } 5299 5300 .mod_home_banner .wrapper .row { 5301 order: 1; 5302 padding: 25px 20px 5303 } 5304} 5305 5306@media only screen and (max-width: 800px) { 5307 .mod_home_banner.option-1.has-links .wrapper .row { 5308 padding: 25px 20px 35px; 5309 margin-bottom: 0 5310 } 5311 5312 .mod_home_banner.option-1.has-links .wrapper .row .links { 5313 position: relative; 5314 left: 0; 5315 transform: none; 5316 margin-top: 20px 5317 } 5318} 5319 5320.mod_home_banner.option-1.has-links .wrapper .row .links a.btn.center, 5321.mod_home_banner.option-1.has-links .wrapper .mod_index_list .row .links a.center.item, 5322.mod_index_list .mod_home_banner.option-1.has-links .wrapper .row .links a.center.item { 5323 margin-bottom: 20px 5324} 5325 5326.mod_home_banner.option-2.has-links { 5327 background: none; 5328 padding-bottom: 1px 5329} 5330 5331.mod_home_banner.option-2.has-links .wrapper .row { 5332 margin-bottom: 0; 5333 padding: calc(20px + 8%) 20px 5334} 5335 5336@media only screen and (max-width: 64em) { 5337 .mod_home_banner.option-2.has-links .wrapper .row { 5338 padding: calc(20px + 6%) 20px 5339 } 5340} 5341 5342@media only screen and (max-width: 800px) { 5343 .mod_home_banner.option-2.has-links .wrapper .row { 5344 padding: calc(20px + 4%) 20px 5345 } 5346} 5347 5348.mod_home_banner.option-2.has-links .wrapper .row .links { 5349 display: none 5350} 5351 5352.mod_home_banner.option-2.has-links .links.bottom { 5353 position: relative; 5354 z-index: 3; 5355 width: 100%; 5356 max-width: 1240px; 5357 padding-left: 20px; 5358 padding-right: 20px; 5359 margin: 60px auto; 5360 display: flex; 5361 flex-wrap: wrap; 5362 justify-content: space-around; 5363 grid-gap: 20px 5364} 5365 5366@media only screen and (max-width: 64em) { 5367 .mod_home_banner.option-2.has-links .links.bottom { 5368 margin: 50px auto 5369 } 5370} 5371 5372@media only screen and (max-width: 800px) { 5373 .mod_home_banner.option-2.has-links .links.bottom { 5374 margin: 40px auto; 5375 justify-content: center 5376 } 5377} 5378 5379.mod_home_banner.option-2.has-links .links.bottom a { 5380 color: #d9c184; 5381 font-size: 16px 5382} 5383 5384@media only screen and (max-width: 64em) { 5385 .mod_home_banner.option-2.has-links .links.bottom a { 5386 font-size: 15px 5387 } 5388} 5389 5390.mod_home_banner.option-2.has-links a.btn.center, 5391.mod_home_banner.option-2.has-links .mod_index_list .row a.center.item, 5392.mod_index_list .row .mod_home_banner.option-2.has-links a.center.item { 5393 margin-top: 20px; 5394 margin-bottom: 60px 5395} 5396 5397@media only screen and (max-width: 64em) { 5398 5399 .mod_home_banner.option-2.has-links a.btn.center, 5400 .mod_home_banner.option-2.has-links .mod_index_list .row a.center.item, 5401 .mod_index_list .row .mod_home_banner.option-2.has-links a.center.item { 5402 margin-bottom: 50px 5403 } 5404} 5405 5406@media only screen and (max-width: 800px) { 5407 5408 .mod_home_banner.option-2.has-links a.btn.center, 5409 .mod_home_banner.option-2.has-links .mod_index_list .row a.center.item, 5410 .mod_index_list .row .mod_home_banner.option-2.has-links a.center.item { 5411 margin-bottom: 40px 5412 } 5413} 5414 5415.mod_home_banner.viewport picture.logo { 5416 position: relative; 5417 opacity: 0; 5418 top: -20px 5419} 5420 5421.mod_home_banner.viewport picture.background {
5422 display: block; 5423 overflow: hidden 5424} 5425 5426.mod_home_banner.viewport picture.background img { 5427 transform: scale(1.2) 5428} 5429 5430.mod_home_banner.viewport .credentials { 5431 position: relative; 5432 top: -20px; 5433 opacity: 0 5434} 5435 5436.mod_home_banner.in-viewport picture.background img { 5437 transform: scale(1) 5438} 5439 5440.mod_home_banner.in-viewport picture.logo, 5441.mod_home_banner.in-viewport .credentials { 5442 top: 0; 5443 opacity: 1 5444} 5445 5446.mod_home_grid_slider .row { 5447 max-width: 1600px 5448} 5449 5450.mod_home_grid_slider .row .top { 5451 display: flex; 5452 align-items: center; 5453 justify-content: space-between; 5454 margin-bottom: 40px 5455} 5456 5457.mod_home_grid_slider .row .top h2 { 5458 font-size: 22px; 5459 letter-spacing: 8px; 5460 color: #af9a7a 5461} 5462 5463.mod_home_grid_slider .row .top .navigation { 5464 padding: 10px 5465} 5466 5467@media only screen and (max-width: 800px) { 5468 .mod_home_grid_slider .row .top .navigation { 5469 display: flex 5470 } 5471} 5472 5473.mod_home_grid_slider .row .top .navigation .home-grid-prev-arrow, 5474.mod_home_grid_slider .row .top .navigation .home-grid-next-arrow { 5475 padding: 35px; 5476 border: none 5477} 5478 5479.mod_home_grid_slider .row .top .navigation .home-grid-prev-arrow { 5480 background: url("/assets/img/img-export/1678831468-left-arrow.webp?auto=format,compress") center center no-repeat; 5481 background-size: 100% 5482} 5483 5484.mod_home_grid_slider .row .top .navigation .home-grid-next-arrow { 5485 background: url("/assets/img/img-export/1678831465-right-arrow.webp?auto=format,compress") center center no-repeat; 5486 background-size: 100% 5487} 5488 5489.mod_home_grid_slider .row .grid-swiper .swiper-slide .media { 5490 padding-top: 100%; 5491 aspect-ratio: 459/640; 5492 position: relative; 5493 overflow: hidden 5494} 5495 5496.mod_home_grid_slider .row .grid-swiper .swiper-slide .media:after { 5497 content: ""; 5498 position: absolute; 5499 top: 0; 5500 left: 0; 5501 width: 100%; 5502 height: 100%; 5503 z-index: 2; 5504 display: block; 5505 background: #fff; 5506 opacity: .8; 5507 top: auto; 5508 bottom: 0; 5509 height: 50%; 5510 background: linear-gradient(180deg, rgba(2, 0, 36, 0) 0%, rgb(255, 255, 255) 75%) 5511} 5512 5513.mod_home_grid_slider .row .grid-swiper .swiper-slide .media .content { 5514 position: absolute; 5515 bottom: 40px; 5516 left: 20px; 5517 padding: 20px; 5518 margin-top: 0; 5519 z-index: 9 5520} 5521 5522.mod_home_grid_slider .row .grid-swiper .swiper-slide .media .content h3 { 5523 top: 20px; 5524 padding-bottom: 12px; 5525 position: relative; 5526 font-weight: 300 5527} 5528 5529.mod_home_grid_slider .row .grid-swiper .swiper-slide .media .content h3:before { 5530 content: ""; 5531 border-radius: 100%; 5532 position: absolute; 5533 z-index: -1; 5534 width: 25vw; 5535 height: 25vw; 5536 left: 50%; 5537 top: 50%; 5538 transform: translate(-50%, -50%); 5539 background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 60%); 5540 background-size: 100% 5541} 5542 5543.mod_home_grid_slider .row .grid-swiper .swiper-slide .media .content h3:after { 5544 content: ""; 5545 position: absolute; 5546 bottom: 0; 5547 left: 0; 5548 width: 100%; 5549 border-top: 3px solid #af9a7a 5550} 5551 5552.mod_home_grid_slider .row .grid-swiper .swiper-slide .media .content a { 5553 opacity: 0%; 5554 visibility: hidden; 5555 font-size: 14px; 5556 position: relative 5557} 5558 5559.mod_home_grid_slider .row .grid-swiper .swiper-slide .media .content a:after { 5560 content: ""; 5561 position: relative; 5562 display: inline-block; 5563 padding: 4px 20px; 5564 background: url("https://static.tresiocms.com/images/arrow-next.png?auto=format,compress") center center no-repeat; 5565 background-size: contain 5566} 5567 5568.mod_home_grid_slider .row .grid-swiper .swiper-slide .media:hover img { 5569 transform: scale(1.1) 5570} 5571 5572.mod_home_grid_slider .row .grid-swiper .swiper-slide .media:hover .content a { 5573 opacity: 1; 5574 visibility: visible 5575} 5576 5577.mod_home_grid_slider .row .grid-swiper .swiper-slide .media:hover .content h3 { 5578 top: -40px 5579} 5580 5581.mod_home_location_slider { 5582 position: relative 5583} 5584 5585.mod_home_location_slider:before { 5586 content: ""; 5587 position: absolute; 5588 top: 0; 5589 left: 0; 5590 width: 25vw; 5591 height: 35vw; 5592 background: url("/assets/img/img-export/1679505703-v-logo.svg") no-repeat center center; 5593 background-size: 100% auto 5594} 5595 5596.mod_home_location_slider .row { 5597 max-width: 100% 5598} 5599 5600@media only screen and (min-width: 64.1em) { 5601 .mod_home_location_slider .row { 5602 padding: 0 60px 5603 } 5604} 5605 5606@media only screen and (max-width: 800px) { 5607 .mod_home_location_slider .row { 5608 padding: 0 5609 } 5610} 5611 5612.mod_home_location_slider .row .location-swiper { 5613 position: relative 5614} 5615 5616.mod_home_location_slider .row .location-swiper .item .top {
5617 display: grid; 5618 gap: 80px; 5619 grid-template-columns: 30% 70% 5620} 5621 5622@media only screen and (max-width: 800px) { 5623 .mod_home_location_slider .row .location-swiper .item .top { 5624 gap: 20px; 5625 display: flex; 5626 flex-direction: column 5627 } 5628} 5629 5630.mod_home_location_slider .row .location-swiper .item .bottom { 5631 margin-top: 40px; 5632 display: grid; 5633 gap: 40px; 5634 grid-template-columns: 66% 33% 5635} 5636 5637@media only screen and (max-width: 800px) { 5638 .mod_home_location_slider .row .location-swiper .item .bottom { 5639 margin-top: 10px; 5640 gap: 10px 5641 } 5642} 5643 5644.mod_home_location_slider .row .location-swiper .item .content { 5645 display: flex; 5646 flex-direction: column; 5647 justify-content: center; 5648 padding: 100px 60px; 5649 position: relative 5650} 5651 5652@media only screen and (max-width: 800px) { 5653 .mod_home_location_slider .row .location-swiper .item .content { 5654 padding: 20px 20px 60px 20px 5655 } 5656} 5657 5658.mod_home_location_slider .row .location-swiper .item .content span { 5659 font-size: 21px; 5660 display: block; 5661 color: #af9a7a; 5662 font-family: "p22-mackinac-pro", Times, serif; 5663 font-weight: 500; 5664 font-style: italic; 5665 letter-spacing: 2px; 5666 text-transform: none; 5667 margin: 30px 0 5668} 5669 5670.mod_home_location_slider .row .location-swiper .item .content .navigation { 5671 position: absolute; 5672 left: 46px; 5673 bottom: 0; 5674 width: 100%; 5675 max-width: 360px; 5676 display: grid; 5677 grid-template-columns: 1fr 2fr 1fr; 5678 align-items: center; 5679 justify-content: space-evenly 5680} 5681 5682@media only screen and (max-width: 800px) { 5683 .mod_home_location_slider .row .location-swiper .item .content .navigation { 5684 left: 0 5685 } 5686} 5687 5688.mod_home_location_slider .row .location-swiper .item .content .navigation .swiper-button-prev, 5689.mod_home_location_slider .row .location-swiper .item .content .navigation .swiper-button-next { 5690 position: relative; 5691 top: 0; 5692 left: 0; 5693 transform: none; 5694 margin-top: 0 5695} 5696 5697.mod_home_location_slider .row .location-swiper .item .content .navigation .swiper-pagination { 5698 position: relative; 5699 top: 0; 5700 left: 0; 5701 width: auto; 5702 transform: none; 5703 display: flex; 5704 align-items: center; 5705 justify-content: center; 5706 gap: 0 30px 5707} 5708 5709.mod_home_location_slider .row .location-swiper .item .content .navigation .swiper-button-next { 5710 margin-left: auto 5711} 5712 5713.mod_home_location_slider .row .location-swiper .item .media { 5714 position: relative 5715} 5716 5717.mod_home_location_slider .row .location-swiper .item .media-one { 5718 padding-top: 56.25% 5719} 5720 5721.mod_home_location_slider .row .location-swiper .item .media-one a.popup-video { 5722 position: absolute; 5723 bottom: 60px; 5724 left: 120px; 5725 color: #fff 5726} 5727 5728.mod_home_location_slider .row .location-swiper .item .media-one a.popup-video:after { 5729 left: -50% 5730} 5731 5732.mod_home_location_slider .row .location-swiper .item .media-two { 5733 padding-top: 56.25% 5734} 5735 5736.mod_home_location_slider .row .location-swiper .item .media-three { 5737 padding-top: 100% 5738} 5739 5740.mod_home_grid { 5741 margin-top: 0 5742} 5743 5744.mod_home_grid .row { 5745 position: relative; 5746 max-width: 1800px; 5747 margin-top: 0; 5748 padding-top: 0; 5749 padding-left: 0; 5750 padding-right: 0; 5751 padding-bottom: 20px 5752} 5753 5754@media only screen and (max-width: 1200px) { 5755 .mod_home_grid .row { 5756 padding: 0 0 20px 5757 } 5758} 5759 5760@media only screen and (max-width: 64em) { 5761 .mod_home_grid .row { 5762 max-width: calc(100% - 40px) 5763 } 5764} 5765 5766@media only screen and (max-width: 40em) { 5767 .mod_home_grid .row { 5768 max-width: 360px 5769 } 5770} 5771 5772.mod_home_grid .row .grid { 5773 display: flex; 5774 justify-content: center; 5775 grid-gap: 20px 5776} 5777 5778@media only screen and (max-width: 64em) { 5779 .mod_home_grid .row .grid { 5780 flex-wrap: wrap 5781 } 5782} 5783 5784@media only screen and (max-width: 64em) { 5785 .mod_home_grid .row .grid .item { 5786 width: calc(50% - 10px) 5787 } 5788} 5789 5790@media only screen and (max-width: 40em) { 5791 .mod_home_grid .row .grid .item { 5792 width: 100% 5793 } 5794} 5795 5796.mod_home_grid .row .grid .item .media { 5797 position: relative 5798} 5799 5800.mod_home_grid .row .grid .item .media picture { 5801 display: block; 5802 overflow: hidden 5803} 5804 5805.mod_home_grid .row .grid .item .media picture img { 5806 width: 100% 5807} 5808 5809.mod_home_grid .row .grid .item .media h2 { 5810 color: #fff; 5811 font-size: 24px; 5812 position: absolute; 5813 top: 50%; 5814 left: 50%; 5815 transform: translate3d(-50%, -50%, 0); 5816 text-shadow: 0 0 5px rgba(0, 0, 0, .4) 5817} 5818 5819.mod_home_grid .row .grid .item .content { 5820 visibility: hidden; 5821 box-shadow: 0 15px 40px rgba(0, 0, 0, .05); 5822 background: #fff; 5823 padding: 20px; 5824 margin-top: 0; 5825 z-index: 9 5826} 5827 5828.mod_home_grid .row .grid .item:hover picture img { 5829 transform: scale(1.2) 5830} 5831 5832.mod_home_grid .row .grid .item:hover .content { 5833 opacity: 1; 5834 visibility: visible 5835} 5836 5837.mod_home_grid .row .grid .item:last-child { 5838 margin-right: 0 5839} 5840 5841.mod_home_grid.option-1 .row .grid .item { 5842 position: relative; 5843 overflow: hidden 5844} 5845 5846@media only screen and (max-width: 64em) { 5847 .mod_home_grid.option-1 .row .grid .item { 5848 overflow: inherit 5849 } 5850} 5851 5852.mod_home_grid.option-1 .row .grid .item .content { 5853 padding: 5% 8%; 5854 position: absolute; 5855 top: -40px; 5856 left: 0; 5857 width: 100%; 5858 height: 100%; 5859 background: rgba(0, 0, 0, .8); 5860 display: flex; 5861 flex-direction: column; 5862 opacity: 0; 5863 justify-content: center; 5864 align-items: center; 5865 visibility: visible 5866} 5867 5868.mod_home_grid.option-1 .row .grid .item .content h2, 5869.mod_home_grid.option-1 .row .grid .item .content h3, 5870.mod_home_grid.option-1 .row .grid .item .content h4, 5871.mod_home_grid.option-1 .row .grid .item .content h5, 5872.mod_home_grid.option-1 .row .grid .item .content ul li, 5873.mod_home_grid.option-1 .row .grid .item .content span, 5874.mod_home_grid.option-1 .row .grid .item .content a, 5875.mod_home_grid.option-1 .row .grid .item .content p { 5876 color: #fff 5877} 5878 5879@media only screen and (max-width: 64em) { 5880 .mod_home_grid.option-1 .row .grid .item .content { 5881 background: rgba(40, 40, 40, .5); 5882 padding: 20px 30px; 5883 top: 0; 5884 opacity: 1; 5885 visibility: visible 5886 } 5887} 5888 5889@media only screen and (max-width: 800px) { 5890 .mod_home_grid.option-1 .row .grid .item .content { 5891 padding: 20px 5892 } 5893} 5894 5895.mod_home_grid.option-1 .row .grid .item:hover .content { 5896 top: 0; 5897 opacity: 1; 5898 visibility: visible 5899} 5900 5901.mod_home_grid.option-2 { 5902 padding: 0 20px 5903} 5904 5905@media only screen and (max-width: 64em) { 5906 .mod_home_grid.option-2 { 5907 padding: 0 5908 } 5909} 5910 5911.mod_home_grid.option-2 .row .grid .item .content { 5912 padding: 10% 14%; 5913 transform: translateX(-35px); 5914 width: calc(100% + 70px); 5915 position: relative; 5916 margin-top: -40px; 5917 top: -40px 5918} 5919 5920@media only screen and (max-width: 1200px) { 5921 .mod_home_grid.option-2 .row .grid .item .content { 5922 width: calc(100% + 40px); 5923 transform: translateX(-20px); 5924 padding: 9% 13% 5925 } 5926} 5927 5928@media only screen and (max-width: 64em) { 5929 .mod_home_grid.option-2 .row .grid .item .content { 5930 width: 100%; 5931 transform: none; 5932 padding: 25px 20px; 5933 top: 0; 5934 opacity: 1; 5935 visibility: visible 5936 } 5937} 5938 5939.mod_home_grid.option-2 .row .grid .item:hover .content { 5940 top: 0; 5941 opacity: 1; 5942 visibility: visible 5943} 5944 5945.mod_home_grid.option-3 .row .grid .item .content { 5946 opacity: 1; 5947 visibility: visible; 5948 background: none; 5949 box-shadow: none 5950} 5951 5952.mod_home_grid.option-4 .row { 5953 max-width: 2000px 5954} 5955 5956.mod_home_grid.option-4 .row .grid .item { 5957 position: relative 5958} 5959 5960.mod_home_grid.option-4 .row .grid .item:after { 5961 content: ""; 5962 position: absolute; 5963 top: 0; 5964 left: 0; 5965 width: 100%; 5966 height: 100%; 5967 z-index: 2; 5968 display: block; 5969 background: #000; 5970 opacity: .25 5971} 5972 5973@media only screen and (max-width: 800px) { 5974 .mod_home_grid.option-4 .row .grid .item:after { 5975 opacity: .5 5976 } 5977} 5978 5979.mod_home_grid.option-4 .row .grid .item .content { 5980 opacity: 1; 5981 visibility: visible; 5982 background: none; 5983 box-shadow: none; 5984 position: absolute; 5985 bottom: 60px; 5986 padding: 0 20px; 5987 left: 20px; 5988 max-width: 280px; 5989 width: fit-content; 5990 flex-direction: column; 5991 align-items: center; 5992 justify-content: center 5993} 5994 5995.mod_home_grid.option-4 .row .grid .item .content h2.title { 5996 position: relative;
5997 display: inline; 5998 top: 20px; 5999 font-size: clamp(18px, 2vw, 35px); 6000 line-height: 1.5; 6001 letter-spacing: .5px; 6002 font-weight: 300; 6003 padding-bottom: 10px; 6004 text-transform: none; 6005 left: 0; 6006 margin-bottom: 0; 6007 transform: none 6008} 6009 6010.mod_home_grid.option-4 .row .grid .item .content h2.title:after { 6011 content: ""; 6012 position: absolute; 6013 bottom: 0; 6014 left: 0; 6015 width: 100%; 6016 border-top: 3px solid #d9c184 6017} 6018 6019.mod_home_grid.option-4 .row .grid .item .content .bottom { 6020 top: 20px; 6021 opacity: 0; 6022 visibility: hidden; 6023 position: relative 6024} 6025 6026.mod_home_grid.option-4 .row .grid .item .content .bottom a { 6027 font-size: 14px; 6028 color: #fff; 6029 position: relative 6030} 6031 6032.mod_home_grid.option-4 .row .grid .item .content .bottom a:after { 6033 content: ""; 6034 position: relative; 6035 display: inline-block; 6036 padding: 4px 20px; 6037 background: url("https://static.tresiocms.com/images/arrow-next.png?auto=format,compress") center center no-repeat; 6038 background-size: contain; 6039 filter: brightness(0) invert(1); 6040 transition-duration: 2s 6041} 6042 6043@media only screen and (max-width: 800px) { 6044 .mod_home_grid.option-4 .row .grid .item .content h2.title { 6045 top: 0 6046 } 6047 6048 .mod_home_grid.option-4 .row .grid .item .content .bottom { 6049 opacity: 1; 6050 visibility: visible; 6051 top: 20px 6052 } 6053} 6054 6055.mod_home_grid.option-4 .row .grid .item:hover:after { 6056 opacity: .5 6057} 6058 6059.mod_home_grid.option-4 .row .grid .item:hover .content h2.title { 6060 top: 0 6061} 6062 6063.mod_home_grid.option-4 .row .grid .item:hover .content .bottom { 6064 top: 20px; 6065 opacity: 1; 6066 visibility: visible 6067} 6068 6069.mod_home_grid.viewport picture img { 6070 transform: scale(1.2) 6071} 6072 6073.mod_home_grid.in-viewport picture img { 6074 transform: scale(1) 6075} 6076 6077.mod_home_media_grid .row h2 { 6078 text-align: center; 6079 margin-bottom: 40px 6080} 6081 6082.mod_home_media_grid .row .media { 6083 display: grid; 6084 grid-template-columns: 1fr 1fr; 6085 grid-gap: 20px 6086} 6087 6088@media only screen and (max-width: 40em) { 6089 .mod_home_media_grid .row .media { 6090 grid-template-columns: 1fr; 6091 grid-gap: 0 6092 } 6093} 6094 6095.mod_home_media_grid .row .media .section { 6096 display: flex; 6097 flex-direction: column; 6098 align-content: stretch; 6099 grid-gap: 20px 6100} 6101 6102@media only screen and (max-width: 40em) { 6103 .mod_home_media_grid .row .media .section { 6104 grid-gap: 0 6105 } 6106 6107 .mod_home_media_grid .row .media .section+.section { 6108 margin-top: 20px 6109 } 6110} 6111 6112.mod_home_media_grid .row .media .section .item { 6113 height: 100%; 6114 width: 100%; 6115 position: relative; 6116 padding-top: 50% 6117} 6118 6119@media only screen and (max-width: 40em) { 6120 .mod_home_media_grid .row .media .section .item+.item { 6121 margin-top: 20px 6122 } 6123} 6124 6125.banner { 6126 position: relative; 6127 overflow: hidden; 6128 color: #000; 6129 background-color: #f1f1f1 6130} 6131 6132@media only screen and (max-width: 64em) { 6133 .banner:not(.mod_home_hero):before { 6134 content: ""; 6135 position: absolute; 6136 top: 0; 6137 left: 0; 6138 width: 100%; 6139 height: 100%; 6140 z-index: 2; 6141 display: block; 6142 background: #fff; 6143 opacity: .7 6144 } 6145} 6146 6147.banner .row { 6148 position: relative; 6149 z-index: 3; 6150 max-width: 1200px; 6151 padding: calc(40px + 3%) 20px 6152} 6153 6154@media only screen and (max-width: 64em) { 6155 .banner .row { 6156 max-width: 100%; 6157 padding: calc(30px + 2.5%) 20px 6158 } 6159} 6160 6161.banner .row .inner { 6162 width: 50%; 6163 max-width: 50%; 6164 padding-right: 40px 6165} 6166 6167@media only screen and (max-width: 800px) { 6168 .banner .row .inner { 6169 width: 100%; 6170 max-width: 100%; 6171 padding-right: 0 6172 } 6173} 6174 6175.banner .row .inner h1 { 6176 padding-bottom: 10px 6177} 6178 6179.banner .row .inner hr { 6180 opacity: .5 6181} 6182 6183footer.partial_footer { 6184 padding: 40px 0 0; 6185 position: relative; 6186 background: #1e1e1e 6187} 6188 6189footer.partial_footer>.row { 6190 padding-top: 30px; 6191 padding-bottom: 50px; 6192 margin-bottom: 20px; 6193 position: relative; 6194 z-index: 2 6195} 6196 6197@media only screen and (max-width: 800px) { 6198 footer.partial_footer>.row { 6199 padding-top: 10px 6200 } 6201} 6202 6203footer.partial_footer p { 6204 margin-bottom: 15px 6205} 6206 6207@media only screen and (max-width: 40em) { 6208 footer.partial_footer p { 6209 text-align: center 6210 } 6211} 6212 6213footer.partial_footer hr { 6214 border: none; 6215 border-top: 1px solid #777 6216} 6217 6218footer.partial_footer nav.tresio-nav { 6219 padding-bottom: 0 6220} 6221 6222footer.partial_footer nav.tresio-nav ul.list>li.search { 6223 display: none 6224} 6225 6226footer.partial_footer nav.tresio-nav ul.list>li>a.tresio-nav__link { 6227 color: #000 !important; 6228 background: none !important; 6229 position: relative; 6230 padding: 0 !important 6231} 6232 6233footer.partial_footer nav.tresio-nav ul.list>li>a.tresio-nav__link:hover { 6234 background: none !important; 6235 opacity: 1 !important 6236} 6237 6238footer.partial_footer .reviews-holder { 6239 margin-top: 20px 6240} 6241 6242footer.partial_footer .reviews-holder p { 6243 letter-spacing: 1.5px; 6244 font-size: 12px; 6245 letter-spacing: .5px; 6246 display: inline-block; 6247 line-height: 1.4; 6248 margin-right: 6px; 6249 margin-bottom: 0 6250} 6251 6252footer.partial_footer .reviews-holder .stars {
6253 display: inline-block; 6254 position: relative; 6255 top: -1px 6256} 6257 6258footer.partial_footer .reviews-holder .stars i { 6259 font-size: 12px; 6260 color: #d9c184 6261} 6262 6263footer.partial_footer .reviews-holder .stars i+i { 6264 margin-left: 2px 6265} 6266 6267footer.partial_footer .hours span:first-child { 6268 margin-bottom: 10px 6269} 6270 6271footer.partial_footer .partial_socials li, 6272footer.partial_footer .partial_socials li a { 6273 background: #d9c184 !important 6274} 6275 6276@media only screen and (max-width: 800px) { 6277 footer.partial_footer .partial_socials { 6278 text-align: center 6279 } 6280} 6281 6282footer.partial_footer .nav-links { 6283 margin: 0 auto 30px; 6284 padding: 10px 20px 20px !important; 6285 position: relative; 6286 z-index: 9 6287} 6288 6289@media only screen and (max-width: 64em) { 6290 footer.partial_footer .nav-links { 6291 display: none 6292 } 6293} 6294 6295footer.partial_footer .nav-links .row { 6296 max-width: 900px 6297} 6298 6299footer.partial_footer .main { 6300 position: relative; 6301 max-width: 1200px; 6302 display: grid; 6303 grid-template-columns: 260px auto 260px; 6304 align-items: center 6305} 6306 6307@media only screen and (max-width: 800px) { 6308 footer.partial_footer .main { 6309 grid-template-columns: 1fr; 6310 flex-wrap: wrap; 6311 justify-content: center; 6312 padding-bottom: 0 !important 6313 } 6314} 6315 6316@media only screen and (max-width: 800px) { 6317 footer.partial_footer .main .item { 6318 text-align: center; 6319 margin: 15px 0; 6320 order: 2 6321 } 6322 6323 footer.partial_footer .main .item.logo-holder { 6324 order: 0 6325 } 6326} 6327 6328footer.partial_footer .main a.tel:hover { 6329 color: #fff 6330} 6331 6332footer.partial_footer .logo-holder { 6333 text-align: center 6334} 6335 6336footer.partial_footer .logo-holder .logo { 6337 display: inline-block 6338} 6339 6340footer.partial_footer .logo-holder .logo picture { 6341 position: relative; 6342 display: block; 6343 max-width: 200px 6344} 6345 6346footer.partial_footer .logo-holder .logo picture img { 6347 width: 100% 6348} 6349 6350footer.partial_footer .right-holder { 6351 text-align: left 6352} 6353 6354footer.partial_footer .right-holder .inner { 6355 display: inline-block 6356} 6357 6358footer.partial_footer .address { 6359 margin-top: 15px 6360} 6361 6362footer.partial_footer .address p, 6363footer.partial_footer .address a { 6364 color: #000; 6365 font-size: 16px; 6366 line-height: 1.4 6367} 6368 6369footer.partial_footer .address p:last-child, 6370footer.partial_footer .address a:last-child { 6371 margin-bottom: 0 6372} 6373 6374footer.partial_footer ul.partial_socials { 6375 margin: 0 6376} 6377 6378@media only screen and (max-width: 40em) { 6379 footer.partial_footer ul.partial_socials { 6380 width: 100%; 6381 float: none; 6382 text-align: center; 6383 margin-left: 0px 6384 } 6385} 6386 6387footer.partial_footer ul.partial_socials li { 6388 display: inline-block 6389} 6390 6391footer.partial_footer ul.partial_socials li a { 6392 border-radius: 0 6393} 6394 6395footer.partial_footer ul.partial_socials li+li { 6396 margin-left: 5px 6397} 6398 6399footer.partial_footer a { 6400 display: inline-block 6401} 6402 6403footer.partial_footer a:hover { 6404 cursor: pointer; 6405 opacity: .4 !important 6406} 6407 6408footer.partial_footer .fixed-cta { 6409 position: fixed; 6410 left: 0; 6411 bottom: -1px; 6412 width: 100%; 6413 text-align: center; 6414 display: none; 6415 z-index: 9999; 6416 box-shadow: 0 0 12px rgba(20, 20, 20, .25) 6417} 6418 6419@media only screen and (max-width: 800px) { 6420 footer.partial_footer .fixed-cta { 6421 display: flex 6422 } 6423} 6424 6425footer.partial_footer .fixed-cta a.btn, 6426footer.partial_footer .fixed-cta .mod_index_list .row a.item, 6427.mod_index_list .row footer.partial_footer .fixed-cta a.item { 6428 width: 50%; 6429 padding: 16px 10px 13px; 6430 background: #ddd; 6431 color: #000; 6432 display: block; 6433 font-size: 15px; 6434 margin-top: 0; 6435 border-radius: 0; 6436 text-transform: uppercase; 6437 letter-spacing: 1px; 6438 font-weight: 500 6439} 6440 6441footer.partial_footer .fixed-cta a.btn span, 6442footer.partial_footer .fixed-cta .mod_index_list .row a.item span, 6443.mod_index_list .row footer.partial_footer .fixed-cta a.item span { 6444 font-size: 15px 6445} 6446 6447footer.partial_footer .fixed-cta a.btn+a.btn, 6448footer.partial_footer .fixed-cta .mod_index_list .row a.item+a.btn, 6449.mod_index_list .row footer.partial_footer .fixed-cta a.item+a.btn, 6450footer.partial_footer .fixed-cta .mod_index_list .row a.btn+a.item, 6451.mod_index_list .row footer.partial_footer .fixed-cta a.btn+a.item, 6452footer.partial_footer .fixed-cta .mod_index_list .row a.item+a.item, 6453.mod_index_list .row footer.partial_footer .fixed-cta a.item+a.item { 6454 background: #d9c184; 6455 color: #fff 6456} 6457 6458footer.partial_footer .fixed-cta a.btn:hover, 6459footer.partial_footer .fixed-cta .mod_index_list .row a.item:hover, 6460.mod_index_list .row footer.partial_footer .fixed-cta a.item:hover { 6461 opacity: 1 !important 6462} 6463 6464.trademark { 6465 position: relative; 6466 z-index: 1; 6467 background: #af9a7a 6468} 6469 6470.trademark .row { 6471 display: grid; 6472 align-items: center; 6473 padding: 40px 20px; 6474 grid-template-columns: 1fr 1fr 1fr 6475} 6476 6477@media only screen and (max-width: 900px) { 6478 .trademark .row { 6479 grid-template-columns: 1fr; 6480 text-align: center; 6481 grid-gap: 10px; 6482 padding: 30px 20px 6483 } 6484} 6485 6486.trademark .row a { 6487 color: #fff 6488} 6489 6490@media only screen and (max-width: 40em) { 6491 .trademark .row .item.reserved a { 6492 display: block 6493 } 6494} 6495 6496.trademark .row .item:nth-child(2) { 6497 text-align: center 6498} 6499 6500.trademark .row .item:nth-child(2) a+a { 6501 position: relative; 6502 margin-left: 5px 6503} 6504 6505.trademark .row .item:nth-child(2) a+a:before { 6506 content: ""; 6507 border-left: 1px solid #fff; 6508 padding-right: 10px; 6509 height: 11px; 6510 display: inline-block; 6511 position: relative; 6512 top: 2px 6513} 6514 6515@media only screen and (max-width: 900px) { 6516 .trademark .row .item:nth-child(2) { 6517 margin-top: 20px; 6518 text-align: center 6519 } 6520} 6521 6522.trademark .row .item.s3 { 6523 text-align: right 6524} 6525 6526@media only screen and (max-width: 900px) { 6527 .trademark .row .item.s3 { 6528 margin-top: 20px; 6529 text-align: center 6530 } 6531} 6532 6533.trademark .row .item.s3 a { 6534 display: inline-block; 6535 text-align: left; 6536 padding-left: 42px; 6537 line-height: 1.3; 6538 letter-spacing: .8px; 6539 position: relative 6540} 6541 6542.trademark .row .item.s3 a span.s3-logo { 6543 position: absolute; 6544 width: 8px; 6545 height: 30px; 6546 background: #fff; 6547 left: 11px; 6548 top: 50%; 6549 transform: translateY(-50%) 6550} 6551 6552.trademark .row .item.s3 a span.s3-logo:before, 6553.trademark .row .item.s3 a span.s3-logo:after { 6554 content: ""; 6555 position: absolute;
6556 display: inline-block; 6557 background: #fff; 6558 width: 8px; 6559 height: 100%; 6560 top: 0; 6561 left: -11px 6562} 6563 6564.trademark .row .item.s3 a span.s3-logo:after { 6565 left: auto; 6566 right: -11px 6567} 6568 6569.trademark .row p, 6570.trademark .row a { 6571 font-size: 12px; 6572 margin-bottom: 0 !important; 6573 letter-spacing: 1px; 6574 color: #fff !important 6575} 6576 6577.trademark .row p+a, 6578.trademark .row a+a { 6579 margin-left: 10px 6580} 6581 6582.landing-page .trademark .row { 6583 grid-template-columns: 1fr 1fr 6584} 6585 6586@media only screen and (max-width: 900px) { 6587 .landing-page .trademark .row { 6588 grid-template-columns: 1fr 6589 } 6590} 6591 6592.landing-page .trademark .row .item:nth-child(2) { 6593 text-align: right 6594} 6595 6596@media only screen and (max-width: 900px) { 6597 .landing-page .trademark .row .item:nth-child(2) { 6598 text-align: center 6599 } 6600} 6601 6602.contact-scroll { 6603 padding: 16px 32px; 6604 font-size: 16px; 6605 font-family: "canada-type-gibson", Arial, sans-serif; 6606 background: #d9c184; 6607 color: #fff; 6608 font-weight: 400; 6609 border-radius: 5px; 6610 opacity: 1; 6611 margin: 20px auto; 6612 display: table; 6613 cursor: pointer; 6614 z-index: 999 6615} 6616 6617.contact-scroll.fixed { 6618 position: fixed; 6619 bottom: 20px; 6620 right: 20px; 6621 margin-bottom: 0 6622} 6623 6624@media only screen and (max-width: 800px) { 6625 .contact-scroll.fixed { 6626 display: none 6627 } 6628} 6629 6630form { 6631 margin: 0 6632} 6633 6634form .fields { 6635 display: flex; 6636 flex-direction: column 6637} 6638 6639form .fields .section-label { 6640 font-size: 16px; 6641 font-weight: 300; 6642 margin-top: 10px 6643} 6644 6645form .fields .field-row { 6646 display: flex; 6647 margin-bottom: 15px 6648} 6649 6650form .fields .field-row.col2 .field { 6651 width: 50%; 6652 margin-right: 15px 6653} 6654 6655form .fields .field-row.col2 .field:nth-child(even) { 6656 margin-right: 0 6657} 6658 6659form .fields .field-row.col3 .field { 6660 width: 33.33%; 6661 margin-right: 15px 6662} 6663 6664form .fields .field-row.col3 .field:nth-child(3n) { 6665 margin-right: 0 6666} 6667 6668form .fields .field-row.col4 .field { 6669 margin-right: 15px 6670} 6671 6672form .fields .field-row.col4 .field:last-child { 6673 margin-right: 0 6674} 6675 6676@media only screen and (max-width: 40em) { 6677 6678 form .fields .field-row.col2, 6679 form .fields .field-row.col3, 6680 form .fields .field-row.col4 { 6681 flex-wrap: wrap; 6682 grid-template-columns: 1fr 6683 } 6684 6685 form .fields .field-row.col2 .field, 6686 form .fields .field-row.col3 .field, 6687 form .fields .field-row.col4 .field { 6688 width: 100%; 6689 margin-right: 0 !important; 6690 margin-bottom: 15px 6691 } 6692 6693 form .fields .field-row.col2 .field:last-child, 6694 form .fields .field-row.col3 .field:last-child, 6695 form .fields .field-row.col4 .field:last-child { 6696 margin-bottom: 0 6697 } 6698} 6699 6700form .fields .field-row .field { 6701 position: relative; 6702 width: 100% 6703} 6704 6705form .fields .field-row .field.checkbox, 6706form .fields .field-row .field.radio { 6707 padding-top: 20px 6708} 6709 6710form .fields .field-row .field.checkbox>label, 6711form .fields .field-row .field.radio>label { 6712 font-weight: 300; 6713 padding-bottom: 8px; 6714 color: #000; 6715 font-size: 16px 6716} 6717 6718form .fields .field-row .field.checkbox label, 6719form .fields .field-row .field.radio label { 6720 display: block 6721} 6722 6723form .fields .field-row .field.checkbox input, 6724form .fields .field-row .field.checkbox label, 6725form .fields .field-row .field.radio input, 6726form .fields .field-row .field.radio label { 6727 margin: 0 6728} 6729 6730form .fields .field-row .field.checkbox input, 6731form .fields .field-row .field.radio input { 6732 margin-right: 8px; 6733 margin-top: 3px 6734} 6735 6736form .fields .field-row .field.checkbox small, 6737form .fields .field-row .field.radio small { 6738 top: 3px 6739} 6740 6741form .fields .field-row .field label { 6742 display: none; 6743 font-size: 12px; 6744 margin-bottom: 5px; 6745 color: #666 6746} 6747 6748form .fields .field-row .field label[for=virtualConsultation_file_upload] { 6749 display: inline-block; 6750 margin-right: 20px 6751} 6752 6753form .fields .field-row .field .field-item { 6754 display: flex; 6755 margin-bottom: 4px 6756} 6757 6758form .fields .field-row .field .field-item label { 6759 color: #000 6760} 6761 6762form .fields .field-row .field small { 6763 pointer-events: none; 6764 background: #dc7474; 6765 color: #000; 6766 border-radius: 3px; 6767 font-size: 11px; 6768 font-weight: 400; 6769 width: fit-content; 6770 overflow: hidden; 6771 white-space: nowrap; 6772 text-overflow: ellipsis; 6773 position: absolute; 6774 right: 10px; 6775 top: 14px; 6776 text-align: center; 6777 z-index: 100000; 6778 opacity: 0; 6779 padding: 2px 4px; 6780 transition: all .2s; 6781 transform: translateY(-20px) 6782} 6783 6784form .fields .field-row .field.error small { 6785 opacity: 1 6786} 6787 6788form .fields .field-row .field.error input, 6789form .fields .field-row .field.error select, 6790form .fields .field-row .field.error textarea { 6791 border-color: #dc7474 6792} 6793 6794form .fields .field-row .field.select { 6795 position: relative 6796} 6797 6798form .fields .field-row .field.select:after { 6799 content: ""; 6800 position: absolute; 6801 top: 50%; 6802 right: 10px; 6803 background: url("/assets/img/img-export/1679596159-black-down-chevron.svg?auto=format,compress") no-repeat center center; 6804 filter: invert(1); 6805 background-size: 100% auto; 6806 transform: translateY(-50%); 6807 padding: 5px; 6808 display: inline-block; 6809 pointer-events: none 6810} 6811 6812form .fields .field-row .field.select select { 6813 padding-right: 20px 6814} 6815 6816form div[data-recaptcha] { 6817 width: 304px; 6818 margin: 0 auto; 6819 margin-top: 10px; 6820 margin-bottom: 2px; 6821 transition: height .2s, opacity .2s linear .4s; 6822 height: 0 !important; 6823 opacity: 0 6824} 6825 6826form div[data-recaptcha].active { 6827 opacity: 1; 6828 height: 54px !important 6829} 6830 6831@media only screen and (max-width: 64em) { 6832 form div[data-recaptcha] {
6833 margin: -10px 0 -10px -31px 6834 } 6835} 6836 6837form div[data-recaptcha]>div { 6838 transform: scale(0.7); 6839 transform-origin: top center 6840} 6841 6842form div[data-recaptcha-error] { 6843 text-align: center 6844} 6845 6846form div[data-recaptcha-error].error small { 6847 margin-top: 10px; 6848 display: block; 6849 opacity: 1 6850} 6851 6852form div[data-recaptcha-error] small { 6853 background: #dc7474; 6854 color: #000; 6855 border-radius: 3px; 6856 font-size: 10px; 6857 font-weight: 400; 6858 width: fit-content; 6859 text-align: center; 6860 display: none; 6861 opacity: 0; 6862 padding: 2px 4px; 6863 transition: all .2s; 6864 margin: auto 6865} 6866 6867form .submit-holder { 6868 margin-top: 20px 6869} 6870 6871@media only screen and (max-width: 800px) { 6872 form .submit-holder { 6873 text-align: left 6874 } 6875} 6876 6877form .submit-holder .submit { 6878 display: none 6879} 6880 6881form ::placeholder { 6882 color: #444 6883} 6884 6885form input:-webkit-autofill, 6886form input:-webkit-autofill:hover, 6887form input:-webkit-autofill:focus, 6888form textarea:-webkit-autofill, 6889form textarea:-webkit-autofill:hover, 6890form textarea:-webkit-autofill:focus, 6891form select:-webkit-autofill, 6892form select:-webkit-autofill:hover, 6893form select:-webkit-autofill:focus { 6894 background: rgba(255, 255, 255, 0); 6895 -webkit-text-fill-color: #000; 6896 -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset; 6897 transition: background-color 5000s ease-in-out 2s; 6898 color: #000 6899} 6900 6901form input[type=text], 6902form input[type=tel], 6903form input[type=email], 6904form input[type=number], 6905form input[type=date], 6906form textarea, 6907form select { 6908 height: auto; 6909 margin-bottom: 0; 6910 padding: 10px 12px; 6911 color: #000; 6912 background: rgba(0, 0, 0, 0); 6913 border: 2px solid rgba(153, 153, 153, .5); 6914 border-radius: 0; 6915 font-size: 16px; 6916 letter-spacing: 1.2px; 6917 font-family: "p22-mackinac-pro", Times, serif; 6918 font-weight: 300; 6919 border-top: rgba(0, 0, 0, 0); 6920 border-left: rgba(0, 0, 0, 0); 6921 border-right: rgba(0, 0, 0, 0); 6922 box-shadow: none 6923} 6924 6925form input[type=text]::placeholder, 6926form input[type=tel]::placeholder, 6927form input[type=email]::placeholder, 6928form input[type=number]::placeholder, 6929form input[type=date]::placeholder, 6930form textarea::placeholder, 6931form select::placeholder { 6932 color: #000 !important 6933} 6934 6935form input[type=text] option, 6936form input[type=tel] option, 6937form input[type=email] option, 6938form input[type=number] option, 6939form input[type=date] option, 6940form textarea option, 6941form select option { 6942 color: #000 6943} 6944 6945form input[type=text]::placeholder, 6946form input[type=tel]::placeholder, 6947form input[type=email]::placeholder, 6948form input[type=number]::placeholder, 6949form input[type=date]::placeholder, 6950form textarea::placeholder, 6951form select::placeholder { 6952 color: #fff 6953} 6954 6955form input[type=text]:focus, 6956form input[type=tel]:focus, 6957form input[type=email]:focus, 6958form input[type=number]:focus, 6959form input[type=date]:focus, 6960form textarea:focus, 6961form select:focus { 6962 backdrop-filter: blur(10px); 6963 -webkit-backdrop-filter: blur(10px); 6964 outline: none; 6965 border-bottom: 2px solid #000 6966} 6967 6968form input[type=text]:focus::placeholder, 6969form input[type=tel]:focus::placeholder, 6970form input[type=email]:focus::placeholder, 6971form input[type=number]:focus::placeholder, 6972form input[type=date]:focus::placeholder, 6973form textarea:focus::placeholder, 6974form select:focus::placeholder { 6975 color: rgba(255, 255, 255, .5) 6976} 6977 6978form input[type=date] { 6979 padding: 8px 12px; 6980 position: relative 6981} 6982 6983form input[type=date]::-webkit-calendar-picker-indicator { 6984 filter: invert(1); 6985 bottom: 0; 6986 cursor: pointer; 6987 height: auto; 6988 position: absolute; 6989 right: 0; 6990 top: 0; 6991 width: 100%; 6992 opacity: .8; 6993 background-size: 20px auto; 6994 background-position: 98% center 6995} 6996 6997form textarea { 6998 resize: none; 6999 line-height: 1.5 7000} 7001 7002form .file-upload-btn { 7003 position: relative; 7004 border-radius: 2px; 7005 background: #000; 7006 border: 1px solid #999; 7007 font-size: 80%; 7008 color: #222; 7009 padding: 12px 24px 7010} 7011 7012form .file-upload-btn:hover { 7013 color: #000; 7014 background: #000 7015} 7016 7017form .file-upload-btn input[type=file] { 7018 display: none 7019} 7020 7021form textarea+small { 7022 border-bottom-right-radius: 0px !important 7023} 7024 7025.partial_gallery_index { 7026 position: relative 7027} 7028 7029.partial_gallery_index .row { 7030 max-width: 1200px; 7031 margin: 0 auto; 7032 display: grid; 7033 grid-template-columns: 1fr 1fr; 7034 grid-gap: 20px 7035} 7036 7037@media only screen and (max-width: 40em) { 7038 .partial_gallery_index .row { 7039 grid-template-columns: 1fr 7040 } 7041} 7042 7043.partial_gallery_index .row .group picture.media {
7044 display: block 7045} 7046 7047.partial_gallery_index .row .group .links { 7048 margin-top: 20px; 7049 max-width: 80% 7050} 7051 7052@media only screen and (max-width: 40em) { 7053 .partial_gallery_index .row .group .links { 7054 max-width: 100% 7055 } 7056} 7057 7058.partial_gallery_index .row .group .links ul { 7059 margin: 0 7060} 7061 7062.partial_gallery_index .row .group .links ul li { 7063 line-height: 2; 7064 font-size: 15px; 7065 padding-left: 0 7066} 7067 7068.partial_gallery_index .row .group .links ul li a { 7069 color: #000; 7070 text-decoration: none 7071} 7072 7073.partial_gallery_index .row .group .links ul li a:hover { 7074 color: #000; 7075 opacity: 1 7076} 7077 7078.partial_gallery_index .row .group .links ul li+li { 7079 margin-top: 4px; 7080 padding-top: 4px; 7081 border-top: 1px solid #ddd 7082} 7083 7084@media only screen and (max-width: 40em) { 7085 .partial_gallery_index .row .group .links { 7086 position: relative; 7087 bottom: 0; 7088 padding: 0; 7089 margin-top: 25px 7090 } 7091} 7092 7093.age-restricted { 7094 opacity: 0; 7095 visibility: hidden; 7096 pointer-events: none; 7097 position: relative; 7098 z-index: 9999 7099} 7100 7101.age-restricted .popup { 7102 position: fixed; 7103 width: calc(100% - 40px); 7104 max-width: 560px; 7105 top: 50%; 7106 left: 50%; 7107 transform: translate(-50%, -50%); 7108 display: flex; 7109 flex-direction: column; 7110 background: rgba(255, 255, 255, .9); 7111 box-shadow: 0 0 30px rgba(0, 0, 0, .2); 7112 padding: 50px 30px; 7113 text-align: center; 7114 justify-content: center; 7115 align-items: center; 7116 border-radius: 4px; 7117 z-index: 9 7118} 7119 7120.age-restricted .popup h3 { 7121 font-size: 32px 7122} 7123 7124@media only screen and (max-width: 800px) { 7125 .age-restricted .popup h3 { 7126 font-size: 28px 7127 } 7128} 7129 7130@media only screen and (max-width: 40em) { 7131 .age-restricted .popup h3 { 7132 font-size: 24px 7133 } 7134} 7135 7136.age-restricted .popup p { 7137 max-width: 540px 7138} 7139 7140.age-restricted .popup span.close { 7141 position: absolute; 7142 top: 20px; 7143 right: 20px 7144} 7145 7146.age-restricted .popup span.close:before { 7147 content: "+"; 7148 transform: rotate(45deg); 7149 align-items: center; 7150 display: inline-flex; 7151 justify-content: center; 7152 font-size: 24px; 7153 font-weight: 400; 7154 height: 14px; 7155 width: 8px 7156} 7157 7158.age-restricted .popup span.close:hover { 7159 cursor: pointer; 7160 opacity: .6 7161} 7162 7163.age-restricted .overlay { 7164 content: ""; 7165 position: absolute; 7166 top: 0; 7167 left: 0; 7168 width: 100%; 7169 height: 100%; 7170 z-index: 2; 7171 display: block; 7172 background: #333; 7173 opacity: .5; 7174 position: fixed; 7175 z-index: 8 7176} 7177 7178.age-restricted.open { 7179 opacity: 1; 7180 visibility: visible; 7181 pointer-events: initial 7182} 7183 7184.partial_gallery_item_index .row { 7185 max-width: 1200px; 7186 margin: 0 auto 7187} 7188 7189.partial_gallery_dropdown { 7190 margin-bottom: 40px; 7191 position: relative; 7192 display: flex; 7193 justify-content: space-between; 7194} 7195 7196@media only screen and (max-width: 40em) { 7197 .partial_gallery_dropdown { 7198 flex-direction: column; 7199 align-items: normal; 7200 grid-gap: 20px 7201 } 7202 7203 .partial_gallery_dropdown ul.dropdown, 7204 .partial_gallery_dropdown .dropdown { 7205 } 7206 7207 .partial_gallery_dropdown .link, 7208 .partial_gallery_dropdown .mod_home_banner .row .content a.center, 7209 .mod_home_banner .row .content .partial_gallery_dropdown a.center { 7210 text-align: right 7211 } 7212} 7213 7214.partial_gallery_dropdown ul.dropdown, 7215.partial_gallery_dropdown .dropdown { 7216 line-height: 1.6; 7217 margin: 0 7218} 7219 7220.partial_gallery_dropdown ul.dropdown .selector, 7221.partial_gallery_dropdown .dropdown .selector { 7222 position: relative; 7223 padding: 8px 35px 5px 10px; 7224 min-width: 250px; 7225 font-size: 16px; 7226 background: #d9c184; 7227 border-radius: 2px; 7228 color: #fff; 7229 cursor: pointer; 7230 border-radius: 4px; 7231} 7232 7233.partial_gallery_dropdown ul.dropdown .selector .icon-left-open, 7234.partial_gallery_dropdown .dropdown .selector .icon-left-open { 7235 position: absolute; 7236 right: 12px; 7237 top: 2px; 7238 line-height: 34px; 7239 font-size: 12px; 7240 transform: rotate(270deg); 7241 transition: transform .2s 7242} 7243 7244.partial_gallery_dropdown ul.dropdown .selector:hover, 7245.partial_gallery_dropdown .dropdown .selector:hover { 7246 border-radius: 2px 2px 0 0 7247} 7248 7249.partial_gallery_dropdown ul.dropdown .selector:hover .icon-left-open, 7250.partial_gallery_dropdown .dropdown .selector:hover .icon-left-open { 7251 transform: rotate(90deg) 7252} 7253 7254.partial_gallery_dropdown ul.dropdown .selector:hover ul, 7255.partial_gallery_dropdown .dropdown .selector:hover ul { 7256 opacity: 1; 7257 visibility: visible 7258} 7259 7260.partial_gallery_dropdown ul.dropdown ul, 7261.partial_gallery_dropdown .dropdown ul { 7262 opacity: 0; 7263 visibility: hidden; 7264 position: absolute; 7265 top: 37px; 7266 left: 0; 7267 width: 100%; 7268 max-height: 305px; 7269 overflow: auto; 7270 border-radius: 2px; 7271 margin: 0; 7272 z-index: 99; 7273 transition: .15s all ease-in-out; 7274 background: #fafafa 7275} 7276 7277.partial_gallery_dropdown ul.dropdown ul li a, 7278.partial_gallery_dropdown .dropdown ul li a { 7279 padding: 8px 10px; 7280 font-size: 16px; 7281 text-decoration: none; 7282 color: #000; 7283 font-weight: 400; 7284 display: block 7285} 7286 7287.partial_gallery_dropdown ul.dropdown ul li a:hover, 7288.partial_gallery_dropdown .dropdown ul li a:hover { 7289 background: #ddd; 7290 opacity: 1 7291} 7292 7293.partial_gallery_dropdown ul.dropdown ul li+li, 7294.partial_gallery_dropdown .dropdown ul li+li { 7295 border-top: 1px solid #eee 7296} 7297 7298.partial_gallery_dropdown .link, 7299.partial_gallery_dropdown .mod_home_banner .row .content a.center, 7300.mod_home_banner .row .content .partial_gallery_dropdown a.center { 7301 text-decoration: none; 7302 font-weight: 500 7303} 7304 7305.partial_gallery_dropdown .link .icon-left-open, 7306.partial_gallery_dropdown .mod_home_banner .row .content a.center .icon-left-open, 7307.mod_home_banner .row .content .partial_gallery_dropdown a.center .icon-left-open { 7308 font-size: 14px 7309} 7310 7311.partial_gallery_default_item_index, 7312.partial_gallery_popup_item_index { 7313 position: relative;
7314 display: grid; 7315 grid-template-columns: 1fr 1fr 1fr; 7316 grid-gap: 20px 7317} 7318 7319@media only screen and (max-width: 800px) { 7320 7321 .partial_gallery_default_item_index, 7322 .partial_gallery_popup_item_index { 7323 grid-template-columns: 1fr 1fr 7324 } 7325} 7326 7327@media only screen and (max-width: 40em) { 7328 7329 .partial_gallery_default_item_index, 7330 .partial_gallery_popup_item_index { 7331 grid-template-columns: 1fr 7332 } 7333} 7334 7335.partial_gallery_default_item_index .item, 7336.partial_gallery_popup_item_index .item { 7337 position: relative; 7338 height: 400px; 7339 display: flex; 7340 border-radius: 2px; 7341 overflow: hidden 7342} 7343 7344@media only screen and (max-width: 800px) { 7345 7346 .partial_gallery_default_item_index .item, 7347 .partial_gallery_popup_item_index .item { 7348 height: 20vw 7349 } 7350} 7351 7352@media only screen and (max-width: 40em) { 7353 7354 .partial_gallery_default_item_index .item, 7355 .partial_gallery_popup_item_index .item { 7356 height: 35vw 7357 } 7358} 7359 7360.partial_gallery_default_item_index .item.single, 7361.partial_gallery_popup_item_index .item.single { 7362 border-radius: 0 7363} 7364 7365.partial_gallery_default_item_index .item.single picture, 7366.partial_gallery_popup_item_index .item.single picture { 7367 border-radius: 2px 7368} 7369 7370.partial_gallery_default_item_index .item picture, 7371.partial_gallery_popup_item_index .item picture { 7372 width: 100%; 7373 position: relative; 7374 overflow: hidden 7375} 7376 7377.partial_gallery_default_item_index .item picture img, 7378.partial_gallery_popup_item_index .item picture img { 7379 width: 100%; 7380 height: 100%; 7381 object-fit: cover 7382} 7383 7384.partial_gallery_popup_item_index .item { 7385 background: #efefef 7386} 7387 7388.partial_gallery_popup_item_index .item .default-content { 7389 width: 100% 7390} 7391 7392.partial_gallery_popup_item_index .popup-content { 7393 display: none 7394} 7395 7396.s3-popup .popup-item-wrapper .item .default-content { 7397 display: none 7398} 7399 7400@media only screen and (max-width: 800px) { 7401 .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders { 7402 flex-wrap: wrap 7403 } 7404} 7405 7406@media only screen and (max-width: 800px) { 7407 .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .thumbnails-slider { 7408 width: 100%; 7409 margin: 0 auto 7410 } 7411 7412 .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .thumbnails-slider .item picture { 7413 max-width: 70px 7414 } 7415 7416 .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .thumbnails-slider .item picture img { 7417 height: auto 7418 } 7419} 7420 7421.s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .item-slider.single .item, 7422.s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .item-slider.one .item { 7423 opacity: 1 7424} 7425 7426.s3-popup .popup-item-wrapper .item .popup-content .item-copy { 7427 margin-top: 20px 7428} 7429 7430.partial_gallery_row_item_index { 7431 display: flex; 7432 flex-direction: column; 7433 grid-gap: 20px 7434} 7435 7436.partial_gallery_row_item_index .row-item { 7437 display: flex; 7438 flex-direction: row; 7439 overflow: hidden; 7440 border: 1px solid #ddd; 7441 border-radius: 2px 7442} 7443 7444@media only screen and (max-width: 800px) { 7445 .partial_gallery_row_item_index .row-item { 7446 flex-wrap: wrap 7447 } 7448} 7449 7450.partial_gallery_row_item_index .row-item .row-info { 7451 padding: 20px; 7452 width: 50%; 7453 position: relative; 7454 border-right: 1px solid #ddd 7455} 7456 7457@media only screen and (max-width: 800px) { 7458 .partial_gallery_row_item_index .row-item .row-info { 7459 border-right: none; 7460 width: 100% 7461 } 7462} 7463 7464.partial_gallery_row_item_index .row-item .row-info h2 { 7465 font-size: 24px; 7466 font-weight: 400 7467} 7468 7469@media only screen and (max-width: 64em) { 7470 .partial_gallery_row_item_index .row-item .row-info h2 { 7471 font-size: 22px 7472 } 7473} 7474 7475@media only screen and (max-width: 40em) { 7476 .partial_gallery_row_item_index .row-item .row-info h2 { 7477 font-size: 20px 7478 } 7479} 7480 7481.partial_gallery_row_item_index .row-item .row-info p.results-vary { 7482 font-size: 14px; 7483 font-style: italic; 7484 opacity: .8 7485} 7486 7487.partial_gallery_row_item_index .row-item .row-media { 7488 padding: 20px; 7489 width: 50%; 7490 display: flex; 7491 flex-wrap: wrap 7492} 7493 7494@media only screen and (max-width: 800px) { 7495 .partial_gallery_row_item_index .row-item .row-media { 7496 max-width: 600px 7497 } 7498} 7499 7500.partial_gallery_row_item_index .row-item .row-media .image { 7501 width: calc(50% - 10px); 7502 margin-top: 20px; 7503 border-radius: 2px 7504} 7505 7506.partial_gallery_row_item_index .row-item .row-media .image a { 7507 display: inline-block 7508} 7509 7510.partial_gallery_row_item_index .row-item .row-media .image a picture img { 7511 object-fit: cover 7512} 7513 7514.partial_gallery_row_item_index .row-item .row-media .image:first-child, 7515.partial_gallery_row_item_index .row-item .row-media .image:nth-child(2) { 7516 margin-top: 0 7517} 7518 7519.partial_gallery_row_item_index .row-item .row-media .image:nth-child(even) { 7520 margin-left: 20px 7521} 7522 7523@media only screen and (max-width: 800px) { 7524 .partial_gallery_row_item_index .row-item .row-media { 7525 width: 100% 7526 } 7527} 7528 7529.partial_gallery_item { 7530 position: relative 7531} 7532 7533.partial_gallery_item .item-copy { 7534 margin-top: 40px; 7535 text-align: center 7536} 7537 7538@media only screen and (max-width: 64em) { 7539 .partial_gallery_item .item-copy { 7540 margin-top: 30px 7541 } 7542} 7543 7544@media only screen and (max-width: 800px) { 7545 .partial_gallery_item .item-copy { 7546 margin-top: 20px 7547 } 7548} 7549 7550.partial_gallery_item .item-nav { 7551 margin-top: 40px 7552} 7553 7554.partial_gallery_item .row { 7555 max-width: 1200px; 7556 margin: 0 auto 7557} 7558 7559.partial_gallery_item_sliders { 7560 width: 100%; 7561 display: flex; 7562 grid-gap: 20px 7563} 7564 7565.partial_gallery_item_sliders>div:first-child { 7566 flex: 1 7567} 7568 7569@media only screen and (max-width: 40em) { 7570 .partial_gallery_item_sliders { 7571 flex-direction: column 7572 } 7573} 7574 7575.partial_gallery_item_sliders picture { 7576 width: 100%; 7577 height: 100% 7578}
7578 7579 7580.partial_gallery_item_sliders picture img { 7581 width: 100%; 7582 height: 100%; 7583 object-fit: cover 7584} 7585 7586.partial_gallery_item_sliders .item-slider .item, 7587.partial_gallery_item_sliders .thumbnails-slider .item { 7588 display: flex; 7589 margin: 0; 7590 padding: 0; 7591 width: 100%; 7592 overflow: hidden; 7593 border-radius: 2px; 7594 cursor: pointer; 7595 transition: all .2s 7596} 7597 7598.partial_gallery_item_sliders .item-slider { 7599 display: flex; 7600 flex: 1 7601} 7602 7603.partial_gallery_item_sliders .thumbnails-slider { 7604 display: flex; 7605 flex-direction: column; 7606 grid-gap: 10px; 7607 width: 120px 7608} 7609 7610.partial_gallery_item_sliders .thumbnails-slider .item.active { 7611 opacity: .4 7612} 7613 7614@media only screen and (max-width: 40em) { 7615 .partial_gallery_item_sliders .thumbnails-slider { 7616 flex-direction: row 7617 } 7618} 7619 7620.partial_gallery_item_sliders.double .item { 7621 grid-gap: 20px 7622} 7623 7624.partial_gallery_item_sliders.double .item picture { 7625 overflow: hidden; 7626 border-radius: 2px 7627} 7628 7629@media only screen and (max-width: 40em) { 7630 .partial_gallery_item_sliders { 7631 grid-gap: 10px 7632 } 7633 7634 .partial_gallery_item_sliders.double .item { 7635 grid-gap: 10px 7636 } 7637 7638 .partial_gallery_item_sliders .thumbnails-slider { 7639 grid-gap: 5px 7640 } 7641} 7642 7643.partial_gallery_modules_slider { 7644 margin-top: 40px 7645} 7646 7647.partial_gallery_modules_slider .buttons { 7648 display: flex; 7649 justify-content: space-between 7650} 7651 7652.partial_gallery_modules_slider .buttons button { 7653 color: #d9c184; 7654 background-color: #000; 7655 padding: 10px 20px; 7656 font-size: 13px 7657} 7658 7659.partial_gallery_modules_slider .content { 7660 margin-top: 40px; 7661 border-top: 1px solid #ccc; 7662 padding-top: 30px 7663} 7664 7665.partial_gallery_modules_slider .content h2, 7666.partial_gallery_modules_slider .content h3 { 7667 text-align: center; 7668 font-size: 24px 7669} 7670 7671@media only screen and (max-width: 800px) { 7672 7673 .partial_gallery_modules_slider .content h2, 7674 .partial_gallery_modules_slider .content h3 { 7675 font-size: 20px 7676 } 7677} 7678 7679.partial_gallery_modules_slider .modules-slider { 7680 display: flex 7681} 7682 7683.partial_gallery_modules_slider .modules-slider .item.active { 7684 opacity: .4 7685} 7686 7687.partial_gallery_modules_slider .modules-slider picture { 7688 width: 100%; 7689 height: 100%; 7690 border-radius: 2px; 7691 overflow: hidden 7692} 7693 7694.partial_gallery_modules_slider .modules-slider picture img { 7695 width: 100%; 7696 height: 100%; 7697 object-fit: cover 7698} 7699 7700@media only screen and (max-width: 40em) { 7701 .partial_gallery_modules_slider { 7702 margin-top: 20px 7703 } 7704 7705 .partial_gallery_modules_slider button { 7706 width: fit-content 7707 } 7708 7709 .partial_gallery_modules_slider .content { 7710 margin-top: 20px 7711 } 7712} 7713 7714body.blog .container:not(footer):not(.partial_cta_sub) { 7715 background: none; 7716 padding: 0 7717} 7718 7719body.blog .container:not(footer):not(.partial_cta_sub) .row { 7720 max-width: 960px; 7721 margin: 0 auto; 7722 padding-bottom: 40px 7723} 7724 7725body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar { 7726 max-width: 1200px; 7727 display: grid; 7728 grid-template-columns: 280px auto 7729} 7730 7731@media only screen and (max-width: 64em) { 7732 body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar { 7733 grid-template-columns: 250px auto 7734 } 7735} 7736 7737@media only screen and (max-width: 800px) { 7738 body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar { 7739 grid-template-columns: 1fr 7740 } 7741} 7742 7743body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar { 7744 width: 250px; 7745 padding: 20px; 7746 background: #efefef 7747} 7748 7749@media only screen and (max-width: 64em) { 7750 body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar { 7751 width: 220px 7752 } 7753} 7754 7755@media only screen and (max-width: 800px) { 7756 body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar { 7757 order: 2; 7758 width: 100%; 7759 margin-top: 40px 7760 } 7761} 7762 7763body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar h2, 7764body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar h3 { 7765 font-size: 22px; 7766 margin-bottom: 20px 7767} 7768 7769body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar a { 7770 display: block; 7771 font-size: 14px 7772} 7773 7774body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar a.active { 7775 color: #d9c184; 7776 font-weight: 500 7777} 7778 7779body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar a.btn, 7780body.blog .container:not(footer):not(.partial_cta_sub) .mod_index_list .row.has-sidebar .sidebar a.item, 7781.mod_index_list body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar a.item { 7782 margin-top: 20px; 7783 font-size: 13px; 7784 display: inline-block 7785} 7786 7787body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar a+a { 7788 border-top: 1px solid #ccc; 7789 margin-top: 12px; 7790 padding-top: 12px 7791} 7792 7793.partial_blog_index .date { 7794 display: none 7795} 7796 7797.partial_blog_index .categories { 7798 margin-top: 20px 7799} 7800 7801.partial_blog_index .categories p { 7802 font-size: 15px 7803} 7804 7805.partial_blog_index .categories p span.label { 7806 font-weight: 500 7807} 7808 7809.partial_blog_index .categories p a { 7810 position: relative 7811} 7812 7813.partial_blog_index .categories p a:after { 7814 content: ", " 7815} 7816 7817.partial_blog_index .categories p a:last-child:after { 7818 display: none 7819} 7820 7821.partial_blog_index .content a.image { 7822 display: block; 7823 width: 300px; 7824 overflow: hidden; 7825 border-radius: 2px; 7826 margin-bottom: 20px 7827} 7828 7829.partial_blog_index .content a.image picture { 7830 display: block 7831} 7832 7833.partial_blog_index .content a.image picture img { 7834 max-width: 320px; 7835 object-fit: cover 7836} 7837 7838.partial_blog_index .no-results { 7839 border-radius: 2px; 7840 background: #efefef; 7841 text-align: center; 7842 padding: 60px 20px 7843} 7844 7845@media only screen and (max-width: 64em) { 7846 .partial_blog_index .no-results { 7847 padding: 40px 20px 7848 } 7849} 7850 7851@media only screen and (max-width: 800px) { 7852 .partial_blog_index .no-results { 7853 padding: 30px 20px 7854 } 7855} 7856 7857.partial_blog_index .no-results h3 { 7858 font-size: 20px; 7859 margin-bottom: 0 7860} 7861 7862@media only screen and (max-width: 64em) { 7863 .partial_blog_index .no-results h3 { 7864 font-size: 18px 7865 } 7866} 7867 7868@media only screen and (max-width: 800px) { 7869 .partial_blog_index .no-results h3 { 7870 font-size: 16px 7871 } 7872} 7873 7874.partial_blog_index .no-results h3+a.btn, 7875.partial_blog_index .no-results .mod_index_list .row h3+a.item, 7876.mod_index_list .row .partial_blog_index .no-results h3+a.item { 7877 margin-top: 20px 7878} 7879 7880.partial_article_item .content .image { 7881 display: block; 7882 width: 300px; 7883 overflow: hidden; 7884 border-radius: 2px; 7885 margin-bottom: 20px 7886} 7887 7888.partial_article_item .content .image picture { 7889 display: block 7890} 7891 7892.partial_article_item .content .image picture img { 7893 object-fit: cover 7894} 7895 7896.partial_article_item .content ul:not(.unstyled) li { 7897 list-style-type: disc 7898} 7899 7900.partial_article_item .content ul:not(.unstyled) li>ul:not(.unstyled) { 7901 list-style-type: circle 7902} 7903
7904.sub-content.full .entry-thumbnail { 7905 max-width: 320px; 7906 border-radius: 2px 7907} 7908 7909.sub-content.full a.featured-image { 7910 display: inline-block 7911} 7912 7913.sub-content.full a.featured-image img { 7914 max-width: 320px; 7915 border-radius: 2px 7916} 7917 7918@media only screen and (max-width: 64em) { 7919 .sub-content.full a.featured-image img { 7920 max-width: 280px 7921 } 7922} 7923 7924@media only screen and (max-width: 800px) { 7925 .sub-content.full a.featured-image img { 7926 max-width: 240px 7927 } 7928} 7929 7930@media only screen and (max-width: 40em) { 7931 .sub-content.full a.featured-image img { 7932 max-width: 200px 7933 } 7934} 7935 7936.sub-content.full a.featured-image:hover { 7937 opacity: .6; 7938 cursor: pointer 7939} 7940 7941.sub-content.full .entry-content { 7942 font-size: 16px; 7943 line-height: 2 7944} 7945 7946.sub-content.full .entry-content h3.entry-title, 7947.sub-content.full .entry-content h2.entry-title { 7948 color: #000; 7949 text-transform: none; 7950 margin-bottom: 15px; 7951 line-height: 1.4 7952} 7953 7954.sub-content.full .entry-content h2, 7955.sub-content.full .entry-content h3 { 7956 margin-top: 30px !important; 7957 margin-bottom: 10px 7958} 7959 7960.sub-content.full .entry-content h2 { 7961 font-size: 32px 7962} 7963 7964@media only screen and (max-width: 64em) { 7965 .sub-content.full .entry-content h2 { 7966 font-size: 29px 7967 } 7968} 7969 7970@media only screen and (max-width: 40em) { 7971 .sub-content.full .entry-content h2 { 7972 font-size: 26px 7973 } 7974} 7975 7976.sub-content.full .entry-content h3 { 7977 font-size: 28px 7978} 7979 7980@media only screen and (max-width: 64em) { 7981 .sub-content.full .entry-content h3 { 7982 font-size: 25px 7983 } 7984} 7985 7986@media only screen and (max-width: 40em) { 7987 .sub-content.full .entry-content h3 { 7988 font-size: 23px 7989 } 7990} 7991 7992.sub-content.full .entry-content p { 7993 font-size: 16px; 7994 line-height: 2; 7995 margin-bottom: 0 7996} 7997 7998.sub-content.full .entry-content p a { 7999 color: #d9c184 8000} 8001 8002.sub-content.full .entry-content p a:not(.btn) { 8003 text-decoration: underline 8004} 8005 8006.sub-content.full .entry-content p+p { 8007 margin-top: 20px 8008} 8009 8010.sub-content.full .entry-content p.published { 8011 font-weight: 400 8012} 8013 8014.sub-content.full .entry-content a { 8015 color: #d9c184 8016} 8017 8018.sub-content.full .entry-content a:hover { 8019 opacity: .4 8020} 8021 8022.sub-content.full .entry-content a.more-link { 8023 display: none 8024} 8025 8026.sub-content.full .main-entry .date-badge { 8027 width: 12%; 8028 border-radius: 2px; 8029 border: 2px solid #d9c184; 8030 text-align: center; 8031 padding: 20px; 8032 display: none 8033} 8034 8035@media only screen and (min-width: 800px)and (max-width: 64em) { 8036 .sub-content.full .main-entry .date-badge { 8037 width: 16%; 8038 padding: 14px 15px 8039 } 8040} 8041 8042.sub-content.full .main-entry .date-badge p { 8043 font-size: 40px; 8044 line-height: 1.3; 8045 font-weight: 500; 8046 margin: 0; 8047 color: #d9c184 8048} 8049 8050@media only screen and (min-width: 800px)and (max-width: 64em) { 8051 .sub-content.full .main-entry .date-badge p { 8052 font-size: 32px 8053 } 8054} 8055 8056@media only screen and (max-width: 40em) { 8057 .sub-content.full .main-entry .date-badge p { 8058 font-size: 26px 8059 } 8060} 8061 8062.sub-content.full .main-entry .date-badge p.month { 8063 font-size: 28px; 8064 font-weight: 400; 8065 text-transform: uppercase 8066} 8067 8068@media only screen and (min-width: 800px)and (max-width: 64em) { 8069 .sub-content.full .main-entry .date-badge p.month { 8070 font-size: 24px 8071 } 8072} 8073 8074@media only screen and (max-width: 40em) { 8075 .sub-content.full .main-entry .date-badge p.month { 8076 font-size: 20px 8077 } 8078} 8079 8080.sub-content.full .main-entry .entry-content { 8081 width: 100% 8082} 8083 8084.sub-content.full .main-entry .entry-content.single-entry-content { 8085 width: 100% !important 8086} 8087 8088.sub-content.full .main-entry .entry-content h1.entry-title { 8089 font-size: 34px; 8090 margin-bottom: 20px 8091} 8092 8093@media only screen and (max-width: 64em) { 8094 .sub-content.full .main-entry .entry-content h1.entry-title { 8095 font-size: 30px 8096 } 8097} 8098 8099@media only screen and (max-width: 800px) { 8100 .sub-content.full .main-entry .entry-content h1.entry-title { 8101 font-size: 26px 8102 } 8103} 8104 8105@media only screen and (max-width: 40em) { 8106 .sub-content.full .main-entry .entry-content h1.entry-title { 8107 font-size: 22px 8108 } 8109} 8110 8111.sub-content.full .main-entry .entry-content img { 8112 display: block; 8113 margin-bottom: 20px 8114} 8115 8116.sub-content.full .main-entry .entry-content figure { 8117 margin: 10px 0 8118} 8119 8120.sub-content.full .main-entry .entry-content figure .wp-caption-text { 8121 font-size: 13px; 8122 font-weight: 300; 8123 line-height: 1.5; 8124 color: #444; 8125 margin: 12px 0 0; 8126 text-align: center; 8127 background: #f9f9f9; 8128 padding: 10px; 8129 border-top: 1px solid #ccc 8130} 8131 8132.sub-content.full .main-entry .entry-content figure.alignleft { 8133 margin-right: 20px 8134} 8135 8136.sub-content.full .main-entry .entry-content figure.alignright { 8137 margin-left: 20px 8138} 8139 8140.sub-content.full hr { 8141 margin: 35px 0 !important 8142} 8143 8144.sub-content a.btn, 8145.sub-content .mod_index_list .row a.item, 8146.mod_index_list .row .sub-content a.item { 8147 color: #fff !important; 8148 margin-top: 20px; 8149 padding: 16px 20px; 8150 text-align: left !important 8151} 8152 8153@media only screen and (max-width: 40em) { 8154 8155 .sub-content a.btn, 8156 .sub-content .mod_index_list .row a.item, 8157 .mod_index_list .row .sub-content a.item { 8158 font-size: 13px 8159 } 8160} 8161 8162.sub-content a.btn.back, 8163.sub-content .mod_index_list .row a.back.item, 8164.mod_index_list .row .sub-content a.back.item { 8165 margin-top: 0; 8166 margin-bottom: 10px 8167} 8168 8169.sub-content .pagination { 8170 text-align: center; 8171 margin-bottom: 20px 8172} 8173 8174.sub-content .page-numbers { 8175 font-size: 15px; 8176 padding: 14px 20px; 8177 border-radius: 1px; 8178 color: #d9c184 !important; 8179 background: none !important; 8180 border: 2px solid #d9c184 8181} 8182 8183@media only screen and (max-width: 40em) { 8184 .sub-content .page-numbers { 8185 padding: 9px 12px; 8186 font-size: 13px 8187 } 8188} 8189 8190.sub-content .page-numbers:hover { 8191 background: #d9c184 !important; 8192 color: #fff !important; 8193 opacity: 1 8194} 8195 8196.sub-content .page-numbers.dots:hover { 8197 background: #fff !important; 8198 color: #d9c184 !important; 8199 opacity: 1 8200} 8201 8202.sub-content .page-numbers.current { 8203 color: #fff !important; 8204 background: #d9c184 !important; 8205 border: 2px solid rgba(0, 0, 0, 0) 8206} 8207 8208.sub-content .page-numbers+.page-numbers { 8209 margin-left: 20px 8210} 8211 8212@media only screen and (max-width: 64em) { 8213 .sub-content .page-numbers+.page-numbers { 8214 margin-left: 15px 8215 } 8216} 8217 8218@media only screen and (max-width: 40em) { 8219 .sub-content .page-numbers+.page-numbers { 8220 margin-left: 10px 8221 } 8222} 8223 8224.sub-content blockquote { 8225 background: #e9e9e9; 8226 border-radius: 2px 8227} 8228 8229@media only screen and (max-width: 64em) { 8230 .sub-content blockquote { 8231 margin-left: 0; 8232 margin-right: 0 8233 } 8234} 8235 8236.sub-content blockquote p { 8237 font-size: 16px !important; 8238 padding: 14px 20px; 8239 color: #555 !important 8240} 8241 8242.sub-content blockquote p+p { 8243 margin-top: 0px !important 8244} 8245 8246.sub-content .content { 8247 box-shadow: none !important 8248} 8249 8250@media only screen and (max-width: 40em) { 8251 .sub-content .content { 8252 padding: 0 !important 8253 } 8254} 8255 8256.sub-content ul { 8257 margin: 20px 0 20px 40px !important 8258} 8259 8260.sub-content ul li { 8261 list-style: none !important 8262} 8263 8264.sub-content ul li:before { 8265 top: 12px !important 8266} 8267 8268body.blog .sub-content.full .entry-content h2, 8269body.blog .sub-content.full .entry-content h3 { 8270 margin-top: 10px !important 8271} 8272 8273body.blog .sub-content.full .entry-content h2.entry-title, 8274body.blog .sub-content.full .entry-content h3.entry-title { 8275 margin-top: 0 !important 8276} 8277 8278body.tag .main-entry h3.entry-title, 8279body.category .main-entry h3.entry-title, 8280body.search-results .main-entry h3.entry-title { 8281 margin-top: 0 !important 8282} 8283 8284body.tag .main-entry .entry-summary, 8285body.category .main-entry .entry-summary, 8286body.search-results .main-entry .entry-summary { 8287 width: 100% 8288} 8289 8290.container.main { 8291 max-width: 1200px; 8292 margin: 0 auto; 8293 padding: 0 20px 8294} 8295 8296@media only screen and (max-width: 64em) { 8297 .container.main { 8298 margin-left: 0; 8299 margin-right: 0; 8300 padding: 30px 0 8301 } 8302} 8303 8304.container.main .inner { 8305 display: flex; 8306 flex-direction: row-reverse; 8307 justify-content: space-between; 8308 max-width: 1200px; 8309 margin: 0 auto; 8310 padding-top: 40px 8311} 8312 8313@media only screen and (max-width: 64em) { 8314 .container.main .inner { 8315 padding-top: 0 8316 } 8317} 8318 8319@media only screen and (max-width: 800px) { 8320 .container.main .inner { 8321 flex-direction: column-reverse 8322 } 8323} 8324 8325.container.main .inner .blog-side-menu { 8326 margin: 0; 8327 border: 1px solid #eeeee8; 8328 padding: 30px; 8329 height: 100%; 8330 width: 280px; 8331 float: right 8332} 8333 8334@media only screen and (max-width: 64em) { 8335 .container.main .inner .blog-side-menu { 8336 max-width: calc(100% - 40px); 8337 margin: 0 auto 8338 } 8339} 8340 8341@media only screen and (max-width: 800px) { 8342 .container.main .inner .blog-side-menu { 8343 width: 100% 8344 } 8345} 8346 8347.container.main .inner .blog-side-menu h2 { 8348 text-transform: none; 8349 font-size: 22px; 8350 font-weight: 300 !important 8351} 8352 8353.container.main .inner .blog-side-menu ul.menu { 8354 margin: 0 8355} 8356 8357.container.main .inner .blog-side-menu ul.menu li { 8358 border-bottom: 1px solid #eeeee8; 8359 margin-bottom: 12px; 8360 padding-bottom: 12px 8361} 8362 8363.container.main .inner .blog-side-menu ul.menu li:last-of-type { 8364 border-bottom: 0; 8365 margin-bottom: 0 !important; 8366 padding-bottom: 0 8367} 8368 8369.container.main .inner .blog-side-menu ul.menu li a { 8370 text-transform: none !important; 8371 color: #d9c184 !important; 8372 font-weight: 300 !important; 8373 font-size: 18px 8374} 8375 8376.container.main .inner .blog-side-menu .menu-category-container ul.menu li { 8377 margin-bottom: 10px 8378} 8379 8380.container.main .inner .blog-side-menu .menu-category-container ul.menu li a { 8381 color: #000; 8382 text-transform: uppercase 8383} 8384 8385.container.main .inner .blog-side-menu .menu-category-container ul.menu li.menu-item-has-children { 8386 position: relative 8387} 8388 8389.container.main .inner .blog-side-menu .menu-category-container ul.menu li.menu-item-has-children:before { 8390 content: ""; 8391 background: url(/assets/img/open.png) no-repeat center center; 8392 background-size: contain;
8393 width: 20px; 8394 height: 20px; 8395 position: absolute; 8396 top: 3px; 8397 left: -30px; 8398 cursor: pointer 8399} 8400 8401.container.main .inner .blog-side-menu .menu-category-container ul.menu li ul.sub-menu { 8402 display: none 8403} 8404 8405.container.main .inner .blog-side-menu .menu-category-container ul.menu li ul.sub-menu.active { 8406 display: block 8407} 8408 8409.container.main .inner .site-content { 8410 width: calc(100% - 310px); 8411 margin: 0 8412} 8413 8414@media only screen and (max-width: 800px) { 8415 .container.main .inner .site-content { 8416 width: 100% 8417 } 8418} 8419 8420.container.main .inner .site-content header { 8421 top: 0; 8422 position: relative !important; 8423 background: #fff; 8424 padding: 0; 8425 margin-bottom: 30px 8426} 8427 8428.container.main .inner .site-content header h1 { 8429 text-transform: none; 8430 font-style: inherit; 8431 font-size: 25px; 8432 border: 1px solid #eeeee8; 8433 padding: 30px 8434} 8435 8436.container.main .inner .site-content .sub-content .main-entry { 8437 border: 1px solid #eeeee8; 8438 padding: 30px; 8439 margin-bottom: 30px 8440} 8441 8442.container.main .inner .site-content .sub-content .main-entry h3.entry-title { 8443 margin-top: -5px !important 8444} 8445 8446.container.main .inner .site-content .sub-content.full hr { 8447 display: none !important 8448} 8449 8450.popup, 8451.popup-video { 8452 outline: none 8453} 8454 8455.popup-hidden { 8456 display: none !important 8457} 8458 8459.s3-popup_card .popup-hidden { 8460 display: block !important 8461} 8462 8463.s3-popup_card .patients .patient-wrap { 8464 display: grid; 8465 gap: 20px 8466} 8467 8468.s3-popup_card .patients .patient-wrap a { 8469 pointer-events: none 8470} 8471 8472.s3-popup_card .patients .patient-wrap .patient { 8473 width: 100%; 8474 display: flex 8475} 8476 8477.s3-popup_card .patients .patient-wrap .patient picture img { 8478 width: 100% 8479} 8480 8481.s3-popup_card .patients .patient-wrap .patient.double>a { 8482 width: 50% 8483} 8484 8485.s3-popup_card .patients .patient-wrap .patient.single>a { 8486 width: 100% 8487} 8488 8489.s3-popup_card .patients .patient-wrap a.patient { 8490 width: 100% 8491} 8492 8493.s3-popup_card .patients .patient-wrap a.patient.double { 8494 display: flex 8495} 8496 8497.s3-popup_card .patients .patient-wrap a.patient picture img { 8498 width: 100% 8499} 8500 8501.s3-popup_card .patients .patient-wrap[data-items="1"] { 8502 grid-template-columns: 1fr 8503} 8504 8505.s3-popup_card .patients .patient-wrap[data-items="2"] { 8506 grid-template-columns: 1fr 1fr 8507} 8508 8509@media only screen and (max-width: 40em) { 8510 .s3-popup_card .patients .patient-wrap[data-items="2"] { 8511 grid-template-columns: 1fr 8512 } 8513} 8514 8515.s3-popup_card .patients .patient-wrap[data-items="3"] { 8516 grid-template-columns: 1fr 1fr 1fr 8517} 8518 8519@media only screen and (max-width: 800px) { 8520 .s3-popup_card .patients .patient-wrap[data-items="3"] { 8521 grid-template-columns: 1fr 1fr 8522 } 8523} 8524 8525@media only screen and (max-width: 40em) { 8526 .s3-popup_card .patients .patient-wrap[data-items="3"] { 8527 grid-template-columns: 1fr 8528 } 8529} 8530 8531.s3-popup_card .patients p.disclaimer { 8532 margin-top: 10px; 8533 font-style: italic; 8534 font-size: 16px 8535} 8536 8537.s3-popup_card .patients .age-restricted { 8538 display: none !important 8539} 8540 8541.popup-video { 8542 outline: none; 8543 position: relative; 8544 display: inline-block 8545} 8546 8547.popup-video:after { 8548 content: ""; 8549 position: absolute; 8550 top: 50%; 8551 left: 50%; 8552 transform: translate3d(-50%, -50%, 0); 8553 display: inline-block; 8554 width: 70px; 8555 height: 70px; 8556 background: url("https://static.tresiocms.com/images/play.png?auto=format,compress") no-repeat center center; 8557 background-size: 100% auto; 8558 z-index: 99 8559} 8560 8561@media only screen and (max-width: 64em) { 8562 .popup-video:after { 8563 width: 54px; 8564 height: 54px 8565 } 8566} 8567 8568@media only screen and (max-width: 40em) { 8569 .popup-video:after { 8570 width: 44px; 8571 height: 44px 8572 } 8573} 8574 8575.popup-video.no-icon:after { 8576 display: none 8577} 8578 8579.s3-popup .box-wrapper, 8580.s3-popup .s3-popup_img, 8581.s3-popup .s3-popup_iframe { 8582 border-radius: 3px; 8583 box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23); 8584 overflow: hidden 8585} 8586 8587.s3-popup_wrap { 8588 top: 0; 8589 left: 0; 8590 width: 100%; 8591 height: 100%; 8592 z-index: 100001; 8593 position: fixed; 8594 outline: none !important; 8595 padding: 0; 8596 -webkit-backface-visibility: hidden 8597} 8598 8599.s3-popup_container { 8600 text-align: center; 8601 position: absolute; 8602 width: 100%; 8603 height: 100%; 8604 left: 0; 8605 top: 0; 8606 z-index: 100; 8607 padding: 0 8px; 8608 box-sizing: border-box; 8609 opacity: 0; 8610 transition: all .2s; 8611 outline: none !important; 8612 -webkit-backface-visibility: hidden; 8613 background: rgba(0, 0, 0, .75) 8614} 8615 8616.s3-popup_container.active { 8617 opacity: 1 8618} 8619 8620.s3-popup_container.active .s3-popup_content { 8621 transform: scale(1) translateY(-50%) 8622} 8623 8624.s3-popup_content { 8625 position: absolute; 8626 top: 50%; 8627 transform: scale(0.8) translateY(-50%); 8628 left: 0; 8629 right: 0; 8630 line-height: 0; 8631 width: 100%; 8632 max-width: 900px; 8633 display: inline-block; 8634 vertical-align: middle; 8635 margin: 0 auto; 8636 z-index: 1045; 8637 transition: all .2s 8638} 8639 8640body.landing-page .s3-popup_content { 8641 max-width: 1024px 8642} 8643 8644@media only screen and (max-width: 40em) { 8645 .s3-popup_content { 8646 padding: 0 20px 8647 } 8648} 8649 8650.s3-popup_iframe-scaler { 8651 width: 100%; 8652 height: 0; 8653 padding-top: 65% 8654} 8655 8656.s3-popup_iframe { 8657 position: absolute;
8658 display: block; 8659 top: 0; 8660 left: 0; 8661 width: 100%; 8662 height: 100%; 8663 background: #000 8664} 8665 8666.s3-popup_close { 8667 outline: none; 8668 position: absolute; 8669 top: -16px; 8670 right: -16px; 8671 background: #000; 8672 z-index: 100; 8673 border-radius: 256px; 8674 width: 32px; 8675 height: 32px; 8676 font-size: 13px; 8677 text-align: center; 8678 padding: 0; 8679 margin: 0; 8680 line-height: 28px; 8681 color: #fff; 8682 display: block; 8683 justify-content: center; 8684 align-items: center; 8685 border: 2px solid #fff 8686} 8687 8688@media only screen and (max-width: 40em) { 8689 .s3-popup_close { 8690 right: 4px 8691 } 8692} 8693 8694.s3-popup_card { 8695 background: #fff; 8696 padding: 20px; 8697 border-radius: 3px; 8698 max-height: calc(100vh - 40px); 8699 overflow: auto 8700} 8701 8702@media only screen and (max-width: 40em) { 8703 .s3-popup_card { 8704 max-height: calc(100vh - 130px) 8705 } 8706} 8707 8708.s3-popup_img { 8709 width: 100%; 8710 max-width: 100%; 8711 height: auto; 8712 max-height: 60%; 8713 display: block; 8714 line-height: 0; 8715 box-sizing: border-box; 8716 margin: 0 auto 8717} 8718 8719.s3-popup figure { 8720 margin: 0; 8721 line-height: 0 8722} 8723 8724.s3-popup_figure:after { 8725 content: ""; 8726 position: absolute; 8727 left: 0; 8728 top: 40px; 8729 bottom: 40px; 8730 display: block; 8731 right: 0; 8732 width: auto; 8733 height: auto; 8734 z-index: -1; 8735 box-shadow: 0 0 8px rgba(0, 0, 0, .6); 8736 background: #444 8737} 8738 8739.s3-popup_figure small { 8740 color: #bdbdbd; 8741 display: block; 8742 font-size: 12px; 8743 line-height: 14px 8744} 8745 8746.s3-popup_figure figure { 8747 margin: 0 8748} 8749 8750.s3-popup_bottom-bar { 8751 position: absolute; 8752 bottom: 0; 8753 left: 0; 8754 right: 0; 8755 height: 32px; 8756 cursor: auto; 8757 background: rgba(0, 0, 0, .3) 8758} 8759 8760@media only screen and (max-width: 40em) { 8761 .s3-popup_bottom-bar { 8762 left: 20px; 8763 right: 20px 8764 } 8765} 8766 8767.s3-popup_title { 8768 text-align: left; 8769 line-height: 18px; 8770 color: #f3f3f3; 8771 word-wrap: break-word; 8772 padding-right: 36px 8773} 8774 8775.s3-popup_gallery .s3-popup_image-holder .s3-popup_figure { 8776 cursor: pointer 8777} 8778 8779.s3-popup_counter { 8780 color: #fff; 8781 position: absolute; 8782 bottom: 0; 8783 right: 8px; 8784 font-weight: 400; 8785 font-size: 14px; 8786 line-height: 32px; 8787 white-space: nowrap; 8788 user-select: none 8789} 8790 8791.s3-popup_arrow { 8792 position: absolute; 8793 top: 50%; 8794 transform: translateY(-50%); 8795 height: 128px; 8796 width: 128px; 8797 background: none; 8798 border: none; 8799 box-shadow: none; 8800 padding: 0; 8801 margin: 0; 8802 outline: none; 8803 transition: all .2s 8804} 8805 8806@media only screen and (max-width: 40em) { 8807 .s3-popup_arrow { 8808 top: initial; 8809 bottom: 0 8810 } 8811} 8812 8813.s3-popup_arrow:hover, 8814.s3-popup_arrow:focus, 8815.s3-popup_arrow:active { 8816 background: none; 8817 border: none; 8818 box-shadow: none; 8819 padding: 0; 8820 margin: 0; 8821 outline: none 8822} 8823 8824.s3-popup_arrow:hover i { 8825 opacity: .8 8826} 8827 8828.s3-popup_arrow:active i { 8829 opacity: 1 8830} 8831 8832.s3-popup_arrow i { 8833 color: #fff; 8834 font-size: 40px; 8835 opacity: .5; 8836 transition: all .2s; 8837 cursor: pointer 8838} 8839 8840.s3-popup_arrow-left { 8841 left: 32px 8842} 8843 8844.s3-popup_arrow-right { 8845 right: 32px 8846} 8847 8848.grecaptcha-badge { 8849 visibility: hidden 8850} 8851 8852.swiper-button-prev { 8853 padding: 40px; 8854 background: url("/assets/img/img-export/1678831468-left-arrow.webp") center center no-repeat !important; 8855 background-size: 100% !important 8856} 8857 8858.swiper-button-prev:after { 8859 display: none 8860} 8861 8862.swiper-button-next { 8863 padding: 40px; 8864 background: url("/assets/img/img-export/1678831465-right-arrow.webp") center center no-repeat !important; 8865 background-size: 100% !important 8866} 8867 8868.swiper-button-next:after { 8869 display: none 8870} 8871 8872.button-style { 8873 color: #000 !important; 8874 background-color: #d9c184; 8875 padding: 14px 18px; 8876 border-radius: 8px; 8877 border: 1px solid rgba(0, 0, 0, .5) 8878} 8879 8880.cta { 8881 position: relative; 8882 background: #efefef; 8883 max-width: 1800px; 8884 margin: 80px auto 8885} 8886 8887@media only screen and (max-width: 64em) { 8888 .cta { 8889 margin: 65px auto 8890 } 8891} 8892 8893@media only screen and (max-width: 40em) { 8894 .cta { 8895 margin: 50px auto 8896 } 8897} 8898 8899.cta:after { 8900 content: ""; 8901 position: absolute; 8902 top: 0; 8903 left: 0; 8904 width: 100%; 8905 height: 100%; 8906 z-index: 2; 8907 display: block; 8908 background: #fff; 8909 opacity: .65; 8910 display: none 8911} 8912 8913.cta .row { 8914 position: relative; 8915 text-align: center; 8916 padding: calc(30px + 6%) 20px; 8917 z-index: 2 8918} 8919 8920@media only screen and (max-width: 64em) { 8921 .cta .row { 8922 padding: calc(30px + 4%) 20px 8923 } 8924} 8925 8926@media only screen and (max-width: 40em) { 8927 .cta .row { 8928 padding: calc(20px + 3%) 20px 8929 } 8930} 8931 8932.cta .row .text { 8933 display: inline-block 8934} 8935 8936.cta .row .text h2, 8937.cta .row .text h3 { 8938 line-height: 1; 8939 margin-bottom: 10px 8940} 8941 8942@media only screen and (max-width: 64em) { 8943 8944 .cta .row .text h2, 8945 .cta .row .text h3 { 8946 font-size: 50px 8947 } 8948} 8949 8950@media only screen and (max-width: 40em) { 8951 8952 .cta .row .text h2, 8953 .cta .row .text h3 { 8954 font-size: 40px 8955 } 8956} 8957 8958.cta .row a.btn, 8959.cta .mod_index_list .row a.item, 8960.mod_index_list .cta .row a.item { 8961 margin-top: 20px 8962} 8963 8964.cta.viewport picture.background {
8965 display: block; 8966 overflow: hidden 8967} 8968 8969.cta.viewport picture.background img { 8970 transform: scale(1.2) 8971} 8972 8973.cta.in-viewport picture.background img { 8974 transform: scale(1) 8975} 8976 8977.mod_notification_bar { 8978 background: #efefef 8979} 8980 8981.mod_notification_bar .row { 8982 padding: 40px 20px; 8983 max-width: 960px; 8984 display: flex; 8985 align-items: center; 8986 gap: 20px 8987} 8988 8989@media only screen and (max-width: 800px) { 8990 .mod_notification_bar .row { 8991 flex-wrap: wrap; 8992 gap: 10px 8993 } 8994} 8995 8996.mod_notification_bar .row h2, 8997.mod_notification_bar .row h3, 8998.mod_notification_bar .row h4, 8999.mod_notification_bar .row p { 9000 margin-bottom: 0 9001} 9002 9003.mod_notification_bar .row p { 9004 margin: 0 9005} 9006 9007.mod_notification_bar .row p+p { 9008 margin-top: 10px 9009} 9010 9011.mod_notification_bar.center .row { 9012 justify-content: center; 9013 text-align: center 9014} 9015 9016.mod_notification_bar.stack .row { 9017 display: block 9018} 9019 9020.mod_notification_bar.stack .row h2, 9021.mod_notification_bar.stack .row h3, 9022.mod_notification_bar.stack .row h4, 9023.mod_notification_bar.stack .row p { 9024 margin-bottom: 10px 9025} 9026 9027.mod_notification_bar.stack .row a.btn, 9028.mod_notification_bar.stack .mod_index_list .row a.item, 9029.mod_index_list .mod_notification_bar.stack .row a.item { 9030 margin-top: 10px 9031} 9032 9033.mod_notification_bar.dark *, 9034header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials * { 9035 color: #fff 9036} 9037 9038.mod_notification_bar.dark a.btn, 9039.mod_notification_bar.dark .mod_index_list .row a.item, 9040.mod_index_list .row .mod_notification_bar.dark a.item, 9041header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn, 9042header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.item, 9043.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.item { 9044 color: #000 !important 9045} 9046 9047.mod_notification_bar.dark a.btn+a.btn, 9048.mod_notification_bar.dark .mod_index_list .row a.item+a.btn, 9049.mod_index_list .row .mod_notification_bar.dark a.item+a.btn, 9050.mod_notification_bar.dark .mod_index_list .row a.btn+a.item, 9051.mod_index_list .row .mod_notification_bar.dark a.btn+a.item, 9052.mod_notification_bar.dark .mod_index_list .row a.item+a.item, 9053.mod_index_list .row .mod_notification_bar.dark a.item+a.item, 9054header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn+a.btn, 9055header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.item+a.btn, 9056.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.item+a.btn, 9057header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.btn+a.item, 9058.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn+a.item, 9059header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.item+a.item, 9060.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.item+a.item { 9061 margin-left: 10px 9062} 9063 9064.half-image { 9065 position: relative 9066} 9067 9068.half-image .bg { 9069 width: 100%; 9070 height: 200%; 9071 display: flex; 9072 position: absolute; 9073 top: 50%; 9074 left: 0; 9075 z-index: 0; 9076 opacity: .9; 9077 transform: translateY(-50%) 9078} 9079 9080.half-image .bg img { 9081 display: block; 9082 width: 100% !important; 9083 height: 100%; 9084 object-fit: contain; 9085 object-position: 0% 50% 9086} 9087 9088.half-image .bg.bg2 { 9089 right: 0; 9090 left: auto 9091} 9092 9093.half-image .bg.bg2 img { 9094 object-position: 100% 50% 9095} 9096 9097@media only screen and (max-width: 1200px) { 9098 .half-image .bg { 9099 height: 120% 9100 } 9101} 9102 9103.half-image .row.half-image-row { 9104 z-index: 3; 9105 padding: 0 20px; 9106 margin: 40px auto; 9107 max-width: 1600px; 9108 position: relative; 9109 display: flex 9110} 9111 9112@media only screen and (max-width: 64em) { 9113 .half-image .row.half-image-row { 9114 background: none; 9115 flex-direction: column 9116 } 9117} 9118 9119.half-image .row.half-image-row .media, 9120.half-image .row.half-image-row .copy { 9121 position: relative; 9122 margin: 0 9123} 9124 9125.half-image .row.half-image-row .media { 9126 overflow: hidden 9127} 9128 9129@media only screen and (max-width: 64em) { 9130 .half-image .row.half-image-row .media { 9131 margin-bottom: 30px; 9132 padding-top: 56.25% 9133 } 9134} 9135 9136@media only screen and (max-width: 800px) { 9137 .half-image .row.half-image-row .media { 9138 padding-top: 65% 9139 } 9140} 9141 9142@media only screen and (max-width: 40em) { 9143 .half-image .row.half-image-row .media { 9144 padding-top: 75% 9145 } 9146} 9147 9148.top-aligned .half-image .row.half-image-row .media img { 9149 object-position: center 20% 9150} 9151 9152.left-aligned .half-image .row.half-image-row .media img { 9153 object-position: 25% center 9154} 9155 9156.right-aligned .half-image .row.half-image-row .media img { 9157 object-position: 75% center 9158} 9159 9160.half-image .row.half-image-row .media .media-content { 9161 position: absolute; 9162 bottom: 40px; 9163 left: 0; 9164 padding: 0 50px; 9165 width: 100%; 9166 z-index: 3 9167} 9168 9169@media only screen and (max-width: 64em) { 9170 .half-image .row.half-image-row .media .media-content { 9171 padding: 0 40px; 9172 bottom: 30px 9173 } 9174} 9175 9176@media only screen and (max-width: 800px) { 9177 .half-image .row.half-image-row .media .media-content {
9178 padding: 0 30px; 9179 bottom: 22px 9180 } 9181} 9182 9183.half-image .row.half-image-row .media .media-content * { 9184 color: #fff 9185} 9186 9187.half-image .row.half-image-row .media .media-content h3 { 9188 margin-bottom: 0 9189} 9190 9191.half-image .row.half-image-row .media .media-content h3+p { 9192 margin-top: 20px 9193} 9194 9195.half-image .row.half-image-row .media .media-content h3+p+p { 9196 margin-top: 20px 9197} 9198 9199.half-image .row.half-image-row .media .media-content a.popup-video { 9200 font-style: italic; 9201 padding-left: 120px 9202} 9203 9204@media only screen and (max-width: 800px) { 9205 .half-image .row.half-image-row .media .media-content a.popup-video { 9206 padding-left: 75px; 9207 font-size: 13px 9208 } 9209} 9210 9211.half-image .row.half-image-row .media .media-content a.popup-video:after { 9212 width: 100px; 9213 height: 100px 9214} 9215 9216@media only screen and (max-width: 800px) { 9217 .half-image .row.half-image-row .media .media-content a.popup-video:after { 9218 width: 50px; 9219 height: 50px 9220 } 9221} 9222 9223.half-image .row.half-image-row .media .media-content .popup-video { 9224 padding-left: 70px; 9225 margin-bottom: 10px; 9226 font-size: 20px; 9227 font-weight: 500 9228} 9229 9230.half-image .row.half-image-row .media .media-content .popup-video:after { 9231 left: 0; 9232 transform: translateY(-50%); 9233 width: 50px; 9234 height: 50px 9235} 9236 9237.half-image .row.half-image-row .media.content:after { 9238 content: ""; 9239 position: absolute; 9240 top: 0; 9241 left: 0; 9242 width: 100%; 9243 height: 100%; 9244 z-index: 2; 9245 display: block; 9246 background: #000; 9247 opacity: .5; 9248 background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 50%) 9249} 9250 9251.half-image .row.half-image-row .copy .inner { 9252 padding: 15px 0 15px 80px 9253} 9254 9255@media only screen and (max-width: 64em) { 9256 .half-image .row.half-image-row .copy .inner h2 { 9257 margin-bottom: 15px 9258 } 9259 9260 .half-image .row.half-image-row .copy .inner h2:before { 9261 width: 60px; 9262 height: 4px; 9263 margin-top: 15px; 9264 margin-bottom: 15px 9265 } 9266} 9267 9268.half-image .row.half-image-row .copy .inner .btn, 9269.half-image .mod_index_list .row.half-image-row .copy .inner a.item, 9270.mod_index_list .half-image .row.half-image-row .copy .inner a.item { 9271 margin-top: 25px 9272} 9273 9274@media only screen and (max-width: 64em) { 9275 9276 .half-image .row.half-image-row .copy .inner .btn, 9277 .half-image .mod_index_list .row.half-image-row .copy .inner a.item, 9278 .mod_index_list .half-image .row.half-image-row .copy .inner a.item { 9279 margin-top: 15px 9280 } 9281} 9282 9283.half-image .row.half-image-row .copy .inner .logo { 9284 margin-bottom: 20px; 9285 display: flex 9286} 9287 9288.half-image .row.half-image-row .copy .inner .logo img { 9289 max-width: 180px; 9290 max-height: 60px; 9291 width: auto 9292} 9293 9294@media only screen and (max-width: 64em) { 9295 .half-image .row.half-image-row .copy .inner .logo img { 9296 max-width: 160px; 9297 max-height: 50px 9298 } 9299} 9300 9301@media only screen and (max-width: 800px) { 9302 .half-image .row.half-image-row .copy .inner .logo img { 9303 max-width: 140px; 9304 max-height: 40px 9305 } 9306} 9307 9308.half-image .row.half-image-row .credentials { 9309 display: flex; 9310 align-items: center; 9311 margin-top: 30px; 9312 grid-gap: 40px 9313} 9314 9315@media only screen and (max-width: 64em) { 9316 .half-image .row.half-image-row .credentials { 9317 grid-gap: 30px 9318 } 9319} 9320 9321@media only screen and (max-width: 800px) { 9322 .half-image .row.half-image-row .credentials { 9323 grid-gap: 20px; 9324 flex-wrap: wrap 9325 } 9326} 9327 9328.half-image .row.half-image-row .credentials .img { 9329 display: inline-block 9330} 9331 9332@media only screen and (max-width: 64em) { 9333 .half-image .row.half-image-row .credentials .img { 9334 margin-bottom: 30px 9335 } 9336} 9337 9338.half-image .row.half-image-row .credentials .img img { 9339 max-height: 50px; 9340 max-width: 110px; 9341 width: auto 9342} 9343 9344@media only screen and (max-width: 64em) { 9345 .half-image .row.half-image-row .credentials .img img { 9346 max-height: 40px; 9347 max-width: 90px 9348 } 9349} 9350 9351@media only screen and (max-width: 800px) { 9352 .half-image .row.half-image-row .credentials .img img { 9353 max-height: 32px 9354 } 9355} 9356 9357.half-image .row.half-image-row.flipped .copy .inner { 9358 margin-left: auto; 9359 padding: 15px 80px 15px 0 9360} 9361 9362@media only screen and (max-width: 64em) { 9363 .half-image .row.half-image-row.flipped .copy .inner { 9364 padding-right: 0 9365 } 9366} 9367 9368@media only screen and (max-width: 64em) { 9369 .half-image .row.half-image-row .copy { 9370 padding: 0; 9371 max-width: 100% 9372 } 9373 9374 .half-image .row.half-image-row .copy .inner { 9375 padding: 0 9376 } 9377} 9378 9379@media only screen and (min-width: 64.1em) { 9380 .half-image .row.half-image-row { 9381 flex-wrap: nowrap; 9382 flex-direction: row 9383 } 9384 9385 .half-image .row.half-image-row .media { 9386 width: 50% 9387 } 9388 9389 .half-image .row.half-image-row .copy { 9390 width: 50%; 9391 padding: 60px 0 9392 } 9393 9394 .half-image .row.half-image-row .copy.padded { 9395 padding: 120px 0 9396 } 9397} 9398 9399@media only screen and (min-width: 64.1em)and (min-width: 64em)and (max-height: 800px) { 9400 .half-image .row.half-image-row .copy.padded { 9401 padding: 40px 0 9402 } 9403} 9404 9405@media only screen and (min-width: 64.1em) { 9406 .half-image .row.half-image-row .copy.padded2 { 9407 padding: 160px 0 9408 } 9409} 9410 9411@media only screen and (min-width: 64.1em)and (min-width: 64em)and (max-height: 800px) { 9412 .half-image .row.half-image-row .copy.padded2 { 9413 padding: 80px 0 9414 } 9415} 9416 9417@media only screen and (min-width: 64.1em) { 9418 .half-image .row.half-image-row .copy .inner { 9419 max-width: 580px 9420 } 9421 9422 .half-image .row.half-image-row.flipped { 9423 flex-direction: row-reverse 9424 } 9425} 9426 9427.half-image .row.links-list { 9428 display: flex; 9429 justify-content: space-between; 9430 margin: -20px auto 0; 9431 padding-top: 20px; 9432 max-width: 920px; 9433 position: relative; 9434 z-index: 3 9435} 9436 9437.lp .half-image .row.links-list { 9438 pointer-events: none 9439} 9440 9441@media only screen and (max-width: 800px) { 9442 .half-image .row.links-list { 9443 flex-wrap: wrap; 9444 justify-content: center 9445 } 9446} 9447 9448.half-image .row.links-list a { 9449 text-align: center; 9450 font-weight: 500; 9451 font-size: 17px 9452} 9453 9454@media only screen and (max-width: 64em) { 9455 .half-image .row.links-list a { 9456 font-size: 16px 9457 } 9458} 9459 9460@media only screen and (max-width: 800px) { 9461 .half-image .row.links-list a { 9462 font-size: 15px; 9463 display: inline-block; 9464 margin: 0 20px 15px 0 9465 } 9466} 9467 9468.half-image.mod_half_content.container { 9469 background: #d9c184 9470} 9471 9472.half-image.mod_half_content .half-image-row { 9473 max-width: 100% 9474} 9475 9476@media only screen and (max-width: 64em) { 9477 .half-image.mod_half_content .half-image-row { 9478 padding: 20px 0 9479 } 9480} 9481 9482@media only screen and (min-width: 64.1em) { 9483 .half-image.mod_half_content .half-image-row .media { 9484 border-right: 5px solid #575757 9485 } 9486}
9486 9487 9488.half-image.mod_half_content .half-image-row .copy .inner { 9489 max-width: 500px; 9490 padding-left: 140px 9491} 9492 9493.half-image.mod_half_content .half-image-row .copy .inner h2:before { 9494 width: 240px; 9495 margin-bottom: 40px; 9496 margin-top: 0 9497} 9498 9499@media only screen and (max-width: 64em) { 9500 .half-image.mod_half_content .half-image-row .copy .inner h2:before { 9501 margin-bottom: 20px; 9502 width: 60px 9503 } 9504} 9505 9506.half-image.mod_half_content .half-image-row .copy .inner * { 9507 color: #575757 9508} 9509 9510.half-image.mod_half_content .half-image-row .copy .inner ul li:before { 9511 background: #575757 9512} 9513 9514.half-image.mod_half_content .half-image-row .copy .inner ul li+li { 9515 margin-top: 15px 9516} 9517 9518@media only screen and (max-width: 64em) { 9519 .half-image.mod_half_content .half-image-row .copy .inner { 9520 max-width: 100%; 9521 padding-left: 0 9522 } 9523} 9524 9525@media only screen and (min-width: 64.1em) { 9526 .half-image.mod_half_content .half-image-row.flipped .copy .inner { 9527 padding-right: 120px 9528 } 9529} 9530 9531@media only screen and (max-width: 64em) { 9532 .half-image.mod_half_content .half-image-row.flipped .copy .inner { 9533 padding: 0 9534 } 9535} 9536 9537.half-image.mod_half_content .logo { 9538 width: 100px; 9539 height: 100px; 9540 position: absolute; 9541 left: 50%; 9542 top: 50%; 9543 transform: translate3d(-50%, -50%, 0); 9544 background: #575757 9545} 9546 9547.half-image.mod_half_content .logo img { 9548 display: block; 9549 width: 70% !important; 9550 height: 70%; 9551 object-fit: contain; 9552 top: 50%; 9553 left: 50%; 9554 transform: translate3d(-50%, -50%, 0); 9555 object-position: 50% 50%; 9556 position: absolute 9557} 9558 9559@media only screen and (max-width: 64em) { 9560 .half-image.mod_half_content .logo { 9561 left: 20px; 9562 top: 20px; 9563 transform: translate3d(0, 0, 0); 9564 width: 80px; 9565 height: 80px 9566 } 9567} 9568 9569@media only screen and (max-width: 800px) { 9570 .half-image.mod_half_content .logo { 9571 width: 60px; 9572 height: 60px 9573 } 9574} 9575 9576.mod_banner { 9577 background: #efefef; 9578 position: relative; 9579 overflow: hidden 9580} 9581 9582.mod_banner .row { 9583 position: relative; 9584 z-index: 2; 9585 padding: calc(60px + 2.5%) 20px 9586} 9587 9588@media only screen and (max-width: 800px) { 9589 .mod_banner .row { 9590 padding: 45px 20px 9591 } 9592} 9593 9594.mod_banner .row p a { 9595 text-decoration: underline 9596} 9597 9598.mod_banner .divider { 9599 margin: 50px 0 9600} 9601 9602.mod_banner .divider .media { 9603 display: flex; 9604 justify-content: center; 9605 align-items: center; 9606 background: none; 9607 padding-left: 0; 9608 padding-right: 0 9609} 9610 9611.mod_banner .divider .media:before, 9612.mod_banner .divider .media:after { 9613 content: ""; 9614 position: relative; 9615 top: auto; 9616 left: auto; 9617 right: auto; 9618 bottom: auto; 9619 width: 100%; 9620 height: 1px; 9621 background-color: rgba(0, 0, 0, .25) 9622} 9623 9624.mod_banner .divider .media img { 9625 max-width: 50px; 9626 margin-left: 40px; 9627 margin-right: 40px 9628} 9629 9630@media only screen and (max-width: 800px) { 9631 .mod_banner .divider .media img { 9632 max-width: 36px; 9633 margin-left: 20px; 9634 margin-right: 20px 9635 } 9636} 9637 9638.mod_banner .divider .media img:hover { 9639 cursor: default; 9640 pointer-events: none 9641} 9642 9643.mod_banner .divider.no-media { 9644 position: relative; 9645 border-top: 1px solid rgba(0, 0, 0, .25) 9646} 9647 9648.mod_banner.dark, 9649header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials { 9650 background: #333 9651} 9652 9653.mod_banner.dark .row, 9654header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row { 9655 position: relative; 9656 z-index: 3 9657} 9658 9659.mod_banner.dark .row h2, 9660header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row h2, 9661.mod_banner.dark .row h3, 9662header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row h3, 9663.mod_banner.dark .row h4, 9664header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row h4, 9665.mod_banner.dark .row p, 9666header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row p, 9667.mod_banner.dark .row ul li, 9668header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row ul li, 9669.mod_banner.dark .row a, 9670header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row a, 9671.mod_banner.dark .row p a { 9672 color: #fff 9673} 9674 9675.mod_banner.dark .row ul li:before, 9676header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row ul li:before { 9677 background: #fff !important 9678} 9679
9680.mod_banner.dark .row .divider .media:before, 9681header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row .divider .media:before, 9682.mod_banner.dark .row .divider .media:after, 9683header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row .divider .media:after { 9684 background-color: rgba(255, 255, 255, .25) 9685} 9686 9687.mod_banner.dark .row .divider.no-media, 9688header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row .divider.no-media { 9689 border-top: 1px solid rgba(255, 255, 255, .25) 9690} 9691 9692.mod_banner.dark:before, 9693header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials:before { 9694 content: ""; 9695 position: absolute; 9696 top: 0; 9697 left: 0; 9698 width: 100%; 9699 height: 100%; 9700 z-index: 2; 9701 display: block; 9702 background: #222; 9703 opacity: .4 9704} 9705 9706.mod_banner.hide-divider .content.bottom { 9707 margin-top: 50px 9708} 9709 9710.mod_banner.has-video:after { 9711 content: ""; 9712 position: absolute; 9713 top: 0; 9714 left: 0; 9715 width: 100%; 9716 height: 100%; 9717 z-index: 2; 9718 display: block; 9719 background: #fff; 9720 opacity: .5; 9721 z-index: 0 9722} 9723 9724.mod_banner.has-video.dark:after, 9725header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.has-video.partial_socials:after { 9726 content: ""; 9727 position: absolute; 9728 top: 0; 9729 left: 0; 9730 width: 100%; 9731 height: 100%; 9732 z-index: 2; 9733 display: block; 9734 background: #000; 9735 opacity: .5; 9736 z-index: 0 9737} 9738 9739.mod_banner.viewport picture.background { 9740 display: block; 9741 overflow: hidden 9742} 9743 9744.mod_banner.viewport picture.background img { 9745 transform: scale(1.2) 9746} 9747 9748.mod_banner.viewport .divider { 9749 opacity: 0 9750} 9751 9752.mod_banner.viewport .divider picture img { 9753 transform: scale(0.8) 9754} 9755 9756.mod_banner.in-viewport picture.background img { 9757 transform: scale(1) 9758} 9759 9760.mod_banner.in-viewport .divider { 9761 opacity: 1 9762} 9763 9764.mod_banner.in-viewport .divider picture img { 9765 transform: scale(1) 9766} 9767 9768.mod_banner.left-placement .row { 9769 justify-content: flex-start 9770} 9771 9772.mod_banner.left-placement .row .content { 9773 width: 50% 9774} 9775 9776@media only screen and (max-width: 800px) { 9777 .mod_banner.left-placement .row .content { 9778 width: 100% 9779 } 9780} 9781 9782.mod_banner.left-placement .row .content h2, 9783.mod_banner.left-placement .row .content h3 { 9784 text-align: left 9785} 9786 9787.mod_banner.left-placement .row .content .logo, 9788.mod_banner.left-placement .row .content .credentials { 9789 justify-content: flex-start 9790} 9791 9792.mod_banner.center-placement .row { 9793 justify-content: center; 9794 text-align: center 9795} 9796 9797.mod_banner.center-placement .row .content { 9798 width: 820px; 9799 margin-left: auto; 9800 margin-right: auto 9801} 9802 9803@media only screen and (max-width: 800px) { 9804 .mod_banner.center-placement .row .content { 9805 width: 100% 9806 } 9807} 9808 9809.mod_banner.center-placement .row .content .logo, 9810.mod_banner.center-placement .row .content .credentials { 9811 justify-content: center 9812} 9813 9814.mod_banner.right-placement .row { 9815 justify-content: flex-end 9816} 9817 9818.mod_banner.right-placement .row .content { 9819 width: 50% 9820} 9821 9822@media only screen and (max-width: 800px) { 9823 .mod_banner.right-placement .row .content { 9824 width: 100% 9825 } 9826} 9827 9828.mod_banner.right-placement .row .content h2, 9829.mod_banner.right-placement .row .content h3 { 9830 text-align: left 9831} 9832 9833.mod_banner.right-placement .row .content .logo, 9834.mod_banner.right-placement .row .content .credentials { 9835 justify-content: flex-start 9836} 9837 9838.mod_banner.office .row { 9839 padding: calc(60px + 10%) 20px 9840} 9841 9842.mod_banner.doctor .row { 9843 padding: calc(60px + 10%) 20px 9844} 9845 9846.mod_box_grid { 9847 position: relative; 9848 background: #efefef 9849} 9850 9851.mod_box_grid.container.dark .small, 9852.mod_box_grid.container.dark .mod_video_columns_two .row .item .content a.btn, 9853.mod_video_columns_two .row .item .content .mod_box_grid.container.dark a.btn, 9854.mod_box_grid.container.dark .mod_video_columns_two .mod_index_list .row .item .content a.item, 9855.mod_video_columns_two .mod_index_list .row .item .content .mod_box_grid.container.dark a.item, 9856.mod_box_grid.container.dark .mod_index_list .mod_video_columns_two .row .item .content a.item, 9857.mod_index_list .mod_video_columns_two .row .item .content .mod_box_grid.container.dark a.item, 9858.mod_box_grid.container.dark .mod_index>.row .inner .item a.btn, 9859.mod_box_grid.container.dark .mod_index_list .mod_index>
9859.row .inner .item a.item, 9860.mod_index_list .mod_box_grid.container.dark .mod_index>.row .inner .item a.item, 9861.mod_index>.row .inner .item .mod_box_grid.container.dark a.btn, 9862.mod_index_list .mod_index>.row .inner .item .mod_box_grid.container.dark a.item, 9863.mod_box_grid.container.dark .mod_hero.has-ba .ba-include a.btn, 9864.mod_box_grid.container.dark .mod_hero.has-ba .ba-include .mod_index_list .row a.item, 9865.mod_index_list .row .mod_box_grid.container.dark .mod_hero.has-ba .ba-include a.item, 9866.mod_hero.has-ba .ba-include .mod_box_grid.container.dark a.btn, 9867.mod_hero.has-ba .ba-include .mod_box_grid.container.dark .mod_index_list .row a.item, 9868.mod_index_list .row .mod_hero.has-ba .ba-include .mod_box_grid.container.dark a.item, 9869.mod_box_grid.container.dark .boxes .box a.btn, 9870.mod_box_grid.container.dark .boxes .box .mod_index_list .row a.item, 9871.mod_index_list .row .mod_box_grid.container.dark .boxes .box a.item, 9872header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .small, 9873header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_video_columns_two .row .item .content a.btn, 9874.mod_video_columns_two .row .item .content header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.btn, 9875header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_video_columns_two .mod_index_list .row .item .content a.item, 9876.mod_video_columns_two .mod_index_list .row .item .content header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.item, 9877header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_index_list .mod_video_columns_two .row .item .content a.item, 9878.mod_index_list .mod_video_columns_two .row .item .content header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.item, 9879header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_index>.row .inner .item a.btn, 9880header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_index_list .mod_index>
9880.row .inner .item a.item, 9881.mod_index_list header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_index>.row .inner .item a.item, 9882.mod_index>.row .inner .item header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.btn, 9883.mod_index_list .mod_index>.row .inner .item header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.item, 9884header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_hero.has-ba .ba-include a.btn, 9885header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_hero.has-ba .ba-include .mod_index_list .row a.item, 9886.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_hero.has-ba .ba-include a.item, 9887.mod_hero.has-ba .ba-include header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.btn, 9888.mod_hero.has-ba .ba-include header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_index_list .row a.item, 9889.mod_index_list .row .mod_hero.has-ba .ba-include header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.item, 9890header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .boxes .box a.btn, 9891header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .boxes .box .mod_index_list .row a.item, 9892.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .boxes .box a.item, 9893.mod_box_grid.container.dark .mod_home_grid .row .grid .item .content a.btn, 9894.mod_box_grid.container.dark .mod_home_grid .mod_index_list .row .grid .item .content a.item, 9895.mod_index_list .mod_box_grid.container.dark .mod_home_grid .row .grid .item .content a.item, 9896.mod_home_grid .row .grid .item .content .mod_box_grid.container.dark a.btn, 9897.mod_home_grid .mod_index_list .row .grid .item .content .mod_box_grid.container.dark a.item, 9898.mod_index_list .mod_home_grid .row .grid .item .content .mod_box_grid.container.dark a.item, 9899header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_home_grid .row .grid .item .content a.btn, 9900header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_home_grid .mod_index_list .row .grid .item .content a.item, 9901.mod_index_list header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_home_grid .row .grid .item .content a.item, 9902.mod_home_grid .row .grid .item .content header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.btn, 9903.mod_home_grid .mod_index_list .row .grid .item .content header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.item, 9904.mod_index_list .mod_home_grid .row .grid .item .content header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.item, 9905.mod_box_grid.container.dark .contact-scroll, 9906header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .contact-scroll, 9907.mod_box_grid.container.dark body.blog .container:not(footer):not(.partial_cta_sub) a.btn, 9908.mod_box_grid.container.dark body.blog .container:not(footer):not(.partial_cta_sub) .mod_index_list .row a.item, 9909.mod_index_list .row .mod_box_grid.container.dark body.blog .container:not(footer):not(.partial_cta_sub) a.item, 9910body.blog .container:not(footer):not(.partial_cta_sub) .mod_box_grid.container.dark a.btn, 9911body.blog .container:not(footer):not(.partial_cta_sub) .mod_box_grid.container.dark .mod_index_list .row a.item, 9912.mod_index_list .row body.blog .container:not(footer):not(.partial_cta_sub) .mod_box_grid.container.dark a.item, 9913header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials body.blog .container:not(footer):not(.partial_cta_sub) a.btn, 9914header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials body.blog .container:not(footer):not(.partial_cta_sub) .mod_index_list .row a.item, 9915.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials body.blog .container:not(footer):not(.partial_cta_sub) a.item, 9916body.blog .container:not(footer):not(.partial_cta_sub) header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.btn, 9917body.blog .container:not(footer):not(.partial_cta_sub) header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_index_list .row a.item, 9918.mod_index_list .row body.blog .container:not(footer):not(.partial_cta_sub) header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials a.item { 9919 color: #fff 9920} 9921 9922.mod_box_grid.container.dark .row .boxes .box a, 9923header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .row .boxes .box a { 9924 color: #d9c184; 9925 font-weight: 400 9926} 9927 9928.mod_box_grid.container.dark .row .boxes .box .btn, 9929.mod_box_grid.container.dark .mod_index_list .row .boxes .box a.item, 9930.mod_index_list .mod_box_grid.container.dark .row .boxes .box a.item, 9931header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .row .boxes .box .btn, 9932header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_index_list .row .boxes .box a.item, 9933.mod_index_list header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .row .boxes .box a.item { 9934 color: #000 9935}
9935 9936 9937.mod_box_grid.container.dark .row .boxes .box .btn:hover, 9938.mod_box_grid.container.dark .mod_index_list .row .boxes .box a.item:hover, 9939.mod_index_list .mod_box_grid.container.dark .row .boxes .box a.item:hover, 9940header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .row .boxes .box .btn:hover, 9941header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .mod_index_list .row .boxes .box a.item:hover, 9942.mod_index_list header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.container.partial_socials .row .boxes .box a.item:hover { 9943 color: #fff 9944} 9945 9946.mod_box_grid .row { 9947 position: relative; 9948 padding-top: 80px; 9949 padding-bottom: 80px; 9950 z-index: 1 9951} 9952 9953@media only screen and (max-width: 64em) { 9954 .mod_box_grid .row { 9955 padding-top: 60px; 9956 padding-bottom: 60px 9957 } 9958} 9959 9960.mod_box_grid .content-before, 9961.mod_box_grid .content-after { 9962 max-width: 720px; 9963 text-align: center 9964} 9965 9966.mod_box_grid .content-before h2, 9967.mod_box_grid .content-after h2 { 9968 font-family: "canada-type-gibson", Arial, sans-serif 9969} 9970 9971.mod_box_grid .content-before p, 9972.mod_box_grid .content-after p { 9973 text-align: left 9974} 9975 9976@media only screen and (max-width: 800px) { 9977 9978 .mod_box_grid .content-before, 9979 .mod_box_grid .content-after { 9980 margin: 20px auto 9981 } 9982} 9983 9984.mod_box_grid .content-before { 9985 margin: 0 auto 45px 9986} 9987 9988.mod_box_grid .content-after { 9989 margin: 45px auto 0 9990} 9991 9992.mod_box_grid .boxes { 9993 display: flex; 9994 flex-wrap: wrap; 9995 justify-content: center; 9996 max-width: 920px; 9997 margin: 0 auto 9998} 9999 10000.mod_box_grid .boxes .box { 10001 padding: 60px; 10002 background: #fff; 10003 border-radius: 2px; 10004 width: calc(50% - 15px); 10005 margin-top: 30px 10006} 10007 10008.mod_box_grid .boxes .box:nth-child(even) { 10009 margin-left: 30px 10010} 10011 10012@media only screen and (max-width: 800px) { 10013 .mod_box_grid .boxes .box:nth-child(even) { 10014 margin-left: 0 10015 } 10016} 10017 10018@media only screen and (max-width: 64em) { 10019 .mod_box_grid .boxes .box { 10020 padding: 40px 35px 40px 10021 } 10022} 10023 10024@media only screen and (max-width: 800px) { 10025 .mod_box_grid .boxes .box { 10026 padding: 30px 35px 35px; 10027 width: 100%; 10028 margin-left: 0; 10029 margin-right: 0 10030 } 10031} 10032 10033@media only screen and (max-width: 40em) { 10034 .mod_box_grid .boxes .box { 10035 padding: 30px; 10036 width: 100%; 10037 margin-left: 0 10038 } 10039 10040 .mod_box_grid .boxes .box:nth-child(even) { 10041 margin-left: 0 10042 } 10043} 10044 10045.mod_box_grid .boxes .box:first-child, 10046.mod_box_grid .boxes .box:nth-child(2) { 10047 margin-top: 0 10048} 10049 10050@media only screen and (max-width: 800px) { 10051 .mod_box_grid .boxes .box:nth-child(2) { 10052 margin-top: 30px 10053 } 10054} 10055 10056.mod_box_grid .boxes .box h2, 10057.mod_box_grid .boxes .box h3, 10058.mod_box_grid .boxes .box ul li, 10059.mod_box_grid .boxes .box p { 10060 color: #000 !important 10061} 10062 10063.mod_box_grid .boxes .box h2, 10064.mod_box_grid .boxes .box h3 { 10065 text-transform: uppercase; 10066 text-align: center; 10067 margin-bottom: 25px 10068} 10069 10070.mod_box_grid .boxes .box a.btn, 10071.mod_box_grid .boxes .box .mod_index_list .row a.item, 10072.mod_index_list .row .mod_box_grid .boxes .box a.item { 10073 display: table; 10074 margin: 25px auto 0 10075} 10076 10077.mod_box_grid.wider .boxes { 10078 max-width: 1200px 10079} 10080 10081@media only screen and (max-width: 800px) { 10082 .mod_box_grid.wider .boxes .box { 10083 width: 100% 10084 } 10085 10086 .mod_box_grid.wider .boxes .box:nth-child(even) { 10087 margin-left: 0 10088 } 10089} 10090 10091.mod_box_grid.no-stacking .boxes { 10092 flex-wrap: nowrap; 10093 max-width: 1200px; 10094 justify-content: center 10095} 10096 10097@media only screen and (max-width: 64em) { 10098 .mod_box_grid.no-stacking .boxes { 10099 flex-wrap: wrap 10100 } 10101} 10102 10103.mod_box_grid.no-stacking .boxes .box { 10104 margin-top: 0 !important 10105} 10106 10107@media only screen and (max-width: 64em) { 10108 .mod_box_grid.no-stacking .boxes .box:nth-child(n+3) { 10109 margin-top: 30px !important 10110 } 10111} 10112 10113@media only screen and (max-width: 800px) { 10114 .mod_box_grid.no-stacking .boxes .box { 10115 width: 100%; 10116 margin-left: 0 10117 } 10118 10119 .mod_box_grid.no-stacking .boxes .box:nth-child(n+2) { 10120 margin-top: 30px !important 10121 } 10122} 10123 10124@media only screen and (min-width: 64.1em) { 10125 .mod_box_grid.no-stacking .boxes .box+.box { 10126 margin-left: 30px 10127 } 10128} 10129 10130@media only screen and (min-width: 64.1em) { 10131 .mod_box_grid.no-stacking .boxes .box+.box:nth-child(even) { 10132 margin-left: 30px 10133 } 10134} 10135 10136.mod_box_grid.single .boxes { 10137 flex-wrap: wrap; 10138 padding: 50px 0 10139} 10140 10141@media only screen and (max-width: 64em) { 10142 .mod_box_grid.single .boxes { 10143 padding: 40px 0 10144 } 10145} 10146 10147@media only screen and (max-width: 800px) { 10148 .mod_box_grid.single .boxes { 10149 padding: 30px 0 10150 } 10151} 10152 10153.mod_box_grid.single .boxes .box { 10154 width: 100%; 10155 max-width: 820px; 10156 margin-bottom: 0 10157} 10158 10159.mod_box_grid.no-bg { 10160 background: none 10161} 10162 10163.mod_box_grid.no-bg .wrapper .row { 10164 padding: calc(100px + 8%) 20px 10165} 10166 10167.mod_box_grid.no-bg picture.background {
10168 display: none 10169} 10170 10171.mod_box_grid.no-bg .box { 10172 background: #e8edef 10173} 10174 10175.mod_box_grid.no-bg.single .boxes { 10176 padding: 0 10177} 10178 10179.mod_box_grid.three-boxes .box:last-child { 10180 width: 100% 10181} 10182 10183.mod_box_grid.three-boxes.no-stacking .box:last-child { 10184 width: calc(50% - 15px) 10185} 10186 10187@media only screen and (max-width: 800px) { 10188 .mod_box_grid.three-boxes.no-stacking .box:last-child { 10189 width: 100% 10190 } 10191} 10192 10193.mod_box_grid.five-boxes .box:last-child { 10194 width: 100% 10195} 10196 10197.mod_box_grid.viewport picture.background { 10198 display: block; 10199 overflow: hidden 10200} 10201 10202.mod_box_grid.viewport picture.background img { 10203 transform: scale(1.2) 10204} 10205 10206.mod_box_grid.in-viewport picture.background img { 10207 transform: scale(1) 10208} 10209 10210.mod_instagram { 10211 background: #efefef 10212} 10213 10214.mod_instagram .row { 10215 max-width: 1600px; 10216 margin-left: auto; 10217 margin-right: auto 10218} 10219 10220.mod_instagram .row a.btn, 10221.mod_instagram .mod_index_list .row a.item, 10222.mod_index_list .mod_instagram .row a.item { 10223 display: table; 10224 margin-left: auto; 10225 margin-right: auto; 10226 margin-top: 20px 10227} 10228 10229.mod_instagram .row ul.partial_socials { 10230 text-align: center 10231} 10232 10233.mod_instagram .row ul.partial_socials li { 10234 margin-top: 0 10235} 10236 10237.mod_instagram .row ul.partial_socials li a { 10238 transform: scale(1.2); 10239 background: none 10240} 10241 10242.mod_instagram .static-feed { 10243 grid-gap: 20px 10244} 10245 10246.mod_instagram .static-feed .post { 10247 position: relative 10248} 10249 10250.mod_instagram .static-feed .post:after { 10251 content: ""; 10252 position: absolute; 10253 top: 0; 10254 left: 0; 10255 width: 100%; 10256 height: 100%; 10257 z-index: 2; 10258 display: block; 10259 background: #444; 10260 opacity: 0 10261} 10262 10263.mod_instagram .static-feed .post .content, 10264.mod_instagram .static-feed .post span.icon { 10265 position: absolute; 10266 top: calc(50% - 20px); 10267 left: 50%; 10268 transform: translate(-50%, -50%); 10269 width: 100%; 10270 padding: 0 20px; 10271 text-align: center; 10272 opacity: 0; 10273 visibility: hidden; 10274 z-index: 3 10275} 10276 10277.mod_instagram .static-feed .post .content { 10278 padding: 0 20px; 10279 text-align: center 10280} 10281 10282.mod_instagram .static-feed .post .content * { 10283 color: #fff 10284} 10285 10286.mod_instagram .static-feed .post .content h3 { 10287 font-size: 22px 10288} 10289 10290.mod_instagram .static-feed .post span.icon { 10291 padding: 20px; 10292 background: url("https://www.datocms-assets.com/43779/1600277573-search-icon.png?auto=format,compress") no-repeat center center; 10293 background-size: contain; 10294 display: inline-block; 10295 width: inherit 10296} 10297 10298.mod_instagram .static-feed .post:hover { 10299 opacity: 1 10300} 10301 10302.mod_instagram .static-feed .post:hover:after { 10303 opacity: .8 10304} 10305 10306.mod_instagram .static-feed .post:hover .content, 10307.mod_instagram .static-feed .post:hover span.icon { 10308 top: 50%; 10309 opacity: 1; 10310 visibility: visible 10311} 10312 10313.mod_instagram .static-feed.grid { 10314 display: grid; 10315 grid-template-columns: 1fr 1fr 1fr 1fr 10316} 10317 10318@media only screen and (max-width: 800px) { 10319 .mod_instagram .static-feed.grid { 10320 grid-template-columns: 1fr 1fr 10321 } 10322} 10323 10324.mod_instagram .tns-controls, 10325.mod_instagram .slider-nav { 10326 display: flex; 10327 grid-gap: 16px; 10328 justify-content: center; 10329 text-align: center; 10330 padding-top: 20px; 10331 outline: none; 10332 margin-top: 10px 10333} 10334 10335.mod_instagram .tns-controls button, 10336.mod_instagram .slider-nav button { 10337 padding: 20px; 10338 width: 40px; 10339 height: 40px; 10340 border-radius: 100%; 10341 text-indent: -9999px; 10342 background: rgba(0, 0, 0, .9) 10343} 10344 10345.mod_instagram .tns-controls button:hover, 10346.mod_instagram .slider-nav button:hover { 10347 opacity: .6; 10348 cursor: pointer 10349} 10350 10351@media only screen and (max-width: 64em) { 10352 10353 .mod_instagram .tns-controls button, 10354 .mod_instagram .slider-nav button { 10355 padding: 16px; 10356 width: 36px; 10357 height: 36px 10358 } 10359} 10360 10361@media only screen and (max-width: 800px) { 10362 10363 .mod_instagram .tns-controls button, 10364 .mod_instagram .slider-nav button { 10365 padding: 14px; 10366 width: 34px; 10367 height: 34px 10368 } 10369} 10370 10371.mod_instagram .tns-controls button:after, 10372.mod_instagram .slider-nav button:after { 10373 content: ""; 10374 background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; 10375 background-size: auto 100% !important; 10376 position: absolute; 10377 top: 50%; 10378 left: calc(50% - 1px); 10379 transform: translate(-50%, -50%) rotate(-180deg); 10380 padding: 8px 10381} 10382 10383@media only screen and (max-width: 64em) { 10384 10385 .mod_instagram .tns-controls button:after, 10386 .mod_instagram .slider-nav button:after { 10387 padding: 7px 10388 } 10389} 10390 10391@media only screen and (max-width: 800px) { 10392 10393 .mod_instagram .tns-controls button:after, 10394 .mod_instagram .slider-nav button:after { 10395 padding: 6px 10396 } 10397} 10398 10399.mod_instagram .tns-controls button:before, 10400.mod_instagram .slider-nav button:before { 10401 display: none 10402} 10403 10404.mod_instagram .tns-controls button+button:after, 10405.mod_instagram .slider-nav button+button:after { 10406 left: calc(50% + 1px); 10407 transform: translate(-50%, -50%) 10408} 10409 10410.mod_column { 10411 position: relative 10412} 10413 10414.mod_column .row { 10415 position: relative; 10416 z-index: 1 10417} 10418 10419.mod_column.has-media { 10420 align-items: center 10421} 10422 10423.mod_column.has-media .row { 10424 display: grid; 10425 align-items: center; 10426 grid-template-columns: 1fr 2fr 10427} 10428 10429.mod_column.has-media .row.media-left .item { 10430 order: 2; 10431 padding-left: 40px 10432} 10433 10434@media only screen and (max-width: 64em) { 10435 .mod_column.has-media .row.media-left .item { 10436 padding-left: 0 10437 } 10438} 10439 10440.mod_column.has-media .row.media-right { 10441 grid-template-columns: 2fr 1fr 10442} 10443 10444.mod_column.has-media .row.media-right .item { 10445 padding-right: 40px 10446} 10447 10448@media only screen and (max-width: 64em) { 10449 .mod_column.has-media .row.media-right .item { 10450 padding-right: 0; 10451 order: 2 10452 } 10453} 10454 10455@media only screen and (max-width: 64em) { 10456 .mod_column.has-media .row { 10457 grid-template-columns: 1fr !important 10458 } 10459 10460 .mod_column.has-media .row .media { 10461 order: 1; 10462 max-width: 400px; 10463 margin-bottom: 30px; 10464 display: inline-block 10465 } 10466} 10467 10468.mod_columns_two { 10469 position: relative; 10470 margin-top: 30px 10471} 10472 10473.mod_columns_two .row { 10474 position: relative; 10475 z-index: 1 10476} 10477 10478.mod_columns_two .row>h2 { 10479 text-align: center; 10480 margin-bottom: 30px 10481} 10482 10483.mod_columns_two .content { 10484 display: grid; 10485 grid-template-columns: 1fr 1fr; 10486 grid-gap: 30px; 10487 margin-bottom: 30px 10488} 10489 10490@media only screen and (max-width: 800px) { 10491 .mod_columns_two .content { 10492 grid-gap: 20px; 10493 grid-template-columns: 1fr 10494 } 10495} 10496 10497.mod_columns_two.has-media .row { 10498 display: grid; 10499 grid-template-columns: 2fr 1fr; 10500 align-items: center 10501} 10502 10503.mod_columns_two.has-media .row .content { 10504 padding-right: 40px; 10505 display: block; 10506 margin-bottom: 0 10507} 10508 10509.mod_columns_two.has-media .row .content .grid {
10510 display: grid; 10511 grid-template-columns: 1fr 1fr 10512} 10513 10514.mod_columns_two.has-media .row .content .grid .item { 10515 padding-right: 40px 10516} 10517 10518.mod_columns_two.has-media .row .content .grid .item+.item { 10519 padding-right: 0 10520} 10521 10522@media only screen and (max-width: 800px) { 10523 .mod_columns_two.has-media .row .content .grid .item+.item { 10524 margin-top: 40px 10525 } 10526} 10527 10528@media only screen and (max-width: 800px) { 10529 .mod_columns_two.has-media .row .content .grid { 10530 grid-template-columns: 1fr 10531 } 10532} 10533 10534.mod_columns_two.has-media .row.media-left { 10535 grid-template-columns: 1fr 2fr 10536} 10537 10538.mod_columns_two.has-media .row.media-left .content { 10539 padding-right: 0; 10540 padding-left: 40px; 10541 order: 2 10542} 10543 10544@media only screen and (max-width: 64em) { 10545 .mod_columns_two.has-media .row { 10546 grid-template-columns: 1fr !important 10547 } 10548 10549 .mod_columns_two.has-media .row .content { 10550 order: 2; 10551 padding: 0 !important 10552 } 10553 10554 .mod_columns_two.has-media .row .media { 10555 order: 1; 10556 max-width: 400px; 10557 margin-bottom: 30px; 10558 display: inline-block 10559 } 10560} 10561 10562.mod_columns_two.has-bg .row { 10563 padding: calc(50px + 4%) 20px 10564} 10565 10566@media only screen and (max-width: 800px) { 10567 .mod_columns_two.has-bg .row { 10568 padding: calc(30px + 3.5%) 20px 10569 } 10570} 10571 10572@media only screen and (max-width: 40em) { 10573 .mod_columns_two.has-bg .row { 10574 padding: 60px 20px 10575 } 10576} 10577 10578.mod_columns_three { 10579 position: relative 10580} 10581 10582.mod_columns_three .row { 10583 position: relative; 10584 z-index: 1 10585} 10586 10587.mod_columns_three .row.maps { 10588 overflow: hidden; 10589 max-width: 100%; 10590 padding-left: 0; 10591 padding-right: 0 10592} 10593 10594.mod_columns_three .row.maps .content { 10595 display: grid 10596} 10597 10598.mod_columns_three .row.maps .content iframe { 10599 width: 100% 10600} 10601 10602.mod_columns_three .row>h2 { 10603 text-align: center; 10604 margin-bottom: 30px 10605} 10606 10607.mod_columns_three .content { 10608 display: grid; 10609 grid-template-columns: 1fr 1fr 1fr; 10610 grid-gap: 30px; 10611 margin-bottom: 30px 10612} 10613 10614@media only screen and (max-width: 800px) { 10615 .mod_columns_three .content { 10616 grid-gap: 20px; 10617 grid-template-columns: 1fr 10618 } 10619} 10620 10621.mod_column.dark, 10622header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_column.partial_socials, 10623.mod_columns_two.dark, 10624header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_two.partial_socials, 10625.mod_columns_three.dark, 10626header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_three.partial_socials { 10627 position: relative 10628} 10629 10630.mod_column.dark:after, 10631header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_column.partial_socials:after, 10632.mod_columns_two.dark:after, 10633header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_two.partial_socials:after, 10634.mod_columns_three.dark:after, 10635header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_three.partial_socials:after { 10636 content: ""; 10637 position: absolute; 10638 top: 0; 10639 left: 0; 10640 width: 100%; 10641 height: 100%; 10642 z-index: 2; 10643 display: block; 10644 background: #222; 10645 opacity: .4 10646} 10647 10648.mod_column.dark .row, 10649header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_column.partial_socials .row, 10650.mod_columns_two.dark .row, 10651header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_two.partial_socials .row, 10652.mod_columns_three.dark .row, 10653header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_three.partial_socials .row { 10654 position: relative; 10655 z-index: 3 10656} 10657 10658.mod_column.viewport picture, 10659.mod_columns_two.viewport picture, 10660.mod_columns_three.viewport picture { 10661 display: block; 10662 overflow: hidden 10663} 10664 10665.mod_column.viewport picture img, 10666.mod_columns_two.viewport picture img, 10667.mod_columns_three.viewport picture img { 10668 transform: scale(1.2) 10669} 10670 10671.mod_column.in-viewport picture img, 10672.mod_columns_two.in-viewport picture img, 10673.mod_columns_three.in-viewport picture img { 10674 transform: scale(1) 10675} 10676 10677.mod_contact_form { 10678 background: #efefef; 10679 padding: 80px 20px; 10680 position: relative 10681} 10682 10683@media only screen and (max-width: 800px) { 10684 .mod_contact_form { 10685 padding: 60px 20px 10686 } 10687} 10688 10689@media only screen and (max-width: 40em) { 10690 .mod_contact_form { 10691 padding: 50px 20px 10692 } 10693} 10694 10695.mod_contact_form .wrapper { 10696 max-width: 1160px; 10697 margin: 0 auto 10698} 10699 10700.mod_contact_form .wrapper.padded { 10701 padding-top: calc(20px + 2%); 10702 padding-bottom: calc(20px + 2%) 10703} 10704 10705@media only screen and (max-width: 64em) { 10706 .mod_contact_form .wrapper.padded { 10707 padding-top: calc(10px + 1%); 10708 padding-bottom: calc(10px + 1%) 10709 } 10710}
10710 10711 10712@media only screen and (max-width: 800px) { 10713 .mod_contact_form .wrapper.padded { 10714 padding-top: 10px; 10715 padding-bottom: 10px 10716 } 10717} 10718 10719.mod_contact_form .wrapper.padded2 { 10720 padding-top: calc(40px + 4%); 10721 padding-bottom: calc(40px + 4%) 10722} 10723 10724@media only screen and (max-width: 64em) { 10725 .mod_contact_form .wrapper.padded2 { 10726 padding-top: calc(20px + 2%); 10727 padding-bottom: calc(20px + 2%) 10728 } 10729} 10730 10731@media only screen and (max-width: 800px) { 10732 .mod_contact_form .wrapper.padded2 { 10733 padding-top: 20px; 10734 padding-bottom: 20px 10735 } 10736} 10737 10738.mod_contact_form .row { 10739 max-width: 720px; 10740 position: relative; 10741 z-index: 3 10742} 10743 10744.mod_contact_form .row .section-label { 10745 text-align: center; 10746 margin-left: auto; 10747 margin-right: auto 10748} 10749 10750@media only screen and (max-width: 40em) { 10751 .mod_contact_form .row .section-label { 10752 text-align: left; 10753 margin-left: 0; 10754 margin-right: 0 10755 } 10756} 10757 10758.mod_contact_form .row h2 { 10759 text-align: center 10760} 10761 10762@media only screen and (max-width: 40em) { 10763 .mod_contact_form .row h2 { 10764 text-align: left 10765 } 10766} 10767 10768.mod_contact_form .row h2:before, 10769.mod_contact_form .row h2:after { 10770 margin-left: auto; 10771 margin-right: auto 10772} 10773 10774@media only screen and (max-width: 40em) { 10775 10776 .mod_contact_form .row h2:before, 10777 .mod_contact_form .row h2:after { 10778 margin-left: 0; 10779 margin-right: 0 10780 } 10781} 10782 10783.mod_contact_form .row .content { 10784 max-width: 600px; 10785 margin: 20px auto 0; 10786 text-align: center 10787} 10788 10789@media only screen and (max-width: 40em) { 10790 .mod_contact_form .row .content { 10791 text-align: left 10792 } 10793} 10794 10795.mod_contact_form .row .partial_form .fields label { 10796 color: #000 !important 10797} 10798 10799.mod_contact_form .row .partial_form .submit-holder .btn.disabled, 10800.mod_contact_form .mod_index_list .row .partial_form .submit-holder a.disabled.item, 10801.mod_index_list .mod_contact_form .row .partial_form .submit-holder a.disabled.item { 10802 background: #d9c184; 10803 color: #fff; 10804 opacity: .3 10805} 10806 10807.mod_contact_form.dark:before, 10808header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact_form.partial_socials:before { 10809 content: ""; 10810 position: absolute; 10811 top: 0; 10812 left: 0; 10813 width: 100%; 10814 height: 100%; 10815 z-index: 2; 10816 display: block; 10817 background: #333; 10818 opacity: .2 10819} 10820 10821.mod_contact_form.dark h2, 10822header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact_form.partial_socials h2, 10823.mod_contact_form.dark .content *, 10824header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact_form.partial_socials .content *, 10825.mod_contact_form.dark .section-label, 10826header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact_form.partial_socials .section-label { 10827 color: #fff 10828} 10829 10830.mod_contact_form.left-placement .row { 10831 margin-left: 0; 10832 max-width: 600px 10833} 10834 10835.mod_contact_form.left-placement .row h2, 10836.mod_contact_form.left-placement .row .content { 10837 text-align: left 10838} 10839 10840.mod_contact_form.right-placement .row { 10841 margin-right: 0; 10842 max-width: 600px 10843} 10844 10845.mod_tabs_module { 10846 margin-top: 60px 10847} 10848 10849.mod_tabs_module .wrapper { 10850 position: relative 10851} 10852 10853.mod_tabs_module .tabs { 10854 min-height: 760px 10855} 10856 10857@media only screen and (max-width: 1200px) { 10858 .mod_tabs_module .tabs { 10859 min-height: 680px 10860 } 10861} 10862 10863@media only screen and (max-width: 64em) { 10864 .mod_tabs_module .tabs { 10865 min-height: 640px 10866 } 10867} 10868 10869@media only screen and (max-width: 800px) { 10870 .mod_tabs_module .tabs { 10871 min-height: inherit 10872 } 10873} 10874 10875.mod_tabs_module .tabs .tab { 10876 position: absolute; 10877 left: 0; 10878 opacity: 0; 10879 height: 100%; 10880 width: 100%; 10881 display: flex; 10882 align-items: center; 10883 justify-content: center; 10884 flex-direction: column; 10885 visibility: hidden 10886} 10887 10888@media only screen and (max-width: 800px) { 10889 .mod_tabs_module .tabs .tab { 10890 display: none; 10891 position: relative 10892 } 10893} 10894 10895.mod_tabs_module .tabs .tab .row { 10896 position: relative; 10897 z-index: 3; 10898 max-width: 1200px; 10899 margin: 0 auto; 10900 padding-left: 20px; 10901 padding-right: 20px 10902} 10903 10904@media only screen and (max-width: 800px) { 10905 .mod_tabs_module .tabs .tab .row { 10906 padding: calc(40px + 4%) 20px 10907 } 10908} 10909 10910@media only screen and (max-width: 40em) { 10911 .mod_tabs_module .tabs .tab .row { 10912 padding: calc(30px + 2.5%) 20px 10913 } 10914} 10915 10916.mod_tabs_module .tabs .tab .row .inner { 10917 position: relative; 10918 top: -20px 10919} 10920 10921.mod_tabs_module .tabs .tab .row .inner .logo { 10922 display: flex; 10923 margin-bottom: 10px 10924} 10925 10926.mod_tabs_module .tabs .tab .row .inner .logo img { 10927 max-width: 180px; 10928 max-height: 60px; 10929 width: auto 10930} 10931 10932@media only screen and (max-width: 64em) { 10933 .mod_tabs_module .tabs .tab .row .inner .logo img { 10934 max-width: 160px; 10935 max-height: 50px 10936 } 10937} 10938 10939@media only screen and (max-width: 800px) { 10940 .mod_tabs_module .tabs .tab .row .inner .logo img { 10941 max-width: 140px; 10942 max-height: 40px 10943 } 10944} 10945 10946.mod_tabs_module .tabs .tab .row .inner a.btn, 10947.mod_tabs_module .tabs .tab .mod_index_list .row .inner a.item, 10948.mod_index_list .mod_tabs_module .tabs .tab .row .inner a.item { 10949 margin-top: 30px 10950} 10951 10952.mod_tabs_module .tabs .tab .row .inner .credentials {
10953 display: flex; 10954 align-items: center; 10955 margin-top: 30px; 10956 grid-gap: 40px 10957} 10958 10959@media only screen and (max-width: 64em) { 10960 .mod_tabs_module .tabs .tab .row .inner .credentials { 10961 grid-gap: 30px 10962 } 10963} 10964 10965@media only screen and (max-width: 800px) { 10966 .mod_tabs_module .tabs .tab .row .inner .credentials { 10967 grid-gap: 20px; 10968 flex-wrap: wrap 10969 } 10970} 10971 10972.mod_tabs_module .tabs .tab .row .inner .credentials .img { 10973 display: inline-block 10974} 10975 10976@media only screen and (max-width: 64em) { 10977 .mod_tabs_module .tabs .tab .row .inner .credentials .img { 10978 margin-bottom: 30px 10979 } 10980} 10981 10982.mod_tabs_module .tabs .tab .row .inner .credentials .img img { 10983 max-height: 50px; 10984 max-width: 110px; 10985 width: auto 10986} 10987 10988@media only screen and (max-width: 64em) { 10989 .mod_tabs_module .tabs .tab .row .inner .credentials .img img { 10990 max-height: 40px; 10991 max-width: 90px 10992 } 10993} 10994 10995@media only screen and (max-width: 800px) { 10996 .mod_tabs_module .tabs .tab .row .inner .credentials .img img { 10997 max-height: 32px 10998 } 10999} 11000 11001.mod_tabs_module .tabs .tab .media { 11002 width: 50% 11003} 11004 11005@media only screen and (max-width: 800px) { 11006 .mod_tabs_module .tabs .tab .media:before { 11007 content: ""; 11008 position: absolute; 11009 top: 0; 11010 left: 0; 11011 width: 100%; 11012 height: 100%; 11013 z-index: 2; 11014 display: block; 11015 background: #fff; 11016 opacity: .4 11017 } 11018 11019 .dark .mod_tabs_module .tabs .tab .media:before, 11020 header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials .mod_tabs_module .tabs .tab .media:before { 11021 content: ""; 11022 position: absolute; 11023 top: 0; 11024 left: 0; 11025 width: 100%; 11026 height: 100%; 11027 z-index: 2; 11028 display: block; 11029 background: #333; 11030 opacity: .4 11031 } 11032} 11033 11034.mod_tabs_module .tabs .tab.active { 11035 opacity: 1; 11036 visibility: visible 11037} 11038 11039@media only screen and (max-width: 64em) { 11040 .mod_tabs_module .tabs .tab.active { 11041 display: flex 11042 } 11043} 11044 11045.mod_tabs_module .tabs .tab.active .inner { 11046 top: 0 11047} 11048 11049.mod_tabs_module .tab-links { 11050 display: flex; 11051 align-items: center; 11052 padding: 50px 20px 60px; 11053 justify-content: center; 11054 grid-gap: 40px 11055} 11056 11057@media only screen and (max-width: 64em) { 11058 .mod_tabs_module .tab-links { 11059 padding: 40px 20px 50px 11060 } 11061} 11062 11063@media only screen and (max-width: 40em) { 11064 .mod_tabs_module .tab-links { 11065 flex-wrap: wrap 11066 } 11067} 11068 11069.mod_tabs_module .tab-links a { 11070 position: relative; 11071 font-size: 16px; 11072 padding-bottom: 12px; 11073 display: inline-block 11074} 11075 11076.mod_tabs_module .tab-links a:after { 11077 content: ""; 11078 border-top: 6px solid #d9c184; 11079 position: absolute; 11080 left: 50%; 11081 bottom: 0; 11082 transform: translateX(-50%); 11083 width: 0 11084} 11085 11086.mod_tabs_module .tab-links a.active:after { 11087 width: 100% 11088} 11089 11090.mod_tabs_module.dark, 11091header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials { 11092 background: none 11093} 11094 11095.mod_tabs_module.dark .wrapper, 11096header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials .wrapper { 11097 background: #1a1a1a 11098} 11099 11100.mod_tabs_module.dark .wrapper .row *, 11101header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials .wrapper .row * { 11102 color: #fff 11103} 11104 11105.mod_tabs_module.dark .wrapper .media:before, 11106header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials .wrapper .media:before { 11107 background: #333 11108} 11109 11110.mod_tabs_module.dark .tab-links a, 11111header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials .tab-links a { 11112 color: #000 11113} 11114 11115.mod_tabs_module.left-placement .wrapper .tabs .tab .row .inner { 11116 max-width: 50% 11117} 11118 11119@media only screen and (max-width: 800px) { 11120 .mod_tabs_module.left-placement .wrapper .tabs .tab .row .inner { 11121 max-width: 100% 11122 } 11123} 11124 11125.mod_tabs_module.center-placement .wrapper .tabs .tab .row .inner { 11126 text-align: center; 11127 width: 100%; 11128 max-width: 920px; 11129 margin-left: auto; 11130 margin-right: auto 11131} 11132 11133.mod_tabs_module.center-placement .wrapper .tabs .tab .row .inner picture.logo { 11134 justify-content: center; 11135 margin-left: auto; 11136 margin-right: auto 11137} 11138 11139.mod_tabs_module.center-placement .wrapper .tabs .tab .row .inner a.btn, 11140.mod_tabs_module.center-placement .wrapper .tabs .tab .mod_index_list .row .inner a.item, 11141.mod_index_list .mod_tabs_module.center-placement .wrapper .tabs .tab .row .inner a.item { 11142 display: table; 11143 margin-left: auto; 11144 margin-right: auto 11145} 11146 11147.mod_tabs_module.center-placement .wrapper .tabs .tab .row .inner .credentials { 11148 justify-content: center 11149} 11150 11151.mod_tabs_module.right-placement .wrapper .tabs .tab .row .inner { 11152 left: 50%; 11153 max-width: 50% 11154} 11155 11156@media only screen and (max-width: 800px) { 11157 .mod_tabs_module.right-placement .wrapper .tabs .tab .row .inner { 11158 max-width: 100%; 11159 left: 0 11160 } 11161} 11162 11163.mod_tabs_module.half-image { 11164 padding-left: 20px; 11165 padding-right: 20px; 11166 margin-left: auto; 11167 margin-right: auto; 11168 max-width: 1600px 11169} 11170 11171.mod_tabs_module.half-image .wrapper .tabs .tab { 11172 left: 50%; 11173 flex-direction: row; 11174 transform: translateX(-50%) 11175} 11176 11177@media only screen and (max-width: 800px) { 11178 .mod_tabs_module.half-image .wrapper .tabs .tab { 11179 position: relative; 11180 top: 0; 11181 left: 0; 11182 transform: none; 11183 flex-direction: column-reverse !important 11184 } 11185} 11186 11187.mod_tabs_module.half-image .wrapper .tabs .tab .row { 11188 width: 50%; 11189 margin: 0; 11190 padding: 0 11191} 11192 11193@media only screen and (max-width: 64em) { 11194 .mod_tabs_module.half-image .wrapper .tabs .tab .row { 11195 width: 100% 11196 } 11197} 11198 11199.mod_tabs_module.half-image .wrapper .tabs .tab .row .inner { 11200 max-width: 580px; 11201 padding: 15px 80px 15px 0; 11202 margin-left: auto 11203} 11204 11205@media only screen and (max-width: 1200px) { 11206 .mod_tabs_module.half-image .wrapper .tabs .tab .row .inner { 11207 padding-right: 50px 11208 } 11209} 11210 11211@media only screen and (max-width: 64em) { 11212 .mod_tabs_module.half-image .wrapper .tabs .tab .row .inner { 11213 max-width: 100%; 11214 padding: 0 11215 } 11216} 11217 11218.mod_tabs_module.half-image .wrapper .tabs .tab .media { 11219 width: 50%; 11220 position: relative; 11221 height: 100% 11222}
11222 11223 11224.mod_tabs_module.half-image .wrapper .tabs .tab .media:before { 11225 display: none 11226} 11227 11228@media only screen and (max-width: 64em) { 11229 .mod_tabs_module.half-image .wrapper .tabs .tab .media { 11230 width: 100%; 11231 height: 0; 11232 margin-bottom: 30px; 11233 padding-top: 56.25% 11234 } 11235} 11236 11237@media only screen and (max-width: 800px) { 11238 .mod_tabs_module.half-image .wrapper .tabs .tab .media { 11239 padding-top: 65% 11240 } 11241} 11242 11243@media only screen and (max-width: 40em) { 11244 .mod_tabs_module.half-image .wrapper .tabs .tab .media { 11245 padding-top: 75% 11246 } 11247} 11248 11249.mod_tabs_module.half-image.flipped .wrapper .tabs .tab { 11250 flex-direction: row-reverse 11251} 11252 11253.mod_tabs_module.half-image.flipped .wrapper .tabs .tab .row .inner { 11254 padding: 15px 0 15px 80px; 11255 margin-left: 0 11256} 11257 11258@media only screen and (max-width: 1200px) { 11259 .mod_tabs_module.half-image.flipped .wrapper .tabs .tab .row .inner { 11260 padding-left: 50px 11261 } 11262} 11263 11264@media only screen and (max-width: 64em) { 11265 .mod_tabs_module.half-image.flipped .wrapper .tabs .tab .row .inner { 11266 padding: 15px 0 15px 20px 11267 } 11268} 11269 11270@media only screen and (max-width: 800px) { 11271 .mod_tabs_module.half-image.flipped .wrapper .tabs .tab .row .inner { 11272 padding: 0 11273 } 11274} 11275 11276.mod_tabs_module.left-media-position picture img, 11277.mod_tabs_module.left-media-position video { 11278 object-position: 20% 20% 11279} 11280 11281.mod_tabs_module.right-media-position picture img, 11282.mod_tabs_module.right-media-position video { 11283 object-position: 80% 20% 11284} 11285 11286.mod_tabs_module.viewport picture.background { 11287 display: block; 11288 overflow: hidden 11289} 11290 11291.mod_tabs_module.viewport picture.background img { 11292 transform: scale(1.2) 11293} 11294 11295.mod_tabs_module.in-viewport picture.background img { 11296 transform: scale(1) 11297} 11298 11299.mod_contact { 11300 position: relative 11301} 11302 11303.thank-you .mod_contact .row { 11304 margin: 0 auto; 11305 text-align: center 11306} 11307 11308.mod_contact:after { 11309 width: 100% 11310} 11311 11312@media only screen and (max-width: 64em) { 11313 .mod_contact:before { 11314 display: none 11315 } 11316} 11317 11318.mod_contact picture.background:before { 11319 z-index: 1; 11320 content: ""; 11321 position: absolute; 11322 bottom: 0; 11323 left: auto; 11324 right: 0; 11325 width: 70%; 11326 height: 100% 11327} 11328 11329@media only screen and (max-width: 800px) { 11330 .mod_contact picture.background:before { 11331 display: none 11332 } 11333} 11334 11335.mod_contact picture.background img { 11336 object-position: top 11337} 11338 11339@media only screen and (max-width: 64em) { 11340 .mod_contact picture.background:not(.mobile) { 11341 display: none 11342 } 11343} 11344 11345@media only screen and (min-width: 64.1em) { 11346 .mod_contact picture.background.mobile { 11347 display: none 11348 } 11349} 11350 11351@media only screen and (max-width: 64em) { 11352 .mod_contact:before { 11353 display: none 11354 } 11355} 11356 11357.mod_contact .row { 11358 display: flex; 11359 flex-direction: column; 11360 flex-wrap: nowrap; 11361 max-width: 800px; 11362 margin: 0 auto 11363} 11364 11365@media only screen and (max-width: 40em) { 11366 .mod_contact .row { 11367 flex-direction: column; 11368 grid-gap: 40px 11369 } 11370} 11371 11372.mod_contact section.info h1 { 11373 text-align: center; 11374 letter-spacing: 10px; 11375 text-transform: uppercase 11376} 11377 11378@media only screen and (max-width: 64em) { 11379 .mod_contact section.info h1 { 11380 letter-spacing: 7px; 11381 font-size: 30px; 11382 text-align: center 11383 } 11384} 11385 11386.mod_contact section.info .info-wrapper { 11387 padding-top: 0; 11388 padding-bottom: 40px; 11389 display: flex; 11390 grid-gap: 20px; 11391 align-items: center; 11392 flex-direction: column-reverse; 11393 text-align: center 11394} 11395 11396@media only screen and (max-width: 64em) { 11397 .mod_contact section.info .info-wrapper { 11398 flex-direction: column; 11399 grid-gap: 20px 11400 } 11401} 11402 11403.mod_contact section.info .info-wrapper .phone a.tel { 11404 font-weight: 300 11405} 11406 11407.mod_contact section.info .info-wrapper .phone a.tel:before { 11408 content: ""; 11409 padding: 10px; 11410 margin-right: 10px; 11411 background: url("/assets/img/img-export/1684444090-black-phone.svg") no-repeat center center; 11412 background-size: 100% auto !important 11413} 11414 11415.mod_contact section.info .info-wrapper .address { 11416 position: relative 11417} 11418 11419.mod_contact section.info .info-wrapper .address a { 11420 font-weight: 300 11421} 11422 11423@media only screen and (max-width: 800px) { 11424 .mod_contact section.info { 11425 width: 100%; 11426 margin-right: 0 11427 } 11428} 11429 11430.mod_contact section.info .partial_breadcrumb { 11431 margin-bottom: 40px 11432} 11433 11434.mod_contact section.info p, 11435.mod_contact section.info span { 11436 font-size: 16px; 11437 letter-spacing: 1.3px; 11438 line-height: 1.5; 11439 font-family: "canada-type-gibson", Arial, sans-serif 11440} 11441 11442@media only screen and (max-width: 800px) { 11443 11444 .mod_contact section.info p, 11445 .mod_contact section.info span { 11446 font-size: 18px 11447 } 11448} 11449 11450.mod_contact section.info p.subtitle, 11451.mod_contact section.info span.subtitle { 11452 margin-top: 20px; 11453 display: block; 11454 font-size: 80%; 11455 line-height: 1; 11456 padding-bottom: 5px 11457} 11458 11459.mod_contact section.info * { 11460 color: #000 11461}
11461 11462 11463.mod_contact section.content { 11464 flex: grow 11465} 11466 11467.mod_contact section.content div.section-label { 11468 line-height: 1.25 11469} 11470 11471.mod_contact section.content div.section-label a { 11472 color: #d9c184; 11473 font-weight: bold; 11474} 11475 11476.mod_contact section.content .thank-you { 11477 width: 100%; 11478 background: rgba(255, 255, 255, .8); 11479 padding: 50px 11480} 11481 11482.mod_contact section.content .thank-you *:not(.btn) { 11483 color: #000 11484} 11485 11486@media only screen and (max-width: 800px) { 11487 .mod_contact section.content .thank-you { 11488 margin-top: 30px 11489 } 11490} 11491 11492.mod_contact.dark, 11493header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials { 11494 background: #000 11495} 11496 11497.mod_contact.dark section.info ul.partial_breadcrumb li:before, 11498header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.partial_breadcrumb li:before { 11499 background: #fff 11500} 11501 11502.mod_contact.dark section.info p, 11503header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info p, 11504.mod_contact.dark section.info a, 11505header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info a, 11506.mod_contact.dark section.info span, 11507header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info span, 11508.mod_contact.dark section.info h1, 11509header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info h1, 11510.mod_contact.dark section.info h2, 11511header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info h2 { 11512 color: #fff 11513} 11514 11515.mod_contact.dark form .section-label, 11516header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form .section-label, 11517.mod_contact.dark form label, 11518header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form label { 11519 color: #fff !important 11520} 11521 11522.mod_cta_ba, 11523.mod_cta_ba_feed { 11524 background: none; 11525 max-width: 100%; 11526 margin-top: 40px; 11527 margin-bottom: 40px 11528} 11529 11530.mod_cta_ba .feed.swiper-scrollbar, 11531.mod_cta_ba_feed .feed.swiper-scrollbar {
11532 margin: 15px 0; 11533 transform: translateY(0px); 11534 background-color: #000; 11535 height: 1px; 11536 max-width: 1000px 11537} 11538 11539.mod_cta_ba .feed.swiper-scrollbar .swiper-scrollbar-drag, 11540.mod_cta_ba_feed .feed.swiper-scrollbar .swiper-scrollbar-drag { 11541 height: 4px; 11542 top: -100%; 11543 background-color: #000; 11544 border-radius: 0 11545} 11546 11547.mod_cta_ba .controls-container, 11548.mod_cta_ba_feed .controls-container { 11549 padding: 0 10px; 11550 display: grid; 11551 grid-template-columns: 150px 1fr; 11552 align-items: center; 11553 z-index: 1; 11554 height: 100px; 11555 width: 100%; 11556 position: relative; 11557 grid-gap: 20px 11558} 11559 11560@media only screen and (max-width: 64em) { 11561 11562 .mod_cta_ba .controls-container, 11563 .mod_cta_ba_feed .controls-container { 11564 display: flex; 11565 flex-direction: column 11566 } 11567} 11568 11569@media only screen and (max-width: 800px) { 11570 11571 .mod_cta_ba .controls-container, 11572 .mod_cta_ba_feed .controls-container { 11573 padding-top: 20px 11574 } 11575} 11576 11577.mod_cta_ba .controls-container .buttons, 11578.mod_cta_ba_feed .controls-container .buttons { 11579 display: grid; 11580 place-items: center; 11581 position: relative 11582} 11583 11584@media only screen and (max-width: 64em) { 11585 11586 .mod_cta_ba .controls-container .buttons, 11587 .mod_cta_ba_feed .controls-container .buttons { 11588 width: calc(100% - 20px); 11589 height: 100px 11590 } 11591} 11592 11593.mod_cta_ba .controls-container .buttons .swiper-button-prev, 11594.mod_cta_ba .controls-container .buttons .swiper-button-next, 11595.mod_cta_ba_feed .controls-container .buttons .swiper-button-prev, 11596.mod_cta_ba_feed .controls-container .buttons .swiper-button-next { 11597 padding: 30px 11598} 11599 11600.mod_cta_ba .controls-container .buttons .swiper-button-prev:after, 11601.mod_cta_ba .controls-container .buttons .swiper-button-next:after, 11602.mod_cta_ba_feed .controls-container .buttons .swiper-button-prev:after, 11603.mod_cta_ba_feed .controls-container .buttons .swiper-button-next:after { 11604 content: ""; 11605 position: absolute; 11606 top: 0; 11607 left: 50%; 11608 transform: translate(-50%, -50%); 11609 padding: 25px; 11610 background: url("/assets/img/img-export/1678831465-right-arrow.webp?auto=format,compress") no-repeat center center; 11611 background-size: 100% auto !important; 11612 border-radius: 100% 11613} 11614 11615.mod_cta_ba .controls-container .buttons .swiper-button-prev:hover::after, 11616.mod_cta_ba .controls-container .buttons .swiper-button-next:hover::after, 11617.mod_cta_ba_feed .controls-container .buttons .swiper-button-prev:hover::after, 11618.mod_cta_ba_feed .controls-container .buttons .swiper-button-next:hover::after { 11619 background-color: #000; 11620 filter: invert(1) 11621} 11622 11623.mod_cta_ba .controls-container .buttons .swiper-button-prev:after, 11624.mod_cta_ba_feed .controls-container .buttons .swiper-button-prev:after { 11625 transform: translate(-50%, -50%) rotate(180deg) 11626} 11627 11628.mod_cta_ba .row, 11629.mod_cta_ba_feed .row { 11630 display: block; 11631 max-width: 1400px; 11632 padding-top: 40px; 11633 padding: 40px 0px 40px 20px 11634} 11635 11636@media only screen and (max-width: 800px) { 11637 .mod_cta_ba_feed { 11638 margin-top: 0px; 11639 margin-bottom: 0px; 11640 } 11641} 11642 11643@media only screen and (max-width: 800px) { 11644 .mod_cta_ba_feed .row { 11645 padding-top: 0px; 11646 padding-bottom: 0px; 11647 } 11648} 11649 11650.mod_cta_ba .row .text, 11651.mod_cta_ba_feed .row .text { 11652 display: flex 11653} 11654 11655@media only screen and (max-width: 800px) { 11656 11657 .mod_cta_ba .row .text, 11658 .mod_cta_ba_feed .row .text { 11659 flex-direction: column; 11660 align-items: center; 11661 justify-content: center 11662 } 11663} 11664 11665.mod_cta_ba .row .text .left-side, 11666.mod_cta_ba_feed .row .text .left-side { 11667 text-align: left; 11668 width: 35% 11669} 11670 11671@media only screen and (max-width: 800px) { 11672 11673 .mod_cta_ba .row .text .left-side, 11674 .mod_cta_ba_feed .row .text .left-side { 11675 width: 100%; 11676 margin-top: 30px; 11677 margin-bottom: 30px; 11678 } 11679} 11680 11681.mod_cta_ba .row .text .left-side .left-wrapper, 11682.mod_cta_ba_feed .row .text .left-side .left-wrapper { 11683 position: relative; 11684 top: 50%; 11685 padding-right: 20px; 11686 padding-left: 20px; 11687 transform: translateY(-50%); 11688 max-width: 450px 11689} 11690 11691@media only screen and (max-width: 800px) { 11692 11693 .mod_cta_ba .row .text .left-side .left-wrapper, 11694 .mod_cta_ba_feed .row .text .left-side .left-wrapper { 11695 transform: none; 11696 padding-left: 0px; 11697 max-width: 100%; 11698 text-align: center; 11699 } 11700} 11701 11702@media only screen and (min-width: 64.1em) { 11703 11704 .mod_cta_ba .row .text h2, 11705 .mod_cta_ba_feed .row .text h2 { 11706 font-size: 38px 11707 } 11708} 11709 11710@media only screen and (max-width: 64em) { 11711 11712 .mod_cta_ba .row .text h2, 11713 .mod_cta_ba_feed .row .text h2 { 11714 font-size: 36px 11715 } 11716} 11717 11718@media only screen and (max-width: 800px) { 11719 11720 .mod_cta_ba .row .text h2, 11721 .mod_cta_ba_feed .row .text h2 { 11722 font-size: 34px 11723 } 11724}
11724 11725 11726.mod_cta_ba .row .text p, 11727.mod_cta_ba_feed .row .text p { 11728 margin: 0 auto 11729} 11730 11731.mod_cta_ba .row .text .patients, 11732.mod_cta_ba_feed .row .text .patients { 11733 margin: 0px 0 20px 0; 11734 position: relative; 11735 display: inline-block; 11736 width: 65% 11737} 11738 11739@media only screen and (max-width: 800px) { 11740 11741 .mod_cta_ba .row .text .patients, 11742 .mod_cta_ba_feed .row .text .patients { 11743 width: 100% 11744 } 11745} 11746 11747@media only screen and (max-width: 800px) { 11748 11749 .mod_cta_ba .row .text .patients .patient-wrap, 11750 .mod_cta_ba_feed .row .text .patients .patient-wrap { 11751 padding-bottom: 0 11752 } 11753} 11754 11755.mod_cta_ba .row .text .patients .patient-wrap .patient, 11756.mod_cta_ba_feed .row .text .patients .patient-wrap .patient { 11757 width: 100%; 11758 display: flex; 11759 justify-content: center 11760} 11761 11762.mod_cta_ba .row .text .patients .patient-wrap .patient a, 11763.mod_cta_ba_feed .row .text .patients .patient-wrap .patient a { 11764 display: block; 11765 width: 100% 11766} 11767 11768.mod_cta_ba .row .text .patients .patient-wrap .patient picture, 11769.mod_cta_ba_feed .row .text .patients .patient-wrap .patient picture { 11770 width: 50%; 11771 max-width: 320px 11772} 11773 11774.mod_cta_ba .row .text .patients .patient-wrap .patient picture img, 11775.mod_cta_ba_feed .row .text .patients .patient-wrap .patient picture img { 11776 width: 100% 11777} 11778 11779.mod_cta_ba .row .text .patients .patient-wrap.pslider, 11780.mod_cta_ba_feed .row .text .patients .patient-wrap.pslider { 11781 padding: 20px 0 11782} 11783 11784.mod_cta_ba .row .text .patients .tns-outer+.age-restricted .inner, 11785.mod_cta_ba_feed .row .text .patients .tns-outer+.age-restricted .inner { 11786 position: relative; 11787 top: -40px 11788} 11789 11790@media only screen and (max-width: 40em) { 11791 11792 .mod_cta_ba .row .text .patients .tns-outer+.age-restricted .inner, 11793 .mod_cta_ba_feed .row .text .patients .tns-outer+.age-restricted .inner { 11794 top: -30px 11795 } 11796} 11797 11798.mod_cta_ba .row .text .patients .age-restricted, 11799.mod_cta_ba_feed .row .text .patients .age-restricted { 11800 pointer-events: all !important; 11801 position: absolute; 11802 width: 100%; 11803 height: 100%; 11804 top: 0; 11805 left: 0; 11806 display: flex; 11807 flex-direction: column; 11808 background: rgba(255, 255, 255, .7); 11809 padding: 30px; 11810 text-align: center; 11811 justify-content: center; 11812 align-items: center; 11813 z-index: 99; 11814 opacity: 0; 11815 visibility: hidden 11816} 11817 11818.mod_cta_ba .row .text .patients .age-restricted h3, 11819.mod_cta_ba_feed .row .text .patients .age-restricted h3 { 11820 font-size: 32px 11821} 11822 11823@media only screen and (max-width: 800px) { 11824 11825 .mod_cta_ba .row .text .patients .age-restricted h3, 11826 .mod_cta_ba_feed .row .text .patients .age-restricted h3 { 11827 font-size: 28px 11828 } 11829} 11830 11831@media only screen and (max-width: 40em) { 11832 11833 .mod_cta_ba .row .text .patients .age-restricted h3, 11834 .mod_cta_ba_feed .row .text .patients .age-restricted h3 { 11835 font-size: 24px 11836 } 11837} 11838 11839.mod_cta_ba .row .text .patients .age-restricted p, 11840.mod_cta_ba_feed .row .text .patients .age-restricted p { 11841 max-width: 540px 11842} 11843 11844.mod_cta_ba .row.restricted .patients .patient-wrap, 11845.mod_cta_ba_feed .row.restricted .patients .patient-wrap { 11846 filter: blur(10px) 11847} 11848 11849.mod_cta_ba .row.restricted .patients .patient-wrap .patient, 11850.mod_cta_ba_feed .row.restricted .patients .patient-wrap .patient { 11851 opacity: .5 11852} 11853 11854.mod_cta_ba .row.restricted .patients .age-restricted, 11855.mod_cta_ba_feed .row.restricted .patients .age-restricted { 11856 opacity: 1; 11857 visibility: visible 11858} 11859 11860.mod_cta_ba .row.restricted a.view-more, 11861.mod_cta_ba .row.restricted .tns-controls, 11862.mod_cta_ba_feed .row.restricted a.view-more, 11863.mod_cta_ba_feed .row.restricted .tns-controls { 11864 filter: blur(10px) 11865} 11866 11867.mod_cta_ba_feed .row .text .patients .patient-wrap[data-items="2"] .patient { 11868 padding-top: 50% 11869} 11870 11871.mod_cta_ba_feed .row .text .patients .patient-wrap[data-items="3"] .patient { 11872 padding-top: 35% 11873} 11874 11875.mod_cta_ba_feed .row .text .patients .patient-wrap a.patient { 11876 width: 100%; 11877 grid-gap: 0; 11878 padding-top: 100%; 11879 position: relative; 11880 margin: 0 auto; 11881 border-radius: 2px; 11882 overflow: hidden 11883} 11884 11885@media only screen and (max-width: 64em) { 11886 .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient { 11887 max-width: 620px; 11888 padding-top: 45% 11889 } 11890} 11891 11892@media only screen and (max-width: 800px) { 11893 .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient { 11894 max-width: 560px; 11895 padding-top: 52.5% 11896 } 11897} 11898 11899@media only screen and (max-width: 40em) { 11900 .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient { 11901 max-width: 420px; 11902 padding-top: 60% 11903 } 11904} 11905 11906.mod_cta_ba_feed .row .text .patients .patient-wrap a.patient picture { 11907 left: 0; 11908 transform: translateY(-50%); 11909 max-width: inherit 11910} 11911 11912.mod_cta_ba_feed .row .text .patients .patient-wrap a.patient picture img { 11913 width: 100%; 11914 height: 100%; 11915 object-fit: cover 11916} 11917 11918.mod_cta_ba_feed .row .text .patients .patient-wrap a.patient picture+picture { 11919 left: auto; 11920 right: 0 11921} 11922 11923.mod_cta_ba_feed .row .text .patients .patient-wrap a.patient.single picture { 11924 width: 100% 11925} 11926 11927.mod_cta_general.container.dark .small, 11928.mod_cta_general.container.dark .mod_video_columns_two .row .item .content a.btn, 11929.mod_video_columns_two .row .item .content .mod_cta_general.container.dark a.btn, 11930.mod_cta_general.container.dark .mod_video_columns_two .mod_index_list .row .item .content a.item, 11931.mod_video_columns_two .mod_index_list .row .item .content .mod_cta_general.container.dark a.item, 11932.mod_cta_general.container.dark .mod_index_list .mod_video_columns_two .row .item .content a.item, 11933.mod_index_list .mod_video_columns_two .row .item .content .mod_cta_general.container.dark a.item, 11934.mod_cta_general.container.dark .mod_index>
11934.row .inner .item a.btn, 11935.mod_cta_general.container.dark .mod_index_list .mod_index>.row .inner .item a.item, 11936.mod_index_list .mod_cta_general.container.dark .mod_index>.row .inner .item a.item, 11937.mod_index>.row .inner .item .mod_cta_general.container.dark a.btn, 11938.mod_index_list .mod_index>.row .inner .item .mod_cta_general.container.dark a.item, 11939.mod_cta_general.container.dark .mod_hero.has-ba .ba-include a.btn, 11940.mod_cta_general.container.dark .mod_hero.has-ba .ba-include .mod_index_list .row a.item, 11941.mod_index_list .row .mod_cta_general.container.dark .mod_hero.has-ba .ba-include a.item, 11942.mod_hero.has-ba .ba-include .mod_cta_general.container.dark a.btn, 11943.mod_hero.has-ba .ba-include .mod_cta_general.container.dark .mod_index_list .row a.item, 11944.mod_index_list .row .mod_hero.has-ba .ba-include .mod_cta_general.container.dark a.item, 11945header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_cta_general.container.partial_socials .small, 11946.mod_cta_general.container.dark .mod_home_grid .row .grid .item .content a.btn, 11947.mod_cta_general.container.dark .mod_home_grid .mod_index_list .row .grid .item .content a.item, 11948.mod_index_list .mod_cta_general.container.dark .mod_home_grid .row .grid .item .content a.item, 11949.mod_home_grid .row .grid .item .content .mod_cta_general.container.dark a.btn, 11950.mod_home_grid .mod_index_list .row .grid .item .content .mod_cta_general.container.dark a.item, 11951.mod_index_list .mod_home_grid .row .grid .item .content .mod_cta_general.container.dark a.item, 11952.mod_cta_general.container.dark .contact-scroll, 11953header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_cta_general.container.partial_socials .contact-scroll, 11954.mod_cta_general.container.dark body.blog .container:not(footer):not(.partial_cta_sub) a.btn, 11955.mod_cta_general.container.dark body.blog .container:not(footer):not(.partial_cta_sub) .mod_index_list .row a.item, 11956.mod_index_list .row .mod_cta_general.container.dark body.blog .container:not(footer):not(.partial_cta_sub) a.item, 11957body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_general.container.dark a.btn, 11958body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_general.container.dark .mod_index_list .row a.item, 11959.mod_index_list .row body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_general.container.dark a.item, 11960.mod_cta_general.container.dark .mod_box_grid .boxes .box a.btn, 11961.mod_cta_general.container.dark .mod_box_grid .boxes .box .mod_index_list .row a.item, 11962.mod_index_list .row .mod_cta_general.container.dark .mod_box_grid .boxes .box a.item, 11963.mod_box_grid .boxes .box .mod_cta_general.container.dark a.btn, 11964.mod_box_grid .boxes .box .mod_cta_general.container.dark .mod_index_list .row a.item, 11965.mod_index_list .row .mod_box_grid .boxes .box .mod_cta_general.container.dark a.item, 11966.mod_cta_general.container.dark a, 11967header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_cta_general.container.partial_socials a { 11968 color: #fff 11969} 11970 11971.mod_cta_general:not(.thin) .row { 11972 padding: calc(60px + 7%) 20px 11973} 11974 11975.mod_cta_general:not(.thin) .row h2 { 11976 line-height: 66px; 11977 letter-spacing: 12.5px 11978} 11979 11980@media only screen and (max-width: 40em) { 11981 .mod_cta_general:not(.thin) .row h2 { 11982 letter-spacing: 0px 11983 } 11984} 11985 11986.mod_cta_general:not(.thin) .row h2 .small, 11987.mod_cta_general:not(.thin) .mod_video_columns_two .row h2 .item .content a.btn, 11988.mod_video_columns_two .mod_cta_general:not(.thin) .row h2 .item .content a.btn, 11989.mod_cta_general:not(.thin) .mod_video_columns_two .row .item .content h2 a.btn, 11990.mod_video_columns_two .mod_cta_general:not(.thin) .row .item .content h2 a.btn, 11991.mod_cta_general:not(.thin) .mod_video_columns_two .mod_index_list .row h2 .item .content a.item, 11992.mod_video_columns_two .mod_index_list .mod_cta_general:not(.thin) .row h2 .item .content a.item, 11993.mod_cta_general:not(.thin) .mod_video_columns_two .mod_index_list .row .item .content h2 a.item, 11994.mod_video_columns_two .mod_index_list .mod_cta_general:not(.thin) .row .item .content h2 a.item, 11995.mod_cta_general:not(.thin) .mod_index_list .mod_video_columns_two .row h2 .item .content a.item, 11996.mod_index_list .mod_video_columns_two .mod_cta_general:not(.thin) .row h2 .item .content a.item, 11997.mod_cta_general:not(.thin) .mod_index_list .mod_video_columns_two .row .item .content h2 a.item, 11998.mod_index_list .mod_video_columns_two .mod_cta_general:not(.thin) .row .item .content h2 a.item, 11999.mod_cta_general:not(.thin) .mod_index>
11999.row h2 .inner .item a.btn, 12000.mod_cta_general:not(.thin) .mod_index_list .mod_index>.row h2 .inner .item a.item, 12001.mod_index_list .mod_cta_general:not(.thin) .mod_index>.row h2 .inner .item a.item, 12002.mod_cta_general:not(.thin) .mod_index>.row .inner .item h2 a.btn, 12003.mod_cta_general:not(.thin) .mod_index_list .mod_index>.row .inner .item h2 a.item, 12004.mod_index_list .mod_cta_general:not(.thin) .mod_index>.row .inner .item h2 a.item, 12005.mod_cta_general:not(.thin) .row h2 .mod_hero.has-ba .ba-include a.btn, 12006.mod_cta_general:not(.thin) .mod_index_list .row h2 .mod_hero.has-ba .ba-include a.item, 12007.mod_index_list .mod_cta_general:not(.thin) .row h2 .mod_hero.has-ba .ba-include a.item, 12008.mod_hero.has-ba .ba-include .mod_cta_general:not(.thin) .row h2 a.btn, 12009.mod_hero.has-ba .ba-include .mod_cta_general:not(.thin) .mod_index_list .row h2 a.item, 12010.mod_index_list .mod_hero.has-ba .ba-include .mod_cta_general:not(.thin) .row h2 a.item, 12011.mod_cta_general:not(.thin) .mod_home_grid .row h2 .grid .item .content a.btn, 12012.mod_cta_general:not(.thin) .mod_home_grid .mod_index_list .row h2 .grid .item .content a.item, 12013.mod_index_list .mod_cta_general:not(.thin) .mod_home_grid .row h2 .grid .item .content a.item, 12014.mod_home_grid .mod_cta_general:not(.thin) .row h2 .grid .item .content a.btn, 12015.mod_home_grid .mod_cta_general:not(.thin) .mod_index_list .row h2 .grid .item .content a.item, 12016.mod_index_list .mod_home_grid .mod_cta_general:not(.thin) .row h2 .grid .item .content a.item, 12017.mod_cta_general:not(.thin) .mod_home_grid .row .grid .item .content h2 a.btn, 12018.mod_cta_general:not(.thin) .mod_home_grid .mod_index_list .row .grid .item .content h2 a.item, 12019.mod_index_list .mod_cta_general:not(.thin) .mod_home_grid .row .grid .item .content h2 a.item, 12020.mod_home_grid .mod_cta_general:not(.thin) .row .grid .item .content h2 a.btn, 12021.mod_home_grid .mod_cta_general:not(.thin) .mod_index_list .row .grid .item .content h2 a.item, 12022.mod_index_list .mod_home_grid .mod_cta_general:not(.thin) .row .grid .item .content h2 a.item, 12023.mod_cta_general:not(.thin) .row h2 .contact-scroll, 12024.mod_cta_general:not(.thin) .row h2 body.blog .container:not(footer):not(.partial_cta_sub) a.btn, 12025.mod_cta_general:not(.thin) .mod_index_list .row h2 body.blog .container:not(footer):not(.partial_cta_sub) a.item, 12026.mod_index_list .mod_cta_general:not(.thin) .row h2 body.blog .container:not(footer):not(.partial_cta_sub) a.item, 12027body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_general:not(.thin) .row h2 a.btn, 12028body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_general:not(.thin) .mod_index_list .row h2 a.item, 12029.mod_index_list body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_general:not(.thin) .row h2 a.item, 12030.mod_cta_general:not(.thin) .row h2 .mod_box_grid .boxes .box a.btn, 12031.mod_cta_general:not(.thin) .mod_index_list .row h2 .mod_box_grid .boxes .box a.item, 12032.mod_index_list .mod_cta_general:not(.thin) .row h2 .mod_box_grid .boxes .box a.item, 12033.mod_box_grid .boxes .box .mod_cta_general:not(.thin) .row h2 a.btn, 12034.mod_box_grid .boxes .box .mod_cta_general:not(.thin) .mod_index_list .row h2 a.item, 12035.mod_index_list .mod_box_grid .boxes .box .mod_cta_general:not(.thin) .row h2 a.item { 12036 line-height: normal 12037} 12038 12039@media only screen and (min-width: 64.1em) { 12040 12041 .mod_cta_general:not(.thin) .row h2 .small, 12042 .mod_cta_general:not(.thin) .mod_video_columns_two .row h2 .item .content a.btn, 12043 .mod_video_columns_two .mod_cta_general:not(.thin) .row h2 .item .content a.btn, 12044 .mod_cta_general:not(.thin) .mod_video_columns_two .row .item .content h2 a.btn, 12045 .mod_video_columns_two .mod_cta_general:not(.thin) .row .item .content h2 a.btn, 12046 .mod_cta_general:not(.thin) .mod_video_columns_two .mod_index_list .row h2 .item .content a.item, 12047 .mod_video_columns_two .mod_index_list .mod_cta_general:not(.thin) .row h2 .item .content a.item, 12048 .mod_cta_general:not(.thin) .mod_video_columns_two .mod_index_list .row .item .content h2 a.item, 12049 .mod_video_columns_two .mod_index_list .mod_cta_general:not(.thin) .row .item .content h2 a.item, 12050 .mod_cta_general:not(.thin) .mod_index_list .mod_video_columns_two .row h2 .item .content a.item, 12051 .mod_index_list .mod_video_columns_two .mod_cta_general:not(.thin) .row h2 .item .content a.item, 12052 .mod_cta_general:not(.thin) .mod_index_list .mod_video_columns_two .row .item .content h2 a.item, 12053 .mod_index_list .mod_video_columns_two .mod_cta_general:not(.thin) .row .item .content h2 a.item, 12054 .mod_cta_general:not(.thin) .mod_index>
12054.row h2 .inner .item a.btn, 12055 .mod_cta_general:not(.thin) .mod_index_list .mod_index>.row h2 .inner .item a.item, 12056 .mod_index_list .mod_cta_general:not(.thin) .mod_index>.row h2 .inner .item a.item, 12057 .mod_cta_general:not(.thin) .mod_index>.row .inner .item h2 a.btn, 12058 .mod_cta_general:not(.thin) .mod_index_list .mod_index>.row .inner .item h2 a.item, 12059 .mod_index_list .mod_cta_general:not(.thin) .mod_index>.row .inner .item h2 a.item, 12060 .mod_cta_general:not(.thin) .row h2 .mod_hero.has-ba .ba-include a.btn, 12061 .mod_cta_general:not(.thin) .mod_index_list .row h2 .mod_hero.has-ba .ba-include a.item, 12062 .mod_index_list .mod_cta_general:not(.thin) .row h2 .mod_hero.has-ba .ba-include a.item, 12063 .mod_hero.has-ba .ba-include .mod_cta_general:not(.thin) .row h2 a.btn, 12064 .mod_hero.has-ba .ba-include .mod_cta_general:not(.thin) .mod_index_list .row h2 a.item, 12065 .mod_index_list .mod_hero.has-ba .ba-include .mod_cta_general:not(.thin) .row h2 a.item, 12066 .mod_cta_general:not(.thin) .mod_home_grid .row h2 .grid .item .content a.btn, 12067 .mod_cta_general:not(.thin) .mod_home_grid .mod_index_list .row h2 .grid .item .content a.item, 12068 .mod_index_list .mod_cta_general:not(.thin) .mod_home_grid .row h2 .grid .item .content a.item, 12069 .mod_home_grid .mod_cta_general:not(.thin) .row h2 .grid .item .content a.btn, 12070 .mod_home_grid .mod_cta_general:not(.thin) .mod_index_list .row h2 .grid .item .content a.item, 12071 .mod_index_list .mod_home_grid .mod_cta_general:not(.thin) .row h2 .grid .item .content a.item, 12072 .mod_cta_general:not(.thin) .mod_home_grid .row .grid .item .content h2 a.btn, 12073 .mod_cta_general:not(.thin) .mod_home_grid .mod_index_list .row .grid .item .content h2 a.item, 12074 .mod_index_list .mod_cta_general:not(.thin) .mod_home_grid .row .grid .item .content h2 a.item, 12075 .mod_home_grid .mod_cta_general:not(.thin) .row .grid .item .content h2 a.btn, 12076 .mod_home_grid .mod_cta_general:not(.thin) .mod_index_list .row .grid .item .content h2 a.item, 12077 .mod_index_list .mod_home_grid .mod_cta_general:not(.thin) .row .grid .item .content h2 a.item, 12078 .mod_cta_general:not(.thin) .row h2 .contact-scroll, 12079 .mod_cta_general:not(.thin) .row h2 body.blog .container:not(footer):not(.partial_cta_sub) a.btn, 12080 .mod_cta_general:not(.thin) .mod_index_list .row h2 body.blog .container:not(footer):not(.partial_cta_sub) a.item, 12081 .mod_index_list .mod_cta_general:not(.thin) .row h2 body.blog .container:not(footer):not(.partial_cta_sub) a.item, 12082 body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_general:not(.thin) .row h2 a.btn, 12083 body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_general:not(.thin) .mod_index_list .row h2 a.item, 12084 .mod_index_list body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_general:not(.thin) .row h2 a.item, 12085 .mod_cta_general:not(.thin) .row h2 .mod_box_grid .boxes .box a.btn, 12086 .mod_cta_general:not(.thin) .mod_index_list .row h2 .mod_box_grid .boxes .box a.item, 12087 .mod_index_list .mod_cta_general:not(.thin) .row h2 .mod_box_grid .boxes .box a.item, 12088 .mod_box_grid .boxes .box .mod_cta_general:not(.thin) .row h2 a.btn, 12089 .mod_box_grid .boxes .box .mod_cta_general:not(.thin) .mod_index_list .row h2 a.item, 12090 .mod_index_list .mod_box_grid .boxes .box .mod_cta_general:not(.thin) .row h2 a.item { 12091 padding: 20px 0 12092 } 12093} 12094 12095.mod_cta_general:not(.thin) .row a.tel { 12096 font-size: 22px 12097} 12098 12099@media only screen and (max-width: 800px) { 12100 .mod_cta_general:not(.thin) .row a.tel { 12101 font-size: 20px 12102 } 12103} 12104 12105.mod_cta_general:not(.thin) .row a.btn, 12106.mod_cta_general:not(.thin) .mod_index_list .row a.item, 12107.mod_index_list .mod_cta_general:not(.thin) .row a.item { 12108 margin-bottom: 0 12109} 12110 12111.mod_cta_general.thin .row { 12112 text-align: left; 12113 padding: calc(40px + 4%) 60px; 12114 max-width: 920px; 12115 margin: 0 auto 12116} 12117 12118@media only screen and (max-width: 800px) { 12119 .mod_cta_general.thin .row { 12120 padding: 40px 12121 } 12122} 12123 12124.mod_cta_general.thin .row .text { 12125 display: flex; 12126 align-items: center; 12127 justify-content: space-between; 12128 grid-gap: 20px 12129} 12130 12131@media only screen and (max-width: 800px) { 12132 .mod_cta_general.thin .row .text { 12133 display: block; 12134 text-align: center 12135 } 12136} 12137 12138.mod_cta_general.thin .row .text h2, 12139.mod_cta_general.thin .row .text h3 { 12140 margin-bottom: 0 12141} 12142 12143@media only screen and (max-width: 800px) { 12144 12145 .mod_cta_general.thin .row .text h2, 12146 .mod_cta_general.thin .row .text h3 { 12147 width: 100%; 12148 text-align: center; 12149 margin-bottom: 12px 12150 } 12151} 12152 12153.mod_cta_general.thin .row .text a { 12154 margin-top: 0 12155} 12156 12157.mod_cta_general.thin .row .text a.tel { 12158 padding: 0; 12159 font-size: 20px 12160} 12161 12162@media only screen and (max-width: 800px) { 12163 .mod_cta_general.thin .row .text a.tel { 12164 margin: 0 auto 14px; 12165 font-size: 18px; 12166 display: block; 12167 max-width: 240px 12168 } 12169} 12170 12171.mod_cta_general.thin .row .text a.btn, 12172.mod_cta_general.thin .mod_index_list .row .text a.item, 12173.mod_index_list .mod_cta_general.thin .row .text a.item { 12174 margin-left: 20px 12175} 12176 12177@media only screen and (max-width: 800px) { 12178 12179 .mod_cta_general.thin .row .text a.btn, 12180 .mod_cta_general.thin .mod_index_list .row .text a.item, 12181 .mod_index_list .mod_cta_general.thin .row .text a.item { 12182 margin-left: 0; 12183 padding: 12px 24px 12184 } 12185} 12186 12187.mod_cta_general.thin .row .text a.btn.contact-scroll, 12188.mod_cta_general.thin .mod_index_list .row .text a.contact-scroll.item, 12189.mod_index_list .mod_cta_general.thin .row .text a.contact-scroll.item { 12190 margin: 0; 12191 display: inline-block 12192} 12193 12194.mod_cta_general.viewport picture.background {
12195 display: block; 12196 overflow: hidden 12197} 12198 12199.mod_cta_general.viewport picture.background img { 12200 transform: scale(1.2) 12201} 12202 12203.mod_cta_general.in-viewport picture.background img { 12204 transform: scale(1) 12205} 12206 12207.mod_cta_gallery { 12208 background: #efefef; 12209 background-size: cover !important; 12210 position: relative 12211} 12212 12213.mod_cta_gallery:before { 12214 z-index: 1; 12215 content: ""; 12216 position: absolute; 12217 bottom: 0; 12218 left: auto; 12219 right: 0; 12220 width: 60%; 12221 height: 100%; 12222 background: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0)); 12223 transition: opacity 2s ease-in-out 12224} 12225 12226@media only screen and (max-width: 800px) { 12227 .mod_cta_gallery:before { 12228 display: none 12229 } 12230} 12231 12232@media only screen and (max-width: 800px) { 12233 .mod_cta_gallery picture.background img { 12234 object-position: left; 12235 filter: brightness(0.7) 12236 } 12237} 12238 12239.mod_cta_gallery .row { 12240 display: flex; 12241 flex-direction: column; 12242 align-items: flex-end; 12243 padding: calc(60px + 12%) 20px 12244} 12245 12246@media only screen and (max-width: 800px) { 12247 .mod_cta_gallery .row { 12248 padding: calc(50px + 1%) 20px 12249 } 12250} 12251 12252.mod_cta_gallery .row h2 { 12253 font-size: 48px 12254} 12255 12256.mod_cta_gallery .row h2 .small, 12257.mod_cta_gallery .mod_video_columns_two .row h2 .item .content a.btn, 12258.mod_video_columns_two .mod_cta_gallery .row h2 .item .content a.btn, 12259.mod_cta_gallery .mod_video_columns_two .row .item .content h2 a.btn, 12260.mod_video_columns_two .mod_cta_gallery .row .item .content h2 a.btn, 12261.mod_cta_gallery .mod_video_columns_two .mod_index_list .row h2 .item .content a.item, 12262.mod_video_columns_two .mod_index_list .mod_cta_gallery .row h2 .item .content a.item, 12263.mod_cta_gallery .mod_video_columns_two .mod_index_list .row .item .content h2 a.item, 12264.mod_video_columns_two .mod_index_list .mod_cta_gallery .row .item .content h2 a.item, 12265.mod_cta_gallery .mod_index_list .mod_video_columns_two .row h2 .item .content a.item, 12266.mod_index_list .mod_video_columns_two .mod_cta_gallery .row h2 .item .content a.item, 12267.mod_cta_gallery .mod_index_list .mod_video_columns_two .row .item .content h2 a.item, 12268.mod_index_list .mod_video_columns_two .mod_cta_gallery .row .item .content h2 a.item, 12269.mod_cta_gallery .mod_index>.row h2 .inner .item a.btn, 12270.mod_cta_gallery .mod_index_list .mod_index>
12270.row h2 .inner .item a.item, 12271.mod_index_list .mod_cta_gallery .mod_index>.row h2 .inner .item a.item, 12272.mod_cta_gallery .mod_index>.row .inner .item h2 a.btn, 12273.mod_cta_gallery .mod_index_list .mod_index>.row .inner .item h2 a.item, 12274.mod_index_list .mod_cta_gallery .mod_index>.row .inner .item h2 a.item, 12275.mod_cta_gallery .row h2 .mod_hero.has-ba .ba-include a.btn, 12276.mod_cta_gallery .mod_index_list .row h2 .mod_hero.has-ba .ba-include a.item, 12277.mod_index_list .mod_cta_gallery .row h2 .mod_hero.has-ba .ba-include a.item, 12278.mod_hero.has-ba .ba-include .mod_cta_gallery .row h2 a.btn, 12279.mod_hero.has-ba .ba-include .mod_cta_gallery .mod_index_list .row h2 a.item, 12280.mod_index_list .mod_hero.has-ba .ba-include .mod_cta_gallery .row h2 a.item, 12281.mod_cta_gallery .mod_home_grid .row h2 .grid .item .content a.btn, 12282.mod_cta_gallery .mod_home_grid .mod_index_list .row h2 .grid .item .content a.item, 12283.mod_index_list .mod_cta_gallery .mod_home_grid .row h2 .grid .item .content a.item, 12284.mod_home_grid .mod_cta_gallery .row h2 .grid .item .content a.btn, 12285.mod_home_grid .mod_cta_gallery .mod_index_list .row h2 .grid .item .content a.item, 12286.mod_index_list .mod_home_grid .mod_cta_gallery .row h2 .grid .item .content a.item, 12287.mod_cta_gallery .mod_home_grid .row .grid .item .content h2 a.btn, 12288.mod_cta_gallery .mod_home_grid .mod_index_list .row .grid .item .content h2 a.item, 12289.mod_index_list .mod_cta_gallery .mod_home_grid .row .grid .item .content h2 a.item, 12290.mod_home_grid .mod_cta_gallery .row .grid .item .content h2 a.btn, 12291.mod_home_grid .mod_cta_gallery .mod_index_list .row .grid .item .content h2 a.item, 12292.mod_index_list .mod_home_grid .mod_cta_gallery .row .grid .item .content h2 a.item, 12293.mod_cta_gallery .row h2 .contact-scroll, 12294.mod_cta_gallery .row h2 body.blog .container:not(footer):not(.partial_cta_sub) a.btn, 12295.mod_cta_gallery .mod_index_list .row h2 body.blog .container:not(footer):not(.partial_cta_sub) a.item, 12296.mod_index_list .mod_cta_gallery .row h2 body.blog .container:not(footer):not(.partial_cta_sub) a.item, 12297body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_gallery .row h2 a.btn, 12298body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_gallery .mod_index_list .row h2 a.item, 12299.mod_index_list body.blog .container:not(footer):not(.partial_cta_sub) .mod_cta_gallery .row h2 a.item, 12300.mod_cta_gallery .row h2 .mod_box_grid .boxes .box a.btn, 12301.mod_cta_gallery .mod_index_list .row h2 .mod_box_grid .boxes .box a.item, 12302.mod_index_list .mod_cta_gallery .row h2 .mod_box_grid .boxes .box a.item, 12303.mod_box_grid .boxes .box .mod_cta_gallery .row h2 a.btn, 12304.mod_box_grid .boxes .box .mod_cta_gallery .mod_index_list .row h2 a.item, 12305.mod_index_list .mod_box_grid .boxes .box .mod_cta_gallery .row h2 a.item { 12306 color: #fff; 12307 margin: 30px 0 12308} 12309 12310.mod_cta_gallery .row .text { 12311 transition: opacity 2s ease-in-out 12312} 12313 12314.mod_cta_gallery .row span.text { 12315 position: absolute; 12316 top: 50%; 12317 left: 50%; 12318 transform: translate3d(-50%, -50%, 0); 12319 font-size: calc(60px + 3vw); 12320 letter-spacing: 2px; 12321 font-weight: 500; 12322 font-family: "canada-type-gibson", Arial, sans-serif; 12323 z-index: 9 12324} 12325 12326.mod_cta_gallery .row span.small, 12327.mod_cta_gallery .row span.contact-scroll { 12328 text-align: center; 12329 font-size: 25px 12330} 12331 12332.home .mod_cta_gallery .row { 12333 padding: calc(180px + 4%) 20px 12334} 12335 12336@media only screen and (max-width: 800px) { 12337 .home .mod_cta_gallery .row { 12338 padding: calc(50px + 1%) 20px 12339 } 12340} 12341 12342.mod_cta_gallery.viewport:before { 12343 opacity: 0 12344} 12345 12346.mod_cta_gallery.viewport .row .text { 12347 opacity: 0 12348} 12349 12350.mod_cta_gallery.in-viewport:before { 12351 opacity: 1 12352} 12353 12354.mod_cta_gallery.in-viewport .row .text { 12355 opacity: 1 12356} 12357 12358.mod_divider .row .media { 12359 display: flex; 12360 justify-content: center; 12361 align-items: center 12362} 12363 12364.mod_divider .row .media:before, 12365.mod_divider .row .media:after { 12366 content: ""; 12367 width: 100%; 12368 height: 2px; 12369 background-color: rgba(0, 0, 0, .5) 12370} 12371 12372.mod_divider .row .media img { 12373 max-width: 200px; 12374 width: auto; 12375 max-height: 100px; 12376 margin: 0 40px 12377} 12378 12379.mod_divider .row .media img:hover { 12380 cursor: default; 12381 pointer-events: none 12382} 12383 12384.mod_divider .row.no-media { 12385 position: relative 12386} 12387 12388.mod_divider .row.no-media:before { 12389 content: ""; 12390 width: calc(100% - 40px); 12391 height: 2px; 12392 background-color: rgba(0, 0, 0, .5); 12393 position: absolute; 12394 top: 50%; 12395 left: 50%; 12396 transform: translateX(-50%) 12397} 12398 12399.mod_divider .row.no-media .media {
12400 display: none 12401} 12402 12403.mod_faq { 12404 position: relative; 12405 margin: 40px 0 50px 12406} 12407 12408.mod_faq .row { 12409 position: relative; 12410 z-index: 1; 12411 display: flex; 12412 flex-direction: row 12413} 12414 12415@media only screen and (max-width: 64em) { 12416 .mod_faq .row { 12417 flex-direction: column 12418 } 12419} 12420 12421.mod_faq .side { 12422 width: 350px 12423} 12424 12425@media only screen and (max-width: 64em) { 12426 .mod_faq .side { 12427 width: 100% 12428 } 12429} 12430 12431.mod_faq .sticky-side { 12432 width: 330px 12433} 12434 12435@media only screen and (max-width: 64em) { 12436 .mod_faq .sticky-side { 12437 width: 100%; 12438 padding: 0; 12439 border: none; 12440 flex: 1 12441 } 12442} 12443 12444.mod_faq .sticky-side .logo { 12445 display: flex; 12446 margin-bottom: 10px 12447} 12448 12449.mod_faq .sticky-side .logo img { 12450 max-width: 180px; 12451 max-height: 60px; 12452 width: auto 12453} 12454 12455@media only screen and (max-width: 64em) { 12456 .mod_faq .sticky-side .logo img { 12457 max-width: 160px; 12458 max-height: 50px 12459 } 12460} 12461 12462@media only screen and (max-width: 800px) { 12463 .mod_faq .sticky-side .logo img { 12464 max-width: 140px; 12465 max-height: 40px 12466 } 12467} 12468 12469.mod_faq .sticky-side h2 { 12470 font-size: 60px; 12471 line-height: 1.1; 12472 margin-bottom: 20px; 12473 text-transform: none 12474} 12475 12476@media only screen and (max-width: 64em) { 12477 .mod_faq .sticky-side h2 { 12478 font-size: 68px 12479 } 12480} 12481 12482@media only screen and (max-width: 800px) { 12483 .mod_faq .sticky-side h2 { 12484 font-size: 54px 12485 } 12486} 12487 12488@media only screen and (max-width: 40em) { 12489 .mod_faq .sticky-side h2 { 12490 font-size: 48px 12491 } 12492} 12493 12494.mod_faq .sticky-side .list p { 12495 position: relative; 12496 margin-bottom: 0; 12497 line-height: 1.4; 12498 font-weight: 500; 12499 cursor: pointer 12500} 12501 12502@media only screen and (max-width: 64em) { 12503 .mod_faq .sticky-side .list p { 12504 display: none 12505 } 12506} 12507 12508@media only screen and (min-width: 64em)and (max-height: 800px) { 12509 .mod_faq .sticky-side .list p { 12510 display: none 12511 } 12512} 12513 12514.mod_faq .sticky-side .list p+p { 12515 margin-top: 16px 12516} 12517 12518.mod_faq .sticky-side .list p.active { 12519 color: #d9c184 12520} 12521 12522@media only screen and (min-width: 64.1em) { 12523 .mod_faq .sticky-side.sticky { 12524 position: fixed; 12525 top: 176px 12526 } 12527} 12528 12529.mod_faq .sticky-side.bottom { 12530 position: absolute; 12531 bottom: 60px 12532} 12533 12534.mod_faq .content { 12535 flex: 1; 12536 padding: 0 50px; 12537 border-left: 1px solid #d9c184 12538} 12539 12540@media only screen and (max-width: 64em) { 12541 .mod_faq .content { 12542 border-left: none; 12543 width: 100%; 12544 background: none; 12545 padding: 0 12546 } 12547} 12548 12549.mod_faq .content .question h2 { 12550 text-transform: none; 12551 font-size: 20px; 12552 padding-bottom: 8px; 12553 margin-bottom: 0; 12554 letter-spacing: .2px; 12555 font-weight: 500; 12556 position: relative 12557} 12558 12559@media only screen and (max-width: 64em) { 12560 .mod_faq .content .question h2 { 12561 background: #fcfcfc; 12562 border-radius: 2px; 12563 font-size: 18px; 12564 padding: 15px 45px 15px 15px; 12565 border: 1px solid #ddd; 12566 transition: all ease-in-out .5s 12567 } 12568 12569 .mod_faq .content .question h2:hover { 12570 background: #e8e8e8; 12571 cursor: pointer 12572 } 12573 12574 .mod_faq .content .question h2:after { 12575 content: ""; 12576 position: absolute; 12577 top: 53%; 12578 transform: translateY(-50%) rotate(90deg); 12579 right: 18px; 12580 width: 8px; 12581 height: 14px; 12582 background: url("/assets/img/img-export/1678831465-right-arrow.webp?auto=format,compress") no-repeat center center; 12583 background-size: auto 100% !important; 12584 transition: .3s all ease-in-out 12585 } 12586} 12587 12588@media only screen and (max-width: 800px) { 12589 .mod_faq .content .question h2:after { 12590 right: 14px 12591 } 12592} 12593 12594@media only screen and (max-width: 40em) { 12595 .mod_faq .content .question h2 { 12596 padding: 14px 45px 14px 14px; 12597 font-size: 18px 12598 } 12599 12600 .mod_faq .content .question h2:after { 12601 width: 12px; 12602 height: 12px 12603 } 12604} 12605 12606.mod_faq .content .answer { 12607 transition: all .2s; 12608 position: relative; 12609 overflow: hidden 12610} 12611 12612@media only screen and (min-width: 64em)and (min-height: 800px) { 12613 .mod_faq .content .answer { 12614 display: block !important 12615 } 12616} 12617 12618@media only screen and (max-width: 64em) { 12619 .mod_faq .content .answer { 12620 max-height: 0; 12621 padding: 0 15px; 12622 margin-top: 0; 12623 margin-bottom: 0 12624 } 12625} 12626 12627.mod_faq .content .question+.question { 12628 margin-top: 15px; 12629 padding-top: 15px 12630} 12631 12632@media only screen and (max-width: 64em) { 12633 .mod_faq .content .question+.question { 12634 border-top: none; 12635 margin-top: 10px; 12636 padding-top: 0 12637 } 12638} 12639 12640.mod_faq .content .question.opened h3 { 12641 background: #e8e8e8 12642} 12643 12644.mod_faq .content .question.opened h3:after { 12645 transform: translateY(-50%) rotate(-90deg) 12646} 12647 12648.mod_faq .content .question.opened .answer { 12649 max-height: 500px; 12650 margin-top: 12px; 12651 margin-bottom: 8px 12652} 12653 12654.mod_half_image { 12655 overflow: hidden 12656} 12657 12658.mod_half_image.viewport picture.logo { 12659 position: relative; 12660 opacity: 0; 12661 left: 20px 12662} 12663 12664.mod_half_image.viewport .media-content { 12665 transform: translateY(-40px); 12666 opacity: 0 12667} 12668 12669.mod_half_image.viewport picture.background img { 12670 transform: scale(1.2) 12671} 12672 12673.mod_half_image.viewport .credentials { 12674 position: relative; 12675 left: 20px; 12676 opacity: 0 12677} 12678 12679.mod_half_image.in-viewport .media-content { 12680 opacity: 1 12681} 12682 12683.mod_half_image.in-viewport .media-content { 12684 transform: translateY(0) 12685} 12686 12687.mod_half_image.in-viewport picture.background img { 12688 transform: scale(1) 12689} 12690 12691.mod_half_image.in-viewport picture.logo, 12692.mod_half_image.in-viewport .credentials { 12693 left: 0; 12694 opacity: 1 12695} 12696 12697.mod_half_image.mod_overflow .row.half-image-row { 12698 height: 680px 12699} 12700 12701@media only screen and (max-width: 64em) { 12702 .mod_half_image.mod_overflow .row.half-image-row { 12703 height: inherit 12704 } 12705} 12706 12707.mod_half_image.mod_overflow .row.half-image-row .media { 12708 height: 100% 12709}
12709 12710 12711.mod_half_image.mod_overflow .row.half-image-row .media .media-content { 12712 bottom: auto; 12713 top: 50%; 12714 left: 50%; 12715 transform: translate(-50%, -50%); 12716 max-width: 420px 12717} 12718 12719@media only screen and (max-width: 64em) { 12720 .mod_half_image.mod_overflow .row.half-image-row .media .media-content { 12721 top: auto; 12722 bottom: 40px; 12723 left: 0; 12724 transform: none 12725 } 12726} 12727 12728@media only screen and (max-width: 800px) { 12729 .mod_half_image.mod_overflow .row.half-image-row .media .media-content { 12730 bottom: 30px 12731 } 12732} 12733 12734.mod_half_image.mod_overflow .row.half-image-row .media .media-content h2 { 12735 font-size: 90px 12736} 12737 12738@media only screen and (max-width: 64em) { 12739 .mod_half_image.mod_overflow .row.half-image-row .media .media-content h2 { 12740 font-size: 70px 12741 } 12742} 12743 12744@media only screen and (max-width: 800px) { 12745 .mod_half_image.mod_overflow .row.half-image-row .media .media-content h2 { 12746 font-size: 56px 12747 } 12748} 12749 12750@media only screen and (max-width: 40em) { 12751 .mod_half_image.mod_overflow .row.half-image-row .media .media-content h2 { 12752 font-size: 44px 12753 } 12754} 12755 12756.mod_half_image.mod_overflow .row.half-image-row .media.content:after { 12757 background: #111; 12758 opacity: .4 12759} 12760 12761.mod_half_image.mod_overflow .row.half-image-row .copy { 12762 padding: 0; 12763 position: relative 12764} 12765 12766@media only screen and (max-width: 64em) { 12767 .mod_half_image.mod_overflow .row.half-image-row .copy { 12768 padding: 0 12769 } 12770} 12771 12772.mod_half_image.mod_overflow .row.half-image-row .copy:after { 12773 content: ""; 12774 background: #efefef; 12775 width: 2px; 12776 height: 100%; 12777 position: absolute; 12778 top: 0; 12779 right: 3px; 12780 display: block; 12781 z-index: -1 12782} 12783 12784@media only screen and (max-width: 64em) { 12785 .mod_half_image.mod_overflow .row.half-image-row .copy:after { 12786 display: none 12787 } 12788} 12789 12790.mod_half_image.mod_overflow .row.half-image-row .copy .inner { 12791 max-width: 100%; 12792 height: 100%; 12793 padding: 0; 12794 position: relative 12795} 12796 12797.mod_half_image.mod_overflow .row.half-image-row .copy .inner:before { 12798 content: ""; 12799 position: absolute; 12800 top: 0; 12801 left: 0; 12802 width: 100%; 12803 height: 100%; 12804 max-width: calc(100% - 10px); 12805 box-shadow: inset 0 0 0 #000, inset 0 -35px 40px 10.5px #fff, inset 0 35px 40px #fff; 12806 -webkit-box-shadow: inset 0 0 0 #000, inset 0 -35px 40px 10.5px #fff, inset 0 35px 40px #fff; 12807 pointer-events: none; 12808 z-index: 9 12809} 12810 12811@media only screen and (max-width: 64em) { 12812 .mod_half_image.mod_overflow .row.half-image-row .copy .inner:before { 12813 display: none 12814 } 12815} 12816 12817.mod_half_image.mod_overflow .row.half-image-row .copy .inner .content { 12818 height: 100%; 12819 overflow: scroll; 12820 overflow-x: hidden; 12821 max-width: 100%; 12822 margin: 0 auto; 12823 padding: 50px 60px 12824} 12825 12826@media only screen and (max-width: 64em) { 12827 .mod_half_image.mod_overflow .row.half-image-row .copy .inner .content { 12828 padding: 0 12829 } 12830} 12831 12832.mod_half_image.mod_overflow .row.half-image-row .copy .inner .content::-webkit-scrollbar {
12833 width: 8px; 12834 position: relative; 12835 z-index: 9 12836} 12837 12838.mod_half_image.mod_overflow .row.half-image-row .copy .inner .content::-webkit-scrollbar-thumb { 12839 border-radius: 20px; 12840 background-color: #d9c184; 12841 position: relative; 12842 z-index: 9 12843} 12844 12845@media only screen and (max-width: 64em) { 12846 .mod_half_image.mod_overflow .row.half-image-row .copy .inner { 12847 max-width: 100%; 12848 padding: 0 12849 } 12850} 12851 12852.mod_half_image.mod_overflow .row.half-image-row .copy .inner .item h3 { 12853 font-size: 24px; 12854 margin-bottom: 6px 12855} 12856 12857.mod_half_image.mod_overflow .row.half-image-row .copy .inner .item+.item { 12858 border-top: 1px solid #efefef; 12859 padding-top: 20px; 12860 margin-top: 20px 12861} 12862 12863@media only screen and (min-width: 64.1em) { 12864 .home .mod_half_image .row .copy .inner .content h2 { 12865 font-size: 38px 12866 } 12867} 12868 12869.mod_hero { 12870 background: none 12871} 12872 12873.mod_hero:before { 12874 display: none !important 12875} 12876 12877.mod_hero .wrapper { 12878 position: relative; 12879 overflow: hidden 12880} 12881 12882.mod_hero .wrapper:after { 12883 content: ""; 12884 width: 50%; 12885 height: 100%; 12886 background-color: #efefef; 12887 background: url("/assets/img/img-export/1678831206-banner-txt-bgd.webp") no-repeat center center; 12888 position: absolute; 12889 top: 0; 12890 left: 0 12891} 12892 12893@media only screen and (max-width: 800px) { 12894 .mod_hero .wrapper:after { 12895 width: 100% 12896 } 12897} 12898 12899.mod_hero .wrapper .row { 12900 padding: calc(120px + 10%) 20px 12901} 12902 12903@media only screen and (max-width: 64em) { 12904 .mod_hero .wrapper .row { 12905 padding: calc(150px + 6%) 20px 12906 } 12907} 12908 12909@media only screen and (max-width: 800px) { 12910 .mod_hero .wrapper .row { 12911 padding: calc(80px + 4%) 20px 12912 } 12913} 12914 12915.mod_hero .wrapper .row .inner { 12916 position: absolute; 12917 top: 50%; 12918 left: 0; 12919 padding: 0 60px 0 20px; 12920 transform: translateY(-50%) 12921} 12922 12923@media only screen and (max-width: 64em) { 12924 .mod_hero .wrapper .row .inner { 12925 padding-right: 40px 12926 } 12927} 12928 12929.mod_hero .wrapper .row .inner h1 { 12930 text-transform: uppercase; 12931 letter-spacing: 10px; 12932 margin-bottom: 10px; 12933 padding-bottom: 0 12934} 12935 12936@media only screen and (max-width: 800px) { 12937 .mod_hero .wrapper .row .inner { 12938 width: 100%; 12939 position: relative; 12940 top: 0; 12941 left: 0 !important; 12942 transform: none !important; 12943 padding: 0 12944 } 12945} 12946 12947.mod_hero .wrapper .row .text { 12948 padding-right: 30px 12949} 12950 12951@media only screen and (max-width: 64em) { 12952 .mod_hero .wrapper .row .text { 12953 padding-right: 10px 12954 } 12955} 12956 12957@media only screen and (max-width: 800px) { 12958 .mod_hero .wrapper .row .text { 12959 padding-right: 0 12960 } 12961} 12962 12963.mod_hero .wrapper .media { 12964 position: absolute; 12965 top: 0; 12966 right: 0; 12967 width: 100%; 12968 height: 100%; 12969 max-width: 50%; 12970 overflow: hidden 12971} 12972 12973.mod_hero .wrapper .media video { 12974 position: absolute; 12975 top: 50%; 12976 left: 50%; 12977 height: 100%; 12978 width: 100%; 12979 object-fit: cover; 12980 transform: translate3d(-50%, -50%, 0) 12981} 12982 12983@media only screen and (max-width: 800px) { 12984 .mod_hero .wrapper .media { 12985 max-width: 100% 12986 } 12987} 12988 12989.mod_hero.no-bg .wrapper:after { 12990 width: 100% 12991} 12992 12993.mod_hero.no-bg .wrapper .row .inner { 12994 text-align: center; 12995 left: 50%; 12996 transform: translate3d(-50%, -50%, 0) 12997} 12998 12999.mod_hero.no-bg .wrapper .row .inner ul.partial_breadcrumb { 13000 justify-content: center 13001} 13002 13003.mod_hero.no-bg .wrapper .row .inner ul.partial_breadcrumb li:last-child { 13004 margin-right: 0 13005} 13006 13007.mod_hero.no-bg .wrapper .row .inner .text { 13008 padding-right: 0 13009} 13010 13011.mod_hero.no-bg.left-placement .wrapper .row .inner ul.partial_breadcrumb, 13012.mod_hero.no-bg.right-placement .wrapper .row .inner ul.partial_breadcrumb { 13013 justify-content: flex-start 13014} 13015 13016.mod_hero.has-ba { 13017 overflow: initial; 13018 margin-bottom: 60px 13019} 13020 13021@media only screen and (max-width: 64em) { 13022 .mod_hero.has-ba { 13023 margin-bottom: 50px 13024 } 13025} 13026 13027@media only screen and (max-width: 800px) { 13028 .mod_hero.has-ba { 13029 margin-bottom: 40px 13030 } 13031} 13032 13033.mod_hero.has-ba .ba-include { 13034 position: relative; 13035 z-index: 12; 13036 margin: -60px auto 0; 13037 background: #efefef; 13038 width: 100%; 13039 max-width: 600px; 13040 border-radius: 2px; 13041 padding: 30px 40px; 13042 box-shadow: 0 0 30px rgba(0, 0, 0, .2); 13043 text-align: center 13044} 13045 13046@media only screen and (min-width: 64em)and (max-height: 800px) { 13047 .mod_hero.has-ba .ba-include { 13048 padding: 40px 20px 13049 } 13050} 13051 13052@media only screen and (max-width: 800px) { 13053 .mod_hero.has-ba .ba-include { 13054 margin-top: 50px 13055 } 13056} 13057 13058.mod_hero.has-ba .ba-include h2 { 13059 font-size: 20px 13060} 13061 13062.mod_hero.has-ba .ba-include .patient { 13063 display: flex; 13064 justify-content: center; 13065 align-items: center; 13066 margin: 0 auto 20px; 13067 max-width: 400px 13068} 13069 13070.mod_hero.has-ba .ba-include .patient picture { 13071 display: inline-block; 13072 width: 50% 13073} 13074 13075.mod_hero.has-ba .ba-include .patient picture+picture { 13076 margin-left: 20px 13077} 13078 13079.mod_hero.left-placement .wrapper .row .inner { 13080 left: 0; 13081 transform: translateY(-50%); 13082 text-align: left 13083} 13084 13085.mod_hero.left-placement .wrapper .row .inner a.btn, 13086.mod_hero.left-placement .wrapper .mod_index_list .row .inner a.item, 13087.mod_index_list .mod_hero.left-placement .wrapper .row .inner a.item { 13088 margin-left: 0 13089} 13090 13091.mod_hero.center-placement .wrapper .row .inner { 13092 text-align: center; 13093 left: 50%; 13094 transform: translate(-50%, -50%); 13095 padding-left: 0; 13096 padding-right: 0 13097} 13098 13099.mod_hero.center-placement .wrapper .row .inner .text { 13100 padding-right: 0 13101} 13102 13103.mod_hero.center-placement .wrapper .row .inner a.btn, 13104.mod_hero.center-placement .wrapper .mod_index_list .row .inner a.item, 13105.mod_index_list .mod_hero.center-placement .wrapper .row .inner a.item { 13106 margin-left: auto; 13107 margin-right: auto 13108} 13109 13110.mod_hero.center-placement .wrapper .row .inner .form .section-label { 13111 text-align: center 13112} 13113 13114@media only screen and (max-width: 40em) { 13115 .mod_hero.center-placement .wrapper .row .inner .form .section-label { 13116 text-align: left 13117 } 13118} 13119 13120.mod_hero.center-placement .wrapper .row .inner .partial_breadcrumb { 13121 text-align: center; 13122 margin-left: auto; 13123 margin-right: auto; 13124 justify-content: center 13125} 13126 13127.mod_hero.center-placement .wrapper .row .inner .partial_breadcrumb li:last-child { 13128 margin-right: 0 13129} 13130 13131.mod_hero.right-placement .wrapper .row .inner { 13132 left: auto; 13133 right: 0; 13134 transform: translateY(-50%); 13135 text-align: left; 13136 padding-left: 60px; 13137 padding-right: 20px 13138} 13139 13140@media only screen and (max-width: 64em) { 13141 .mod_hero.right-placement .wrapper .row .inner { 13142 padding-left: 40px 13143 } 13144} 13145 13146@media only screen and (max-width: 800px) { 13147 .mod_hero.right-placement .wrapper .row .inner { 13148 padding-left: 0; 13149 padding-right: 0 13150 } 13151} 13152 13153.mod_hero.right-placement .wrapper .row .inner a.btn, 13154.mod_hero.right-placement .wrapper .mod_index_list .row .inner a.item, 13155.mod_index_list .mod_hero.right-placement .wrapper .row .inner a.item { 13156 margin-left: 0 13157} 13158 13159.mod_hero.right-placement .wrapper .media { 13160 right: auto; 13161 left: 0 13162} 13163 13164.mod_hero.right-placement:not(.no-bg) .wrapper:after { 13165 left: 50% 13166} 13167 13168@media only screen and (max-width: 800px) { 13169 .mod_hero.right-placement:not(.no-bg) .wrapper:after { 13170 left: 0 13171 } 13172} 13173
13174.mod_hero.contact-form .wrapper .row { 13175 display: flex; 13176 justify-content: space-between; 13177 padding: calc(30px + 3%) 20px 0 13178} 13179 13180.mod_hero.contact-form .wrapper .row .inner { 13181 position: relative; 13182 top: 0; 13183 left: 0; 13184 text-align: left; 13185 transform: none; 13186 display: flex; 13187 flex-direction: column; 13188 justify-content: center 13189} 13190 13191.mod_hero.contact-form .wrapper .row .inner a.btn, 13192.mod_hero.contact-form .wrapper .mod_index_list .row .inner a.item, 13193.mod_index_list .mod_hero.contact-form .wrapper .row .inner a.item { 13194 margin-left: 0; 13195 margin-bottom: 20px 13196} 13197 13198.mod_hero.contact-form .wrapper .row .form { 13199 width: 100%; 13200 max-width: 420px; 13201 margin-top: 20px; 13202 padding: 0 30px 30px; 13203 background: rgba(0, 0, 0, .65) 13204} 13205 13206@media only screen and (max-width: 64em) { 13207 .mod_hero.contact-form .wrapper .row .form { 13208 padding-left: 25px; 13209 padding-right: 25px 13210 } 13211} 13212 13213.mod_hero.contact-form .wrapper .row .form .field-row .field *:not(small) { 13214 font-size: 15px 13215} 13216 13217.mod_hero.contact-form .wrapper .row .form .field-row .field.text { 13218 padding-right: 0 13219} 13220 13221.mod_hero.contact-form .wrapper .row .form .field-row .field textarea { 13222 height: 100px 13223} 13224 13225.mod_hero.contact-form .wrapper .row .form .field-row:last-child { 13226 margin-bottom: 0 13227} 13228 13229.mod_hero.contact-form .wrapper .row .form .section-label { 13230 margin-top: 0; 13231 color: #fff 13232} 13233 13234.mod_hero.contact-form .wrapper .row .form .submit-holder .btn, 13235.mod_hero.contact-form .wrapper .mod_index_list .row .form .submit-holder a.item, 13236.mod_index_list .mod_hero.contact-form .wrapper .row .form .submit-holder a.item, 13237.mod_hero.contact-form .wrapper .row .form .submit-holder button[type=submit] { 13238 font-size: 15px; 13239 padding: 12px 24px 13240} 13241 13242.mod_hero.contact-form.right-placement .row .inner { 13243 right: auto; 13244 left: 50% 13245} 13246 13247.mod_hero.contact-form.center-placement .row .inner { 13248 text-align: center; 13249 left: 50%; 13250 transform: translateX(-50%) 13251} 13252 13253@media only screen and (max-width: 40em) { 13254 .mod_hero.contact-form.center-placement .row .inner { 13255 left: 0; 13256 transform: none; 13257 text-align: left 13258 } 13259} 13260 13261.mod_hero.contact-form.center-placement .row .inner .form { 13262 margin-left: auto; 13263 margin-right: auto 13264} 13265 13266@media only screen and (max-width: 40em) { 13267 .mod_hero.contact-form.center-placement .row .inner .form { 13268 margin-left: 0; 13269 margin-right: 0 13270 } 13271} 13272 13273.mod_hero.contact-form.center-placement .row .inner a.btn, 13274.mod_hero.contact-form.center-placement .mod_index_list .row .inner a.item, 13275.mod_index_list .mod_hero.contact-form.center-placement .row .inner a.item { 13276 margin-left: auto; 13277 margin-right: auto 13278} 13279 13280@media only screen and (max-width: 40em) { 13281 13282 .mod_hero.contact-form.center-placement .row .inner a.btn, 13283 .mod_hero.contact-form.center-placement .mod_index_list .row .inner a.item, 13284 .mod_index_list .mod_hero.contact-form.center-placement .row .inner a.item { 13285 margin-left: 0; 13286 margin-right: 0 13287 } 13288} 13289 13290.mod_hero.contact-form.dark, 13291header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials { 13292 position: relative 13293} 13294 13295.mod_hero.contact-form.dark .row .inner .form, 13296header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form { 13297 background: rgba(255, 255, 255, .8) 13298} 13299 13300.mod_hero.contact-form.dark .row .inner .form select, 13301header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form select, 13302.mod_hero.contact-form.dark .row .inner .form .section-label, 13303header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .section-label { 13304 color: #000 13305} 13306 13307.mod_hero.contact-form.dark .row .inner .form .submit-holder .btn, 13308.mod_hero.contact-form.dark .mod_index_list .row .inner .form .submit-holder a.item, 13309.mod_index_list .mod_hero.contact-form.dark .row .inner .form .submit-holder a.item, 13310header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder .btn, 13311header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .mod_index_list .row .inner .form .submit-holder a.item, 13312.mod_index_list header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder a.item { 13313 color: #fff 13314} 13315 13316.mod_hero.contact-form.dark .row .inner .form .submit-holder .btn.disabled, 13317.mod_hero.contact-form.dark .mod_index_list .row .inner .form .submit-holder a.disabled.item, 13318.mod_index_list .mod_hero.contact-form.dark .row .inner .form .submit-holder a.disabled.item, 13319header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder .btn.disabled, 13320header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .mod_index_list .row .inner .form .submit-holder a.disabled.item, 13321.mod_index_list header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder a.disabled.item { 13322 color: #999 13323} 13324 13325.mod_hero.contact-form.dark .row .inner .form .submit-holder button[type=submit], 13326header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder button[type=submit] { 13327 color: #fff 13328} 13329 13330.mod_hero.full-width-media .wrapper .media { 13331 right: auto; 13332 left: 0; 13333 max-width: 100% 13334} 13335 13336.mod_hero.full-width-media .wrapper:after { 13337 width: 100%; 13338 opacity: 0 13339} 13340 13341.mod_hero.left-media-position picture img, 13342.mod_hero.left-media-position video { 13343 object-position: 20% 20% 13344} 13345 13346.mod_hero.right-media-position picture img, 13347.mod_hero.right-media-position video {
13348 object-position: 80% 20% 13349} 13350 13351.mod_hero.dark .row .inner *, 13352header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.partial_socials .row .inner * { 13353 color: #fff 13354} 13355 13356.mod_hero.dark .row .inner .partial_breadcrumb li:before, 13357header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.partial_socials .row .inner .partial_breadcrumb li:before { 13358 background: #fff 13359} 13360 13361.mod_hero+.mod_hero { 13362 margin-top: 60px 13363} 13364 13365@media only screen and (max-width: 40em) { 13366 .mod_hero.mobile-stack .wrapper { 13367 display: flex; 13368 flex-direction: column 13369 } 13370 13371 .mod_hero.mobile-stack .wrapper .media { 13372 order: 1; 13373 z-index: 2; 13374 position: relative 13375 } 13376 13377 .mod_hero.mobile-stack .wrapper .media picture.background { 13378 position: relative; 13379 top: 0; 13380 left: 0; 13381 transform: none 13382 } 13383 13384 .mod_hero.mobile-stack .wrapper .row { 13385 order: 2; 13386 padding: 20px 13387 } 13388} 13389 13390.mod_image_slider:not(.grid) .row { 13391 padding: 50px 100px; 13392 position: relative; 13393 max-width: 1374px; 13394 z-index: 3 13395} 13396 13397@media only screen and (max-width: 40em) { 13398 .mod_image_slider:not(.grid) .row { 13399 padding: 20px 56px 50px 20px 13400 } 13401} 13402 13403.mod_image_slider h2 { 13404 text-align: center; 13405 margin-top: 30px; 13406 margin-bottom: 10px 13407} 13408 13409.mod_image_slider .image-slider { 13410 display: flex; 13411 flex-wrap: initial 13412} 13413 13414.mod_image_slider .image-grid { 13415 display: grid; 13416 grid-template-columns: 1fr 1fr 1fr; 13417 grid-gap: 20px 13418} 13419 13420@media only screen and (max-width: 800px) { 13421 .mod_image_slider .image-grid { 13422 grid-template-columns: 1fr 1fr 13423 } 13424} 13425 13426@media only screen and (max-width: 40em) { 13427 .mod_image_slider .image-grid { 13428 grid-template-columns: 1fr 13429 } 13430} 13431 13432.mod_image_slider .tns-controls { 13433 position: absolute; 13434 top: 50%; 13435 left: 0; 13436 transform: translateY(-50%); 13437 width: 100%; 13438 padding: 0 20px 13439} 13440 13441.mod_image_slider .tns-controls button { 13442 position: absolute; 13443 top: 50%; 13444 margin-top: 0; 13445 opacity: 1; 13446 left: 12px; 13447 padding: 20px; 13448 width: 40px; 13449 height: 40px; 13450 border-radius: 100%; 13451 background: rgba(0, 0, 0, .9); 13452 transform: translateY(-50%) 13453} 13454 13455.mod_image_slider .tns-controls button:hover { 13456 opacity: .6; 13457 cursor: pointer 13458} 13459 13460@media only screen and (max-width: 64em) { 13461 .mod_image_slider .tns-controls button { 13462 padding: 16px; 13463 width: 36px; 13464 height: 36px 13465 } 13466} 13467 13468@media only screen and (max-width: 800px) { 13469 .mod_image_slider .tns-controls button { 13470 padding: 14px; 13471 width: 34px; 13472 height: 34px 13473 } 13474} 13475 13476@media only screen and (max-width: 40em) { 13477 .mod_image_slider .tns-controls button:first-child { 13478 display: none 13479 } 13480} 13481 13482.mod_image_slider .tns-controls button:after { 13483 content: ""; 13484 background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; 13485 background-size: auto 100% !important; 13486 position: absolute; 13487 top: 50%; 13488 left: calc(50% - 1px); 13489 transform: translate(-50%, -50%) rotate(-180deg); 13490 padding: 8px 13491} 13492 13493@media only screen and (max-width: 64em) { 13494 .mod_image_slider .tns-controls button:after { 13495 padding: 7px 13496 } 13497} 13498 13499@media only screen and (max-width: 800px) { 13500 .mod_image_slider .tns-controls button:after { 13501 padding: 6px 13502 } 13503} 13504 13505.mod_image_slider .tns-controls button:before { 13506 display: none 13507} 13508 13509.mod_image_slider .tns-controls button+button { 13510 left: auto; 13511 right: 12px 13512} 13513 13514@media only screen and (max-width: 800px) { 13515 .mod_image_slider .tns-controls button+button { 13516 right: 8px 13517 } 13518} 13519 13520.mod_image_slider .tns-controls button+button:after { 13521 left: calc(50% + 1px); 13522 transform: translate(-50%, -50%) 13523} 13524 13525.mod_index.bg { 13526 position: relative 13527} 13528 13529.mod_index.bg:before { 13530 content: ""; 13531 position: absolute; 13532 top: 0; 13533 left: 0; 13534 width: 100%; 13535 height: 100%; 13536 z-index: 2; 13537 display: block; 13538 background: #efefef; 13539 opacity: .6 13540} 13541 13542.mod_index>.row { 13543 position: relative; 13544 max-width: 840px; 13545 margin: 0 auto 50px 13546} 13547 13548.mod_index>.row .inner { 13549 width: 100%; 13550 display: flex; 13551 flex-wrap: wrap; 13552 position: relative; 13553 z-index: 3; 13554 justify-content: space-between 13555} 13556 13557.mod_index>.row .inner .item { 13558 margin-top: 50px; 13559 width: 50%; 13560 margin-bottom: 0 !important 13561} 13562 13563@media only screen and (max-width: 800px) { 13564 .mod_index>.row .inner .item { 13565 margin-top: 30px 13566 } 13567} 13568 13569@media only screen and (max-width: 40em) { 13570 .mod_index>.row .inner .item { 13571 width: 100% 13572 } 13573} 13574 13575.mod_index>
13575.row .inner .item h2, 13576.mod_index>.row .inner .item h3 { 13577 color: #000; 13578 font-family: "canada-type-gibson", Arial, sans-serif; 13579 font-size: 22px; 13580 margin-bottom: 10px 13581} 13582 13583@media only screen and (max-width: 64em) { 13584 13585 .mod_index>.row .inner .item h2, 13586 .mod_index>.row .inner .item h3 { 13587 font-size: 20px 13588 } 13589} 13590 13591@media only screen and (max-width: 40em) { 13592 13593 .mod_index>.row .inner .item h2, 13594 .mod_index>.row .inner .item h3 { 13595 font-size: 18px 13596 } 13597} 13598 13599.mod_index>.row .inner .item h2 a, 13600.mod_index>.row .inner .item h3 a { 13601 text-decoration: none !important 13602} 13603 13604.mod_index>.row .inner .item p { 13605 text-align: justify; 13606 font-size: 15px 13607} 13608 13609@media only screen and (max-width: 40em) { 13610 .mod_index>.row .inner .item p:last-child { 13611 margin-bottom: 15px 13612 } 13613} 13614 13615.mod_index>.row .inner .item a.btn, 13616.mod_index_list .mod_index>.row .inner .item a.item { 13617 display: inline-block 13618} 13619 13620.mod_index>.row.list { 13621 background: #efefef; 13622 max-width: 100%; 13623 margin-bottom: 0 13624} 13625 13626.mod_index>.row.list .inner { 13627 max-width: 520px; 13628 margin: 0 auto; 13629 background: rgba(255, 255, 255, .85); 13630 padding: 50px 60px; 13631 text-align: center 13632} 13633 13634@media only screen and (min-width: 64em)and (max-height: 800px) { 13635 .mod_index>.row.list .inner { 13636 padding: 40px 13637 } 13638} 13639 13640@media only screen and (max-width: 64em) { 13641 .mod_index>.row.list .inner { 13642 padding: 40px 50px 13643 } 13644} 13645 13646@media only screen and (max-width: 800px) { 13647 .mod_index>.row.list .inner { 13648 padding: 40px 20px 13649 } 13650} 13651 13652.mod_index>.row.list .inner .item { 13653 width: 100%; 13654 margin-top: 0 13655} 13656 13657.mod_index>.row.list .inner .item h2 { 13658 color: #000; 13659 font-size: 20px; 13660 margin-bottom: 0; 13661 display: block 13662} 13663 13664@media only screen and (max-width: 800px) { 13665 .mod_index>.row.list .inner .item h2 { 13666 font-size: 18px 13667 } 13668} 13669 13670.mod_index>.row.list .inner .item h2 a { 13671 text-decoration: none !important 13672} 13673 13674.mod_index>.row.list .inner .item+.item { 13675 margin-top: 20px; 13676 padding-top: 20px; 13677 border-top: 1px solid rgba(20, 20, 20, .4) 13678} 13679 13680@media only screen and (min-width: 64em)and (max-height: 800px) { 13681 .mod_index>.row.list .inner .item+.item { 13682 margin-top: 20px; 13683 padding-top: 20px 13684 } 13685} 13686 13687@media only screen and (max-width: 64em) { 13688 .mod_index>.row.list .inner .item+.item { 13689 margin-top: 16px; 13690 padding-top: 16px 13691 } 13692} 13693 13694@media only screen and (max-width: 800px) { 13695 .mod_index>.row.list .inner .item+.item { 13696 margin-top: 12px; 13697 padding-top: 12px 13698 } 13699} 13700 13701.mod_index>.row.list .inner .item a.btn, 13702.mod_index_list .mod_index>
13702.row.list .inner .item a.item { 13703 display: none 13704} 13705 13706.mod_index>.row.media { 13707 max-width: 1200px; 13708 margin-top: 20px 13709} 13710 13711.mod_index>.row.media .inner { 13712 display: grid; 13713 grid-template-columns: 1fr 1fr 1fr; 13714 grid-gap: 20px; 13715 align-items: stretch; 13716 align-content: center; 13717 justify-content: center 13718} 13719 13720@media only screen and (max-width: 64em) { 13721 .mod_index>.row.media .inner { 13722 grid-template-columns: 1fr 1fr 13723 } 13724} 13725 13726@media only screen and (max-width: 40em) { 13727 .mod_index>.row.media .inner { 13728 grid-template-columns: 1fr 13729 } 13730} 13731 13732.mod_index>.row.media .inner a.item { 13733 display: inline-block; 13734 background: #efefef; 13735 width: 100%; 13736 position: relative; 13737 padding-top: 65%; 13738 margin: 0 0 20px 13739} 13740 13741.mod_index>.row.media .inner a.item:before { 13742 content: ""; 13743 position: absolute; 13744 top: 0; 13745 left: 0; 13746 width: 100%; 13747 height: 100%; 13748 z-index: 2; 13749 display: block; 13750 background: #000; 13751 opacity: .25; 13752 background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 60%); 13753 z-index: 3 13754} 13755 13756.mod_index>.row.media .inner a.item picture { 13757 z-index: 2 13758} 13759 13760.mod_index>.row.media .inner a.item .content { 13761 position: absolute; 13762 left: 20px; 13763 bottom: 20px; 13764 z-index: 4 13765} 13766 13767.mod_index>.row.media .inner a.item .content h2 { 13768 font-size: 22px; 13769 color: #fff; 13770 margin-bottom: 2px; 13771 text-shadow: 0 0 8px rgba(0, 0, 0, .24) 13772} 13773 13774@media only screen and (max-width: 64em) { 13775 .mod_index>.row.media .inner a.item .content h2 { 13776 font-size: 20px 13777 } 13778} 13779 13780@media only screen and (max-width: 800px) { 13781 .mod_index>.row.media .inner a.item .content h2 { 13782 font-size: 18px 13783 } 13784} 13785 13786.mod_index>.row.media .inner a.item .content span { 13787 color: #fff; 13788 font-size: 15px; 13789 text-shadow: 0 0 8px rgba(0, 0, 0, .3) 13790} 13791 13792@media only screen and (max-width: 64em) { 13793 .mod_index>.row.media .inner a.item .content span { 13794 font-size: 14px 13795 } 13796} 13797 13798@media only screen and (max-width: 800px) { 13799 .mod_index>.row.media .inner a.item .content span { 13800 font-size: 13px 13801 } 13802} 13803 13804.mod_index>.row.subcontent { 13805 max-width: 1200px; 13806 margin-top: 20px 13807} 13808 13809.mod_index>.row.subcontent .inner { 13810 display: grid; 13811 grid-template-columns: 1fr 1fr; 13812 grid-gap: 20px; 13813 align-items: stretch; 13814 align-content: center; 13815 justify-content: center 13816} 13817 13818@media only screen and (max-width: 64em) { 13819 .mod_index>.row.subcontent .inner { 13820 grid-template-columns: 1fr 1fr 13821 } 13822} 13823 13824@media only screen and (max-width: 40em) { 13825 .mod_index>.row.subcontent .inner { 13826 grid-template-columns: 1fr 13827 } 13828} 13829 13830.mod_index>.row.subcontent .inner .item { 13831 width: 100% 13832} 13833 13834.mod_index>.row.subcontent .inner .item .media-btn { 13835 opacity: 1; 13836 display: inline-block; 13837 width: 100%; 13838 position: relative; 13839 margin: 0 0 20px 13840} 13841 13842.mod_index>.row.subcontent .inner .item .media-btn:after { 13843 content: ""; 13844 background: rgba(160, 132, 90, .7); 13845 position: absolute; 13846 bottom: 0; 13847 left: 0; 13848 width: 100%; 13849 height: 100%; 13850 opacity: 0; 13851 z-index: 1 13852} 13853 13854.mod_index>.row.subcontent .inner .item .media-btn .media { 13855 width: 100%; 13856 height: 0; 13857 padding-top: 56.25% 13858} 13859 13860.mod_index>.row.subcontent .inner .item .media-btn .media picture { 13861 overflow: hidden 13862} 13863 13864.mod_index>.row.subcontent .inner .item .media-btn .media .content { 13865 position: absolute; 13866 left: 0; 13867 top: 0; 13868 width: 100%; 13869 height: 100%; 13870 display: flex; 13871 align-items: center; 13872 justify-content: center; 13873 z-index: 2 13874} 13875 13876.mod_index>.row.subcontent .inner .item .media-btn .media .content span { 13877 color: #fff; 13878 font-size: 16px; 13879 font-weight: 500; 13880 text-shadow: 0 0 8px rgba(0, 0, 0, .3); 13881 text-align: center; 13882 opacity: 0; 13883 visibility: hidden 13884} 13885 13886@media only screen and (max-width: 64em) { 13887 .mod_index>.row.subcontent .inner .item .media-btn .media .content span { 13888 font-size: 15px 13889 } 13890} 13891 13892@media only screen and (max-width: 800px) { 13893 .mod_index>.row.subcontent .inner .item .media-btn .media .content span { 13894 font-size: 14px 13895 } 13896} 13897 13898.mod_index>.row.subcontent .inner .item .media-btn:hover .content span { 13899 opacity: 1; 13900 visibility: visible 13901} 13902 13903.mod_index>.row.subcontent .inner .item .media-btn:hover picture img { 13904 transform: scale(1.1) 13905} 13906 13907.mod_index>.row.subcontent .inner .item .media-btn:hover:after { 13908 opacity: 1 13909} 13910 13911.mod_index>.row.subcontent .inner .item .copy h2 { 13912 font-weight: 300; 13913 letter-spacing: .5px; 13914 text-transform: none 13915} 13916 13917@media only screen and (min-width: 64.1em) { 13918 .mod_index>
13918.row.subcontent .inner .item .copy h2 { 13919 font-size: 28px 13920 } 13921} 13922 13923.mod_index_list .row { 13924 max-width: 100%; 13925 margin-bottom: 0; 13926 padding: 20px 0 0 13927} 13928 13929.mod_index_list .row .inner { 13930 max-width: 1200px; 13931 margin: 0 auto; 13932 padding: 20px 20px 0; 13933 text-align: center; 13934 display: flex; 13935 align-items: center; 13936 justify-content: center; 13937 flex-wrap: wrap 13938} 13939 13940.mod_index_list .row a.item { 13941 margin: 10px 30px; 13942 font-size: 16px; 13943 font-weight: 400; 13944 display: block; 13945 position: relative 13946} 13947 13948@media only screen and (max-width: 800px) { 13949 .mod_index_list .row a.item { 13950 font-size: 15px; 13951 width: calc(50% - 20px); 13952 margin: 10px 13953 } 13954} 13955 13956.mod_index_list .row a.item:hover { 13957 opacity: 1 13958} 13959 13960.mod_index_list+.mod_index .row { 13961 margin-top: 0; 13962 padding-top: 0 13963} 13964 13965.mod_index_list.option-2 .row .inner { 13966 grid-gap: 20px 13967} 13968 13969@media only screen and (max-width: 800px) { 13970 .mod_index_list.option-2 .row .inner a.item { 13971 width: calc(50% - 10px) 13972 } 13973} 13974 13975.mod_index_list.option-2 .row .inner a.item:after { 13976 display: none 13977} 13978 13979.mod_index_list.option-2 .row .inner a.item:hover { 13980 opacity: .6 13981} 13982 13983.mod_index_list.option-3 { 13984 max-width: calc(100% - 40px); 13985 background: #d9c184; 13986 margin: 60px auto 20px; 13987 border-radius: 8px; 13988 padding: 20px 13989} 13990 13991.mod_index_list.option-3 .row { 13992 padding-top: 0 13993} 13994 13995.mod_index_list.option-3 .row .inner { 13996 padding: 0 13997} 13998 13999.mod_index_list.option-3 .row .inner a.item { 14000 background: none; 14001 color: #fff; 14002 padding: 0 8px 0 12px 14003} 14004 14005.mod_index_list.option-3 .row .inner a.item:after { 14006 border-top: none; 14007 border-left: 4px solid #fff; 14008 height: 100%; 14009 bottom: auto; 14010 left: 0; 14011 top: 50%; 14012 transform: translateY(-50%); 14013 opacity: 0 14014} 14015 14016.mod_index_list.option-3 .row .inner a.item:hover { 14017 opacity: 1 14018} 14019 14020.mod_index_list.option-3 .row .inner a.item:hover:after { 14021 opacity: 1 14022} 14023 14024.mod_intro { 14025 text-align: center; 14026 position: relative 14027} 14028 14029.mod_intro .row { 14030 position: relative; 14031 z-index: 1 14032} 14033 14034.mod_intro .row.next-step .inner { 14035 max-width: 750px !important 14036} 14037 14038.mod_intro .row.next-step .inner h2 { 14039 text-transform: uppercase; 14040 font-weight: 400; 14041 padding-bottom: 20px; 14042 letter-spacing: 12.5px 14043} 14044 14045.mod_intro .row .logo { 14046 display: flex; 14047 justify-content: center; 14048 align-items: center; 14049 margin-top: 30px; 14050 margin-bottom: 50px 14051} 14052 14053.mod_intro .row .logo img { 14054 max-width: 180px; 14055 max-height: 60px; 14056 width: auto 14057} 14058 14059@media only screen and (max-width: 64em) { 14060 .mod_intro .row .logo img { 14061 max-width: 160px; 14062 max-height: 50px 14063 } 14064} 14065 14066@media only screen and (max-width: 800px) { 14067 .mod_intro .row .logo img { 14068 max-width: 140px; 14069 max-height: 40px 14070 } 14071} 14072 14073.mod_intro .row .inner { 14074 max-width: 580px; 14075 margin: 0 auto 20px; 14076 position: relative 14077} 14078 14079.mod_intro .row .inner h2 { 14080 text-align: center; 14081 margin-bottom: 0 14082} 14083 14084.mod_intro .row .inner p { 14085 text-align: left 14086} 14087 14088.mod_intro.wide .row .inner { 14089 max-width: 920px; 14090 display: flex; 14091 justify-content: flex-start; 14092 flex-wrap: wrap; 14093 grid-gap: 20px 50px 14094} 14095 14096@media only screen and (max-width: 64em) { 14097 .mod_intro.wide .row .inner { 14098 grid-gap: 15px 40px 14099 } 14100} 14101 14102.mod_intro.wide .row .inner h2 { 14103 width: 100% 14104} 14105 14106.mod_intro.wide .row .inner .half { 14107 text-align: left; 14108 width: calc(50% - 25px) 14109} 14110 14111@media only screen and (max-width: 64em) { 14112 .mod_intro.wide .row .inner .half { 14113 width: calc(50% - 20px) 14114 } 14115} 14116 14117@media only screen and (max-width: 800px) { 14118 .mod_intro.wide .row .inner .half { 14119 width: 100% 14120 } 14121} 14122 14123.mod_intro.option-2 { 14124 text-align: left 14125} 14126 14127.mod_intro.option-2 .row { 14128 display: flex; 14129 grid-gap: 40px; 14130 justify-content: center; 14131 align-items: center 14132} 14133 14134@media only screen and (max-width: 40em) { 14135 .mod_intro.option-2 .row { 14136 flex-direction: column; 14137 grid-gap: 0 14138 } 14139} 14140 14141.mod_intro.option-2 .row .inner { 14142 margin: 0 14143} 14144 14145.mod_intro.viewport .row .logo { 14146 position: relative; 14147 top: -20px; 14148 opacity: 0 14149} 14150 14151.mod_intro.viewport .row .inner { 14152 position: relative; 14153 top: 20px 14154} 14155 14156.mod_intro.viewport .row .inner .half { 14157 position: relative; 14158 left: -20px; 14159 opacity: 0 14160} 14161 14162.mod_intro.viewport .row .inner .half+.half { 14163 left: 20px 14164} 14165 14166.mod_intro.in-viewport .row .logo { 14167 top: 0; 14168 opacity: 1 14169} 14170 14171.mod_intro.in-viewport .row .inner { 14172 top: 0 14173} 14174 14175.mod_intro.in-viewport .row .inner .half { 14176 left: 0 !important; 14177 opacity: 1 14178} 14179 14180.home .mod_intro { 14181 text-align: center 14182} 14183 14184.home .mod_intro .inner h2 { 14185 font-weight: 300; 14186 text-transform: none; 14187 letter-spacing: 1.25px; 14188 line-height: 1.8; 14189 text-align: center 14190} 14191 14192@media only screen and (max-width: 800px) { 14193 .home .mod_intro .inner h2 { 14194 font-size: 20px !important 14195 } 14196} 14197 14198.home .mod_intro picture.background:before { 14199 z-index: 1; 14200 content: ""; 14201 position: absolute; 14202 bottom: -2px; 14203 left: 50%; 14204 transform: translateX(-50%); 14205 width: 100%; 14206 height: 200px; 14207 background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(255, 255, 255)) 14208} 14209 14210@media only screen and (min-width: 64.1em) { 14211 .home .mod_intro { 14212 padding: 60px 0 14213 } 14214} 14215 14216.home .mod_intro .inner { 14217 max-width: 650px; 14218 text-align: center 14219} 14220 14221.home .mod_intro .inner h2 { 14222 font-size: 28px 14223} 14224 14225.home .mod_intro p { 14226 font-family: "canada-type-gibson", Arial, sans-serif; 14227 font-weight: 300; 14228 font-size: 25px 14229} 14230 14231.mod_logo_list { 14232 text-align: center 14233} 14234 14235.mod_logo_list .logo-container { 14236 display: flex; 14237 justify-content: center; 14238 align-items: center; 14239 gap: 40px 14240} 14241 14242@media only screen and (max-width: 800px) { 14243 .mod_logo_list .logo-container { 14244 flex-wrap: wrap; 14245 gap: 30px 14246 } 14247} 14248 14249.mod_logo_list .logo-container .img { 14250 display: inline-block 14251} 14252 14253@media only screen and (max-width: 64em) { 14254 .mod_logo_list .logo-container .img { 14255 margin-bottom: 30px 14256 } 14257} 14258 14259.mod_logo_list .logo-container .img img { 14260 max-height: 60px; 14261 max-width: 120px; 14262 width: auto 14263} 14264 14265@media only screen and (max-width: 64em) { 14266 .mod_logo_list .logo-container .img img { 14267 max-height: 50px; 14268 max-width: 100px 14269 } 14270} 14271 14272@media only screen and (max-width: 800px) { 14273 .mod_logo_list .logo-container .img img { 14274 max-height: 40px 14275 } 14276} 14277 14278.mod_logo_list.viewport .img img { 14279 transform: scale(0.8) 14280} 14281 14282.mod_logo_list.in-viewport .img img { 14283 transform: scale(1) 14284} 14285 14286.mod_office { 14287 max-width: 100%; 14288 width: 100% 14289} 14290 14291.mod_office .row.half-image-row { 14292 width: 100%; 14293 max-width: 100% 14294} 14295 14296@media only screen and (min-width: 64.1em) { 14297 .mod_office .row.half-image-row { 14298 padding-right: 0 14299 } 14300} 14301 14302.mod_office .row.half-image-row .copy .inner { 14303 margin: auto; 14304 max-width: 100% 14305} 14306 14307.mod_office .row.half-image-row .copy .button-holder { 14308 display: flex; 14309 justify-content: flex-start; 14310 margin-top: 50px; 14311 position: relative; 14312 height: fit-content; 14313 width: fit-content; 14314 grid-gap: 60px 14315} 14316 14317.mod_office .row.half-image-row .copy .button-holder .swiper-button-prev, 14318.mod_office .row.half-image-row .copy .button-holder .swiper-button-next { 14319 position: relative; 14320 padding: 25px 14321} 14322 14323.mod_office .row.half-image-row .copy .button-holder .swiper-button-prev:after, 14324.mod_office .row.half-image-row .copy .button-holder .swiper-button-next:after { 14325 content: ""; 14326 background: url("/assets/img/img-export/1678831465-right-arrow.webp?auto=format,compress") center center no-repeat; 14327 background-size: cover; 14328 padding: 25px 14329} 14330 14331.mod_office .row.half-image-row .copy .button-holder .swiper-button-prev:after { 14332 transform: rotate(180deg) 14333} 14334 14335@media only screen and (max-width: 64em) { 14336 .mod_office .row.half-image-row .media { 14337 padding-top: 0 14338 } 14339} 14340 14341.mod_office .row.half-image-row .media .office-swiper { 14342 height: 100% 14343}
14343 14344 14345@media only screen and (max-width: 64em) { 14346 .mod_office .row.half-image-row .media .office-swiper .swiper-slide { 14347 padding-top: 56.25% 14348 } 14349} 14350 14351@media only screen and (max-width: 800px) { 14352 .mod_office .row.half-image-row .media .office-swiper .swiper-slide { 14353 padding-top: 100% 14354 } 14355} 14356 14357.mod_media_list .row h2 { 14358 text-align: center; 14359 margin-bottom: 60px 14360} 14361 14362@media only screen and (max-width: 800px) { 14363 .mod_media_list .row h2 { 14364 text-align: left; 14365 margin-bottom: 45px 14366 } 14367} 14368 14369.mod_media_list .row .grid { 14370 margin: 0 auto 14371} 14372 14373.mod_media_list .row .grid .item { 14374 display: grid; 14375 grid-template-columns: 160px auto; 14376 align-items: flex-start; 14377 grid-gap: 40px 14378} 14379 14380.mod_media_list .row .grid .item.no-media { 14381 grid-template-columns: 1fr 14382} 14383 14384@media only screen and (max-width: 800px) { 14385 .mod_media_list .row .grid .item { 14386 grid-gap: 25px; 14387 grid-template-columns: 120px auto 14388 } 14389 14390 .mod_media_list .row .grid .item.no-media { 14391 grid-template-columns: 1fr 14392 } 14393} 14394 14395@media only screen and (max-width: 40em) { 14396 .mod_media_list .row .grid .item { 14397 grid-gap: 20px; 14398 grid-template-columns: 1fr 14399 } 14400 14401 .mod_media_list .row .grid .item .media { 14402 max-width: 120px 14403 } 14404} 14405 14406.mod_media_list .row .grid .item .copy h3 { 14407 font-size: 24px; 14408 margin-bottom: 10px 14409} 14410 14411@media only screen and (max-width: 800px) { 14412 .mod_media_list .row .grid .item .copy h3 { 14413 font-size: 22px 14414 } 14415} 14416 14417.mod_media_list .row .grid .item+.item { 14418 margin-top: 30px; 14419 padding-top: 30px; 14420 border-top: 1px solid #ddd 14421} 14422 14423.mod_media_list .row .grid.narrow { 14424 max-width: 840px 14425} 14426 14427.mod_media_list .row .grid.two-columns { 14428 display: grid; 14429 grid-template-columns: 1fr 1fr 14430} 14431 14432@media only screen and (max-width: 800px) { 14433 .mod_media_list .row .grid.two-columns { 14434 grid-template-columns: 1fr 14435 } 14436} 14437 14438.mod_media_list .row .grid.two-columns .item:nth-child(odd) { 14439 padding-right: 15px 14440} 14441 14442.mod_media_list .row .grid.two-columns .item:nth-child(even) { 14443 padding-left: 15px 14444} 14445 14446@media only screen and (min-width: 800px) { 14447 .mod_media_list .row .grid.two-columns .item:nth-child(2) { 14448 margin-top: 0; 14449 padding-top: 0; 14450 border-top: none 14451 } 14452} 14453 14454@media only screen and (max-width: 800px) { 14455 .mod_media_list .row .grid.two-columns .item { 14456 padding-left: 0 !important; 14457 padding-right: 0 !important 14458 } 14459} 14460 14461.mod_media_list .row .grid.valign .item { 14462 align-items: center 14463} 14464 14465.mod_anchor_link { 14466 background: #d9c184; 14467 padding: 50px 20px 40px; 14468 margin-bottom: 30px 14469} 14470 14471.mod_anchor_link .row h2, 14472.mod_anchor_link .row h3, 14473.mod_anchor_link .row p, 14474.mod_anchor_link .row a { 14475 color: #fff !important 14476} 14477 14478.mod_anchor_link .row h2 { 14479 text-align: center; 14480 margin-bottom: 30px 14481} 14482 14483.mod_anchor_link .row .links { 14484 display: flex; 14485 flex-wrap: wrap; 14486 justify-content: center 14487} 14488 14489.mod_anchor_link .row .links a { 14490 display: inline-block; 14491 margin: 0 20px 14492} 14493 14494.mod_anchor_link.has-title { 14495 padding-top: 30px 14496} 14497 14498.mod_quote { 14499 overflow: hidden; 14500 padding-left: 20px; 14501 padding-right: 20px; 14502 position: relative 14503} 14504 14505@media only screen and (min-width: 64.1em) { 14506 .mod_quote.video-background { 14507 padding: 120px 0 14508 } 14509} 14510 14511@media only screen and (max-width: 64em) { 14512 .mod_quote.video-background { 14513 padding: 60px 0 14514 } 14515} 14516 14517@media only screen and (max-width: 64em) { 14518 .mod_quote.video-background { 14519 padding: 60px 0 14520 } 14521} 14522 14523.mod_quote.video-background video.background { 14524 filter: brightness(0.7) 14525} 14526 14527.mod_quote.video-background .row * { 14528 color: #fff 14529} 14530 14531.mod_quote .logo { 14532 display: flex; 14533 justify-content: center; 14534 align-items: center; 14535 margin-top: 40px; 14536 z-index: 1 14537} 14538 14539.mod_quote .logo img { 14540 max-width: 180px; 14541 max-height: 60px; 14542 width: auto 14543} 14544 14545@media only screen and (max-width: 64em) { 14546 .mod_quote .logo img { 14547 max-width: 160px; 14548 max-height: 50px 14549 } 14550} 14551 14552@media only screen and (max-width: 800px) { 14553 .mod_quote .logo img { 14554 max-width: 140px; 14555 max-height: 40px 14556 } 14557} 14558 14559.mod_quote .row { 14560 z-index: 1; 14561 position: relative; 14562 max-width: 840px; 14563 margin: 60px auto 30px 14564} 14565 14566@media only screen and (max-width: 64em) { 14567 .mod_quote .row { 14568 max-width: 820px; 14569 margin: 40px auto 20px; 14570 padding: 0 100px 0 160px !important 14571 } 14572} 14573 14574@media only screen and (max-width: 800px) { 14575 .mod_quote .row { 14576 margin: 20px auto; 14577 padding: 0 20px 0 100px !important 14578 } 14579} 14580 14581.mod_quote .row:before { 14582 content: ""; 14583 position: absolute; 14584 top: 50%; 14585 left: 0; 14586 transform: translateY(-50%); 14587 display: inline-block; 14588 padding: 44px; 14589 background: url("/assets/img/img-export/1678918869-leftquote.svg") no-repeat center center; 14590 background-size: 100% auto !important 14591} 14592 14593@media only screen and (max-width: 64em) { 14594 .mod_quote .row:before { 14595 padding: 36px 14596 } 14597} 14598 14599@media only screen and (max-width: 800px) { 14600 .mod_quote .row:before { 14601 padding: 28px; 14602 left: 20px 14603 } 14604} 14605 14606.mod_quote .row .inner h3 { 14607 font-size: 36px; 14608 font-family: "canada-type-gibson", Arial, sans-serif; 14609 line-height: 1.2; 14610 font-weight: 300; 14611 margin-bottom: 0 14612} 14613 14614@media only screen and (max-width: 64em) { 14615 .mod_quote .row .inner h3 { 14616 font-size: 32px 14617 } 14618} 14619 14620@media only screen and (max-width: 800px) { 14621 .mod_quote .row .inner h3 { 14622 font-size: 28px 14623 } 14624} 14625 14626.mod_quote .row .inner p.author { 14627 font-size: 23px; 14628 font-weight: 400; 14629 margin-top: 30px; 14630 text-align: center 14631} 14632 14633@media only screen and (max-width: 64em) { 14634 .mod_quote .row .inner p.author { 14635 font-size: 14px 14636 } 14637} 14638 14639.mod_quote .row.long { 14640 padding-bottom: 20px !important 14641} 14642 14643.mod_quote .row.long .inner h3 { 14644 font-size: 24px; 14645 line-height: 1.3; 14646 text-transform: none; 14647 margin-top: 2px 14648} 14649 14650@media only screen and (max-width: 64em) { 14651 .mod_quote .row.long .inner h3 { 14652 font-size: 22px 14653 } 14654}
14654 14655 14656@media only screen and (max-width: 800px) { 14657 .mod_quote .row.long .inner h3 { 14658 font-size: 20px 14659 } 14660} 14661 14662@media only screen and (max-width: 40em) { 14663 .mod_quote .row.long .inner h3 { 14664 font-size: 18px 14665 } 14666} 14667 14668.mod_quote .row.option-2 { 14669 padding: 0 180px; 14670 max-width: 1200px 14671} 14672 14673@media only screen and (max-width: 64em) { 14674 .mod_quote .row.option-2 { 14675 max-width: 820px; 14676 margin: 40px auto 20px; 14677 padding: 0 160px !important 14678 } 14679} 14680 14681@media only screen and (max-width: 800px) { 14682 .mod_quote .row.option-2 { 14683 margin: 20px auto; 14684 text-align: left; 14685 padding: 0 20px 0 100px !important 14686 } 14687} 14688 14689.mod_quote .row.option-2:before, 14690.mod_quote .row.option-2:after { 14691 content: ""; 14692 position: absolute; 14693 top: 50%; 14694 left: 20px; 14695 transform: translateY(-50%); 14696 display: inline-block; 14697 padding: 40px; 14698 background: url("/assets/img/img-export/1678918869-leftquote.svg") no-repeat center center; 14699 background-size: 100% auto !important 14700} 14701 14702@media only screen and (max-width: 64em) { 14703 14704 .mod_quote .row.option-2:before, 14705 .mod_quote .row.option-2:after { 14706 padding: 42px 14707 } 14708} 14709 14710@media only screen and (max-width: 800px) { 14711 14712 .mod_quote .row.option-2:before, 14713 .mod_quote .row.option-2:after { 14714 padding: 28px 14715 } 14716} 14717 14718.mod_quote .row.option-2:after { 14719 left: auto; 14720 right: 20px; 14721 transform: translateY(-50%) rotateY(-180deg) 14722} 14723 14724@media only screen and (max-width: 800px) { 14725 .mod_quote .row.option-2:after { 14726 display: none 14727 } 14728} 14729 14730.mod_quote .row.option-3 { 14731 padding: 0 20px !important; 14732 margin: 20px auto 30px; 14733 text-align: center 14734} 14735 14736.mod_quote .row.option-3:before { 14737 position: relative; 14738 top: 0 !important; 14739 left: 0 !important; 14740 transform: none; 14741 margin: 0 auto 20px; 14742 padding: 30px 14743} 14744 14745.mod_quote .row.author:before, 14746.mod_quote .row.author:after { 14747 top: calc(50% - 30px) 14748} 14749 14750.mod_quote .row.author.long:before, 14751.mod_quote .row.author.long:after { 14752 top: calc(50% - 40px) 14753} 14754 14755.mod_quote .row.has-logo { 14756 margin-top: 30px 14757} 14758 14759.mod_quote.viewport .logo { 14760 position: relative; 14761 top: -20px; 14762 opacity: 0 14763} 14764 14765.mod_quote.viewport .row:before { 14766 left: -20px; 14767 opacity: 0 14768} 14769 14770.mod_quote.viewport .row:after { 14771 right: -20px; 14772 opacity: 0 14773} 14774 14775.mod_quote.viewport .row p.author { 14776 position: relative; 14777 top: -20px; 14778 opacity: 0 14779} 14780 14781.mod_quote.in-viewport .logo { 14782 top: 0; 14783 opacity: 1 14784} 14785 14786.mod_quote.in-viewport .row:before { 14787 left: 0; 14788 opacity: 1 14789} 14790 14791@media only screen and (max-width: 800px) { 14792 .mod_quote.in-viewport .row:before { 14793 left: 20px 14794 } 14795} 14796 14797.mod_quote.in-viewport .row:after { 14798 right: 0; 14799 opacity: 1 14800} 14801 14802.mod_quote.in-viewport .row p.author { 14803 top: 0; 14804 opacity: 1 14805} 14806 14807.mod_rating_box .row { 14808 display: flex; 14809 flex-wrap: wrap 14810} 14811 14812.mod_rating_box .row .review-box { 14813 flex-direction: column; 14814 justify-content: center; 14815 align-items: center; 14816 padding: 40px 20px; 14817 width: calc(50% - 10px); 14818 margin-right: 20px; 14819 margin-bottom: 20px; 14820 background: #efefef; 14821 border: 1px solid #ccc; 14822 border-radius: 2px 14823} 14824 14825.mod_rating_box .row .review-box:nth-child(even) { 14826 margin-right: 0 14827} 14828 14829@media only screen and (max-width: 40em) { 14830 .mod_rating_box .row .review-box { 14831 width: 100%; 14832 margin-right: 0; 14833 padding: 20px 14834 } 14835 14836 .mod_rating_box .row .review-box h3, 14837 .mod_rating_box .row .review-box p { 14838 margin-bottom: 8px 14839 } 14840} 14841 14842.mod_rating_box .row .review-box .reviews-holder { 14843 text-align: center 14844} 14845 14846.mod_rating_box .row .review-box .reviews-holder .stars .f-icon { 14847 color: #d9c184; 14848 font-size: 14px 14849} 14850 14851.tns-slider { 14852 display: flex; 14853 grid-gap: 20px 14854} 14855 14856.tns-slider .tns-item { 14857 padding-right: 0 !important 14858} 14859 14860.mod_reviews_list h2 { 14861 text-align: center 14862} 14863 14864.mod_reviews_list .reviews .item { 14865 position: relative 14866} 14867 14868.mod_reviews_list .reviews .item p { 14869 margin-bottom: 10px 14870} 14871 14872.mod_reviews_list .reviews .item p.title { 14873 font-size: 110%; 14874 font-weight: 400 14875} 14876 14877.mod_reviews_list .reviews .item p.author { 14878 font-size: 14px; 14879 font-weight: "64em"; 14880 position: relative 14881} 14882 14883.mod_reviews_list .reviews .item p.author:before { 14884 content: "-"; 14885 display: inline-block; 14886 margin-right: 4px 14887} 14888 14889.mod_reviews_list .reviews .item .review-stars i { 14890 font-size: 12px; 14891 color: #d9c184 14892} 14893 14894@media only screen and (max-width: 800px) { 14895 .mod_reviews_list .reviews .item .review-stars i { 14896 font-size: 11px 14897 } 14898} 14899 14900.mod_reviews_list.option-1 { 14901 margin: 0 auto 14902} 14903 14904.mod_reviews_list.option-1 .reviews .item { 14905 padding: 40px 20px 14906} 14907 14908@media only screen and (max-width: 800px) { 14909 .mod_reviews_list.option-1 .reviews .item { 14910 padding: 20px 14911 } 14912} 14913 14914.mod_reviews_list.option-1 .reviews .item:nth-child(even) { 14915 background: #efefef 14916} 14917 14918.mod_reviews_list.option-2 .reviews { 14919 display: flex 14920} 14921 14922@media only screen and (max-width: 800px) { 14923 .mod_reviews_list.option-2 .reviews { 14924 flex-wrap: wrap 14925 } 14926} 14927 14928.mod_reviews_list.option-2 .reviews .column { 14929 width: 50% 14930} 14931 14932@media only screen and (max-width: 800px) { 14933 .mod_reviews_list.option-2 .reviews .column { 14934 width: 100% 14935 } 14936} 14937 14938.mod_reviews_list.option-2 .reviews .item { 14939 margin-top: 60px; 14940 padding: 0 20px 14941} 14942 14943@media only screen and (max-width: 800px) { 14944 .mod_reviews_list.option-2 .reviews .item { 14945 margin-top: 40px; 14946 padding: 0 14947 } 14948} 14949 14950.mod_reviews_list.option-2 .reviews .item:after { 14951 content: ""; 14952 position: absolute; 14953 left: 20px; 14954 bottom: -30px; 14955 width: calc(100% - 40px); 14956 border-top: 1px solid #ddd 14957} 14958 14959@media only screen and (max-width: 800px) { 14960 .mod_reviews_list.option-2 .reviews .item:after { 14961 width: 100%; 14962 left: 0; 14963 bottom: -25px 14964 } 14965} 14966 14967.mod_reviews_list.narrow .row { 14968 max-width: 1024px 14969} 14970 14971.mod_reviews_slider { 14972 overflow: hidden; 14973 margin: 20px auto; 14974 position: relative 14975} 14976 14977.mod_reviews_slider.viewport .reviews-swiper { 14978 transform: translateX(-50px); 14979 opacity: 0 14980} 14981 14982.mod_reviews_slider.viewport .images .image-left { 14983 opacity: 0; 14984 top: -25%; 14985 left: 10% 14986} 14987 14988.mod_reviews_slider.viewport .images .image-right { 14989 opacity: 0; 14990 top: 25%; 14991 right: 10% 14992} 14993 14994.mod_reviews_slider.in-viewport .reviews-swiper { 14995 transform: none; 14996 opacity: 1 14997} 14998 14999.mod_reviews_slider.in-viewport .images .image-left { 15000 opacity: 1; 15001 top: -15%; 15002 left: 10% 15003} 15004 15005.mod_reviews_slider.in-viewport .images .image-right { 15006 opacity: 1; 15007 top: 15%; 15008 right: 10% 15009} 15010 15011.mod_reviews_slider .row { 15012 padding: 60px 100px 50px; 15013 position: relative; 15014 z-index: 9; 15015 max-width: 1600px 15016} 15017 15018@media only screen and (max-width: 64em) { 15019 .mod_reviews_slider .row { 15020 padding: 60px 15021 } 15022} 15023 15024@media only screen and (max-width: 800px) { 15025 .mod_reviews_slider .row { 15026 padding-left: 20px; 15027 padding-bottom: 0; 15028 padding-top: 0 15029 } 15030 15031 .mod_reviews_slider .row .swiper-button-prev { 15032 display: none 15033 } 15034} 15035 15036.mod_reviews_slider .row .reviews-swiper-pagination { 15037 display: flex; 15038 justify-content: center; 15039 grid-gap: 15px 15040} 15041 15042.mod_reviews_slider .row .swiper-container { 15043 gap: 40px; 15044 max-width: 100%; 15045 position: relative;
15046 display: grid; 15047 grid-template-columns: 1fr 1fr; 15048 align-items: center; 15049 padding: 100px 20px 80px 15050} 15051 15052.mod_reviews_slider .row .swiper-container:before { 15053 content: ""; 15054 position: absolute; 15055 top: 0; 15056 left: 20px; 15057 padding: 40px; 15058 background: url("/assets/img/img-export/1678918869-leftquote.svg") no-repeat center center; 15059 background-size: 100% auto !important 15060} 15061 15062@media only screen and (max-width: 64em) { 15063 .mod_reviews_slider .row .swiper-container:before { 15064 top: -60px; 15065 padding: 30px 15066 } 15067} 15068 15069@media only screen and (max-width: 800px) { 15070 .mod_reviews_slider .row .swiper-container:before { 15071 display: none 15072 } 15073} 15074 15075@media only screen and (max-width: 64em) { 15076 .mod_reviews_slider .row .swiper-container { 15077 padding: 20px 15078 } 15079} 15080 15081@media only screen and (max-width: 800px) { 15082 .mod_reviews_slider .row .swiper-container { 15083 display: flex; 15084 flex-direction: column-reverse 15085 } 15086} 15087 15088.mod_reviews_slider .row .swiper-container .reviews-swiper { 15089 position: relative; 15090 width: 100%; 15091 display: inline-block 15092} 15093 15094.mod_reviews_slider .row .swiper-container .reviews-swiper .swiper-wrapper .swiper-slide blockquote { 15095 font-size: 28px; 15096 line-height: 1.4; 15097 font-family: "canada-type-gibson", Arial, sans-serif; 15098 padding-bottom: 40px; 15099 font-weight: 300 15100} 15101 15102@media only screen and (max-width: 64em) { 15103 .mod_reviews_slider .row .swiper-container .reviews-swiper .swiper-wrapper .swiper-slide blockquote { 15104 font-size: 25px 15105 } 15106} 15107 15108.mod_reviews_slider .row .swiper-container .reviews-swiper .swiper-wrapper .swiper-slide span.author:before { 15109 content: "â"; 15110 padding-right: 5px 15111} 15112 15113.mod_reviews_slider .row .swiper-container .images { 15114 width: 100%; 15115 display: grid; 15116 grid-template-columns: repeat(2, 1fr) 15117} 15118 15119@media only screen and (max-width: 800px) { 15120 .mod_reviews_slider .row .swiper-container .images { 15121 margin: 50px 0 15122 } 15123} 15124 15125.mod_reviews_slider .row .swiper-container .images .image-left, 15126.mod_reviews_slider .row .swiper-container .images .image-right { 15127 position: relative 15128} 15129 15130.mod_reviews_slider .row .swiper-container .images .image-left { 15131 z-index: 1 15132} 15133 15134.mod_reviews_slider .row .swiper-container .images .image-right { 15135 z-index: 0 15136} 15137 15138.mod_social { 15139 margin-bottom: 50px; 15140 overflow-x: hidden 15141} 15142 15143@media only screen and (max-width: 64em) { 15144 .mod_social { 15145 margin-bottom: 30px 15146 } 15147} 15148 15149@media only screen and (max-width: 800px) { 15150 .mod_social { 15151 margin-bottom: 20px 15152 } 15153} 15154 15155.mod_social .row h2 { 15156 margin-bottom: 60px; 15157 text-align: center 15158} 15159 15160.mod_social .row .partial_socials { 15161 display: flex; 15162 justify-content: center; 15163 transform: scale(3.5) 15164} 15165 15166@media only screen and (max-width: 64em) { 15167 .mod_social .row .partial_socials { 15168 transform: scale(3) 15169 } 15170} 15171 15172@media only screen and (max-width: 800px) { 15173 .mod_social .row .partial_socials { 15174 transform: scale(2.5) 15175 } 15176} 15177 15178@media only screen and (max-width: 40em) { 15179 .mod_social .row .partial_socials { 15180 transform: scale(2) 15181 } 15182} 15183 15184.mod_social .row .partial_socials li { 15185 border-radius: 2px; 15186 background: #efefef; 15187 padding-left: 5.625px !important 15188} 15189 15190.mod_social .row .partial_socials li a { 15191 background: #efefef !important 15192} 15193 15194.mod_social .row .partial_socials li+li { 15195 margin-top: 0 !important; 15196 margin-left: 10px 15197} 15198 15199.mod_social .row.light .partial_socials li, 15200.mod_social header .row.top .socials ul.row .partial_socials li, 15201header .row.top .socials .mod_social ul.row .partial_socials li, 15202.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials li, 15203header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials li, 15204.mod_social footer.partial_footer .row.partial_socials .partial_socials li, 15205footer.partial_footer .mod_social .row.partial_socials .partial_socials li, 15206.mod_social footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials li, 15207footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials li { 15208 background: #000 15209} 15210 15211.mod_social .row.light .partial_socials li a, 15212.mod_social header .row.top .socials ul.row .partial_socials li a, 15213header .row.top .socials .mod_social ul.row .partial_socials li a, 15214.mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials li a, 15215header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials li a, 15216.mod_social footer.partial_footer .row.partial_socials .partial_socials li a, 15217footer.partial_footer .mod_social .row.partial_socials .partial_socials li a, 15218.mod_social footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials li a, 15219footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials li a { 15220 background: #000 !important 15221} 15222 15223.mod_accordion { 15224 max-width: 100%; 15225 margin: 80px auto; 15226 margin-bottom: 0 15227} 15228 15229@media only screen and (max-width: 40em) { 15230 .mod_accordion { 15231 margin: 50px auto 15232 } 15233} 15234 15235.mod_accordion h2 { 15236 text-align: center; 15237 padding: 0 20px 15238} 15239 15240.mod_accordion .row.half-image-row { 15241 background: none !important; 15242 display: flex; 15243 flex-direction: row !important; 15244 column-gap: 20px; 15245 width: 100%; 15246 max-width: none !important; 15247 height: 850px 15248} 15249 15250@media only screen and (max-width: 1200px) { 15251 .mod_accordion .row.half-image-row { 15252 column-gap: 10px; 15253 padding: 0; 15254 height: 650px 15255 } 15256} 15257 15258@media only screen and (max-width: 800px) { 15259 .mod_accordion .row.half-image-row { 15260 column-gap: 5px; 15261 height: 600px 15262 } 15263} 15264 15265@media only screen and (max-width: 40em) { 15266 .mod_accordion .row.half-image-row { 15267 column-gap: 0; 15268 height: 560px 15269 } 15270} 15271 15272.mod_accordion .row.half-image-row .accordion-slide { 15273 overflow: hidden; 15274 flex: 1; 15275 height: 100%; 15276 cursor: pointer; 15277 box-shadow: 0 0 12px rgba(0, 0, 0, .25) 15278} 15279 15280.mod_accordion .row.half-image-row .accordion-slide.slide-2 .accordion-slide-inner .media h2:after { 15281 display: none 15282} 15283 15284.mod_accordion .row.half-image-row .accordion-slide.slide-2 .accordion-slide-inner .media h2:before { 15285 content: ""; 15286 position: static; 15287 top: 0; 15288 padding: 4px 10px; 15289 background: url("/assets/img/img-export/1679503723-arrow-left-white.svg?auto=format,compress") no-repeat center center; 15290 background-size: 100% auto !important; 15291 margin-right: 10px 15292} 15293 15294@media only screen and (max-width: 800px) { 15295 .mod_accordion .row.half-image-row .accordion-slide.slide-2 .accordion-slide-inner .media h2:before { 15296 display: none 15297 } 15298} 15299 15300@media only screen and (max-width: 64em) { 15301 .mod_accordion .row.half-image-row .accordion-slide { 15302 box-shadow: none 15303 } 15304} 15305 15306@media only screen and (max-width: 800px) { 15307 .mod_accordion .row.half-image-row .accordion-slide { 15308 flex: .5 15309 } 15310} 15311 15312@media(min-width: 800px) { 15313 .mod_accordion .row.half-image-row .accordion-slide:hover { 15314 flex: 2.5 15315 } 15316} 15317 15318.mod_accordion .row.half-image-row .accordion-slide:hover .media h2 { 15319 opacity: 1 !important 15320} 15321 15322.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner { 15323 display: flex;
15324 height: 100%; 15325 justify-content: flex-end 15326} 15327 15328@media only screen and (max-width: 64em) { 15329 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner { 15330 flex-direction: column-reverse; 15331 overflow: hidden; 15332 position: relative 15333 } 15334} 15335 15336.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy { 15337 display: flex; 15338 flex-direction: column; 15339 justify-content: center; 15340 align-items: flex-end; 15341 opacity: 0 15342} 15343 15344@media only screen and (max-width: 64em) { 15345 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy { 15346 background: rgba(0, 0, 0, 0); 15347 height: auto; 15348 opacity: 0; 15349 flex: 1; 15350 width: 100% 15351 } 15352} 15353 15354.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { 15355 display: flex; 15356 flex-direction: column; 15357 justify-content: flex-end; 15358 align-items: center; 15359 padding: 0 40px; 15360 margin: 0 auto; 15361 width: 560px; 15362 margin-right: 0; 15363 padding-right: 10%; 15364 margin-left: auto; 15365 text-align: left 15366} 15367 15368@media only screen and (max-width: 1200px) { 15369 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { 15370 width: 400px 15371 } 15372} 15373 15374@media only screen and (max-width: 40em) { 15375 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { 15376 width: 260px; 15377 padding: 0 10px 15378 } 15379} 15380 15381.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy h2, 15382.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy h3 { 15383 text-align: center 15384} 15385 15386.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy p { 15387 width: 100%; 15388 text-align: justify 15389} 15390 15391.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media { 15392 flex: 1; 15393 display: flex; 15394 align-items: center; 15395 padding: 0 10px 15396} 15397 15398@media only screen and (max-width: 64em) { 15399 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media { 15400 flex: 100; 15401 position: absolute; 15402 top: 0; 15403 bottom: 0; 15404 height: 100%; 15405 padding-top: 0; 15406 width: 100%; 15407 z-index: 1; 15408 justify-content: center 15409 } 15410} 15411 15412.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 15413.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { 15414 text-align: center; 15415 font-size: 24px; 15416 position: relative; 15417 z-index: 3; 15418 color: #fff; 15419 opacity: 0; 15420 width: 100%; 15421 display: flex; 15422 justify-content: center 15423} 15424 15425@media only screen and (max-width: 64em) { 15426 15427 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 15428 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { 15429 font-size: 22px; 15430 display: flex; 15431 align-items: center; 15432 justify-content: center; 15433 writing-mode: tb-rl; 15434 transform: scale(-1); 15435 width: fit-content; 15436 opacity: 1 15437 } 15438} 15439 15440@media only screen and (max-width: 800px) { 15441 15442 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 15443 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { 15444 font-size: 20px 15445 } 15446} 15447 15448@media only screen and (max-width: 40em) { 15449 15450 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 15451 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { 15452 font-size: 18px 15453 } 15454} 15455 15456.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2:after, 15457.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3:after { 15458 content: ""; 15459 position: static; 15460 top: 0; 15461 padding: 4px 10px; 15462 background: url("/assets/img/img-export/1679503788-arrow-right-white.svg?auto=format,compress") no-repeat center center; 15463 background-size: 100% auto !important; 15464 margin-left: 10px 15465} 15466 15467@media only screen and (max-width: 800px) { 15468 15469 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2:after, 15470 .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3:after { 15471 display: none 15472 } 15473} 15474 15475.mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media picture:before { 15476 content: ""; 15477 position: absolute; 15478 top: 0; 15479 bottom: 0; 15480 width: 100%; 15481 background: #000; 15482 opacity: .3; 15483 z-index: 2 15484} 15485 15486.mod_accordion .row.half-image-row .accordion-slide.active { 15487 cursor: auto; 15488 flex: 10 15489} 15490 15491@media only screen and (max-width: 64em) { 15492 .mod_accordion .row.half-image-row .accordion-slide.active { 15493 flex: 5 15494 } 15495} 15496 15497@media only screen and (max-width: 800px) { 15498 .mod_accordion .row.half-image-row .accordion-slide.active { 15499 flex: 4 15500 } 15501} 15502 15503.mod_accordion .row.half-image-row .accordion-slide.active .copy { 15504 flex: 1; 15505 opacity: 1 15506} 15507 15508@media only screen and (max-width: 64em) { 15509 .mod_accordion .row.half-image-row .accordion-slide.active .copy { 15510 width: 100%; 15511 position: relative; 15512 z-index: 2; 15513 visibility: visible; 15514 opacity: 1 15515 } 15516 15517 .mod_accordion .row.half-image-row .accordion-slide.active .copy p { 15518 min-width: 300px; 15519 padding: 0 20px 15520 } 15521} 15522 15523@media only screen and (max-width: 800px) { 15524 .mod_accordion .row.half-image-row .accordion-slide.active .copy p { 15525 padding: 0 10px; 15526 min-width: auto 15527 } 15528} 15529 15530.mod_accordion .row.half-image-row .accordion-slide.active .copy .inner { 15531 padding: 0 40px; 15532 margin: 0 auto; 15533 width: 560px; 15534 margin-right: 0; 15535 padding-right: 10%; 15536 margin-left: auto; 15537 text-align: left 15538} 15539 15540.mod_accordion .row.half-image-row .accordion-slide.active .media { 15541 flex: 1 15542} 15543 15544.mod_accordion .row.half-image-row .accordion-slide.active .media h2, 15545.mod_accordion .row.half-image-row .accordion-slide.active .media h3 { 15546 transition: opacity .5s ease 15547} 15548 15549.mod_accordion .row.half-image-row .accordion-slide.active .media picture:before { 15550 opacity: 0 15551} 15552 15553@media only screen and (max-width: 64em) { 15554 .mod_accordion .row.half-image-row .accordion-slide.active .media picture img { 15555 width: 100% 15556 } 15557} 15558 15559@media only screen and (max-width: 64em) { 15560 15561 .mod_accordion.all-closed .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 15562 .mod_accordion.all-closed .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { 15563 opacity: 1 15564 } 15565} 15566 15567.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner { 15568 position: relative 15569} 15570 15571.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner:after { 15572 content: ""; 15573 position: absolute; 15574 top: 0; 15575 left: 0; 15576 width: 100%; 15577 height: 100%; 15578 z-index: 2; 15579 display: block; 15580 background: #fff; 15581 opacity: 0 15582} 15583 15584.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .copy { 15585 opacity: 0; 15586 visibility: hidden; 15587 position: relative; 15588 z-index: 4; 15589 align-items: flex-end 15590} 15591 15592@media only screen and (min-width: 1920px) { 15593 .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .copy { 15594 padding-right: 10% 15595 } 15596 15597 .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { 15598 padding-right: 0 !important 15599 } 15600} 15601 15602.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { 15603 width: 560px; 15604 margin-right: 0; 15605 padding-right: 10%; 15606 margin-left: auto; 15607 text-align: left 15608} 15609 15610.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner * { 15611 color: #fff 15612} 15613 15614.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h2, 15615.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h3 { 15616 padding: 0; 15617 color: #fff; 15618 text-align: left 15619} 15620 15621@media only screen and (max-width: 800px) { 15622 .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { 15623 padding-bottom: 40px 15624 } 15625} 15626 15627.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media { 15628 flex: 100; 15629 position: absolute; 15630 top: 0; 15631 bottom: 0; 15632 height: 100%; 15633 padding-top: 0; 15634 width: 100%; 15635 z-index: 2; 15636 justify-content: center 15637} 15638 15639.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 15640.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { 15641 opacity: 1; 15642 font-size: 20px; 15643 text-transform: none; 15644 letter-spacing: .5px; 15645 font-style: italic; 15646 font-family: "p22-mackinac-pro", Times, serif 15647} 15648 15649.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media picture.background img { 15650 object-position: top 15651} 15652 15653@media only screen and (max-width: 800px) { 15654 .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media picture.background img { 15655 object-position: 25% top 15656 } 15657} 15658 15659.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media picture.background:before { 15660 background: #333; 15661 opacity: .4 15662} 15663 15664.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .links { 15665 position: absolute; 15666 bottom: 50px; 15667 left: 20px; 15668 width: 100%; 15669 opacity: 0; 15670 visibility: hidden; 15671 padding: 0 40px; 15672 display: flex; 15673 align-items: center; 15674 justify-content: space-around; 15675 gap: 20px; 15676 z-index: 5 15677} 15678 15679.lp .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .links { 15680 pointer-events: none 15681} 15682 15683@media only screen and (max-width: 800px) { 15684 .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .links { 15685 flex-wrap: wrap; 15686 left: 0 15687 } 15688} 15689 15690.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .links a { 15691 color: #fff; 15692 font-size: 17px 15693} 15694 15695@media only screen and (max-width: 800px) { 15696 .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .links a { 15697 font-size: 12px 15698 } 15699} 15700 15701@media only screen and (max-width: 40em) { 15702 .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .links a { 15703 font-size: 11px 15704 } 15705} 15706 15707.mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .links a:hover { 15708 color: #d9c184 15709} 15710 15711.mod_accordion.option-2 .row.half-image-row .accordion-slide:hover { 15712 flex: 1 15713} 15714 15715.mod_accordion.option-2 .row.half-image-row .accordion-slide:hover .media picture.background:before { 15716 opacity: .2 15717} 15718 15719.mod_accordion.option-2 .row.half-image-row .accordion-slide.active { 15720 flex: 4 15721} 15722 15723.mod_accordion.option-2 .row.half-image-row .accordion-slide.active .media picture.background img { 15724 filter: brightness(0.6) 15725} 15726 15727.mod_accordion.option-2 .row.half-image-row .accordion-slide.active .media h2 { 15728 opacity: 0; 15729 visibility: hidden; 15730 pointer-events: none 15731} 15732 15733.mod_accordion.option-2 .row.half-image-row .accordion-slide.active .copy { 15734 opacity: 1; 15735 visibility: visible 15736} 15737 15738.mod_accordion.option-2 .row.half-image-row .accordion-slide.active .copy .inner { 15739 width: 560px; 15740 margin-right: 0; 15741 padding-right: 10%; 15742 text-align: left 15743} 15744 15745@media only screen and (max-width: 800px) { 15746 .mod_accordion.option-2 .row.half-image-row .accordion-slide.active .copy .inner { 15747 padding: 20px 20px 60px 20px !important; 15748 max-width: 100%; 15749 margin: 0 auto 60px 15750 } 15751 15752 .mod_accordion.option-2 .row.half-image-row .accordion-slide.active .copy .inner p { 15753 text-align: left; 15754 font-size: 14px 15755 } 15756} 15757 15758.mod_accordion.option-2 .row.half-image-row .accordion-slide.active .links { 15759 opacity: 1; 15760 visibility: visible 15761} 15762 15763.mod_accordion.option-2 .row.half-image-row .accordion-slide.active .media picture.background:before { 15764 opacity: 0 15765} 15766 15767.mod_accordion.option-2 .row.half-image-row .accordion-slide.active:hover { 15768 flex: 4 15769} 15770 15771.mod_accordion.option-3 .row.half-image-row { 15772 column-gap: 0 15773} 15774 15775.mod_accordion.option-3 .row.half-image-row .accordion-slide { 15776 position: relative; 15777 box-shadow: none; 15778 border-right: 2px solid #d9c184 15779} 15780 15781.mod_accordion.option-3 .row.half-image-row .accordion-slide:last-child {
15782 border-right: none 15783} 15784 15785.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy { 15786 z-index: 3 15787} 15788 15789.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { 15790 margin: 0 auto 0 0; 15791 align-items: flex-start 15792} 15793 15794.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h2, 15795.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h3, 15796.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner p, 15797.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner a.btn, 15798.mod_accordion.option-3 .mod_index_list .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner a.item, 15799.mod_index_list .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner a.item { 15800 text-align: left 15801} 15802 15803.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h2, 15804.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h3 { 15805 padding: 0 15806} 15807 15808.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media { 15809 position: absolute; 15810 top: 0; 15811 left: 0; 15812 width: 100%; 15813 height: 100%; 15814 display: flex; 15815 justify-content: center 15816} 15817 15818.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 15819.mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { 15820 display: flex; 15821 align-items: center; 15822 justify-content: center; 15823 writing-mode: tb-rl; 15824 width: fit-content; 15825 opacity: 1; 15826 position: absolute; 15827 top: 20px; 15828 left: 50%; 15829 transform: translateX(-50%) 15830} 15831 15832@media only screen and (max-width: 800px) { 15833 15834 .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, 15835 .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { 15836 top: 50%; 15837 transform: translate(-50%, -50%) 15838 } 15839} 15840 15841.mod_accordion.option-3 .row.half-image-row .accordion-slide:hover { 15842 flex: 1 15843} 15844 15845.mod_accordion.option-3 .row.half-image-row .accordion-slide:hover .media picture.background:before { 15846 opacity: .2 15847} 15848 15849.mod_accordion.option-3 .row.half-image-row .accordion-slide.active { 15850 flex: 6 15851} 15852 15853.mod_accordion.option-3 .row.half-image-row .accordion-slide.active .accordion-slide-inner:after { 15854 background: #fff; 15855 opacity: .2 15856} 15857 15858.mod_accordion.option-3 .row.half-image-row .accordion-slide.active .copy { 15859 opacity: 1; 15860 visibility: visible 15861} 15862 15863@media only screen and (max-width: 800px) { 15864 .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .copy .inner { 15865 padding-left: 20px; 15866 width: 290px 15867 } 15868} 15869 15870.mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media picture.background:before { 15871 opacity: 0 15872} 15873 15874.mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media h2, 15875.mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media h3 { 15876 left: calc(100% - 40px); 15877 opacity: 1 !important 15878} 15879 15880@media only screen and (max-width: 800px) { 15881 15882 .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media h2, 15883 .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media h3 { 15884 left: 50%; 15885 opacity: 0 15886 } 15887} 15888 15889.mod_accordion.option-3 .row.half-image-row .accordion-slide.active:hover { 15890 flex: 6 15891} 15892 15893.mod_jump_nav { 15894 border-bottom: 1px solid #d6d6d6; 15895 margin-bottom: 50px 15896} 15897 15898.mod_jump_nav h3 { 15899 text-align: center; 15900 font-size: 30px; 15901 letter-spacing: 0 15902} 15903 15904.mod_jump_nav .subnav { 15905 margin-left: 0; 15906 padding-left: 0 15907} 15908 15909.mod_jump_nav .subnav .trigger { 15910 padding: 0 !important 15911} 15912 15913.mod_jump_nav .subnav .trigger:before { 15914 content: none !important 15915} 15916 15917.mod_jump_nav .subnav .trigger ol { 15918 -webkit-column-count: 3; 15919 -moz-column-count: 3; 15920 column-count: 3 15921} 15922 15923@media only screen and (max-width: 800px) { 15924 .mod_jump_nav .subnav .trigger ol { 15925 -webkit-column-count: 1; 15926 -moz-column-count: 1; 15927 column-count: 1 15928 } 15929} 15930 15931.mod_jump_nav .subnav .trigger ol li { 15932 padding: 0 20px; 15933 line-height: 18px 15934} 15935 15936.mod_jump_nav .subnav .trigger ol li a { 15937 text-decoration: none; 15938 font-weight: bold; 15939 font-size: 14px; 15940 line-height: 16px 15941} 15942 15943.mod_jump_nav .subnav .trigger ol li+li { 15944 margin: 10px 0 0 0 !important 15945} 15946 15947@media only screen and (max-width: 40em) { 15948 .mod_jump_nav .subnav .trigger ol li { 15949 width: 100% 15950 } 15951} 15952 15953.mod_staff .row { 15954 position: relative; 15955 max-width: 1024px; 15956 display: grid; 15957 grid-gap: 40px; 15958 grid-template-columns: 1fr 1fr 1fr 15959} 15960 15961@media only screen and (max-width: 64em) { 15962 .mod_staff .row { 15963 grid-template-columns: 1fr 1fr 15964 } 15965} 15966 15967@media only screen and (max-width: 40em) { 15968 .mod_staff .row { 15969 grid-template-columns: 1fr 15970 } 15971} 15972 15973.mod_staff .row .staff { 15974 overflow: hidden 15975} 15976 15977.mod_staff .row .staff .copy { 15978 position: relative; 15979 margin-top: 20px 15980} 15981 15982.mod_staff .row .staff .copy .inner h2 { 15983 font-size: 28px !important; 15984 letter-spacing: .5px; 15985 margin-bottom: 10px 15986} 15987 15988@media only screen and (max-width: 64em) { 15989 .mod_staff .row .staff .copy .inner h2 { 15990 font-size: 25px !important 15991 } 15992} 15993 15994@media only screen and (max-width: 40em) { 15995 .mod_staff .row .staff .copy .inner h2 { 15996 margin-top: 10px; 15997 font-size: 22px !important 15998 } 15999} 16000 16001.mod_staff .row .staff .copy .inner p.intro { 16002 font-weight: 600 16003} 16004 16005@media only screen and (max-width: 64em) { 16006 .mod_staff .row .staff .copy .inner p.intro { 16007 font-size: 16px !important 16008 } 16009} 16010 16011@media only screen and (max-width: 40em) { 16012 .mod_staff .row .staff .copy .inner p.intro { 16013 margin-top: -5px; 16014 margin-bottom: 0 16015 } 16016} 16017 16018.mod_staff.full-width .row { 16019 grid-template-columns: 1fr 16020} 16021 16022.mod_staff.full-width .row .staff { 16023 display: grid; 16024 grid-gap: 40px; 16025 grid-template-columns: 220px 1fr 16026} 16027 16028@media only screen and (max-width: 800px) { 16029 .mod_staff.full-width .row .staff { 16030 grid-gap: 30px; 16031 grid-template-columns: 180px 1fr 16032 } 16033} 16034 16035@media only screen and (max-width: 40em) { 16036 .mod_staff.full-width .row .staff { 16037 grid-gap: 10px; 16038 grid-template-columns: 1fr 16039 } 16040} 16041 16042.mod_staff.full-width .row .staff .copy { 16043 margin-top: 5px 16044} 16045 16046.mod_staff.full-width .row .staff .copy p:last-child { 16047 margin-bottom: 0 16048} 16049 16050.mod_staff.full-width .row .staff+.staff { 16051 padding-top: 50px; 16052 border-top: 1px solid #ddd 16053} 16054 16055.mod_video .row { 16056 display: flex; 16057 width: 100%; 16058 max-width: 1600px; 16059 justify-content: center; 16060 align-items: center 16061} 16062 16063@media only screen and (max-width: 800px) { 16064 .mod_video .row { 16065 flex-direction: column !important; 16066 text-align: center 16067 } 16068} 16069 16070.mod_video .row .copy { 16071 width: 50% 16072} 16073 16074@media only screen and (max-width: 800px) { 16075 .mod_video .row .copy { 16076 width: 100%; 16077 max-width: 400px; 16078 margin: 0 auto 16079 } 16080} 16081 16082.mod_video .row .copy .inner { 16083 margin: 0 auto; 16084 padding-right: 40px; 16085 max-width: 560px 16086} 16087 16088@media only screen and (max-width: 800px) { 16089 .mod_video .row .copy .inner { 16090 padding-right: 0; 16091 margin-bottom: 30px 16092 } 16093} 16094 16095.mod_video .row .media { 16096 width: 50% 16097} 16098 16099@media only screen and (max-width: 800px) { 16100 .mod_video .row .media { 16101 width: 100%; 16102 max-width: 400px; 16103 margin: 0 auto 16104 } 16105} 16106 16107.mod_video .row.flipped { 16108 flex-direction: row-reverse 16109} 16110 16111.mod_video .row.flipped .copy .inner { 16112 padding-right: 0; 16113 padding-left: 40px 16114} 16115 16116@media only screen and (max-width: 800px) { 16117 .mod_video .row.flipped .copy .inner { 16118 padding-left: 0 16119 } 16120} 16121 16122.mod_video_grid .row { 16123 padding: 30px 100px 70px; 16124 position: relative; 16125 max-width: 1374px; 16126 z-index: 3 16127} 16128 16129@media only screen and (max-width: 64em) { 16130 .mod_video_grid .row { 16131 padding: 60px 100px 16132 } 16133} 16134 16135@media only screen and (max-width: 40em) { 16136 .mod_video_grid .row { 16137 padding: 20px 56px 50px 20px 16138 } 16139} 16140 16141.mod_video_grid .row h2 { 16142 text-align: center; 16143 margin-bottom: 30px 16144} 16145 16146.mod_video_grid .row .video-grid-container { 16147 display: grid; 16148 grid-template-columns: 1fr 1fr 1fr; 16149 grid-gap: 20px 16150} 16151 16152@media only screen and (max-width: 800px) { 16153 .mod_video_grid .row .video-grid-container { 16154 grid-template-columns: 1fr 1fr 16155 } 16156} 16157 16158@media only screen and (max-width: 40em) { 16159 .mod_video_grid .row .video-grid-container { 16160 grid-template-columns: 1fr; 16161 max-width: 480px; 16162 margin: 0 auto 16163 } 16164 16165 .mod_video_grid .row .video-grid-container.video-grid-slider { 16166 max-width: inherit 16167 } 16168} 16169 16170.mod_video_grid .row .video-grid-slider { 16171 display: flex 16172} 16173 16174.mod_video_grid .row .video { 16175 display: inline-block 16176} 16177 16178.mod_video_grid .row .video a.popup-video { 16179 width: 100% 16180} 16181 16182.mod_video_grid .row .video a.popup-video picture { 16183 overflow: hidden; 16184 display: block 16185} 16186 16187.mod_video_grid .row .video a.popup-video picture img { 16188 overflow: hidden; 16189 width: 100% 16190} 16191 16192.mod_video_grid .row .video p.title, 16193.mod_video_grid .row .video p.title a { 16194 margin-top: 5px; 16195 color: #000 !important 16196} 16197 16198.mod_video_grid .row .video:hover a.media picture img { 16199 transform: scale(1.2) 16200} 16201 16202.mod_video_grid .row .video:hover a.media:after { 16203 transform: translate(-50%, -50%) scale(0.9) 16204} 16205 16206.mod_video_grid .row .video-cta { 16207 text-align: center; 16208 margin-bottom: 80px 16209} 16210 16211@media only screen and (min-width: 64.1em) { 16212 .mod_video_grid .row .video-cta { 16213 margin-top: 80px 16214 } 16215} 16216 16217@media only screen and (max-width: 64em) { 16218 .mod_video_grid .row .video-cta { 16219 margin-top: 60px 16220 } 16221} 16222 16223.mod_video_grid .tns-controls { 16224 position: absolute; 16225 top: 50%; 16226 left: 0; 16227 transform: translateY(-50%); 16228 width: 100%; 16229 padding: 0 20px 16230} 16231 16232.mod_video_grid .tns-controls button { 16233 position: absolute; 16234 top: 50%; 16235 margin-top: 0; 16236 opacity: 1; 16237 left: 12px; 16238 padding: 20px; 16239 width: 40px; 16240 height: 40px; 16241 border-radius: 100%; 16242 background: rgba(0, 0, 0, .9); 16243 transform: translateY(-50%) 16244} 16245 16246.mod_video_grid .tns-controls button:hover { 16247 opacity: .6;
16248 cursor: pointer 16249} 16250 16251@media only screen and (max-width: 64em) { 16252 .mod_video_grid .tns-controls button { 16253 padding: 16px; 16254 width: 36px; 16255 height: 36px 16256 } 16257} 16258 16259@media only screen and (max-width: 800px) { 16260 .mod_video_grid .tns-controls button { 16261 padding: 14px; 16262 width: 34px; 16263 height: 34px 16264 } 16265} 16266 16267@media only screen and (max-width: 40em) { 16268 .mod_video_grid .tns-controls button:first-child { 16269 display: none 16270 } 16271} 16272 16273.mod_video_grid .tns-controls button:after { 16274 content: ""; 16275 background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; 16276 background-size: auto 100% !important; 16277 position: absolute; 16278 top: 50%; 16279 left: calc(50% - 1px); 16280 transform: translate(-50%, -50%) rotate(-180deg); 16281 padding: 8px 16282} 16283 16284@media only screen and (max-width: 64em) { 16285 .mod_video_grid .tns-controls button:after { 16286 padding: 7px 16287 } 16288} 16289 16290@media only screen and (max-width: 800px) { 16291 .mod_video_grid .tns-controls button:after { 16292 padding: 6px 16293 } 16294} 16295 16296.mod_video_grid .tns-controls button:before { 16297 display: none 16298} 16299 16300.mod_video_grid .tns-controls button+button { 16301 left: auto; 16302 right: 12px 16303} 16304 16305@media only screen and (max-width: 800px) { 16306 .mod_video_grid .tns-controls button+button { 16307 right: 8px 16308 } 16309} 16310 16311.mod_video_grid .tns-controls button+button:after { 16312 left: calc(50% + 1px); 16313 transform: translate(-50%, -50%) 16314} 16315 16316.mod_video_columns_two .row { 16317 display: flex 16318} 16319 16320@media only screen and (max-width: 800px) { 16321 .mod_video_columns_two .row { 16322 flex-wrap: wrap 16323 } 16324} 16325 16326.mod_video_columns_two .row .item { 16327 width: 50% 16328} 16329 16330@media only screen and (max-width: 800px) { 16331 .mod_video_columns_two .row .item { 16332 width: 100% 16333 } 16334} 16335 16336.mod_video_columns_two .row .item .content { 16337 padding: 20px 0 0 16338} 16339 16340.mod_video_columns_two .row .item .content h2 { 16341 font-size: 22px 16342} 16343 16344.mod_video_columns_two .row .item+.item { 16345 margin-left: 20px 16346} 16347 16348@media only screen and (max-width: 800px) { 16349 .mod_video_columns_two .row .item+.item { 16350 margin-left: 0; 16351 margin-top: 40px 16352 } 16353} 16354 16355.mod_realself { 16356 background: #efefef; 16357 margin-bottom: -60px 16358} 16359 16360.mod_realself .row { 16361 max-width: 900px; 16362 padding: 60px 20px 40px; 16363 margin: 0 auto 16364} 16365 16366.mod_realself .row h2 { 16367 text-align: center; 16368 margin-bottom: 40px 16369} 16370 16371.mod_realself .row .widget #rsrvwrapper, 16372.mod_realself .row .widget #rsqawrapper { 16373 line-height: 2 16374} 16375 16376.mod_realself .row .widget #rsrvwrapper .rsrvmorereviews, 16377.mod_realself .row .widget #rsrvwrapper .rsqamore, 16378.mod_realself .row .widget #rsqawrapper .rsrvmorereviews, 16379.mod_realself .row .widget #rsqawrapper .rsqamore { 16380 max-width: 340px; 16381 margin: 0 auto; 16382 padding: 20px 0; 16383 display: flex; 16384 justify-content: center 16385} 16386 16387.mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a, 16388.mod_realself .row .widget #rsrvwrapper .rsqamore a, 16389.mod_realself .row .widget #rsqawrapper .rsrvmorereviews a, 16390.mod_realself .row .widget #rsqawrapper .rsqamore a { 16391 text-transform: none 16392} 16393 16394.mod_realself .row .widget #rsrvwrapper .rsrvdisclaimer, 16395.mod_realself .row .widget #rsqawrapper .rsrvdisclaimer { 16396 text-align: center 16397} 16398 16399.mod_virtual_consultation .row { 16400 max-width: 960px 16401} 16402 16403.mod_sitemap { 16404 max-width: 720px; 16405 margin: 0 auto 16406} 16407 16408.mod_sitemap nav.tresio-nav { 16409 overflow: hidden 16410} 16411 16412.mod_sitemap nav.tresio-nav ul.tresio-nav__main li { 16413 padding-left: 8px 16414} 16415 16416.mod_sitemap nav.tresio-nav ul.tresio-nav__main li:before { 16417 top: 13px; 16418 width: 0; 16419 height: 0; 16420 padding: 0; 16421 background: none; 16422 border-top: 5px solid rgba(0, 0, 0, 0); 16423 border-bottom: 5px solid rgba(0, 0, 0, 0); 16424 border-left: 5px solid #d9c184 16425} 16426 16427.mod_sitemap nav.tresio-nav ul.tresio-nav__main li ul li:after { 16428 content: ""; 16429 position: absolute; 16430 top: 18px; 16431 right: calc(100% + 8px); 16432 width: 100px; 16433 border-top: 1px solid #ccc; 16434 display: block 16435} 16436 16437.mod_sitemap nav.tresio-nav ul.tresio-nav__main li.level-1>a.tresio-nav__link { 16438 font-size: 18px; 16439 font-weight: 500 16440} 16441 16442.mod_sitemap nav.tresio-nav ul.tresio-nav__main li.tresio-nav__list-item--has-children>a.tresio-nav__link { 16443 font-size: 18px; 16444 font-weight: 500 16445} 16446 16447.mod_sitemap nav.tresio-nav ul.tresio-nav__main li.tresio-nav__list-item--has-children a.tresio-nav__dropdown { 16448 display: none 16449} 16450 16451.mod_sitemap nav.tresio-nav ul.tresio-nav__main li.tresio-nav__list-item--has-children ul.tresio-nav__list { 16452 display: block; 16453 margin: 0; 16454 padding-left: 30px 16455} 16456 16457.mod_sitemap nav.tresio-nav ul.tresio-nav__main li.ignore { 16458 display: none 16459} 16460 16461.mod_sitemap nav.tresio-nav ul.tresio-nav__main li+li { 16462 margin-top: 0 16463} 16464 16465.mod_sitemap nav.tresio-nav ul.tresio-nav__main li.landing { 16466 display: none 16467} 16468 16469.mod_sitemap nav.tresio-nav ul.tresio-nav__main picture { 16470 display: none 16471} 16472 16473.rellax { 16474 opacity: 0; 16475 visibility: hidden; 16476 transition: .5s opacity ease-in-out 16477} 16478 16479.rellax.visible { 16480 opacity: 1; 16481 visibility: visible 16482} 16483 16484.partial_404 .banner .row { 16485 padding: 120px 20px 16486} 16487 16488.partial_404 .banner .row .inner { 16489 max-width: 100%; 16490 width: 100%; 16491 text-align: center 16492} 16493 16494.partial_a11y_disclaimer .a11y-disclaimer { 16495 padding: 40px 20px 60px; 16496 font-size: 13px; 16497 margin: auto; 16498 line-height: 1.6 16499} 16500 16501@media only screen and (max-width: 800px) { 16502 .partial_a11y_disclaimer .a11y-disclaimer { 16503 padding-bottom: 80px 16504 } 16505} 16506 16507.partial_a11y_disclaimer .a11y-disclaimer>div { 16508 max-width: 900px; 16509 margin: auto; 16510 color: #000 16511}
16511 16512 16513@media only screen and (max-width: 64em) { 16514 .partial_a11y_disclaimer .a11y-disclaimer>div { 16515 max-width: 620px 16516 } 16517} 16518 16519@media only screen and (max-width: 800px) { 16520 .partial_a11y_disclaimer .a11y-disclaimer>div { 16521 max-width: 100% 16522 } 16523} 16524 16525.partial_a11y_disclaimer .a11y-disclaimer>div span.ppc-number { 16526 color: #000 16527} 16528 16529.partial_a11y_menu { 16530 opacity: 0; 16531 pointer-events: none; 16532 transition: 200ms ease-in-out; 16533 background: #fff; 16534 padding: 10px; 16535 position: fixed; 16536 top: 20px; 16537 left: 20px; 16538 border-radius: 5px; 16539 border: 1px solid #f3f3f3 !important; 16540 list-style-type: none; 16541 box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); 16542 z-index: 999999 16543} 16544 16545.partial_a11y_menu a { 16546 font-family: Verdana, sans-serif; 16547 color: #000; 16548 font-size: 14px; 16549 font-weight: normal; 16550 text-decoration: none; 16551 display: block; 16552 padding: 5px 16553} 16554 16555.partial_a11y_menu:focus-within { 16556 visibility: visible; 16557 pointer-events: all; 16558 opacity: 1 16559} 16560 16561div[data-s3-module] .partial_breadcrumb, 16562div[data-s3-partial] .partial_breadcrumb { 16563 color: #000; 16564 text-transform: uppercase; 16565 letter-spacing: 3px; 16566 font-family: "canada-type-gibson", Arial, sans-serif; 16567 display: flex; 16568 flex-wrap: wrap; 16569 margin: 5px 0 0 16570} 16571 16572@media only screen and (max-width: 800px) { 16573 16574 div[data-s3-module] .partial_breadcrumb, 16575 div[data-s3-partial] .partial_breadcrumb { 16576 letter-spacing: 2px 16577 } 16578} 16579 16580div[data-s3-module] .partial_breadcrumb li, 16581div[data-s3-partial] .partial_breadcrumb li { 16582 display: flex; 16583 padding-left: 0; 16584 margin-right: 20px; 16585 position: relative 16586} 16587 16588div[data-s3-module] .partial_breadcrumb li:last-child, 16589div[data-s3-partial] .partial_breadcrumb li:last-child { 16590 margin-right: auto 16591} 16592 16593div[data-s3-module] .partial_breadcrumb li:before, 16594div[data-s3-partial] .partial_breadcrumb li:before { 16595 content: ""; 16596 position: absolute; 16597 top: 50%; 16598 left: auto; 16599 right: -10px; 16600 transform: translate3d(0, -50%, 0); 16601 width: 3px; 16602 height: 3px; 16603 border-radius: 100%; 16604 padding: 0; 16605 background: #000; 16606 display: inline-block 16607} 16608 16609@media only screen and (max-width: 800px) { 16610 16611 div[data-s3-module] .partial_breadcrumb li:before, 16612 div[data-s3-partial] .partial_breadcrumb li:before { 16613 width: 2px; 16614 height: 2px; 16615 right: -9px 16616 } 16617} 16618 16619div[data-s3-module] .partial_breadcrumb li a, 16620div[data-s3-partial] .partial_breadcrumb li a { 16621 color: #000; 16622 font-weight: 500; 16623 font-size: 12px; 16624 line-height: 1.2; 16625 padding: 5px 0; 16626 white-space: nowrap 16627} 16628 16629@media only screen and (max-width: 64em) { 16630 16631 div[data-s3-module] .partial_breadcrumb li a, 16632 div[data-s3-partial] .partial_breadcrumb li a { 16633 font-size: 11px 16634 } 16635} 16636 16637@media only screen and (max-width: 800px) { 16638 16639 div[data-s3-module] .partial_breadcrumb li a, 16640 div[data-s3-partial] .partial_breadcrumb li a { 16641 font-size: 10px 16642 } 16643} 16644 16645div[data-s3-module] .partial_breadcrumb li a:hover, 16646div[data-s3-partial] .partial_breadcrumb li a:hover { 16647 opacity: 1 16648} 16649 16650div[data-s3-module] .partial_breadcrumb li+li, 16651div[data-s3-partial] .partial_breadcrumb li+li { 16652 margin-top: 0; 16653 margin-left: 0px 16654} 16655 16656div[data-s3-module] .partial_breadcrumb li:last-child:before, 16657div[data-s3-partial] .partial_breadcrumb li:last-child:before { 16658 display: none 16659} 16660 16661div[data-s3-module] .partial_breadcrumb.white, 16662div[data-s3-module] .partial_notification.hero .btns .partial_breadcrumb.btn, 16663.partial_notification.hero .btns div[data-s3-module] .partial_breadcrumb.btn, 16664div[data-s3-module] .partial_notification.hero .btns .mod_index_list .row a.partial_breadcrumb.item, 16665.partial_notification.hero .btns .mod_index_list .row div[data-s3-module] a.partial_breadcrumb.item, 16666div[data-s3-module] .mod_index_list .row .partial_notification.hero .btns a.partial_breadcrumb.item, 16667.mod_index_list .row .partial_notification.hero .btns div[data-s3-module] a.partial_breadcrumb.item, 16668div[data-s3-module] .mod_notification_bar.dark a.partial_breadcrumb.btn, 16669.mod_notification_bar.dark div[data-s3-module] a.partial_breadcrumb.btn, 16670div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn, 16671header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-module] a.partial_breadcrumb.btn, 16672div[data-s3-module] .mod_notification_bar.dark .mod_index_list .row a.partial_breadcrumb.item, 16673.mod_notification_bar.dark .mod_index_list .row div[data-s3-module] a.partial_breadcrumb.item, 16674div[data-s3-module] .mod_index_list .row .mod_notification_bar.dark a.partial_breadcrumb.item, 16675.mod_index_list .row .mod_notification_bar.dark div[data-s3-module] a.partial_breadcrumb.item, 16676div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.partial_breadcrumb.item, 16677header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row div[data-s3-module] a.partial_breadcrumb.item, 16678div[data-s3-module] .mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.item, 16679.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-module] a.partial_breadcrumb.item, 16680div[data-s3-partial] .partial_breadcrumb.white, 16681div[data-s3-partial] .partial_notification.hero .btns .partial_breadcrumb.btn, 16682.partial_notification.hero .btns div[data-s3-partial] .partial_breadcrumb.btn, 16683div[data-s3-partial] .partial_notification.hero .btns .mod_index_list .row a.partial_breadcrumb.item, 16684.partial_notification.hero .btns .mod_index_list .row div[data-s3-partial] a.partial_breadcrumb.item, 16685div[data-s3-partial] .mod_index_list .row .partial_notification.hero .btns a.partial_breadcrumb.item, 16686.mod_index_list .row .partial_notification.hero .btns div[data-s3-partial] a.partial_breadcrumb.item, 16687div[data-s3-partial] .mod_notification_bar.dark a.partial_breadcrumb.btn, 16688.mod_notification_bar.dark div[data-s3-partial] a.partial_breadcrumb.btn, 16689div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn, 16690header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-partial] a.partial_breadcrumb.btn, 16691div[data-s3-partial] .mod_notification_bar.dark .mod_index_list .row a.partial_breadcrumb.item, 16692.mod_notification_bar.dark .mod_index_list .row div[data-s3-partial] a.partial_breadcrumb.item, 16693div[data-s3-partial] .mod_index_list .row .mod_notification_bar.dark a.partial_breadcrumb.item, 16694.mod_index_list .row .mod_notification_bar.dark div[data-s3-partial] a.partial_breadcrumb.item, 16695div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.partial_breadcrumb.item, 16696header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row div[data-s3-partial] a.partial_breadcrumb.item, 16697div[data-s3-partial] .mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.item, 16698.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-partial] a.partial_breadcrumb.item { 16699 color: #fff 16700} 16701 16702div[data-s3-module] .partial_breadcrumb.white li:before, 16703div[data-s3-module] .partial_notification.hero .btns .partial_breadcrumb.btn li:before, 16704.partial_notification.hero .btns div[data-s3-module] .partial_breadcrumb.btn li:before, 16705div[data-s3-module] .partial_notification.hero .btns .mod_index_list .row a.partial_breadcrumb.item li:before, 16706.partial_notification.hero .btns .mod_index_list .row div[data-s3-module] a.partial_breadcrumb.item li:before, 16707div[data-s3-module] .mod_index_list .row .partial_notification.hero .btns a.partial_breadcrumb.item li:before, 16708.mod_index_list .row .partial_notification.hero .btns div[data-s3-module] a.partial_breadcrumb.item li:before, 16709div[data-s3-module] .mod_notification_bar.dark a.partial_breadcrumb.btn li:before, 16710.mod_notification_bar.dark div[data-s3-module] a.partial_breadcrumb.btn li:before, 16711div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn li:before, 16712header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-module] a.partial_breadcrumb.btn li:before, 16713div[data-s3-module] .mod_notification_bar.dark .mod_index_list .row a.partial_breadcrumb.item li:before, 16714.mod_notification_bar.dark .mod_index_list .row div[data-s3-module] a.partial_breadcrumb.item li:before, 16715div[data-s3-module] .mod_index_list .row .mod_notification_bar.dark a.partial_breadcrumb.item li:before, 16716.mod_index_list .row .mod_notification_bar.dark div[data-s3-module] a.partial_breadcrumb.item li:before, 16717div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.partial_breadcrumb.item li:before, 16718header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row div[data-s3-module] a.partial_breadcrumb.item li:before, 16719div[data-s3-module] .mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.item li:before, 16720.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-module] a.partial_breadcrumb.item li:before, 16721div[data-s3-partial] .partial_breadcrumb.white li:before, 16722div[data-s3-partial] .partial_notification.hero .btns .partial_breadcrumb.btn li:before, 16723.partial_notification.hero .btns div[data-s3-partial] .partial_breadcrumb.btn li:before, 16724div[data-s3-partial] .partial_notification.hero .btns .mod_index_list .row a.partial_breadcrumb.item li:before, 16725.partial_notification.hero .btns .mod_index_list .row div[data-s3-partial] a.partial_breadcrumb.item li:before, 16726div[data-s3-partial] .mod_index_list .row .partial_notification.hero .btns a.partial_breadcrumb.item li:before, 16727.mod_index_list .row .partial_notification.hero .btns div[data-s3-partial] a.partial_breadcrumb.item li:before, 16728div[data-s3-partial] .mod_notification_bar.dark a.partial_breadcrumb.btn li:before, 16729.mod_notification_bar.dark div[data-s3-partial] a.partial_breadcrumb.btn li:before, 16730div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn li:before, 16731header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-partial] a.partial_breadcrumb.btn li:before, 16732div[data-s3-partial] .mod_notification_bar.dark .mod_index_list .row a.partial_breadcrumb.item li:before, 16733.mod_notification_bar.dark .mod_index_list .row div[data-s3-partial] a.partial_breadcrumb.item li:before, 16734div[data-s3-partial] .mod_index_list .row .mod_notification_bar.dark a.partial_breadcrumb.item li:before, 16735.mod_index_list .row .mod_notification_bar.dark div[data-s3-partial] a.partial_breadcrumb.item li:before, 16736div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.partial_breadcrumb.item li:before, 16737header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row div[data-s3-partial] a.partial_breadcrumb.item li:before, 16738div[data-s3-partial] .mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.item li:before, 16739.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-partial] a.partial_breadcrumb.item li:before { 16740 background: #fff 16741} 16742 16743div[data-s3-module] .partial_breadcrumb.white li a, 16744div[data-s3-module] .partial_notification.hero .btns .partial_breadcrumb.btn li a, 16745.partial_notification.hero .btns div[data-s3-module] .partial_breadcrumb.btn li a, 16746div[data-s3-module] .partial_notification.hero .btns .mod_index_list .row a.partial_breadcrumb.item li a, 16747.partial_notification.hero .btns .mod_index_list .row div[data-s3-module] a.partial_breadcrumb.item li a, 16748div[data-s3-module] .mod_index_list .row .partial_notification.hero .btns a.partial_breadcrumb.item li a, 16749.mod_index_list .row .partial_notification.hero .btns div[data-s3-module] a.partial_breadcrumb.item li a, 16750div[data-s3-module] .mod_notification_bar.dark a.partial_breadcrumb.btn li a, 16751.mod_notification_bar.dark div[data-s3-module] a.partial_breadcrumb.btn li a, 16752div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn li a, 16753header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-module] a.partial_breadcrumb.btn li a, 16754div[data-s3-module] .mod_notification_bar.dark .mod_index_list .row a.partial_breadcrumb.item li a, 16755.mod_notification_bar.dark .mod_index_list .row div[data-s3-module] a.partial_breadcrumb.item li a, 16756div[data-s3-module] .mod_index_list .row .mod_notification_bar.dark a.partial_breadcrumb.item li a, 16757.mod_index_list .row .mod_notification_bar.dark div[data-s3-module] a.partial_breadcrumb.item li a, 16758div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.partial_breadcrumb.item li a, 16759header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row div[data-s3-module] a.partial_breadcrumb.item li a, 16760div[data-s3-module] .mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.item li a, 16761.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-module] a.partial_breadcrumb.item li a, 16762div[data-s3-partial] .partial_breadcrumb.white li a, 16763div[data-s3-partial] .partial_notification.hero .btns .partial_breadcrumb.btn li a, 16764.partial_notification.hero .btns div[data-s3-partial] .partial_breadcrumb.btn li a, 16765div[data-s3-partial] .partial_notification.hero .btns .mod_index_list .row a.partial_breadcrumb.item li a, 16766.partial_notification.hero .btns .mod_index_list .row div[data-s3-partial] a.partial_breadcrumb.item li a, 16767div[data-s3-partial] .mod_index_list .row .partial_notification.hero .btns a.partial_breadcrumb.item li a, 16768.mod_index_list .row .partial_notification.hero .btns div[data-s3-partial] a.partial_breadcrumb.item li a, 16769div[data-s3-partial] .mod_notification_bar.dark a.partial_breadcrumb.btn li a, 16770.mod_notification_bar.dark div[data-s3-partial] a.partial_breadcrumb.btn li a, 16771div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn li a, 16772header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-partial] a.partial_breadcrumb.btn li a, 16773div[data-s3-partial] .mod_notification_bar.dark .mod_index_list .row a.partial_breadcrumb.item li a, 16774.mod_notification_bar.dark .mod_index_list .row div[data-s3-partial] a.partial_breadcrumb.item li a, 16775div[data-s3-partial] .mod_index_list .row .mod_notification_bar.dark a.partial_breadcrumb.item li a, 16776.mod_index_list .row .mod_notification_bar.dark div[data-s3-partial] a.partial_breadcrumb.item li a, 16777div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row a.partial_breadcrumb.item li a, 16778header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials .mod_index_list .row div[data-s3-partial] a.partial_breadcrumb.item li a, 16779div[data-s3-partial] .mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.item li a, 16780.mod_index_list .row header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-partial] a.partial_breadcrumb.item li a { 16781 color: #fff 16782} 16783 16784.gallery.item .partial_breadcrumb li:nth-child(n+3):before, 16785.gallery.item .partial_breadcrumb l
16785i:nth-child(n+4) { 16786 display: none 16787} 16788 16789.partial_breadcrumb+.text { 16790 margin-top: 10px 16791} 16792 16793body.landing-page .partial_breadcrumb { 16794 display: none 16795} 16796 16797.partial_pagination { 16798 text-align: center; 16799 margin: 50px auto 16800} 16801 16802.partial_pagination .page-numbers { 16803 font-size: 16px; 16804 font-weight: 500; 16805 font-family: "canada-type-gibson", Arial, sans-serif; 16806 padding: 7px 10px 5px; 16807 display: inline-block 16808} 16809 16810.partial_pagination .page-numbers:not(.hide-phone), 16811.partial_pagination .page-numbers.current { 16812 background: #d9c184; 16813 color: #fff; 16814 text-transform: uppercase; 16815 letter-spacing: .25px; 16816 border-radius: 2px 16817} 16818 16819.partial_pagination .page-numbers.current { 16820 background: rgba(20, 20, 20, .4) 16821} 16822 16823.partial_cta_sub { 16824 background: #ccc; 16825 margin-top: 60px; 16826 background-size: cover !important; 16827 position: relative 16828} 16829 16830@media only screen and (max-width: 800px) { 16831 .partial_cta_sub { 16832 padding-left: 0; 16833 padding-right: 0 16834 } 16835} 16836 16837@media only screen and (max-width: 800px) { 16838 .men .partial_cta_sub picture.background img { 16839 object-position: 20% 16840 } 16841} 16842 16843.partial_cta_sub picture.background:before { 16844 z-index: 1; 16845 content: ""; 16846 position: absolute; 16847 bottom: 0; 16848 right: 0; 16849 width: 60%; 16850 height: 100%; 16851 background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)) 16852} 16853 16854.partial_cta_sub .row { 16855 text-align: center; 16856 position: relative; 16857 z-index: 2; 16858 padding: calc(60px + 6%) 20px 16859} 16860 16861.partial_cta_sub .row * { 16862 color: #fff 16863} 16864 16865.partial_cta_sub .row .text { 16866 display: table; 16867 margin-left: auto 16868} 16869 16870.partial_cta_sub .row .logo { 16871 padding-bottom: 30px 16872} 16873 16874.partial_cta_sub .row .logo picture img { 16875 max-width: 140px 16876} 16877 16878.partial_cta_sub .row h2, 16879.partial_cta_sub .row h3 { 16880 display: table; 16881 margin: 0 auto 20px; 16882 padding: 20px 0; 16883 font-size: 45px 16884} 16885 16886@media only screen and (max-width: 64em) { 16887 16888 .partial_cta_sub .row h2, 16889 .partial_cta_sub .row h3 { 16890 font-size: 42px 16891 } 16892} 16893 16894@media only screen and (max-width: 800px) { 16895 16896 .partial_cta_sub .row h2, 16897 .partial_cta_sub .row h3 { 16898 letter-spacing: 2px; 16899 font-size: 36px 16900 } 16901} 16902 16903.partial_cta_sub .row p { 16904 max-width: 840px !important; 16905 margin: 0 auto 20px 16906} 16907 16908.partial_abstract_type_hero { 16909 background: #d9c184 16910} 16911 16912.partial_abstract_type_hero:before { 16913 display: none 16914} 16915 16916.partial_abstract_type_hero .row { 16917 max-width: 960px; 16918 margin: 0 auto; 16919 padding: calc(5% + 20px) 20px 16920} 16921 16922.partial_abstract_type_hero .row .inner { 16923 width: 100%; 16924 max-width: 100%; 16925 padding-right: 0 16926} 16927 16928.partial_abstract_type_hero h1 { 16929 color: #fff 16930} 16931 16932.partial_abstract_type_hero h2 { 16933 font-size: 42px; 16934 color: #fff 16935} 16936 16937.partial_abstract_type_hero ul.partial_breadcrumb { 16938 color: #fff 16939} 16940 16941.partial_abstract_type_hero ul.partial_breadcrumb li:before { 16942 background: #fff 16943} 16944 16945.partial_abstract_type_hero ul.partial_breadcrumb li a { 16946 color: #fff 16947} 16948 16949.partial_abstract_type_hero.bg { 16950 background: none 16951} 16952 16953@media only screen and (max-width: 800px) { 16954 .partial_abstract_type_hero.bg { 16955 position: relative 16956 } 16957 16958 .partial_abstract_type_hero.bg:after { 16959 content: ""; 16960 position: absolute; 16961 top: 0; 16962 left: 0; 16963 width: 100%; 16964 height: 100%; 16965 z-index: 2; 16966 display: block; 16967 background: #efefef; 16968 opacity: .6 16969 } 16970} 16971 16972.partial_abstract_type_hero.bg .row { 16973 position: relative; 16974 z-index: 3 16975} 16976 16977.partial_abstract_type_hero.bg .row h1, 16978.partial_abstract_type_hero.bg .row h2 { 16979 color: #000 16980} 16981 16982.partial_abstract_type_hero.bg .row ul.partial_breadcrumb { 16983 color: #000 16984} 16985 16986.partial_abstract_type_hero.bg .row ul.partial_breadcrumb li:before { 16987 background: #000 16988} 16989 16990.partial_abstract_type_hero.bg .row ul.partial_breadcrumb li a { 16991 color: #000 16992} 16993 16994.partial_abstract_type_hero.bg.dark:after, 16995header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials:after { 16996 background: #444 16997} 16998 16999.partial_abstract_type_hero.bg.dark .row h1, 17000header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h1, 17001.partial_abstract_type_hero.bg.dark .row h2, 17002header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h2, 17003.partial_abstract_type_hero.bg.dark .row h3, 17004header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h3, 17005.partial_abstract_type_hero.bg.dark .row h4, 17006header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h4, 17007.partial_abstract_type_hero.bg.dark .row h5, 17008header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h5, 17009.partial_abstract_type_hero.bg.dark .row h6, 17010header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h6, 17011.partial_abstract_type_hero.bg.dark .row p, 17012header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row p, 17013.partial_abstract_type_hero.bg.dark .row ul li, 17014header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row ul li, 17015.partial_abstract_type_hero.bg.dark .row a, 17016header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row a, 17017.partial_abstract_type_hero.bg.dark .row p a { 17018 color: #fff 17019} 17020 17021.partial_abstract_type_hero.bg.dark .row ul li, 17022header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row ul li { 17023 color: #fff 17024} 17025 17026.partial_abstract_type_hero.bg.dark .row ul li a, 17027header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row ul li a { 17028 color: #fff 17029} 17030 17031.partial_abstract_type_hero.bg.dark .row ul li:before, 17032header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row ul li:before { 17033 background: #fff !important 17034} 17035 17036.partial_gallery_hero:before { 17037 display: none 17038} 17039 17040.partial_gallery_hero .row { 17041 max-width: 1200px; 17042 margin: 0 auto; 17043 padding: calc(5% + 20px) 20px 17044} 17045 17046@media only screen and (max-width: 800px) { 17047 .partial_gallery_hero.bg { 17048 position: relative 17049 } 17050 17051 .partial_gallery_hero.bg:after { 17052 content: ""; 17053 position: absolute; 17054 top: 0; 17055 left: 0; 17056 width: 100%; 17057 height: 100%; 17058 z-index: 2; 17059 display: block; 17060 background: #efefef; 17061 opacity: .6 17062 } 17063} 17064 17065.partial_gallery_hero.dark:after, 17066header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials:after { 17067 background: #444 17068} 17069 17070.partial_gallery_hero.dark .row h1, 17071header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h1, 17072.partial_gallery_hero.dark .row h2, 17073header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h2, 17074.partial_gallery_hero.dark .row h3, 17075header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h3, 17076.partial_gallery_hero.dark .row h4, 17077header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h4, 17078.partial_gallery_hero.dark .row h5, 17079header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h5, 17080.partial_gallery_hero.dark .row h6, 17081header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h6, 17082.partial_gallery_hero.dark .row p, 17083header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row p, 17084.partial_gallery_hero.dark .row ul li, 17085header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row ul li, 17086.partial_gallery_hero.dark .row a, 17087header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row a, 17088.partial_gallery_hero.dark .row p a { 17089 color: #fff 17090} 17091 17092.partial_gallery_hero.dark .row ul li, 17093header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row ul li { 17094 color: #fff 17095} 17096 17097.partial_gallery_hero.dark .row ul li a, 17098header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row ul li a { 17099 color: #fff 17100} 17101 17102.partial_gallery_hero.dark .row ul li:before, 17103header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row ul li:before { 17104 background: #fff !important 17105} 17106 17107.partial_gallery_index .row { 17108 padding: 60px 20px 17109} 17110 17111.partial_gallery_index .row .group h2 { 17112 text-align: center; 17113 font-size: 20px; 17114 letter-spacing: normal; 17115 margin: 0; 17116 display: flex 17117} 17118 17119.partial_gallery_index .row .group h2 a, 17120.partial_gallery_index .row .group h2 span { 17121 background: #d9c184; 17122 padding: 20px; 17123 border-radius: 4px; 17124 flex: 1 17125} 17126 17127.partial_gallery_coming_soon .row { 17128 max-width: 720px; 17129 text-align: center 17130} 17131 17132@media only screen and (max-width: 40em) { 17133 .partial_gallery_coming_soon .row { 17134 text-align: left 17135 } 17136} 17137 17138.partial_sticky_bar { 17139 background: #d9c184; 17140 padding: 10px 10px 14px; 17141 text-align: center; 17142 width: 100%; 17143 position: relative; 17144 z-index: 999;
17145 display: none; 17146 grid-gap: 20px 17147} 17148 17149.lp .partial_sticky_bar { 17150 padding: 20px 10px 24px; 17151 background-color: #0d1341 17152} 17153 17154@media only screen and (max-width: 800px) { 17155 .lp .partial_sticky_bar { 17156 padding: 10px 10px 14px 17157 } 17158} 17159 17160.lp .partial_sticky_bar .copy { 17161 font-size: 16px; 17162 color: #fff 17163} 17164 17165@media only screen and (max-width: 800px) { 17166 .lp .partial_sticky_bar .copy { 17167 font-size: 14px 17168 } 17169} 17170 17171@media only screen and (max-width: 40em) { 17172 .partial_sticky_bar { 17173 padding: 10px 10px 12px; 17174 flex-direction: column; 17175 grid-gap: 5px 17176 } 17177 17178 .lp .partial_sticky_bar { 17179 padding-top: 20px 17180 } 17181} 17182 17183.sticky-bar-on .partial_sticky_bar { 17184 display: flex; 17185 justify-content: center 17186} 17187 17188.partial_sticky_bar p { 17189 color: #fff; 17190 margin: 0 !important; 17191 display: inline-block; 17192 line-height: 1; 17193 font-weight: 500 17194} 17195 17196.lp .partial_sticky_bar p { 17197 color: #000 17198} 17199 17200@media only screen and (max-width: 40em) { 17201 .partial_sticky_bar p { 17202 display: block 17203 } 17204} 17205 17206.partial_sticky_bar p.copy { 17207 font-size: 14px; 17208 padding-top: 7px; 17209 text-transform: uppercase 17210} 17211 17212@media only screen and (max-width: 40em) { 17213 .partial_sticky_bar p.copy { 17214 font-size: 12px; 17215 font-weight: normal 17216 } 17217} 17218 17219.partial_sticky_bar .btns { 17220 display: flex; 17221 grid-gap: 10px 17222} 17223 17224@media only screen and (max-width: 40em) { 17225 .partial_sticky_bar .btns { 17226 margin-top: 8px; 17227 justify-content: center 17228 } 17229} 17230 17231.partial_sticky_bar .btns .btn, 17232.partial_sticky_bar .btns .mod_index_list .row a.item, 17233.mod_index_list .row .partial_sticky_bar .btns a.item { 17234 margin-top: 0; 17235 padding: 8px 15px 7px; 17236 font-size: 13px; 17237 font-weight: 500; 17238 border-radius: 2px; 17239 letter-spacing: .6px; 17240 text-transform: uppercase; 17241 min-width: auto 17242} 17243 17244@media only screen and (max-width: 40em) { 17245 17246 .partial_sticky_bar .btns .btn, 17247 .partial_sticky_bar .btns .mod_index_list .row a.item, 17248 .mod_index_list .row .partial_sticky_bar .btns a.item { 17249 display: inline-block; 17250 font-size: 12px; 17251 font-weight: normal; 17252 margin: 0; 17253 padding: 6px 10px 17254 } 17255} 17256 17257.partial_notification { 17258 background: #fff; 17259 border-radius: 2px 0 0 2px; 17260 background: #efefef; 17261 padding: 20px; 17262 display: flex; 17263 align-items: center; 17264 justify-content: center; 17265 grid-gap: 20px 17266} 17267 17268@media only screen and (max-width: 64em) { 17269 .partial_notification { 17270 grid-gap: 15px 17271 } 17272} 17273 17274@media only screen and (max-width: 800px) { 17275 .partial_notification { 17276 flex-wrap: wrap; 17277 padding: 10px 20px; 17278 justify-content: flex-start 17279 } 17280} 17281 17282.partial_notification p { 17283 font-size: 18px; 17284 font-weight: 500; 17285 margin-bottom: 0; 17286 line-height: 1.4 17287} 17288 17289@media only screen and (max-width: 64em) { 17290 .partial_notification p { 17291 font-size: 16px 17292 } 17293} 17294 17295@media only screen and (max-width: 800px) { 17296 .partial_notification p { 17297 font-size: 15px 17298 } 17299} 17300 17301@media only screen and (max-width: 40em) { 17302 .partial_notification p { 17303 font-size: 14px 17304 } 17305} 17306 17307.partial_notification .btns { 17308 display: flex; 17309 grid-gap: 8px 17310} 17311 17312@media only screen and (max-width: 800px) { 17313 .partial_notification .btns { 17314 flex-wrap: wrap; 17315 width: 100% 17316 } 17317} 17318 17319.partial_notification .btns a.btn, 17320.partial_notification .btns .mod_index_list .row a.item, 17321.mod_index_list .row .partial_notification .btns a.item, 17322.partial_notification .btns button { 17323 font-size: 14px; 17324 letter-spacing: .8px; 17325 padding: 11px 20px 17326} 17327 17328@media only screen and (max-width: 64em) { 17329 17330 .partial_notification .btns a.btn, 17331 .partial_notification .btns .mod_index_list .row a.item, 17332 .mod_index_list .row .partial_notification .btns a.item, 17333 .partial_notification .btns button { 17334 font-size: 13px 17335 } 17336} 17337 17338@media only screen and (max-width: 800px) { 17339 17340 .partial_notification .btns a.btn, 17341 .partial_notification .btns .mod_index_list .row a.item, 17342 .mod_index_list .row .partial_notification .btns a.item, 17343 .partial_notification .btns button { 17344 font-size: 12px 17345 } 17346} 17347 17348@media only screen and (max-width: 40em) { 17349 17350 .partial_notification .btns a.btn, 17351 .partial_notification .btns .mod_index_list .row a.item, 17352 .mod_index_list .row .partial_notification .btns a.item, 17353 .partial_notification .btns button { 17354 font-size: 11px 17355 } 17356} 17357 17358.partial_notification.hero { 17359 background: #d9c184; 17360 padding: 32px 20px 17361} 17362 17363@media only screen and (max-width: 64em) { 17364 .partial_notification.hero { 17365 padding: 24px 20px 17366 } 17367} 17368 17369@media only screen and (max-width: 800px) { 17370 .partial_notification.hero { 17371 padding: 20px; 17372 grid-gap: 10px 17373 } 17374} 17375 17376@media only screen and (max-width: 40em) { 17377 .partial_notification.hero { 17378 padding: 12px 20px 17379 } 17380} 17381 17382.partial_notification.hero .content * { 17383 color: #fff 17384} 17385 17386.partial_notification.side-drawer, 17387.partial_notification.bottom-drawer { 17388 position: fixed; 17389 top: 50%; 17390 right: 0; 17391 transform: translateY(-50%); 17392 max-width: 360px; 17393 z-index: 99; 17394 flex-wrap: wrap; 17395 padding: 40px 30px 30px; 17396 grid-gap: 20px; 17397 box-shadow: 0 0 20px rgba(0, 0, 0, .2) 17398} 17399 17400@media only screen and (max-width: 64em) { 17401 17402 .partial_notification.side-drawer, 17403 .partial_notification.bottom-drawer { 17404 padding: 30px 20px 30px 17405 } 17406} 17407 17408.partial_notification.side-drawer.hide, 17409.partial_notification.side-drawer.scrolled.closed, 17410.partial_notification.bottom-drawer.hide, 17411.partial_notification.bottom-drawer.scrolled.closed { 17412 transform: translate(calc(100% + 2px), -50%) 17413} 17414 17415.partial_notification.side-drawer span.close, 17416.partial_notification.bottom-drawer span.close { 17417 position: absolute; 17418 top: 12px; 17419 right: 12px; 17420 display: inline-block; 17421 background: url("https://static.tresiocms.com/images/close.svg?auto=format,compress") no-repeat center center; 17422 background-size: auto 160%; 17423 padding: 8px 17424} 17425 17426.partial_notification.side-drawer span.close:hover, 17427.partial_notification.bottom-drawer span.close:hover { 17428 opacity: .6;
17429 cursor: pointer 17430} 17431 17432.partial_notification.side-drawer .btns, 17433.partial_notification.bottom-drawer .btns { 17434 width: 100%; 17435 flex-wrap: wrap; 17436 flex-direction: row 17437} 17438 17439.partial_notification.side-drawer .btns .btn, 17440.partial_notification.side-drawer .btns .mod_index_list .row a.item, 17441.mod_index_list .row .partial_notification.side-drawer .btns a.item, 17442.partial_notification.side-drawer .btns button, 17443.partial_notification.bottom-drawer .btns .btn, 17444.partial_notification.bottom-drawer .btns .mod_index_list .row a.item, 17445.mod_index_list .row .partial_notification.bottom-drawer .btns a.item, 17446.partial_notification.bottom-drawer .btns button { 17447 width: 100%; 17448 display: inline-flex; 17449 align-items: center; 17450 justify-content: center 17451} 17452 17453.partial_notification.side-drawer.scrolled, 17454.partial_notification.bottom-drawer.scrolled { 17455 transform: translateY(-50%) 17456} 17457 17458.partial_notification.bottom-drawer { 17459 top: auto; 17460 bottom: 0; 17461 right: auto; 17462 left: 50%; 17463 width: 100%; 17464 max-width: 540px; 17465 transform: translateX(-50%) 17466} 17467 17468@media only screen and (max-width: 800px) { 17469 .partial_notification.bottom-drawer { 17470 max-width: calc(100% - 40px) 17471 } 17472} 17473 17474.partial_notification.bottom-drawer .btns { 17475 flex-wrap: nowrap; 17476 width: 100% 17477} 17478 17479@media only screen and (max-width: 800px) { 17480 .partial_notification.bottom-drawer .btns { 17481 flex-wrap: wrap; 17482 flex-direction: row 17483 } 17484} 17485 17486.partial_notification.bottom-drawer.hide, 17487.partial_notification.bottom-drawer.scrolled.closed { 17488 transform: translate(-50%, calc(100% + 2px)) 17489} 17490 17491.partial_notification.bottom-drawer.scrolled { 17492 transform: translateX(-50%) 17493} 17494 17495.notification-toggle { 17496 z-index: 98 17497} 17498 17499.notification-toggle.side-drawer { 17500 position: fixed; 17501 top: 50%; 17502 right: 0; 17503 transform: translateY(-50%) rotate(180deg); 17504 writing-mode: vertical-lr; 17505 text-align: center; 17506 padding: 36px 18px 17507} 17508 17509.notification-toggle.bottom-drawer { 17510 position: fixed; 17511 bottom: 0; 17512 left: 50%; 17513 transform: translateX(-50%) 17514} 17515 17516.partial_sticky_bar_popup, 17517.partial_notification_popup { 17518 position: fixed; 17519 top: 0; 17520 left: 0; 17521 display: flex; 17522 flex-direction: column; 17523 justify-content: center; 17524 z-index: 99999999; 17525 width: 100%; 17526 height: 100%; 17527 background: rgba(0, 0, 0, .5); 17528 opacity: 0; 17529 visibility: hidden 17530} 17531 17532@media only screen and (max-width: 64em) { 17533 17534 .partial_sticky_bar_popup .content, 17535 .partial_notification_popup .content { 17536 margin-left: 20px !important; 17537 margin-right: 20px !important; 17538 padding: 20px !important 17539 } 17540 17541 .partial_sticky_bar_popup p, 17542 .partial_notification_popup p { 17543 font-size: 16px; 17544 line-height: 1.4em 17545 } 17546} 17547 17548.partial_sticky_bar_popup.visible, 17549.partial_notification_popup.visible { 17550 opacity: 1; 17551 visibility: visible 17552} 17553 17554.partial_sticky_bar_popup .content, 17555.partial_notification_popup .content { 17556 position: relative; 17557 margin: auto; 17558 max-width: 920px; 17559 border-radius: 2px; 17560 padding: 40px; 17561 background: #fff 17562} 17563 17564.partial_sticky_bar_popup .content .close, 17565.partial_notification_popup .content .close { 17566 outline: none; 17567 position: absolute; 17568 top: -16px; 17569 right: -16px; 17570 background: #000; 17571 z-index: 100; 17572 border-radius: 256px; 17573 width: 32px; 17574 height: 32px; 17575 font-size: 13px; 17576 text-align: center; 17577 padding: 0; 17578 margin: 0; 17579 line-height: 28px; 17580 color: #fff; 17581 display: block; 17582 justify-content: center; 17583 align-items: center; 17584 border: 2px solid #fff 17585} 17586 17587.partial_sticky_bar_popup p:last-child, 17588.partial_notification_popup p:last-child { 17589 margin-bottom: 0 17590} 17591 17592.partial_form_error {
17593 border-radius: 2px; 17594 margin-bottom: 40px; 17595 padding-bottom: 40px; 17596 border-bottom: 2px solid #aaa 17597} 17598 17599.partial_form_error h2 { 17600 font-size: 28px; 17601 color: #ff6d6d 17602} 17603 17604.partial_form_error p { 17605 margin-bottom: 0 17606} 17607 17608.partial_form_error strong { 17609 font-weight: 500 17610} 17611 17612.partial_form_sticky, 17613.sticky-form-wrap { 17614 padding-bottom: 0; 17615 position: fixed; 17616 bottom: 0; 17617 right: 0; 17618 z-index: 99999; 17619 transition: all 400ms cubic-bezier(0.61, 0.24, 0.41, 0.87) 17620} 17621 17622@media only screen and (max-width: 800px) { 17623 17624 .partial_form_sticky, 17625 .sticky-form-wrap { 17626 display: none 17627 } 17628} 17629 17630.partial_form_sticky .sticky-form-header, 17631.sticky-form-wrap .sticky-form-header { 17632 display: table; 17633 padding: 15px 38px 11px; 17634 font-size: 16px; 17635 background: #d9c184; 17636 color: #fff; 17637 font-weight: 500; 17638 margin-left: auto; 17639 text-transform: uppercase; 17640 border-top-right-radius: 4px; 17641 border-top-left-radius: 4px; 17642 position: relative; 17643 letter-spacing: .5px; 17644 opacity: 1; 17645 cursor: pointer 17646} 17647 17648.lp .partial_form_sticky .sticky-form-header.contact-scroll, 17649.lp .sticky-form-wrap .sticky-form-header.contact-scroll { 17650 margin: 0; 17651 border-bottom-right-radius: 0; 17652 border-bottom-left-radius: 0 17653} 17654 17655.locations .partial_form_sticky, 17656.locations .sticky-form-wrap { 17657 display: none 17658} 17659 17660.partial_rate_us { 17661 position: fixed; 17662 top: 50%; 17663 left: -140px; 17664 transform: translateY(-50%); 17665 z-index: 10; 17666 transition: left 300ms 17667} 17668 17669@media only screen and (max-width: 800px) { 17670 .partial_rate_us { 17671 display: none 17672 } 17673} 17674 17675.partial_rate_us.open { 17676 left: 0 17677} 17678 17679.partial_rate_us .tab { 17680 position: absolute; 17681 writing-mode: vertical-rl; 17682 border-radius: 0 3px 3px 0; 17683 top: 50%; 17684 right: -36px; 17685 transform: translateY(-50%); 17686 z-index: 2; 17687 background: #d9c184 !important; 17688 min-height: 100px; 17689 padding: 6px 10px; 17690 box-shadow: 0 0 15px -4px rgba(20, 20, 20, .4) 17691} 17692 17693.partial_rate_us .tab:hover { 17694 cursor: pointer 17695} 17696 17697.partial_rate_us .inner { 17698 display: flex; 17699 flex-direction: column; 17700 align-items: center; 17701 max-width: 140px; 17702 flex-wrap: wrap; 17703 position: relative; 17704 background: #eee; 17705 padding: 20px; 17706 border-left: 0; 17707 border-radius: 0 3px 3px 0; 17708 z-index: 1 17709} 17710 17711.partial_rate_us .inner a { 17712 display: inline-block 17713} 17714 17715.partial_rate_us .inner a img { 17716 max-height: 32px 17717} 17718 17719.partial_rate_us .inner a+a { 17720 margin-top: 25px 17721} 17722 17723.partial_cookies_policy { 17724 opacity: 0; 17725 visibility: hidden; 17726 position: fixed; 17727 bottom: 0; 17728 width: 100%; 17729 z-index: 999999; 17730 background: #fff; 17731 box-shadow: 0 0 30px rgba(0, 0, 0, .2); 17732 transform: translateY(100%) 17733} 17734 17735.partial_cookies_policy.active { 17736 opacity: 1; 17737 visibility: visible; 17738 transform: translateY(0) 17739} 17740 17741.partial_cookies_policy .row { 17742 padding: 30px 20px; 17743 display: flex; 17744 flex-direction: row; 17745 justify-content: space-between 17746} 17747 17748@media only screen and (max-width: 800px) { 17749 .partial_cookies_policy .row { 17750 flex-direction: column 17751 } 17752} 17753 17754.partial_cookies_policy .row p { 17755 max-width: 600px; 17756 line-height: 1.2 17757} 17758 17759@media only screen and (max-width: 800px) { 17760 .partial_cookies_policy .row p { 17761 margin-bottom: 20px 17762 } 17763} 17764 17765.partial_socials { 17766 margin-left: 0; 17767 margin-bottom: 14px 17768} 17769 17770.partial_socials li, 17771.partial_socials a { 17772 display: inline-block 17773} 17774 17775.partial_socials li { 17776 height: 18px; 17777 width: 18px; 17778 padding: 5.625px; 17779 position: relative; 17780 vertical-align: top; 17781 background: none; 17782 box-sizing: content-box; 17783 -webkit-transform: scale(0.85); 17784 -moz-transform: scale(0.85); 17785 -ms-transform: scale(0.85); 17786 -o-transform: scale(0.85); 17787 transform: scale(0.85) 17788} 17789 17790@media only screen and (max-width: 40em) { 17791 .partial_socials li { 17792 height: 18px; 17793 width: 18px 17794 } 17795} 17796 17797.partial_socials li:hover { 17798 opacity: .4 17799} 17800 17801.partial_socials li:before { 17802 display: none !important 17803} 17804 17805.partial_socials li a { 17806 background: #fff; 17807 border-radius: 2px; 17808 position: absolute; 17809 height: 100%; 17810 width: 100%; 17811 top: 0; 17812 left: 0 17813} 17814 17815.partial_socials li a span { 17816 background: url("https://static.tresiocms.com/images/social-icons2.svg?auto=format,compress") no-repeat; 17817 display: block; 17818 height: 18px !important; 17819 width: 18px !important; 17820 background-size: 416.25px 18px !important; 17821 position: absolute; 17822 top: 0; 17823 left: 0; 17824 right: 0; 17825 bottom: 0; 17826 margin: auto 17827} 17828 17829@media only screen and (max-width: 40em) { 17830 .partial_socials li a span { 17831 height: 18px; 17832 width: 18px; 17833 background-size: 416.25px 18px 17834 } 17835} 17836 17837.partial_socials li a span:hover { 17838 opacity: 1 17839} 17840 17841.partial_socials li a span.facebook-icon { 17842 background-position: 5.0625px 0 !important 17843} 17844 17845@media only screen and (max-width: 40em) { 17846 .partial_socials li a span.facebook-icon { 17847 background-position: 5.0625px 0 !important 17848 } 17849} 17850 17851.partial_socials li a span.twitter-icon { 17852 background-position: -23.0625px 0 !important 17853} 17854 17855@media only screen and (max-width: 40em) { 17856 .partial_socials li a span.twitter-icon { 17857 background-position: -23.0625px 0 !important 17858 } 17859} 17860 17861.partial_socials li a span.google-icon { 17862 background-position: -52.875px 0 !important 17863} 17864 17865@media only screen and (max-width: 40em) { 17866 .partial_socials li a span.google-icon { 17867 background-position: -52.875px 0 !important 17868 } 17869} 17870 17871.partial_socials li a span.youtube-icon { 17872 background-position: -82.125px 0 !important 17873} 17874 17875@media only screen and (max-width: 40em) { 17876 .partial_socials li a span.youtube-icon { 17877 background-position: -82.125px 0 !important 17878 } 17879} 17880 17881.partial_socials li a span.linkedin-icon { 17882 background-position: -111.375px 0 !important 17883} 17884 17885@media only screen and (max-width: 40em) { 17886 .partial_socials li a span.linkedin-icon { 17887 background-position: -111.375px 0 !important 17888 } 17889} 17890 17891.partial_socials li a span.yelp-icon { 17892 background-position: -140.625px 0 !important 17893} 17894 17895@media only screen and (max-width: 40em) { 17896 .partial_socials li a span.yelp-icon { 17897 background-position: -140.625px 0 !important 17898 } 17899} 17900 17901.partial_socials li a span.instagram-icon { 17902 background-position: -255.9375px 0 !important 17903} 17904 17905@media only screen and (max-width: 40em) { 17906 .partial_socials li a span.instagram-icon { 17907 background-position: -255.9375px 0 !important 17908 } 17909} 17910 17911.partial_socials li a span.healthgrades-icon {
17912 background-position: -169.3125px 0 !important 17913} 17914 17915@media only screen and (max-width: 40em) { 17916 .partial_socials li a span.healthgrades-icon { 17917 background-position: -169.3125px 0 !important 17918 } 17919} 17920 17921.partial_socials li a span.vitals-icon { 17922 background-position: -198px 0 !important 17923} 17924 17925@media only screen and (max-width: 40em) { 17926 .partial_socials li a span.vitals-icon { 17927 background-position: -198px 0 !important 17928 } 17929} 17930 17931.partial_socials li a span.realself-icon { 17932 background-position: -225.5625px 0 !important 17933} 17934 17935@media only screen and (max-width: 40em) { 17936 .partial_socials li a span.realself-icon { 17937 background-position: -225.5625px 0 !important 17938 } 17939} 17940 17941.partial_socials li a span.wordpress-icon { 17942 background-position: -285.75px 0 !important 17943} 17944 17945@media only screen and (max-width: 40em) { 17946 .partial_socials li a span.wordpress-icon { 17947 background-position: -285.75px 0 !important 17948 } 17949} 17950 17951.partial_socials li a span.snapchat-icon { 17952 background-position: -314.4375px 0 !important 17953} 17954 17955@media only screen and (max-width: 40em) { 17956 .partial_socials li a span.snapchat-icon { 17957 background-position: -314.4375px 0 !important 17958 } 17959} 17960 17961.partial_socials li a span.birdeye-icon { 17962 background-position: -343.125px 0 !important 17963} 17964 17965@media only screen and (max-width: 40em) { 17966 .partial_socials li a span.birdeye-icon { 17967 background-position: -343.125px 0 !important 17968 } 17969} 17970 17971.partial_socials li a span.pinterest-icon { 17972 background-position: -371.25px 0 !important 17973} 17974 17975@media only screen and (max-width: 40em) { 17976 .partial_socials li a span.pinterest-icon { 17977 background-position: -371.25px 0 !important 17978 } 17979} 17980 17981.partial_socials li a span.tiktok-icon { 17982 background-position: -399.375px 0 !important 17983} 17984 17985@media only screen and (max-width: 40em) { 17986 .partial_socials li a span.tiktok-icon { 17987 background-position: -399.375px 0 !important 17988 } 17989} 17990 17991.partial_socials li+li { 17992 margin-left: 5px 17993} 17994 17995.partial_socials.light li, 17996header .row.top .socials ul.partial_socials li, 17997header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials li, 17998footer.partial_footer .partial_socials li, 17999footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials li, 18000.mod_social .row.light .partial_socials li, 18001.mod_social header .row.top .socials ul.row .partial_socials li, 18002header .row.top .socials .mod_social ul.row .partial_socials li, 18003.mod_social footer.partial_footer .row.partial_socials .partial_socials li, 18004footer.partial_footer .mod_social .row.partial_socials .partial_socials li, 18005.mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials li { 18006 background: #000 18007} 18008 18009.partial_socials.light li a, 18010header .row.top .socials ul.partial_socials li a, 18011header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials li a, 18012footer.partial_footer .partial_socials li a, 18013footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials li a, 18014.mod_social .row.light .partial_socials li a, 18015.mod_social header .row.top .socials ul.row .partial_socials li a, 18016header .row.top .socials .mod_social ul.row .partial_socials li a, 18017.mod_social footer.partial_footer .row.partial_socials .partial_socials li a, 18018footer.partial_footer .mod_social .row.partial_socials .partial_socials li a, 18019.mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials li a { 18020 background: #000 18021} 18022 18023.partial_socials.light li a span, 18024header .row.top .socials ul.partial_socials li a span, 18025header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials li a span, 18026footer.partial_footer .partial_socials li a span, 18027footer.partial_footer header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials li a span, 18028.mod_social .row.light .partial_socials li a span, 18029.mod_social header .row.top .socials ul.row .partial_socials li a span, 18030header .row.top .socials .mod_social ul.row .partial_socials li a span, 18031.mod_social footer.partial_footer .row.partial_socials .partial_socials li a span, 18032footer.partial_footer .mod_social .row.partial_socials .partial_socials li a span, 18033.mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials li a span { 18034 background: url("https://static.tresiocms.com/images/social-icons2-white.svg?auto=format,compress") no-repeat 18035} 18036 18037.partial_contact_bar { 18038 position: fixed; 18039 bottom: 0; 18040 right: 0; 18041 width: 200px; 18042 height: 200px; 18043 z-index: 100000 18044} 18045 18046.partial_contact_bar.active .bubble-tooltip.active { 18047 visibility: hidden; 18048 opacity: 0; 18049 transform: translateY(10px) 18050} 18051 18052.partial_contact_bar.active .big-bubble { 18053 display: flex 18054} 18055 18056.partial_contact_bar.active .big-bubble .image-wrapper.close { 18057 margin-top: 0; 18058 transform: scale(1.3) 18059} 18060 18061.partial_contact_bar.active .big-bubble .image-wrapper.main { 18062 transform: scale(0) 18063} 18064 18065.partial_contact_bar:hover:not(.active) .bubble-tooltip.active, 18066.partial_contact_bar.hovered .bubble-tooltip.active { 18067 visibility: hidden; 18068 opacity: 0; 18069 transform: translateY(10px) 18070} 18071 18072.partial_contact_bar:hover:not(.active) .backing, 18073.partial_contact_bar.hovered .backing { 18074 transform: scale(1) 18075} 18076 18077.partial_contact_bar:hover:not(.active) .big-bubble, 18078.partial_contact_bar.hovered .big-bubble { 18079 display: none 18080} 18081 18082.partial_contact_bar:hover:not(.active) .small-bubble, 18083.partial_contact_bar.hovered .small-bubble { 18084 opacity: 1; 18085 width: 56px; 18086 height: 56px; 18087 transform: scale(1); 18088 box-shadow: 0 1px 11px -3px rgba(0, 0, 0, .3) 18089} 18090 18091.partial_contact_bar:hover:not(.active) .small-bubble:active, 18092.partial_contact_bar.hovered .small-bubble:active { 18093 transform: scale(0.95); 18094 transition: all .1s 18095}
18095 18096 18097.partial_contact_bar:hover:not(.active) .small-bubble.a, 18098.partial_contact_bar.hovered .small-bubble.a { 18099 bottom: 96px; 18100 right: 96px 18101} 18102 18103.partial_contact_bar:hover:not(.active) .small-bubble.b, 18104.partial_contact_bar.hovered .small-bubble.b { 18105 bottom: 96px; 18106 right: 24px 18107} 18108 18109.partial_contact_bar:hover:not(.active) .small-bubble.c, 18110.partial_contact_bar.hovered .small-bubble.c { 18111 bottom: 24px; 18112 right: 96px 18113} 18114 18115.partial_contact_bar:hover:not(.active) .small-bubble.d, 18116.partial_contact_bar.hovered .small-bubble.d { 18117 bottom: 24px; 18118 right: 24px 18119} 18120 18121.partial_contact_bar .backing { 18122 z-index: 1; 18123 background: rgba(255, 255, 255, 0); 18124 width: 224px; 18125 transform: scale(0); 18126 height: 224px; 18127 border-radius: 8px; 18128 position: absolute; 18129 bottom: -32px; 18130 right: -32px; 18131 transition: all .2s; 18132 transform-origin: bottom right 18133} 18134 18135.partial_contact_bar .big-bubble, 18136.partial_contact_bar .small-bubble { 18137 position: absolute; 18138 border-radius: 48px; 18139 justify-content: center; 18140 align-items: center; 18141 display: flex; 18142 flex-direction: column 18143} 18144 18145.partial_contact_bar .big-bubble>a, 18146.partial_contact_bar .small-bubble>a { 18147 align-items: center; 18148 display: flex; 18149 flex-direction: column 18150} 18151 18152.partial_contact_bar .big-bubble .image-wrapper, 18153.partial_contact_bar .small-bubble .image-wrapper { 18154 width: 20px; 18155 height: 20px 18156} 18157 18158.partial_contact_bar .big-bubble .image-wrapper .primary, 18159.partial_contact_bar .small-bubble .image-wrapper .primary { 18160 stroke: #fff !important 18161} 18162 18163.partial_contact_bar .big-bubble .image-wrapper .primary-fill, 18164.partial_contact_bar .small-bubble .image-wrapper .primary-fill { 18165 fill: #fff !important 18166} 18167 18168.partial_contact_bar .big-bubble { 18169 width: 56px; 18170 height: 56px; 18171 box-shadow: 0 1px 11px -3px rgba(0, 0, 0, .3); 18172 bottom: 24px; 18173 right: 24px; 18174 transform: scale(1); 18175 transform-origin: center center; 18176 cursor: pointer; 18177 transition: all .1s, width .1s, height .1s, transform .1s; 18178 z-index: 20; 18179 background: #4d4d63 18180} 18181 18182.partial_contact_bar .big-bubble .image-wrapper { 18183 position: absolute; 18184 left: 0; 18185 right: 0; 18186 margin: 0 auto; 18187 transition: all .1s 18188} 18189 18190.partial_contact_bar .big-bubble .image-wrapper.main { 18191 width: 24px; 18192 height: 24px; 18193 transform: scale(1) 18194} 18195 18196.partial_contact_bar .big-bubble .image-wrapper.close { 18197 margin-top: -10px; 18198 transform: scale(0) 18199} 18200 18201.partial_contact_bar .small-bubble { 18202 cursor: pointer; 18203 width: 56px; 18204 height: 56px; 18205 opacity: 0; 18206 bottom: 24px; 18207 right: 24px; 18208 z-index: 10; 18209 background: #222; 18210 transition: all .15s, bottom .12s ease-in .1s, right .12s ease-in .1s, transform .1s, opacity 0s 18211} 18212 18213.partial_contact_bar .small-bubble:hover { 18214 background: #413f60; 18215 transform: scale(1.05) 18216} 18217 18218.partial_contact_bar .small-bubble .image-wrapper { 18219 width: 16px; 18220 height: 16px; 18221 margin-top: -2px 18222} 18223 18224.partial_contact_bar .small-bubble .image-wrapper svg { 18225 width: 16px; 18226 height: 16px 18227} 18228 18229.partial_contact_bar .small-bubble .lbl { 18230 color: #fff; 18231 font-weight: 500; 18232 font-size: 8px; 18233 text-align: center; 18234 letter-spacing: initial; 18235 user-select: none; 18236 text-transform: uppercase; 18237 margin-top: 4px 18238} 18239 18240.partial_contact_bar .bubble-tooltip { 18241 position: fixed; 18242 bottom: 100px; 18243 right: 24px; 18244 background: #fff; 18245 border-radius: 6px; 18246 box-shadow: 0 1px 3px rgba(0, 0, 0, .3); 18247 padding: 12px 16px; 18248 letter-spacing: initial; 18249 font-size: 14px; 18250 font-weight: 500; 18251 z-index: 6000000; 18252 transition: all .1s; 18253 visibility: hidden; 18254 opacity: 0; 18255 transform: translateY(10px) 18256} 18257 18258.partial_contact_bar .bubble-tooltip.active { 18259 visibility: visible; 18260 opacity: 1; 18261 transform: translateY(0) 18262} 18263 18264.partial_contact_bar .bubble-tooltip .tip { 18265 position: absolute; 18266 bottom: -4px; 18267 right: 22px; 18268 background: #fff; 18269 border-radius: 2px; 18270 box-shadow: 1px 1px 2px rgba(0, 0, 0, .1); 18271 width: 12px; 18272 height: 12px; 18273 z-index: 10; 18274 transform: rotate(45deg) 18275} 18276 18277.locations .partial_contact_bar { 18278 right: 50px 18279} 18280 18281@media only screen and (max-width: 40em) { 18282 .locations .partial_contact_bar { 18283 display: none 18284 } 18285} 18286 18287@media only screen and (max-width: 40em) { 18288 .partial_contact_bar { 18289 bottom: 0; 18290 left: 0; 18291 right: 0; 18292 width: 100%; 18293 height: 64px 18294 } 18295 18296 .partial_contact_bar:hover .small-bubble, 18297 .partial_contact_bar.active .small-bubble, 18298 .partial_contact_bar.hovered .small-bubble { 18299 position: relative; 18300 bottom: initial !important; 18301 right: initial !important; 18302 box-shadow: none !important 18303 } 18304 18305 .partial_contact_bar .backing { 18306 height: 60px; 18307 bottom: 0; 18308 background: #fff; 18309 box-shadow: 0 -1px 3px rgba(0, 0, 0, .3); 18310 display: block; 18311 border-radius: 0; 18312 visibility: visible; 18313 opacity: 1; 18314 width: 100%; 18315 left: 0; 18316 right: 0; 18317 transform: scale(1) 18318 } 18319 18320 .partial_contact_bar .small-bubbles { 18321 position: absolute; 18322 bottom: 0; 18323 left: 24px; 18324 right: 24px; 18325 padding-bottom: 0; 18326 display: flex; 18327 justify-content: space-between 18328 } 18329 18330 .partial_contact_bar .small-bubbles .small-bubble { 18331 position: relative; 18332 bottom: initial; 18333 right: initial; 18334 border-radius: 0; 18335 background: none; 18336 height: 60px; 18337 padding: 0 24px; 18338 padding-top: 4px; 18339 width: fit-content 18340 } 18341 18342 .lp .partial_contact_bar .small-bubbles .small-bubble .contact-scroll { 18343 padding: unset; 18344 font-size: unset; 18345 font-family: unset; 18346 background: unset; 18347 color: unset; 18348 font-weight: unset; 18349 border-radius: unset; 18350 opacity: unset; 18351 margin: unset; 18352 cursor: unset; 18353 z-index: unset 18354 } 18355 18356 .partial_contact_bar .small-bubbles .small-bubble.active { 18357 bottom: 0; 18358 left: 24px; 18359 right: 24px; 18360 padding-bottom: 0 18361 } 18362 18363 .partial_contact_bar .small-bubbles .small-bubble:focus, 18364 .partial_contact_bar .small-bubbles .small-bubble:active { 18365 transform: none 18366 } 18367 18368 .partial_contact_bar .small-bubbles .small-bubble .lbl { 18369 color: #000 18370 } 18371 18372 .partial_contact_bar .big-bubble { 18373 display: none !important 18374 } 18375 18376 .partial_contact_bar .big-bubble .image-wrapper, 18377 .partial_contact_bar .small-bubble .image-wrapper {
18378 width: 20px; 18379 height: 20px 18380 } 18381 18382 .partial_contact_bar .big-bubble .image-wrapper .primary, 18383 .partial_contact_bar .small-bubble .image-wrapper .primary { 18384 stroke: #222 !important 18385 } 18386 18387 .partial_contact_bar .big-bubble .image-wrapper .primary-fill, 18388 .partial_contact_bar .small-bubble .image-wrapper .primary-fill { 18389 fill: #222 !important 18390 } 18391 18392 .partial_contact_bar .bubble-tooltip { 18393 bottom: 76px; 18394 right: 32px 18395 } 18396} 18397 18398.fixed-cta { 18399 display: none 18400} 18401 18402.fixed-cta a { 18403 border-left: none; 18404 border-right: none 18405} 18406 18407.lp .fixed-cta .contact-scroll { 18408 margin-bottom: 0 18409} 18410 18411#tresio-widget-container .tresio-widget-header { 18412 color: #fff !important 18413} 18414 18415@font-face { 18416 font-family: "swiper-icons"; 18417 src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); 18418 font-weight: 400; 18419 font-style: normal 18420} 18421 18422@keyframes swiper-preloader-spin { 18423 0% { 18424 transform: rotate(0deg) 18425 } 18426 18427 100% { 18428 transform: rotate(360deg) 18429 } 18430} 18431 18432* { 18433 --swiper-navigation-size: 44px 18434} 18435 18436.swiper { 18437 margin-left: auto; 18438 margin-right: auto; 18439 position: relative; 18440 overflow: hidden; 18441 list-style: none; 18442 padding: 0; 18443 z-index: 1 18444} 18445 18446.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { 18447 animation: swiper-preloader-spin 1s infinite linear 18448} 18449 18450.swiper .swiper-notification { 18451 position: absolute; 18452 left: 0; 18453 top: 0; 18454 pointer-events: none; 18455 opacity: 0; 18456 z-index: -1000 18457} 18458 18459.swiper-vertical>.swiper-wrapper { 18460 flex-direction: column 18461} 18462 18463.swiper-vertical>.swiper-pagination-bullets { 18464 right: 10px; 18465 top: 50%; 18466 transform: translate3d(0px, -50%, 0) 18467} 18468 18469.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { 18470 margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; 18471 display: block 18472} 18473 18474.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 18475 top: 50%; 18476 transform: translateY(-50%); 18477 width: 8px 18478} 18479 18480.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 18481 display: inline-block; 18482 transition: 200ms transform, 200ms top 18483} 18484 18485.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { 18486 width: 100%; 18487 height: 4px; 18488 left: 0; 18489 top: 0 18490} 18491 18492.swiper-vertical>.swiper-pagination-progressbar { 18493 width: 4px; 18494 height: 100%; 18495 left: 0; 18496 top: 0 18497} 18498 18499.swiper-vertical>.swiper-scrollbar {
18500 position: absolute; 18501 right: 3px; 18502 top: 1%; 18503 z-index: 50; 18504 width: 5px; 18505 height: 98% 18506} 18507 18508.swiper-wrapper { 18509 position: relative; 18510 width: 100%; 18511 height: 100%; 18512 z-index: 1; 18513 display: flex; 18514 transition-property: transform; 18515 box-sizing: content-box; 18516 transform: translate3d(0px, 0, 0) 18517} 18518 18519.swiper-android .swiper-slide { 18520 transform: translate3d(0px, 0, 0) 18521} 18522 18523.swiper-pointer-events { 18524 touch-action: pan-y 18525} 18526 18527.swiper-pointer-events.swiper-vertical { 18528 touch-action: pan-x 18529} 18530 18531.swiper-slide { 18532 flex-shrink: 0; 18533 width: 100%; 18534 height: 100%; 18535 position: relative; 18536 transition-property: transform 18537} 18538 18539.swiper-slide-invisible-blank { 18540 visibility: hidden 18541} 18542 18543.swiper-autoheight { 18544 height: auto 18545} 18546 18547.swiper-autoheight .swiper-slide { 18548 height: auto 18549} 18550 18551.swiper-autoheight .swiper-wrapper { 18552 align-items: flex-start; 18553 transition-property: transform, height 18554} 18555 18556.swiper-backface-hidden .swiper-slide { 18557 transform: translateZ(0); 18558 -webkit-backface-visibility: hidden; 18559 backface-visibility: hidden 18560} 18561 18562.swiper-3d { 18563 perspective: 1200px 18564} 18565 18566.swiper-3d .swiper-wrapper { 18567 transform-style: preserve-3d 18568} 18569 18570.swiper-3d .swiper-slide { 18571 transform-style: preserve-3d 18572} 18573 18574.swiper-3d .swiper-slide-shadow { 18575 transform-style: preserve-3d; 18576 position: absolute; 18577 left: 0; 18578 top: 0; 18579 width: 100%; 18580 height: 100%; 18581 pointer-events: none; 18582 z-index: 10; 18583 background: rgba(0, 0, 0, .15) 18584} 18585 18586.swiper-3d .swiper-slide-shadow-left { 18587 transform-style: preserve-3d; 18588 position: absolute; 18589 left: 0; 18590 top: 0; 18591 width: 100%; 18592 height: 100%; 18593 pointer-events: none; 18594 z-index: 10; 18595 background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) 18596} 18597 18598.swiper-3d .swiper-slide-shadow-right { 18599 transform-style: preserve-3d; 18600 position: absolute; 18601 left: 0; 18602 top: 0; 18603 width: 100%; 18604 height: 100%; 18605 pointer-events: none; 18606 z-index: 10; 18607 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) 18608} 18609 18610.swiper-3d .swiper-slide-shadow-top { 18611 transform-style: preserve-3d; 18612 position: absolute; 18613 left: 0; 18614 top: 0; 18615 width: 100%; 18616 height: 100%; 18617 pointer-events: none; 18618 z-index: 10; 18619 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) 18620} 18621 18622.swiper-3d .swiper-slide-shadow-bottom { 18623 transform-style: preserve-3d; 18624 position: absolute; 18625 left: 0; 18626 top: 0; 18627 width: 100%; 18628 height: 100%; 18629 pointer-events: none; 18630 z-index: 10; 18631 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) 18632} 18633 18634.swiper-3d .swiper-cube-shadow { 18635 transform-style: preserve-3d 18636} 18637 18638.swiper-3d.swiper-css-mode .swiper-wrapper { 18639 perspective: 1200px 18640} 18641 18642.swiper-css-mode>.swiper-wrapper { 18643 overflow: auto; 18644 scrollbar-width: none; 18645 -ms-overflow-style: none 18646} 18647 18648.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
18649 display: none 18650} 18651 18652.swiper-css-mode>.swiper-wrapper>.swiper-slide { 18653 scroll-snap-align: start start 18654} 18655 18656.swiper-horizontal.swiper-css-mode>.swiper-wrapper { 18657 scroll-snap-type: x mandatory 18658} 18659 18660.swiper-vertical.swiper-css-mode>.swiper-wrapper { 18661 scroll-snap-type: y mandatory 18662} 18663 18664.swiper-centered>.swiper-wrapper::before { 18665 content: ""; 18666 flex-shrink: 0; 18667 order: 9999 18668} 18669 18670.swiper-centered>.swiper-wrapper>.swiper-slide { 18671 scroll-snap-align: center center 18672} 18673 18674.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { 18675 margin-inline-start: var(--swiper-centered-offset-before) 18676} 18677 18678.swiper-centered.swiper-horizontal>.swiper-wrapper::before { 18679 height: 100%; 18680 min-height: 1px; 18681 width: var(--swiper-centered-offset-after) 18682} 18683 18684.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { 18685 margin-block-start: var(--swiper-centered-offset-before) 18686} 18687 18688.swiper-centered.swiper-vertical>.swiper-wrapper::before { 18689 width: 100%; 18690 min-width: 1px; 18691 height: var(--swiper-centered-offset-after) 18692} 18693 18694.swiper-virtual .swiper-slide { 18695 -webkit-backface-visibility: hidden; 18696 transform: translateZ(0) 18697} 18698 18699.swiper-virtual.swiper-css-mode .swiper-wrapper::after { 18700 content: ""; 18701 position: absolute; 18702 left: 0; 18703 top: 0; 18704 pointer-events: none 18705} 18706 18707.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { 18708 height: 1px; 18709 width: var(--swiper-virtual-size) 18710} 18711 18712.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { 18713 width: 1px; 18714 height: var(--swiper-virtual-size) 18715} 18716 18717.swiper-button-prev { 18718 position: absolute; 18719 top: 50%; 18720 width: calc(var(--swiper-navigation-size)/44*27); 18721 height: var(--swiper-navigation-size); 18722 margin-top: calc(0px - var(--swiper-navigation-size)/2); 18723 z-index: 10; 18724 cursor: pointer; 18725 display: flex; 18726 align-items: center; 18727 justify-content: center; 18728 color: #d9c184; 18729 left: 10px; 18730 right: auto 18731} 18732 18733.swiper-button-prev:after { 18734 font-family: swiper-icons; 18735 font-size: var(--swiper-navigation-size); 18736 text-transform: none !important; 18737 letter-spacing: 0; 18738 text-transform: none; 18739 font-variant: initial; 18740 line-height: 1; 18741 content: "prev" 18742} 18743 18744.swiper-button-next { 18745 position: absolute; 18746 top: 50%; 18747 width: calc(var(--swiper-navigation-size)/44*27); 18748 height: var(--swiper-navigation-size); 18749 margin-top: calc(0px - var(--swiper-navigation-size)/2); 18750 z-index: 10; 18751 cursor: pointer; 18752 display: flex; 18753 align-items: center; 18754 justify-content: center; 18755 color: #d9c184; 18756 right: 10px; 18757 left: auto 18758} 18759 18760.swiper-button-next:after { 18761 font-family: swiper-icons; 18762 font-size: var(--swiper-navigation-size); 18763 text-transform: none !important; 18764 letter-spacing: 0; 18765 text-transform: none; 18766 font-variant: initial; 18767 line-height: 1; 18768 content: "next" 18769} 18770 18771.swiper-button-prev.swiper-button-disabled { 18772 opacity: .35; 18773 cursor: auto; 18774 pointer-events: none 18775} 18776 18777.swiper-button-next.swiper-button-disabled { 18778 opacity: .35; 18779 cursor: auto; 18780 pointer-events: none 18781} 18782 18783.swiper-rtl .swiper-button-next { 18784 left: 10px; 18785 right: auto 18786} 18787 18788.swiper-rtl .swiper-button-next:after { 18789 content: "prev" 18790} 18791 18792.swiper-rtl .swiper-button-prev { 18793 right: 10px; 18794 left: auto 18795} 18796 18797.swiper-rtl .swiper-button-prev:after { 18798 content: "next" 18799} 18800 18801.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 18802 transform-origin: right top 18803} 18804 18805.swiper-button-lock { 18806 display: none 18807} 18808 18809.swiper-pagination { 18810 position: absolute; 18811 text-align: center; 18812 transition: 300ms opacity; 18813 transform: translate3d(0, 0, 0); 18814 z-index: 10 18815} 18816 18817.swiper-pagination.swiper-pagination-hidden { 18818 opacity: 0 18819} 18820 18821.swiper-pagination-fraction { 18822 bottom: 10px; 18823 left: 0; 18824 width: 100% 18825} 18826 18827.swiper-pagination-custom { 18828 bottom: 10px; 18829 left: 0; 18830 width: 100% 18831} 18832 18833.swiper-horizontal>.swiper-pagination-bullets { 18834 bottom: 10px; 18835 left: 0; 18836 width: 100% 18837} 18838 18839.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { 18840 margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) 18841} 18842 18843.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 18844 left: 50%; 18845 transform: translateX(-50%); 18846 white-space: nowrap 18847} 18848 18849.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 18850 transition: 200ms transform, 200ms left 18851} 18852 18853.swiper-horizontal>.swiper-pagination-progressbar { 18854 width: 100%; 18855 height: 4px; 18856 left: 0; 18857 top: 0 18858} 18859 18860.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { 18861 width: 4px; 18862 height: 100%; 18863 left: 0; 18864 top: 0 18865} 18866 18867.swiper-horizontal>.swiper-scrollbar {
18868 position: absolute; 18869 left: 1%; 18870 bottom: 3px; 18871 z-index: 50; 18872 height: 5px; 18873 width: 98% 18874} 18875 18876.swiper-pagination-bullets.swiper-pagination-horizontal { 18877 bottom: 10px; 18878 left: 0; 18879 width: 100% 18880} 18881 18882.swiper-pagination-bullets-dynamic { 18883 overflow: hidden; 18884 font-size: 0 18885} 18886 18887.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 18888 transform: scale(0.33); 18889 position: relative 18890} 18891 18892.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { 18893 transform: scale(1) 18894} 18895 18896.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { 18897 transform: scale(1) 18898} 18899 18900.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { 18901 transform: scale(0.66) 18902} 18903 18904.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { 18905 transform: scale(0.33) 18906} 18907 18908.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { 18909 transform: scale(0.66) 18910} 18911 18912.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { 18913 transform: scale(0.33) 18914} 18915 18916.swiper-pagination-bullet { 18917 width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); 18918 height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); 18919 display: inline-block; 18920 border-radius: 50%; 18921 background: var(--swiper-pagination-bullet-inactive-color, #000); 18922 opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2) 18923} 18924 18925.swiper-pagination-bullet:only-child { 18926 display: none !important 18927} 18928 18929button.swiper-pagination-bullet { 18930 border: none; 18931 margin: 0; 18932 padding: 0; 18933 box-shadow: none; 18934 -webkit-appearance: none; 18935 appearance: none 18936} 18937 18938.swiper-pagination-clickable .swiper-pagination-bullet { 18939 cursor: pointer 18940} 18941 18942.swiper-pagination-bullet-active { 18943 opacity: 1; 18944 background: #d9c184 18945} 18946 18947.swiper-pagination-vertical.swiper-pagination-bullets { 18948 right: 10px; 18949 top: 50%; 18950 transform: translate3d(0px, -50%, 0) 18951} 18952 18953.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { 18954 margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; 18955 display: block 18956} 18957 18958.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 18959 top: 50%; 18960 transform: translateY(-50%); 18961 width: 8px 18962} 18963 18964.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 18965 display: inline-block; 18966 transition: 200ms transform, 200ms top 18967} 18968 18969.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { 18970 margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px) 18971} 18972 18973.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 18974 left: 50%; 18975 transform: translateX(-50%); 18976 white-space: nowrap 18977} 18978 18979.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 18980 transition: 200ms transform, 200ms left 18981} 18982 18983.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 18984 transition: 200ms transform, 200ms right 18985} 18986 18987.swiper-pagination-progressbar { 18988 background: rgba(0, 0, 0, .25); 18989 position: absolute 18990} 18991 18992.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 18993 background: #d9c184; 18994 position: absolute; 18995 left: 0; 18996 top: 0; 18997 width: 100%; 18998 height: 100%; 18999 transform: scale(0); 19000 transform-origin: left top 19001} 19002 19003.swiper-pagination-progressbar.swiper-pagination-horizontal { 19004 width: 100%; 19005 height: 4px; 19006 left: 0; 19007 top: 0 19008} 19009 19010.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { 19011 width: 100%; 19012 height: 4px; 19013 left: 0; 19014 top: 0 19015} 19016 19017.swiper-pagination-progressbar.swiper-pagination-vertical { 19018 width: 4px; 19019 height: 100%; 19020 left: 0; 19021 top: 0 19022} 19023 19024.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { 19025 width: 4px; 19026 height: 100%; 19027 left: 0; 19028 top: 0 19029} 19030 19031.swiper-pagination-lock { 19032 display: none 19033} 19034 19035.swiper-scrollbar {
19036 border-radius: 10px; 19037 position: relative; 19038 -ms-touch-action: none; 19039 background: rgba(0, 0, 0, .1) 19040} 19041 19042.swiper-scrollbar-drag { 19043 height: 100%; 19044 width: 100%; 19045 position: relative; 19046 background: rgba(0, 0, 0, .5); 19047 border-radius: 10px; 19048 left: 0; 19049 top: 0 19050} 19051 19052.swiper-scrollbar-cursor-drag { 19053 cursor: move 19054} 19055 19056.swiper-scrollbar-lock { 19057 display: none 19058} 19059 19060.swiper-zoom-container { 19061 width: 100%; 19062 height: 100%; 19063 display: flex; 19064 justify-content: center; 19065 align-items: center; 19066 text-align: center 19067} 19068 19069.swiper-zoom-container>img { 19070 max-width: 100%; 19071 max-height: 100%; 19072 object-fit: contain 19073} 19074 19075.swiper-zoom-container>svg { 19076 max-width: 100%; 19077 max-height: 100%; 19078 object-fit: contain 19079} 19080 19081.swiper-zoom-container>canvas { 19082 max-width: 100%; 19083 max-height: 100%; 19084 object-fit: contain 19085} 19086 19087.swiper-slide-zoomed { 19088 cursor: move 19089} 19090 19091.swiper-lazy-preloader { 19092 width: 42px; 19093 height: 42px; 19094 position: absolute; 19095 left: 50%; 19096 top: 50%; 19097 margin-left: -21px; 19098 margin-top: -21px; 19099 z-index: 10; 19100 transform-origin: 50%; 19101 box-sizing: border-box; 19102 border: 4px solid #d9c184; 19103 border-radius: 50%; 19104 border-top-color: rgba(0, 0, 0, 0) 19105} 19106 19107.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { 19108 animation: swiper-preloader-spin 1s infinite linear 19109} 19110 19111.swiper-lazy-preloader-white { 19112 --swiper-preloader-color: #fff 19113} 19114 19115.swiper-lazy-preloader-black { 19116 --swiper-preloader-color: #000 19117} 19118 19119.swiper-free-mode>.swiper-wrapper { 19120 transition-timing-function: ease-out; 19121 margin: 0 auto 19122} 19123 19124.swiper-grid>.swiper-wrapper { 19125 flex-wrap: wrap 19126} 19127 19128.swiper-grid-column>.swiper-wrapper { 19129 flex-wrap: wrap; 19130 flex-direction: column 19131} 19132 19133.swiper-fade.swiper-free-mode .swiper-slide { 19134 transition-timing-function: ease-out 19135} 19136 19137.swiper-fade .swiper-slide { 19138 pointer-events: none; 19139 transition-property: opacity 19140} 19141 19142.swiper-fade .swiper-slide .swiper-slide { 19143 pointer-events: none 19144} 19145 19146.swiper-fade .swiper-slide-active { 19147 pointer-events: auto 19148} 19149 19150.swiper-fade .swiper-slide-active .swiper-slide-active { 19151 pointer-events: auto 19152} 19153 19154.swiper-cube { 19155 overflow: visible 19156} 19157 19158.swiper-cube .swiper-slide { 19159 pointer-events: none; 19160 -webkit-backface-visibility: hidden; 19161 backface-visibility: hidden; 19162 z-index: 1; 19163 visibility: hidden; 19164 transform-origin: 0 0; 19165 width: 100%; 19166 height: 100% 19167} 19168 19169.swiper-cube .swiper-slide .swiper-slide { 19170 pointer-events: none 19171} 19172 19173.swiper-cube .swiper-slide-active { 19174 pointer-events: auto; 19175 pointer-events: auto; 19176 visibility: visible 19177} 19178 19179.swiper-cube .swiper-slide-active .swiper-slide-active { 19180 pointer-events: auto 19181} 19182 19183.swiper-cube .swiper-slide-next { 19184 pointer-events: auto; 19185 visibility: visible 19186} 19187 19188.swiper-cube .swiper-slide-next+.swiper-slide { 19189 pointer-events: auto; 19190 visibility: visible 19191} 19192 19193.swiper-cube .swiper-slide-prev { 19194 pointer-events: auto; 19195 visibility: visible 19196} 19197 19198.swiper-cube .swiper-slide-shadow-top { 19199 z-index: 0; 19200 -webkit-backface-visibility: hidden; 19201 backface-visibility: hidden 19202} 19203 19204.swiper-cube .swiper-slide-shadow-bottom { 19205 z-index: 0; 19206 -webkit-backface-visibility: hidden; 19207 backface-visibility: hidden 19208} 19209 19210.swiper-cube .swiper-slide-shadow-left { 19211 z-index: 0; 19212 -webkit-backface-visibility: hidden; 19213 backface-visibility: hidden 19214} 19215 19216.swiper-cube .swiper-slide-shadow-right { 19217 z-index: 0; 19218 -webkit-backface-visibility: hidden; 19219 backface-visibility: hidden 19220} 19221 19222.swiper-cube .swiper-cube-shadow { 19223 position: absolute; 19224 left: 0; 19225 bottom: 0px; 19226 width: 100%; 19227 height: 100%; 19228 opacity: .6; 19229 z-index: 0 19230} 19231 19232.swiper-cube .swiper-cube-shadow:before { 19233 content: ""; 19234 background: #000; 19235 position: absolute; 19236 left: 0; 19237 top: 0; 19238 bottom: 0; 19239 right: 0; 19240 filter: blur(50px) 19241} 19242 19243.swiper-cube.swiper-rtl .swiper-slide { 19244 transform-origin: 100% 0 19245} 19246 19247.swiper-flip { 19248 overflow: visible 19249} 19250 19251.swiper-flip .swiper-slide { 19252 pointer-events: none; 19253 -webkit-backface-visibility: hidden; 19254 backface-visibility: hidden; 19255 z-index: 1 19256} 19257 19258.swiper-flip .swiper-slide .swiper-slide { 19259 pointer-events: none 19260} 19261 19262.swiper-flip .swiper-slide-active { 19263 pointer-events: auto 19264} 19265 19266.swiper-flip .swiper-slide-active .swiper-slide-active { 19267 pointer-events: auto 19268} 19269 19270.swiper-flip .swiper-slide-shadow-top { 19271 z-index: 0; 19272 -webkit-backface-visibility: hidden; 19273 backface-visibility: hidden 19274} 19275 19276.swiper-flip .swiper-slide-shadow-bottom { 19277 z-index: 0; 19278 -webkit-backface-visibility: hidden; 19279 backface-visibility: hidden 19280} 19281 19282.swiper-flip .swiper-slide-shadow-left { 19283 z-index: 0; 19284 -webkit-backface-visibility: hidden; 19285 backface-visibility: hidden 19286} 19287 19288.swiper-flip .swiper-slide-shadow-right { 19289 z-index: 0; 19290 -webkit-backface-visibility: hidden; 19291 backface-visibility: hidden 19292} 19293 19294.swiper-creative .swiper-slide { 19295 -webkit-backface-visibility: hidden; 19296 backface-visibility: hidden; 19297 overflow: hidden; 19298 transition-property: transform, opacity, height 19299} 19300 19301.swiper-cards { 19302 overflow: visible 19303} 19304 19305.swiper-cards .swiper-slide { 19306 transform-origin: center bottom; 19307 -webkit-backface-visibility: hidden; 19308 backface-visibility: hidden; 19309 overflow: hidden 19310} 19311 19312@keyframes typingBounce { 19313 0% { 19314 background: #aaa 19315 } 19316 19317 50% { 19318 background: #ccc 19319 } 19320 19321 100% { 19322 background: #aaa 19323 } 19324} 19325 19326@keyframes visibleOutboundMessage { 19327 0% { 19328 transform: translateY(16px) translateX(-25%) 19329 } 19330 19331 30% { 19332 transform: translateY(8px) translateX(0) 19333 } 19334 19335 100% { 19336 transform: translateY(0) translateX(0) 19337 } 19338} 19339 19340@keyframes visibleInboundMessage { 19341 0% { 19342 transform: translateY(-2px) translateX(0) 19343 } 19344 19345 30% { 19346 transform: translateY(-2px) translateX(0) 19347 } 19348 19349 100% { 19350 transform: translateY(0) translateX(0) 19351 } 19352} 19353 19354.leadloop-chat-widget { 19355 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif; 19356 font-weight: 400; 19357 letter-spacing: normal; 19358 font-size: 12px; 19359 position: fixed; 19360 overflow: hidden; 19361 bottom: 64px; 19362 right: 440px; 19363 height: 600px; 19364 width: 380px; 19365 background: #fff; 19366 z-index: 100000; 19367 border-radius: 6px 6px 16px 16px; 19368 box-shadow: 0 0 24px 2px rgba(0, 0, 0, .2); 19369 display: flex; 19370 flex-direction: column; 19371 opacity: 0; 19372 transform: translateY(20px) scale(0.8); 19373 transition: all .2s 19374} 19375 19376.leadloop-chat-widget.active { 19377 opacity: 1; 19378 transform: translateY(0px) scale(1) 19379} 19380 19381.leadloop-chat-widget .buffer { 19382 opacity: 0; 19383 position: absolute; 19384 left: -20000px; 19385 width: 100%; 19386 height: 100px 19387} 19388 19389.leadloop-chat-widget .header { 19390 height: 80px; 19391 background: #4d7fff; 19392 color: #fff; 19393 display: flex; 19394 justify-content: space-between 19395} 19396 19397.leadloop-chat-widget .header .heading { 19398 margin-left: 16px; 19399 font-size: 16px; 19400 line-height: 64px; 19401 user-select: none; 19402 font-weight: 600 19403} 19404 19405.leadloop-chat-widget .header .close-button { 19406 position: relative; 19407 float: right; 19408 width: 24px; 19409 height: 24px;
19410 cursor: pointer; 19411 margin-top: 20px; 19412 margin-right: 16px; 19413 user-select: none 19414} 19415 19416.leadloop-chat-widget .header .close-button:before { 19417 content: " "; 19418 position: absolute; 19419 margin: auto; 19420 width: 24px; 19421 height: 24px; 19422 border-radius: 64px; 19423 background: rgba(255, 255, 255, .1); 19424 transition: all .2s; 19425 transform-origin: center center; 19426 z-index: 5 19427} 19428 19429.leadloop-chat-widget .header .close-button:hover:before { 19430 transform: scale(1.2) 19431} 19432 19433.leadloop-chat-widget .header .close-button:hover div { 19434 color: #fff 19435} 19436 19437.leadloop-chat-widget .header .close-button div { 19438 color: rgba(255, 255, 255, .8); 19439 position: absolute; 19440 width: 24px; 19441 line-height: 23px; 19442 font-weight: 300; 19443 font-size: 14px; 19444 text-align: center; 19445 z-index: 10; 19446 transition: all .2s 19447} 19448 19449.leadloop-chat-widget .content-filler { 19450 flex: 1 19451} 19452 19453.leadloop-chat-widget .content-wrapper { 19454 position: absolute; 19455 top: 64px; 19456 bottom: 64px; 19457 left: 0; 19458 right: 0; 19459 background: #fff; 19460 overflow: hidden; 19461 border-radius: 3px 3px 0 0; 19462 box-shadow: 0px -2px 2px rgba(0, 0, 0, .1) 19463} 19464 19465.leadloop-chat-widget .content { 19466 height: 100%; 19467 display: flex; 19468 flex-direction: column; 19469 width: 100%; 19470 overflow-y: scroll; 19471 padding-top: 16px; 19472 padding-bottom: 16px 19473} 19474 19475.leadloop-chat-widget .message { 19476 padding-top: 2px; 19477 width: 100%; 19478 display: flex; 19479 opacity: 0; 19480 transition: opacity .1s, transform .2s 19481} 19482 19483.leadloop-chat-widget .message.visible { 19484 animation-duration: .5s; 19485 animation-name: visibleOutboundMessage; 19486 transform: translateY(0) translateX(0); 19487 opacity: 1 19488} 19489 19490.leadloop-chat-widget .message .message-bubble { 19491 border-radius: 16px; 19492 width: fit-content; 19493 max-width: 70%; 19494 transition: height .1s, width .1s 19495} 19496 19497.leadloop-chat-widget .message .message-bubble .message-text { 19498 line-height: 1.2em; 19499 color: #fff; 19500 font-size: 12px; 19501 padding: 8px 12px; 19502 min-height: 30px; 19503 text-overflow: ellipsis; 19504 overflow: hidden 19505} 19506 19507.leadloop-chat-widget .message .message-bubble .message-text strong { 19508 color: #336bff; 19509 font-weight: 600 19510} 19511 19512.leadloop-chat-widget .message .message-bubble .message-text .typing { 19513 display: flex; 19514 padding-top: 5px 19515} 19516 19517.leadloop-chat-widget .message .message-bubble .message-text .typing div { 19518 width: 6px; 19519 height: 6px; 19520 border-radius: 6px; 19521 background: #aaa; 19522 margin-right: 3px; 19523 animation-duration: 1s; 19524 animation-name: typingBounce; 19525 animation-iteration-count: infinite 19526} 19527 19528.leadloop-chat-widget .message .message-bubble .message-text .typing div:last-child { 19529 margin-right: 0 19530} 19531 19532.leadloop-chat-widget .message .message-bubble .message-text .typing div:nth-child(0) { 19533 animation-delay: 0s 19534} 19535 19536.leadloop-chat-widget .message .message-bubble .message-text .typing div:nth-child(1) { 19537 animation-delay: .33s 19538} 19539 19540.leadloop-chat-widget .message .message-bubble .message-text .typing div:nth-child(2) { 19541 animation-delay: .66s 19542} 19543 19544.leadloop-chat-widget .message.outbound { 19545 justify-content: flex-end 19546} 19547 19548.leadloop-chat-widget .message.outbound+.inbound { 19549 margin-top: 16px 19550} 19551 19552.leadloop-chat-widget .message.outbound .message-bubble { 19553 background: #4d7fff; 19554 margin-right: 16px 19555} 19556 19557.leadloop-chat-widget .message.inbound+.outbound { 19558 margin-top: 16px 19559} 19560 19561.leadloop-chat-widget .message.inbound.visible { 19562 animation-duration: .2s; 19563 animation-name: visibleInboundMessage 19564} 19565 19566.leadloop-chat-widget .message.inbound .message-bubble { 19567 margin-left: 16px; 19568 background: #eee 19569} 19570 19571.leadloop-chat-widget .message.inbound .message-bubble .message-text { 19572 color: #444; 19573 cursor: default 19574} 19575 19576.leadloop-chat-widget .message-options { 19577 margin-top: 6px; 19578 padding-left: 16px; 19579 display: flex; 19580 flex-direction: column 19581} 19582 19583.leadloop-chat-widget .message-options.hidden { 19584 display: none 19585} 19586 19587.leadloop-chat-widget .message-options .message-option { 19588 height: 30px; 19589 line-height: 28px; 19590 cursor: pointer; 19591 text-align: center; 19592 border: 1px solid #4d7fff; 19593 border-radius: 16px; 19594 color: #4d7fff; 19595 width: fit-content; 19596 font-weight: 400; 19597 padding: 0 12px; 19598 margin-bottom: 2px; 19599 user-select: none; 19600 transition: all .2s; 19601 background: #fff 19602} 19603 19604.leadloop-chat-widget .message-options .message-option.active { 19605 background: #4d7fff; 19606 color: #fff 19607} 19608 19609.leadloop-chat-widget .message-options .message-option.active:hover { 19610 background: #4d7fff; 19611 color: #fff 19612} 19613 19614.leadloop-chat-widget .message-options .message-option:hover { 19615 background: rgba(50, 107, 255, .05) 19616} 19617 19618.leadloop-chat-widget .message-options .message-option:last-child { 19619 margin-bottom: 0 19620} 19621 19622.leadloop-chat-widget .footer { 19623 height: 64px; 19624 border-top: 1px solid rgba(0, 0, 0, .05) 19625} 19626 19627.leadloop-chat-widget .footer input { 19628 height: 100%; 19629 width: 100%; 19630 outline: none; 19631 border: none; 19632 font-size: 13px; 19633 padding-left: 16px 19634} 19635 19636.leadloop-chat-widget .footer input::placeholder { 19637 user-select: none 19638} 19639 19640.leadloop-chat-widget-mobile-footer { 19641 display: none; 19642 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif; 19643 letter-spacing: normal; 19644 position: fixed; 19645 bottom: 0; 19646 left: 0; 19647 right: 0; 19648 background: #222; 19649 height: 90px; 19650 z-index: 100000000; 19651 justify-content: space-between; 19652 overflow: hidden; 19653 border-top: 2px solid rgba(255, 255, 255, .2); 19654 transform: translateY(100%); 19655 transition: none; 19656 user-select: none 19657} 19658 19659.leadloop-chat-widget-mobile-footer.active { 19660 transition: all .2s; 19661 transform: translateY(0) 19662} 19663 19664.leadloop-chat-widget-mobile-footer.options .options-wrapper { 19665 transform: translateY(0); 19666 opacity: 1 19667} 19668 19669.leadloop-chat-widget-mobile-footer.input { 19670 transform: translateY(0); 19671 background: rgba(0, 0, 0, .8); 19672 backdrop-filter: blur(2px) 19673} 19674 19675.leadloop-chat-widget-mobile-footer.input .input-wrapper { 19676 transform: translateY(0); 19677 opacity: 1 19678} 19679 19680.leadloop-chat-widget-mobile-footer .options-wrapper { 19681 width: 100%; 19682 display: flex; 19683 transform: translateY(90px); 19684 transition: all .2s; 19685 opacity: 0 19686} 19687 19688.leadloop-chat-widget-mobile-footer .options-wrapper .option { 19689 text-align: center; 19690 margin: 0 auto; 19691 width: 72px; 19692 padding-top: 12px 19693} 19694 19695.leadloop-chat-widget-mobile-footer .options-wrapper .option .icon svg { 19696 width: 22px; 19697 fill: #fff 19698} 19699 19700.leadloop-chat-widget-mobile-footer .options-wrapper .option .label { 19701 margin-top: 4px; 19702 font-size: 10px; 19703 color: #ccc; 19704 font-weight: 500 19705} 19706 19707.leadloop-chat-widget-mobile-footer .input-wrapper { 19708 position: absolute; 19709 top: 1px; 19710 left: 0; 19711 right: 0; 19712 height: 60px; 19713 transition: all .2s; 19714 transform: translateY(-90px); 19715 opacity: 0 19716} 19717 19718.leadloop-chat-widget-mobile-footer .input-wrapper input { 19719 background: none; 19720 color: #fff; 19721 width: 100%; 19722 height: 60px; 19723 border: none; 19724 padding: 0 16px; 19725 font-size: 16px 19726} 19727 19728.leadloop-chat-widget-mobile-footer .input-wrapper input::placeholder { 19729 color: #ccc 19730} 19731 19732.leadloop-chat-widget-mobile-footer .input-wrapper input:focus { 19733 outline: none 19734} 19735 19736@media only screen and (max-width: 40em) { 19737 .leadloop-chat-widget { 19738 left: 0; 19739 right: 0; 19740 bottom: 90px; 19741 top: 0; 19742 width: auto; 19743 height: auto; 19744 box-shadow: none; 19745 background: rgba(0, 0, 0, .7); 19746 border-radius: 0; 19747 transform: scale(1); 19748 backdrop-filter: blur(2px) 19749 } 19750 19751 .leadloop-chat-widget .header { 19752 background: none; 19753 display: none 19754 } 19755 19756 .leadloop-chat-widget .content-wrapper { 19757 background: none; 19758 bottom: 0; 19759 top: 0; 19760 box-shadow: none 19761 } 19762 19763 .leadloop-chat-widget .content-wrapper .content { 19764 justify-content: end 19765 } 19766 19767 .leadloop-chat-widget .footer { 19768 display: none 19769 } 19770 19771 .leadloop-chat-widget .footer-input { 19772 display: none 19773 } 19774 19775 .leadloop-chat-widget .message .message-option { 19776 color: #4d7fff; 19777 border: 2px solid #9cb8ff; 19778 height: 34px; 19779 line-height: 30px; 19780 margin-bottom: 4px 19781 } 19782 19783 .leadloop-chat-widget .message-option, 19784 .leadloop-chat-widget .message, 19785 .leadloop-chat-widget .message-bubble .message-text { 19786 font-size: 14px !important 19787 } 19788 19789 .leadloop-chat-widget .message.inbound .message-bubble { 19790 background: #fff 19791 } 19792} 19793 19794@media only screen and (max-width: 40em) { 19795 .leadloop-chat-widget-mobile-footer { 19796 display: flex 19797 } 19798} 19799 19800form .fields .field-row .field.checkbox input 19801{ 19802 transform: scale(1.5); 19803} 19804 19805.mod_sitemap li a:not(.btn) 19806{ 19807 color: #8c7b61; 19808} 19809 19810.mod_sitemap.container>.row 19811{ 19812 padding-top: 30px; 19813 padding-bottom: 0; 19814} 19815 19816.partial_gallery_index li a 19817{ 19818 display: block; 19819 width: 100%; 19820 height: 100%; 19821} 19822 19823a.new_link 19824{ 19825 color: #fff; 19826 background: #d9c184; 19827 padding: 10px; 19828 border-radius: 4px; 19829 flex: 1; 19830 white-space: nowrap; 19831 max-width: fit-content; 19832} 19833 19834div.new_link_group 19835{ 19836 text-align: right; 19837 display: inline-flex; 19838 gap: 10px; 19839 flex-wrap: wrap; 19840 justify-content: flex-end; 19841 width: 100%; 19842 margin-left: auto; 19843} 19844 19845p.darkerlink a:not(.btn) 19846{ 19847 /*color: #af9a7a;*/ 19848 font-weight: bold; 19849} 19850.home .mod_intro .inner { 19851 max-width: 750px; 19852} 19853.intro-ani { 19854 display: none; 19855} 19856@media (min-width: 800px) {
19857 .home, .sleepless { 19858 animation: bodyFix 0.12s ease-in-out forwards; 19859 animation-delay: 5800ms; 19860 max-height: 100vh; 19861 overflow: hidden; 19862 } 19863 .intro-ani { 19864 display: block; 19865 position: fixed; 19866 top: 0; 19867 left: 0; 19868 height: 100vh; 19869 width: 100%; 19870 /* background: purple; 19871 */ 19872 z-index: 99999; 19873 overflow: hidden; 19874 animation: fadeOutDie 1s ease-in-out forwards; 19875 animation-delay: 5100ms; 19876 } 19877 .intro-ani .blade { 19878 width: 100%; 19879 height: 200%; 19880 background: #fff; 19881 position: absolute; 19882 top: 0; 19883 } 19884 .intro-ani .blade--left { 19885 left: 0; 19886 margin-lefT: -50%; 19887 /* transform: rotate(-15deg); 19888 */ 19889 animation: vLeft 2s ease-in-out forwards; 19890 animation-delay: 3100ms; 19891 transform-origin: left bottom; 19892 } 19893 .intro-ani .blade--right { 19894 right: 0; 19895 /* transform: rotate(15deg); 19896 */ 19897 margin-right: -50%; 19898 animation: vRight 2s ease-in-out forwards; 19899 animation-delay: 3100ms; 19900 transform-origin: right bottom; 19901 } 19902 .intro-ani .inner { 19903 position: relative; 19904 height: 100%; 19905 width: 100%; 19906 } 19907 .intro-ani .inner .logo-wrap { 19908 position: absolute; 19909 top: 50%; 19910 left: 50%; 19911 transform: translate(-50%, -50%); 19912 animation: fadeOut 1s ease-in-out forwards; 19913 animation-delay: 2300ms; 19914 } 19915 .intro-ani .inner .logo-wrap img { 19916 max-width: 250px; 19917 margin: 0 auto; 19918 display: block; 19919 opacity: 0; 19920 animation: fadeIn 1s ease-in-out forwards; 19921 } 19922 .intro-ani .inner .logo-wrap .locations-list { 19923 padding-top: 25px; 19924 display: flex; 19925 flex-wrap: wrap; 19926 justify-content: center; 19927 } 19928 .intro-ani .inner .logo-wrap .locations-list .location { 19929 display: flex; 19930 font-weight: 500; 19931 letter-spacing: 2px; 19932 font-size: 14px; 19933 color: #000; 19934 text-transform: uppercase; 19935 font-family: "canada-type-gibson", Arial, sans-serif; 19936 opacity: 0; 19937 animation: fadeIn 1s ease-in-out forwards; 19938 animation-delay: 500ms; 19939 } 19940 .intro-ani .inner .logo-wrap .locations-list .location:nth-child(2) { 19941 animation-delay: 1000ms; 19942 } 19943 .intro-ani .inner .logo-wrap .locations-list .location:nth-child(3) { 19944 animation-delay: 1500ms; 19945 } 19946 .intro-ani .inner .logo-wrap .locations-list .location:nth-child(4) { 19947 animation-delay: 2000ms; 19948 } 19949 .intro-ani .inner .logo-wrap .locations-list .location:last-child::after { 19950 display: none; 19951 } 19952 .intro-ani .inner .logo-wrap .locations-list .location::after { 19953 content: '|'; 19954 display: block; 19955 padding: 0 15px; 19956 } 19957 .mod_columns_three .row.maps .content { 19958 grid-template-columns: 1fr 1fr 1fr 1fr; 19959 } 19960 @keyframes fadeIn { 19961 0% { 19962 opacity: 0; 19963 } 19964 100% { 19965 opacity: 1; 19966 } 19967 } 19968 @keyframes fadeOut { 19969 0% { 19970 opacity: 1; 19971 } 19972 100% { 19973 opacity: 0; 19974 } 19975 } 19976 @keyframes vLeft { 19977 0% { 19978 transform: rotate(0); 19979 } 19980 100% { 19981 transform: rotate(-20deg); 19982 } 19983 } 19984 @keyframes vRight { 19985 0% { 19986 transform: rotate(0); 19987 } 19988 100% { 19989 transform: rotate(20deg); 19990 } 19991 } 19992 @keyframes fadeOutDie { 19993 0% { 19994 opacity: 1; 19995 } 19996 95% { 19997 opacity: 0; 19998 top: 0; 19999 } 20000 100% { 20001 opacity: 0; 20002 top: -10000px; 20003 } 20004 } 20005 @keyframes bodyFix { 20006 0% { 20007 height: 100vh; 20008 overflow: hidden; 20009 } 20010 100% { 20011 height: unset; 20012 overflow: unset; 20013 } 20014 } 20015} 20016.home .video-background { 20017 display: none; 20018} 20019footer.partial_footer .main { 20020 display: block; 20021} 20022footer.partial_footer .fixed-cta a.btn { 20023 width: 100%; 20024} 20025footer.partial_footer { 20026 padding-top: 0; 20027} 20028.footer .logo-holder { 20029 margin: 0 auto; 20030} 20031.location-boxes { 20032 display: flex; 20033 flex-wrap: wrap; 20034 position: relative; 20035 z-index: 9; 20036} 20037.location-boxes .box { 20038 width: calc(100% / 4); 20039 padding: 20px; 20040 position: relative; 20041 /* padding: 0 10px; */ 20042} 20043 20044.location-boxes .box::before { 20045 content:''; 20046 display: block; 20047 width: 100%; 20048 height: 100%; 20049 position: absolute; 20050 top: 0; 20051 left: 0; 20052 background: #000; 20053 opacity: .4; 20054 z-index: 1; 20055} 20056.location-boxes .box .box__inner { 20057 /* border: 2px solid #000; */ 20058 padding: 20px; 20059 text-align: center; 20060 aspect-ratio: 1; 20061 display: flex; 20062 align-items: center; 20063 justify-content: center; 20064 flex-direction: column; 20065 background: rgba(255,255,255, .8); 20066 position: relative; 20067 z-index: 2; 20068} 20069 20070.box-la { 20071 background: url(../assets/img/contact-LA.webp ) center center/cover no-repeat; 20072} 20073 20074.box-sf { 20075 background: url(../assets/img/contact-sf.webp ) center center/cover no-repeat; 20076} 20077 20078.box-to { 20079 background: url(../assets/img/contact-toronto.webp ) center center/cover no-repeat; 20080} 20081 20082.box-hk { 20083 background: url(../assets/img/contact-hk.webp ) center center/cover no-repeat; 20084} 20085 20086.location-boxes .box .box__inner h2 { 20087 font-size: 18px; 20088 letter-spacing: 10px; 20089} 20090.location-boxes .box .box__inner h3 { 20091 font-size: 21px; 20092 display: block; 20093 color: #af9a7a; 20094 font-family: "p22-mackinac-pro", Times, serif; 20095 font-weight: 500; 20096 font-style: italic; 20097 letter-spacing: 2px; 20098 text-transform: none; 20099} 20100.location-boxes .box .box__inner span { 20101 font-weight: 400 !important; 20102 font-size: 18px !important; 20103 color: #000 !important; 20104 font-family: "canada-type-gibson", Arial, sans-serif !important; 20105 line-height: 1.2 !important; 20106 font-style: normal !important; 20107 display: block; 20108 margin: 0 !important;
20109 line-height: 26px !important; 20110} 20111.location-boxes .box .box__inner .email { 20112 text-align: center; 20113 margin-top: 10px; 20114} 20115.location-boxes .box .box__inner .email a { 20116 text-decoration: underline; 20117} 20118.location-boxes .box .box__inner .btn { 20119 margin-top: 25px; 20120} 20121@media (max-width: 1350px) { 20122 .location-boxes .box { 20123 width: 50%; 20124 padding-bottom: 20px; 20125 } 20126} 20127@media (max-width: 600px) { 20128 .location-boxes .box { 20129 width: 100%; 20130 padding-bottom: 20px; 20131 } 20132 .location-boxes .box .box__inner { 20133 aspect-ratio: unset; 20134 } 20135} 20136.locations.sub .mod_home_location_slider { 20137 padding: 40px 0; 20138} 20139.locations.sub .details-block:not(:last-child) { 20140 padding-bottom: 40px; 20141} 20142.locations.sub .details-block h3 { 20143 font-size: 21px; 20144 display: block; 20145 color: #af9a7a; 20146 font-family: "p22-mackinac-pro", Times, serif; 20147 font-weight: 500; 20148 font-style: italic; 20149 letter-spacing: 2px; 20150 text-transform: none; 20151} 20152.locations.sub .details-block span { 20153 font-weight: 400 !important; 20154 font-size: 18px !important; 20155 color: #000 !important; 20156 font-family: "canada-type-gibson", Arial, sans-serif !important; 20157 line-height: 1.2 !important; 20158 font-style: normal !important; 20159 display: block; 20160 margin: 0 !important; 20161 line-height: 26px !important; 20162} 20163.locations.sub .details-block .btn { 20164 margin-top: 25px; 20165} 20166.locations.sub .map-embed { 20167 margin-bottom: -20px; 20168} 20169@media only screen and (min-width: 64.1em) { 20170 body:not(.hamburger-menu) { 20171 margin-top: 100px !important; 20172 } 20173 /* Home: hero is full-bleed under fixed header â no body top margin (avoids white strip below nav) */ 20174 body.home { 20175 margin-top: 0 !important; 20176 } 20177} 20178@media only screen and (max-width: 64em) { 20179 body:not(.hamburger-menu) { 20180 margin-top: 58px !important; 20181 } 20182} 20183.mod_home_hero span { 20184 display: block; 20185} 20186 20187/* Adjust home hero heading position on desktop so it's centered in the hero and farther from the header */ 20188@media only screen and (min-width: 64.1em) { 20189 .mod_home_hero.banner .row .inner { 20190 top: 0; 20191 } 20192} 20193 20194 20195 .modal { 20196 position: fixed; 20197 top: 0; 20198 left: 0; 20199 height: 100%; 20200 width: 100%; 20201 z-index: 99999; 20202 /* display: none; */ 20203} 20204 .modal__bg { 20205 position: absolute; 20206 top: 0; 20207 left: 0; 20208 height: 100%; 20209 width: 100%; 20210 background: rgba(0, 0, 0, 0.6); 20211} 20212 .modal__wrap { 20213 /* width: 100%; */ 20214 max-width: 900px; 20215 -webkit-backface-visibility: hidden; 20216 backface-visibility: hidden; 20217 overflow: auto; 20218 max-height: calc(100vh - 100px); 20219 position: absolute; 20220 top: 50%; 20221 left: 50%; 20222 transform: translate(-50%, -50%); 20223 box-shadow: 0 0 20px 2px rgba(0,0,0,.2); 20224} 20225@media (max-width: 1280px) { 20226 .modal__wrap { 20227 max-width: calc(100% - 40px); 20228 } 20229} 20230 .modal__inner { 20231 background: #fff; 20232 width: 100%; 20233 padding: 0; 20234 position: relative; 20235 20236} 20237@media (max-width: 768px) { 20238 .modal__inner { 20239 padding: 20px; 20240 } 20241} 20242 .modal__inner h2 { 20243 color: #000; 20244} 20245@media (max-width: 768px) { 20246 .modal__inner h2 { 20247 line-height: 30px; 20248 font-size: 30px; 20249 } 20250} 20251 .modal__inner p { 20252 line-height: 24px; 20253} 20254 .modal__copy { 20255 max-height: 500px; 20256 overflow: auto; 20257} 20258 .modal-close { 20259 position: absolute; 20260 top: 15px; 20261 right: 15px; 20262 z-index: 99; 20263 padding: 0; 20264 border: none; 20265 background: none; 20266} 20267@media (max-width: 768px) { 20268 .modal--close { 20269 top: 10px; 20270 right: 10px; 20271 } 20272} 20273 20274.location-services { 20275 max-width: 1600px; 20276 padding: 20px 20px 40px 20px; 20277 margin: 0 auto; 20278 display: flex; 20279 flex-wrap: wrap; 20280 justify-content: space-between; 20281} 20282.location-services .title { 20283 width: 100%; 20284 text-align: center; 20285} 20286.location-services .col { 20287 width: calc(100% / 3); 20288 text-align: center; 20289} 20290@media (max-width: 900px) { 20291 .location-services .col { 20292 width: 100%; 20293 margin-bottom: 20px; 20294 } 20295} 20296.location-services .col ul { 20297 padding: 0; 20298 margin: 0 0 20px 0; 20299} 20300.location-services .col ul li { 20301 display: block; 20302 margin-bottom: 5px; 20303} 20304.location-services .col h2 { 20305 font-size: 20px; 20306 letter-spacing: 2px; 20307 margin-bottom: 20px; 20308} 20309.location-services .col h3 { 20310 font-size: 16px; 20311 margin-bottom: 0; 20312} 20313.location-services .col li { 20314 font-size: 14px; 20315} 20316 20317.home header{ 20318 background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%); 20319} 20320 20321.location-blocks { 20322 max-width: 1360px; 20323 margin: 0 auto; 20324 overflow: hidden; 20325} 20326.location-blocks .loc-wrap { 20327 margin: 0 -10px; 20328 display: flex; 20329 flex-wrap: wrap; 20330} 20331.location-blocks .location-block { 20332 width: 50%; 20333 padding: 10px; 20334} 20335@media (max-width: 900px) { 20336 .location-blocks .location-block { 20337 width: 100%; 20338 } 20339} 20340.location-blocks .location-block .inner { 20341 padding: 20px; 20342 height: 500px; 20343 display: flex; 20344 align-items: center; 20345 justify-content: center; 20346 transition: all 0.17s ease; 20347} 20348@media (max-width: 900px) { 20349 .location-blocks .location-block .inner { 20350 height: 300px; 20351 } 20352} 20353.location-blocks .location-block h2 { 20354 font-size: 40px; 20355 text-transform: uppercase; 20356 letter-spacing: 10px; 20357 background: rgba(255, 255, 255, .8); 20358 padding: 10px 20px; 20359 border-radius: 10px; 20360 text-align: center; 20361 width: calc(100% - 80px); 20362 padding-top: 17px; 20363} 20364@media (max-width: 900px) { 20365 .location-blocks .location-block h2 { 20366 font-size: 20px; 20367 letter-spacing: 5px; 20368 width: calc(100% - 30px); 20369 } 20370} 20371.location-blocks .location-block--la .inner { 20372 background: url(../assets/img/contact-LA.webp) center center/cover no-repeat; 20373} 20374.location-blocks .location-block--sf .inner { 20375 background: url(../assets/img/contact-sf.webp) center center/cover no-repeat; 20376} 20377.location-blocks .location-block--to .inner { 20378 background: url(../assets/img/contact-toronto.webp) center center/cover no-repeat; 20379} 20380.location-blocks .location-block--hk .inner { 20381 background: url(../assets/img/contact-hk.webp) center center/cover no-repeat; 20382} 20383 20384 20385.location-boxes .box::before { 20386 content:''; 20387 display: block; 20388 width: 100%; 20389 height: 100%; 20390 position: absolute; 20391 top: 0; 20392 left: 0; 20393 background: #000; 20394 opacity: .4; 20395 z-index: 1; 20396} 20397.location-boxes .box .box__inner { 20398 /* border: 2px solid #000; */ 20399 padding: 20px; 20400 text-align: center; 20401 aspect-ratio: unset; 20402 height: 100%; 20403 display: flex; 20404 align-items: center; 20405 justify-content: center; 20406 flex-direction: column; 20407 background: rgba(255,255,255, .8); 20408 position: relative; 20409 z-index: 2; 20410} 20411 20412.box-la { 20413 background: url(../assets/img/contact-LA.webp ) center center/cover no-repeat; 20414} 20415 20416.box-sf { 20417 background: url(../assets/img/contact-sf.webp ) center center/cover no-repeat; 20418} 20419 20420.box-to { 20421 background: url(../assets/img/contact-toronto.webp ) center center/cover no-repeat; 20422} 20423 20424.box-hk { 20425 background: url(../assets/img/contact-hk.webp ) center center/cover no-repeat; 20426} 20427 20428/* Gallery nav parent is a non-link (#); Tresio still injects âOverviewâ in hamburger â hide it */ 20429@media only screen and (max-width: 64em) { 20430 header .partial_nav_item > a[onclick*="return false"] ~ ul > li.tresio-nav__list-item--generated:first-child { 20431 display: none !important; 20432 } 20433} 20434 20435 </style> 20436 20437 <style> 20438 20439 </style> 20440 20441 20442 20443 <!--head scripts--> 20444 20445
20445<script> 20446 window.tresioConfig = { 20447 "siteSettings": { 20448 "galleryType": "default", 20449 "enableCookiesPolicy": false, 20450 "client": "V Line Cosmetic Center" 20451 }, 20452 "s3TrackingConfig": { 20453 "disableFormFields": true 20454 }, 20455 "isLeadloopClient": false, 20456 "forms": { 20457 "contact": { 20458 "fields": [ 20459 [{ 20460 "label": "Subject", 20461 "type": "hidden", 20462 "value": "Contact Form" 20463 }], 20464 [{ 20465 "label": "Redirect", 20466 "type": "hidden", 20467 "value": "/contact/thank-you/" 20468 }], 20469 [{ 20470 "label": "First Name *", 20471 "type": "text", 20472 "required": true 20473 }, { 20474 "label": "Last Name *", 20475 "type": "text", 20476 "required": true 20477 }, { 20478 "label": "Gender", 20479 "type": "select", 20480 "options": { 20481 "Woman": "Woman", 20482 "Man": "Man" 20483 } 20484 }, { 20485 "label": "Age", 20486 "type": "number", 20487 "required": false 20488 }], 20489 [{ 20490 "label": "Email *", 20491 "type": "email", 20492 "required": true 20493 }, { 20494 "label": "Phone *", 20495 "type": "tel", 20496 "required": true 20497 }], 20498 [{ 20499 "label": "Is This Your First Appointment with Us? *", 20500 "type": "select", 20501 "required": true, 20502 "options": { 20503 "Yes": "Yes", 20504 "No": "No" 20505 } 20506 }], 20507 [{ 20508 "label": "Preferred Appointment Date *", 20509 "type": "label" 20510 }, { 20511 "label": "Preferred Appointment Date *", 20512 "type": "date", 20513 "required": true 20514 }], 20515 [{ 20516 "label": "Service of Interest", 20517 "type": "select", 20518 "options": { 20519 "Acne and Scar Treatment": "Acne and Scar Treatment", 20520 "Botox": "Botox", 20521 "Body Sculpting/Tightening/Fat Removal": "Body Sculpting/Tightening/Fat Removal", 20522 "CoolSculpting": "CoolSculpting", 20523 "Dermal Fillers": "Dermal Fillers", 20524 "Face Sculpting/Tightening/Lifting": "Face Sculpting/Tightening/Lifting", 20525 "Facials": "Facials", 20526 "Injectables": "Injectables", 20527 "IV Therapy": "IV Therapy", 20528 "Laser Hair/Tattoo Removal": "Laser Hair/Tattoo Removal", 20529 "PDO Thread Lift": "PDO Thread Lift", 20530 "Stretch Mark Removal": "Stretch Mark Removal", 20531 "Other": "Other" 20532 } 20533 }], 20534 [{ 20535 "label": "Comments:", 20536 "type": "textarea" 20537 }], 20538 [{ 20539 "name": "correspondence_approval", 20540 "label": "By completing this form, you are giving us permission to follow-up by phone, email or text.", 20541 "type": "checkbox" 20542 }], 20543 [{ 20544 "label": "This site is protected by reCAPTCHA and the Google <a href=\"https://policies.google.com/privacy\">Privacy Policy</a> and <a href=\"https://policies.google.com/terms\">Terms of Service</a> apply.", 20545 "type": "label" 20546 }], 20547 [{ 20548 "type": "recaptcha", 20549 "required": true 20550 }] 20551 ] 20552 }, 20553 "virtualConsultation": { 20554 "fields": [ 20555 [{ 20556 "label": "Subject", 20557 "type": "hidden", 20558 "value": "Virtual Form" 20559 }], 20560 [{ 20561 "label": "Redirect", 20562 "type": "hidden", 20563 "value": "/contact/thank-you/" 20564 }], 20565 [{ 20566 "label": "Your Information", 20567 "type": "label" 20568 }], 20569 [{ 20570 "label": "First Name", 20571 "type": "text", 20572 "required": true 20573 }, { 20574 "label": "Last Name", 20575 "type": "text", 20576 "required": true 20577 }], 20578 [{ 20579 "label": "Phone", 20580 "type": "tel", 20581 "required": true 20582 }, { 20583 "label": "Email", 20584 "type": "email", 20585 "required": true 20586 }], 20587 [{ 20588 "label": "Address", 20589 "type": "text" 20590 }], 20591 [{ 20592 "label": "Age", 20593 "type": "number" 20594 }, { 20595 "label": "Gender", 20596 "type": "text" 20597 }], 20598 [{ 20599 "label": "Procedure of Interest", 20600 "type": "text" 20601 }, { 20602 "label": "Procedure Timing", 20603 "type": "select", 20604 "options": { 20605 "within0-2months": "Within 0-2 Months", 20606 "3-6months": "3-6 Months", 20607 "6-9months": "6-9 Months", 20608 "9-12months": "9-12 Months", 20609 "1-2months": "+12 Months" 20610 } 20611 }], 20612 [{ 20613 "label": "Question / Message", 20614 "type": "textarea" 20615 }], 20616 [{ 20617 "label": "Attach Files", 20618 "type": "label" 20619 }], 20620 [{ 20621 "label": "File Upload", 20622 "type": "file" 20623 }], 20624 [{ 20625 "type": "recaptcha", 20626 "required": true 20627 }] 20628 ] 20629 }, 20630 "landing": { 20631 "fields": [ 20632 [{ 20633 "label": "Subject", 20634 "type": "hidden", 20635 "value": "Landing Page Contact Form" 20636 }], 20637 [{ 20638 "label": "Redirect", 20639 "type": "hidden", 20640 "value": "/contact/thank-you/" 20641 }], 20642 [{ 20643 "label": "First Name", 20644 "type": "text", 20645 "required": true 20646 }, { 20647 "label": "Last Name", 20648 "type": "text", 20649 "required": true 20650 }], 20651 [{ 20652 "label": "Phone", 20653 "type": "tel", 20654 "required": true 20655 }, { 20656 "label": "Email", 20657 "type": "email", 20658 "required": true 20659 }], 20660 [{ 20661 "label": "Procedure of Interest*", 20662 "required": true, 20663 "type": "select", 20664 "options": { 20665 "Botox": "Botox", 20666 "CoolSculpting": "CoolSculpting", 20667 "Dysport": "Dysport", 20668 "Emsculpt Neo": "Emsculpt Neo", 20669 "Facial": "Facial", 20670 "Fillers": "Fillers", 20671 "Hydrafacial": "Hydrafacial MD", 20672 "IV Therapy": "IV Therapy", 20673 "Laser Treatment": "Laser Treatment", 20674 "Microneedling": "Microneedling", 20675 "Thermage": "Thermage", 20676 "Thread Lift": "Thread Lift", 20677 "Ultherapy": "Ultherapy", 20678 "Other": "Other" 20679 } 20680 }], 20681 [{ 20682 "label": "Message", 20683 "type": "textarea" 20684 }], 20685 [{ 20686 "label": "By completing this form, you are giving us permission to follow-up by phone, email or text.", 20687 "type": "label" 20688 }], 20689 [{ 20690 "type": "recaptcha", 20691 "required": true 20692 }] 20693 ] 20694 }, 20695 "landingHero": { 20696 "fields": [ 20697 [{ 20698 "label": "Subject", 20699 "type": "hidden", 20700 "value": "Landing Page Contact Form" 20701 }], 20702 [{ 20703 "label": "Redirect", 20704 "type": "hidden", 20705 "value": "/contact/thank-you/" 20706 }], 20707 [{ 20708 "label": "First Name", 20709 "type": "text", 20710 "required": true 20711 }, { 20712 "label": "Last Name", 20713 "type": "text", 20714 "required": true 20715 }], 20716 [{ 20717 "label": "Phone", 20718 "type": "tel", 20719 "required": true 20720 }, { 20721 "label": "Email", 20722 "type": "email", 20723 "required": true 20724 }], 20725 [{ 20726 "label": "Procedure of Interest*", 20727 "required": true, 20728 "type": "select", 20729 "options": { 20730 "Botox": "Botox", 20731 "CoolSculpting": "CoolSculpting", 20732 "Dysport": "Dysport", 20733 "Emsculpt Neo": "Emsculpt Neo", 20734 "Facial": "Facial", 20735 "Fillers": "Fillers", 20736 "Hydrafacial": "Hydrafacial MD", 20737 "IV Therapy": "IV Therapy", 20738 "Laser Treatment": "Laser Treatment", 20739 "Microneedling": "Microneedling", 20740 "Thermage": "Thermage", 20741 "Thread Lift": "Thread Lift", 20742 "Ultherapy": "Ultherapy", 20743 "Other": "Other" 20744 } 20745 }], 20746 [{ 20747 "label": "Message", 20748 "type": "textarea" 20749 }], 20750 [{ 20751 "label": "By completing this form, you are giving us permission to follow-up by phone, email or text.", 20752 "type": "label" 20753 }], 20754 [{ 20755 "type": "recaptcha", 20756 "required": true 20757 }] 20758 ] 20759 } 20760 }, 20761 "search": { 20762 "items": [], 20763 "terms": [] 20764 }, 20765 "recaptchaV2DevSiteKey": "6LdUwjsiAAAAALeTc9NRvEu6zziz8DS5LQhbCqH3", 20766 "recaptchaV3DevSiteKey": "6LeLfe4jAAAAAM9LLoajZbTpOp-54-zl8ineedlQ", 20767 "recaptchaVersion": "v3", 20768 "recaptchaV2SiteKey": "6Le7CCglAAAAABjXhvvnz0bgI6pqB_1eJEsOocxZ", 20769 "recaptchaV3SiteKey": "6LcwCSglAAAAAEbzpIoRxTY091p3sVJtC4VyqNAf", 20770 "environment": "production" 20771 }; 20772 </script>
20772 20773 20774
20774<script type="application/ld+json"> 20775 { 20776 "@context": "https://schema.org", 20777 "@type": "WebSite", 20778 "name": "V Line Cosmetic Center", 20779 "url": "https://www.vlineclinicusa.com" 20780 } 20781 </script>
20781 20782
20782<script type="application/ld+json"> 20783 { 20784 "@context": "https://schema.org", 20785 "@type": "WebPage", 20786 "name": "Home", 20787 "description": "Learn about our services, from Laser Treatments, Injectables, Body and Face Treatments, and more, at V Line Cosmetic Clinic in Arcadia. ", 20788 "publisher": { 20789 "@type": "Organization", 20790 "name": "V Line Cosmetic Center" 20791 }, 20792 "dateModified": "2024-01-31 03:10", 20793 "author": { 20794 "@type": "Organization", 20795 "name": "V Line Cosmetic Center" 20796 } 20797 } 20798 </script>
20798 20799
20799<script type="application/ld+json"> 20800 { 20801 "@context": "http://schema.org", 20802 "@type": ["Physician", "MedicalOrganization"], 20803 "medicalSpecialty": "PlasticSurgery", 20804 "founder": { 20805 "@type": "Person", 20806 "knowsAbout": ["https://en.wikipedia.org/wiki/Day_spa#Medical_spa"], 20807 "worksFor": "https://vlineclinicusa.com/", 20808 "description": "Welcome to the place centered around inner beauty where we help our guests look and feel fabulous! At V Line Clinic we aim to offer first-class service through personalized treatments, the newest technology, and products that deliver results." 20809 }, 20810 "address": [{ 20811 "@type": "PostalAddress", 20812 "addressLocality": "Arcadia", 20813 "addressRegion": "CA", 20814 "postalCode": "91007", 20815 "streetAddress": "801 W Hunington Dr." 20816 }], 20817 "geo": { 20818 "@type": "GeoCoordinates", 20819 "latitude": "34.1319627", 20820 "longitude": "-118.0562998" 20821 }, 20822 "aggregateRating": { 20823 "@type": "AggregateRating", 20824 "ratingValue": "4.8", 20825 "reviewCount": "68" 20826 }, 20827 "name": "Yuko Yamao", 20828 "hasmap": "https://www.google.com/maps/place/V+Line+Cosmetic+Clinic/@34.1319627,-118.0562998,15z/data=!4m6!3m5!1s0x80c2db8235bfb977:0x415f6ad9ff846b8b!8m2!3d34.1319627!4d-118.0562998!16s%2Fg%2F11g0h4x3wr", 20829 "image": "/assets/img/img-export/1678831462-v-line.webp?auto=format,compress&w=234", 20830 "openingHours": ["Mo-Tu 10:00-18:00", "Th-Sa 10:00-18:00"], 20831 "telephone": "626-701-2888", 20832 "url": "https://vlineclinicusa.com/", 20833 "areaServed": [{ 20834 "@type": "City", 20835 "name": "Arcadia, California", 20836 "@id": "https://en.wikipedia.org/wiki/Arcadia,_California" 20837 }, { 20838 "@type": "City", 20839 "name": "Pasadena, California", 20840 "@id": "https://en.wikipedia.org/wiki/Pasadena,_California" 20841 }, { 20842 "@type": "State", 20843 "name": "California", 20844 "@id": "https://en.wikipedia.org/wiki/California" 20845 }] 20846 } 20847 </script>
20847 20848 20849
20849<script> 20850window.addEventListener('load', function() 20851{ 20852 setTimeout(function() 20853 { 20854 var script1 = document.createElement('script'); 20855 script1.src = 'https://www.googletagmanager.com/gtag/js?id=G-L9765XZNF1'; 20856 script1.async = true; 20857 document.head.appendChild(script1); 20858 20859 script1.onload = function() 20860 { 20861
vendor: 207 bytes, lines 20861-20868
20861window.dataLayer = window.dataLayer || []; 20862 function gtag() 20863 { 20864 dataLayer.push(arguments); 20865 } 20866 20867 gtag('js', new Date()); 20868 gtag('config', '
20868G-L9765XZNF1
vendor: 12 bytes, lines 20868-20869
20868'); 20869
20869}; 20870 20871 var script2 = document.createElement('script'); 20872 script2.src = 'https://www.googletagmanager.com/gtag/js?id=UA-247290147-14'; 20873 script2.async = true; 20874 script2.defer = true; 20875 document.head.appendChild(script2); 20876 20877 script2.onload = function() 20878 { 20879
vendor: 207 bytes, lines 20879-20886
20879window.dataLayer = window.dataLayer || []; 20880 function gtag() 20881 { 20882 dataLayer.push(arguments); 20883 } 20884 20885 gtag('js', new Date()); 20886 gtag('config', '
20886UA-247290147-14
vendor: 86 bytes, lines 20886-20889
20886', { 20887 cookie_flags: 'secure;samesite=none' 20888 }); 20889
20889gtag('config', 'G-TH7SJSTS48', { 20890 cookie_flags: 'secure;samesite=none' 20891 }); 20892 gtag('config', 'AW-10852319085', { 20893 cookie_flags: 'secure;samesite=none' 20894 }); 20895 }; 20896 20897 /* 20898 var script3 = document.createElement('script'); 20899 script3.src = 'https://smartbotui.simplified.io/widget/smartbot.js'; 20900 script3.type = 'text/javascript'; 20901 document.head.appendChild(script3); 20902 20903 script3.onload = function() 20904 { 20905 smartbot.init("db0871d0-1023-4835-af95-51fc797d0482", "0725058d-cf14-4fae-b058-100a95a008e5"); 20906 }; 20907 */ 20908 }, 2000); // Wait for 2 seconds (2000 milliseconds) 20909}); 20910</script>
20910 20911 20912 20913 20914<!-- Meta Pixel Code -->
20915<script>
vendor: 399 bytes, lines 20915-20924
20915 20916!function(f,b,e,v,n,t,s) 20917{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 20918n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 20919if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 20920n.queue=[];t=b.createElement(e);t.async=!0; 20921t.src=v;s=b.getElementsByTagName(e)[0]; 20922s.parentNode.insertBefore(t,s)}(window, document,'script', 20923'https://connect.facebook.net/en_US/fbevents.js'); 20924fbq('init', '
209242242101459468514
vendor: 30 bytes, lines 20924-20925
20924'); 20925fbq('track', 'PageView');
20926</script>
20926 20927<noscript><img height="1" width="1" style="display:none" 20928src="https://www.facebook.com/tr?id=2242101459468514&ev=PageView&noscript=1" 20929/></noscript> 20930<!-- End Meta Pixel Code --> 20931 20932<!-- Phone-call conversion â Meta "Contact" event ââââââââââââââââââââââââââââ 20933 Calls are the site's other conversion path: a caller never submits a form, 20934 so before this every phone lead was invisible to Meta and unusable for 20935 optimization. Any click on an <a href="tel:..."> now fires Contact on the 20936 pixel AND posts to /ab/capi-phone.php, which sends the same event_id 20937 server-side â Meta dedupes the pair, so the conversion survives ad blockers 20938 without ever double-counting. 20939 20940 It lives here, inline next to fbq('init'), NOT in /ab/analytics.js, for two 20941 reasons: analytics.js is injected by ab/interceptor.php, which has silently 20942 stopped loading before (see .htaccess), and head.php is the one file every 20943 page â site pages, /lp/ landing pages and A/B arms alike â includes. 20944 analytics.js keeps its own phone_click event for the internal dashboard; 20945 these two are independent on purpose. -->
20946<script> 20947(function () { 20948 var THROTTLE_MS = 60000; // repeat taps while the dialler opens = one lead 20949 20950 function anchorFrom(node) { 20951 if (node && node.closest) return node.closest('a'); 20952 while (node && node !== document) { 20953 if (node.tagName === 'A') return node; 20954 node = node.parentNode; 20955 } 20956 return null; 20957 } 20958 20959 document.addEventListener('click', function (e) { 20960 var a = anchorFrom(e.target); 20961 if (!a || !a.href || !/^tel:/i.test(a.href)) return; 20962 20963 try { 20964 var last = parseInt(sessionStorage.getItem('vl_call_conv_ts') || '0', 10); 20965 if (Date.now() - last < THROTTLE_MS) return; 20966 sessionStorage.setItem('vl_call_conv_ts', String(Date.now())); 20967 } catch (ex) {} 20968 20969 // Shared id: the pixel event below and the CAPI event sent by 20970 // /ab/capi-phone.php carry it, which is what lets Meta dedupe them. 20971 var id = 'call_' + Date.now().toString(36) + Math.random().toString(36).slice(2, 10); 20972 var page = window.location.pathname; 20973 20974 try { 20975 if (typeof fbq === 'function') { 20976 fbq('track', 'Contact', { 20977 content_name: page, 20978 lead_source: 'phone click', 20979 value: 50.00, // keep in sync with PHONE_CALL_LEAD_VALUE 20980 currency: 'USD' 20981 }, { eventID: id }); 20982 } 20983 } catch (ex) {} 20984 20985 try { 20986 var fd = new FormData(); 20987 fd.append('eid', id); 20988 fd.append('page', page); 20989 if (navigator.sendBeacon) { 20990 navigator.sendBeacon('/ab/capi-phone.php', fd); 20991 } else { 20992 fetch('/ab/capi-phone.php', { method: 'POST', body: fd, keepalive: true }) 20993 .catch(function () {}); 20994 } 20995 } catch (ex) {} 20996 }, true); 20997}()); 20998</script>
20998 20999<!-- End phone-call conversion --> 21000 <!-- Landing-page engagement tracker (/lp/ pages only) --> 21001 </head> 21002 21003 21004 <body class="about sub google-chrome v128 unknown"> 21005 21006 <header class="partial_nav_header dark" data-s3-partial> 21007 <div class="top row" style="display: none;"> 21008 <div class="socials"></div> 21009 <div class="content"> 21010 <a class="tel ppc-href" href="tel:+16262410898" role="link" aria-label="Call Arcadia location"> 21011 <span class="ppc-number">Arcadia: 626-241-0898</span> 21012 </a><br> 21013 <a class="tel" href="tel:+16508876100" role="link" aria-label="Call Los Altos location"> 21014 <span>Los Altos: 650-887-6100</span> 21015 </a> 21016 <span class="date">Arcadia: Mon, Tue, Thu-Sat</span> 21017 <span class="date">10am-6pm</span> 21018 <a href="/locations/" class="locations">Locations</a> 21019 <span class="languages"> 21020 <span class="lang-button" onclick="doGTranslate('en', 'en')">EN</span> | 21021 <span class="lang-button" onclick="doGTranslate('en', 'zh-TW')">䏿</span> | 21022 <span class="lang-button" onclick="doGTranslate('en', 'ja')">JP</span> 21023 </span> 21024 <!-- GTranslate: https://gtranslate.io/ --> 21025
21025<script type="text/javascript"> 21026 function googleTranslateElementInit2() { 21027 new google.translate.TranslateElement({ 21028 pageLanguage: 'en', 21029 includedLanguages: 'en,zh-TW,ja' 21030 }, 'google_translate_element2'); 21031 } 21032 21033 function doGTranslate(sourceLang, targetLang) { 21034 const translateObj = new google.translate.TranslateElement({ 21035 pageLanguage: sourceLang 21036 }, 'google_translate_element2'); 21037 translateObj.showBanner(false); 21038 setTimeout(function() { 21039 const select = translateObj.getElement().querySelector('select.goog-te-combo'); 21040 if (select) { 21041 select.value = targetLang; 21042 const event = new Event('change'); 21043 select.dispatchEvent(event); 21044 } 21045 }, 1000); // Wait for the translation widget to initialize before changing the language 21046 } 21047 </script>
21047 21048
21048<script type="text/javascript" 21049 src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>
21049 21050 21051 </div> 21052 </div> 21053 21054 <!-- Announcement Bar --> 21055 <div id="announcement-bar" style=" 21056 background-color: #bda36c; 21057 color: white; 21058 text-align: center; 21059 padding: 10px; 21060 font-size: 16px; 21061 position: relaltive; 21062 top: 0; 21063 width: 100%; 21064 z-index: 1000; 21065 font-weight: bold;"> 21066 21067 <a href="https://vlineclinicusa.com/lp/new-client-promos" target="_blank" style=" 21068 color: white; 21069 text-decoration: none;"> 21070 Click here to see our New Client Promos 21071 </a> 21072 </div> 21073 21074 <div class="row"> 21075 <div class="inner"> 21076 <div class="logo-holder"> 21077 <a href="/" class="logo"> 21078 <picture class=""> 21079 <source srcset="/assets/img/img-export/1678831462-v-line.webp?auto=format,compress&w=234" 21080 data-lazyload-srcset="/assets/img/img-export/1678831462-v-line.webp?auto=format,compress&w=234"> <img 21081 src="/assets/img/img-export/1678831462-v-line.webp?auto=format,compress&w=234" width="234px" height="240px" 21082 alt="V Line Cosmetic Center Website Logo" draggable="false" /> 21083 </picture> 21084 </a> 21085 </div> 21086 <div class="nav-links"> 21087 <nav class="tresio-nav" data-type-desktop="horizontal" data-type-tablet="hamburger" data-type-mobile="hamburger" 21088 data-variant-desktop="focus" data-variant-tablet="default" data-variant-mobile="default" 21089 data-breakpoint-mobile="640" data-breakpoint-tablet="1024" data-dropdown-label="" data-hamburger-color="#000" 21090 data-hamburger-color-expanded="#000" data-menu-offset="0" data-menu-offset-mobile="0"> 21091 <ul class="list partial_nav" data-s3-partial> 21092 <li class="partial_nav_item " data-s3-partial> 21093 <a href="/">Home</a> 21094 </li> 21095 <li class="partial_nav_item is-active" data-s3-partial> 21096 <a href="/about/">About Us</a> 21097 <ul> 21098 <li class="partial_nav_item " data-s3-partial> 21099 <a href="/about/our-luxurious-standards/">Our Luxurious Standards</a> 21100 </li> 21101 <li class="partial_nav_item " data-s3-partial> 21102 <a href="/about/our-founder/">Our Founder</a> 21103 </li> 21104 <li class="partial_nav_item " data-s3-partial> 21105 <a href="/about/referral-program/">Referral Program </a> 21106 </li> 21107 </ul> 21108 </li> 21109 <li class="partial_nav_item " data-s3-partial> 21110 <a href="#" onclick="return false;">Gallery</a> 21111 <ul> 21112 <li class="partial_nav_item " data-s3-partial> 21113 <a href="https://www.instagram.com/vlinecosmetic.usa" target="_blank">San Francisco</a> 21114 </li> 21115 <li class="partial_nav_item " data-s3-partial> 21116 <a href="https://www.instagram.com/vlinecosmetic.la/" target="_blank">Los Angeles</a> 21117 </li> 21118 </ul> 21119 </li> 21120 <li class="partial_nav_item " data-s3-partial> 21121 <a href="#">Services</a> 21122 <ul> 21123 <li class="partial_nav_item " data-s3-partial> 21124 <a href="/injectables/">Injectables</a> 21125 <ul> 21126 <li class="partial_nav_item " data-s3-partial> 21127 <a href="/injectables/daxxify/">Daxxify</a> 21128 </li> 21129 <li class="partial_nav_item " data-s3-partial> 21130 <a href="/injectables/dysport/">Dysport</a> 21131 </li> 21132 <li class="partial_nav_item " data-s3-partial> 21133 <a href="/injectables/xeomin/">Xeomin</a> 21134 </li> 21135 <li class="partial_nav_item " data-s3-partial> 21136 <a href="/injectables/botox/">BOTOX</a> 21137 </li> 21138 <li class="partial_nav_item " data-s3-partial> 21139 <a href="/injectables/dermal-fillers/">Dermal Fillers</a> 21140 </li> 21141 <li class="partial_nav_item " data-s3-partial> 21142 <a href="/injectables/sculptra/">Sculptra</a> 21143 </li> 21144 <li class="partial_nav_item " data-s3-partial> 21145 <a href="/injectables/radiesse/">Radiesse</a> 21146 </li> 21147 <li class="partial_nav_item " data-s3-partial> 21148 <a href="/injectables/kybella/">Kybella</a> 21149 </li> 21150 <li class="partial_nav_item " data-s3-partial> 21151 <a href="/injectables/platelet-rich-fibrin/">Platelet-Rich Fibrin(PRF)</a> 21152 </li> 21153 <li class="partial_nav_item " data-s3-partial> 21154 <a href="/injectables/mesotherapy/">Mesotherapy</a> 21155 </li> 21156 </ul> 21157 </li> 21158 <li class="partial_nav_item " data-s3-partial> 21159 <a href="/lasers/">Lasers</a> 21160 <ul> 21161 <li class="partial_nav_item " data-s3-partial>
21162 <a href="/lasers/alma-hybrid/">Alma Hybrid</a> 21163 </li> 21164 <li class="partial_nav_item " data-s3-partial> 21165 <a href="/lasers/brown-spots-discoloration/">Brown Spots & Discoloration</a> 21166 </li> 21167 <li class="partial_nav_item " data-s3-partial> 21168 <a href="/lasers/tattoo-removal/">Tattoo Removal</a> 21169 </li> 21170 <li class="partial_nav_item " data-s3-partial> 21171 <a href="/lasers/acne-and-scar-treatment/">Acne and Scar Treatment</a> 21172 </li> 21173 <li class="partial_nav_item " data-s3-partial> 21174 <a href="/lasers/laser-hair-removal/">Laser Hair Removal</a> 21175 </li> 21176 </ul> 21177 </li> 21178 <li class="partial_nav_item " data-s3-partial> 21179 <a href="/body/">Body</a> 21180 <ul> 21181 <li class="partial_nav_item " data-s3-partial> 21182 <a href="/body/emsculpt-neo/">EmSculpt Neo</a> 21183 </li> 21184 <li class="partial_nav_item " data-s3-partial> 21185 <a href="/body/coolsculpting/">CoolSculpting</a> 21186 </li> 21187 <li class="partial_nav_item " data-s3-partial> 21188 <a href="/body/cellulite-skin-laxity/">Cellulite & Skin Laxity</a> 21189 </li> 21190 <li class="partial_nav_item " data-s3-partial> 21191 <a href="/body/stretch-mark-removal/">Stretch Mark Removal</a> 21192 </li> 21193 <li class="partial_nav_item " data-s3-partial> 21194 <a href="/body/precision-fat-reduction/">Precision Fat Reduction</a> 21195 </li> 21196 <li class="partial_nav_item " data-s3-partial> 21197 <a href="/body/emsella/">EmSella</a> 21198 </li> 21199 <li class="partial_nav_item " data-s3-partial> 21200 <a href="/body/lymphatic-drainage/">Lymphatic Drainage</a> 21201 </li> 21202 </ul> 21203 </li> 21204 <li class="partial_nav_item " data-s3-partial> 21205 <a href="/face/">Face</a> 21206 <ul> 21207 <li class="partial_nav_item " data-s3-partial> 21208 <a href="/face/xerf/">XERF</a> 21209 </li> 21210 <li class="partial_nav_item " data-s3-partial> 21211 <a href="/face/exion-rf/">Exion RF</a> 21212 </li> 21213 <li class="partial_nav_item " data-s3-partial> 21214 <a href="/face/pdo-thread-lift/">PDO Thread Lift</a> 21215 </li> 21216 <li class="partial_nav_item " data-s3-partial> 21217 <a href="/face/ultherapy/">Ultherapy</a> 21218 </li> 21219 <li class="partial_nav_item " data-s3-partial> 21220 <a href="/face/sylfirm-x-microneedling/">Sylfirm X Microneedling</a> 21221 </li> 21222 <li class="partial_nav_item " data-s3-partial> 21223 <a href="/face/emface/">EmFace</a> 21224 </li> 21225 </ul> 21226 </li> 21227 <li class="partial_nav_item " data-s3-partial> 21228 <a href="/facials/">Facials</a> 21229 <ul> 21230 <li class="partial_nav_item " data-s3-partial> 21231 <a href="/facials/hydrafacial-md/">HydraFacial MD</a> 21232 </li> 21233 <li class="partial_nav_item " data-s3-partial> 21234 <a href="/facials/v-line-signature-facials/">V Line Signature Facials</a> 21235 </li> 21236 <li class="partial_nav_item " data-s3-partial> 21237 <a href="/facials/red-carpet-fire-and-ice-facial/">Red Carpet Fire & Ice Facial</a> 21238 </li> 21239 <li class="partial_nav_item " data-s3-partial> 21240 <a href="/facials/valmont-swiss-facials/">Valmont Swiss Facials</a> 21241 </li> 21242 <li class="partial_nav_item " data-s3-partial> 21243 <a href="/facials/pola-facials/">POLA Facials</a> 21244 </li> 21245 </ul> 21246 </li> 21247 <li class="partial_nav_item " data-s3-partial> 21248 <a href="/hair/">Hair</a> 21249 <ul> 21250 <li class="partial_nav_item " data-s3-partial> 21251 <a href="/hair/alma-ted/">Alma TED</a> 21252 </li> 21253 <li class="partial_nav_item " data-s3-partial> 21254 <a href="/hair/prf-hair/">
21254PRF Hair</a> 21255 </li> 21256 <li class="partial_nav_item " data-s3-partial> 21257 <a href="/hair/hydrafacial-keravive/">HydraFacial Keravive</a> 21258 </li> 21259 </ul> 21260 </li> 21261 <li class="partial_nav_item " data-s3-partial> 21262 <a href="/iv-therapy/">IV Therapy</a> 21263 </li> 21264 <li class="partial_nav_item " data-s3-partial> 21265 <a href="/men/">Men</a> 21266 <ul> 21267 <li class="partial_nav_item " data-s3-partial> 21268 <a href="/men/botox-for-men/">BOTOX for Men</a> 21269 </li> 21270 <li class="partial_nav_item " data-s3-partial> 21271 <a href="/men/dermal-fillers/">Dermal Fillers</a> 21272 </li> 21273 <li class="partial_nav_item " data-s3-partial> 21274 <a href="/men/body-sculpting/">Body Sculpting</a> 21275 </li> 21276 <li class="partial_nav_item " data-s3-partial> 21277 <a href="/men/laser-hair-removal/">Laser Hair Removal</a> 21278 </li> 21279 <li class="partial_nav_item " data-s3-partial> 21280 <a href="/men/hair-restoration/">Hair Restoration</a> 21281 </li> 21282 <li class="partial_nav_item " data-s3-partial> 21283 <a href="/men/alma-ted-hair-restoration/">Alma TED Hair Restoration</a> 21284 </li> 21285 <li class="partial_nav_item " data-s3-partial> 21286 <a href="/men/acne-and-scar-management/">Acne and Scar Management</a> 21287 </li> 21288 </ul> 21289 </li> 21290 </ul> 21291 </li> 21292 <li class="partial_nav_item " data-s3-partial> 21293 <a href="/about/vip-and-membership/">Memberships</a> 21294 </li> 21295 <li class="partial_nav_item " data-s3-partial> 21296 <a href="/locations">Location</a> 21297 <ul> 21298 <li class="partial_nav_item " data-s3-partial> 21299 <a href="/locations/los-angeles">Los Angeles</a> 21300 </li> 21301 <li class="partial_nav_item " data-s3-partial> 21302 <a href="/locations/san-francisco">San Francisco</a> 21303 </li> 21304 <li class="partial_nav_item " data-s3-partial> 21305 <a href="/locations/toronto">Toronto</a> 21306 </li> 21307 <li class="partial_nav_item " data-s3-partial> 21308 <a href="/locations/hong-kong">Hong Kong</a> 21309 </li> 21310 </ul> 21311 </li> 21312 <li class="partial_nav_item book-now-cta " data-s3-partial> 21313 <a href="/booking-button/" class="book-now-button">Book Now</a> 21314 </li> 21315 <li class="ignore"> 21316 <div class="info"> 21317 <p> 21318 <a class="tel ppc-href" href="tel:+16262410898" role="link" aria-label="Call Arcadia location"><span class="ppc-number">Arcadia: 626-241-0898</span></a><br> 21319 <a class="tel" href="tel:+16508876100" role="link" aria-label="Call Los Altos location"><span>Los Altos: 650-887-6100</span></a> 21320 </p> 21321 </div> 21322 </li> 21323 </ul> 21324 </nav> 21325 </div> 21326 21327 <div class="contact-holder"> 21328 <a href="/contact/" class="btn white">Contact Us</a> 21329 </div> 21330 </div> 21331 </div> 21332</header> 21333 21334 21335 <!-- Page Layout --> 21336 21337 21338 <main class="content-wrap on-canvas"> 21339 <div id="bf-revz-widget-174915610"></div> 21340 21341 21342 21343<!-- Page Layout --> 21344 21345<!-- Hero Module --> 21346<div class="mod_hero banner dark mobile-stack " data-s3-module> 21347 <div class="wrapper"> 21348 <div class="row"> 21349 <div class="inner"> 21350 <ul class="partial_breadcrumb" data-s3-partial> 21351 <li><a href="/" role="navigation" aria-label="Breadcrumbs to help navigate the user">Home</a></li> 21352 <li><a href="/about/" role="navigation" aria-label="Breadcrumbs to help navigate the user">About</a></li> 21353 </ul> 21354 <h1> 21355 About 21356 </h1> 21357 <div class="text"> 21358 <p>Get to know the team of professionals who will be helping you realize your aesthetic dreams at V Line 21359 Cosmetic. To learn more, reach out to us and set your initial consultation today.</p> 21360 </div> 21361 </div> 21362 </div> 21363 <div class="media"> 21364 <picture class="background binkus"> 21365 <source media="(max-width:420px)" 21366 srcset="/assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=420, /assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=630 2x" 21367 data-lazyload-srcset="/assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=420, /assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=630 2x"> 21368 <source media="(max-width:800px)" 21369 srcset="/assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=800, /assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=1200 2x" 21370 data-lazyload-srcset="/assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=800, /assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=1200 2x"> 21371 <source media="(max-width:1400px)" 21372 srcset="/assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=1400, /assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=2100 2x" 21373 data-lazyload-srcset="/assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=1400, /assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=2100 2x"> 21374 <source srcset="/assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=1920" 21375 data-lazyload-srcset="/assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=1920"> <img 21376 src="/assets/img/img-export/1679952659-about-banner.webp?auto=format,compress&w=1920" width="1920px" 21377 height="1312px" alt="" draggable="false" /> 21378 </picture> 21379 </div> 21380 </div> 21381 21382</div> 21383 21384<!-- Intro Module --> 21385<div class="mod_intro container viewport option-1 wide wow fadeInUp" data-s3-module> 21386 <div class="row"> 21387 <div class="inner" data-api-key="content"> 21388 <h2 class="text-center">A Complete Look at V Line Cosmetic Clinic</h2> 21389 <p>V Line Cosmetic Clinic was founded to bring together modern aesthetic technology, elevated service, and personalized treatment planning in one place. Across all of our services, our focus is consistent: understand your goals, build a customized plan, and deliver natural-looking results in a luxurious and welcoming environment.</p> 21390 </div> 21391 </div> 21392</div> 21393 21394<!-- Half Image Module --> 21395<div class="mod_half_image viewport half-image container wow fadeInLeft" data-s3-module> 21396 <div class="row half-image-row mb-80-desktop"> 21397 <div class="media"> 21398 <picture class="background"> 21399 <source media="(max-width:420px)" 21400 srcset="/assets/img/img-export/1679334946-our-luxurious-standards.webp?auto=format,compress&w=420, /assets/img/img-export/1679334946-our-luxurious-standards.webp?auto=format,compress&w=630 2x"> 21401 <source media="(max-width:800px)" 21402 srcset="/assets/img/img-export/1679334946-our-luxurious-standards.webp?auto=format,compress&w=800, /assets/img/img-export/1679334946-our-luxurious-standards.webp?auto=format,compress&w=1200 2x"> 21403 <source srcset="/assets/img/img-export/1679334946-our-luxurious-standards.webp?auto=format,compress&w=1918"> 21404 <img src="/assets/img/img-export/1679334946-our-luxurious-standards.webp?auto=format,compress&w=1918" 21405 loading="lazy" width="1918px" height="1860px" alt="V Line luxurious treatment room" draggable="false" /> 21406 </picture> 21407 </div> 21408 <div class="copy"> 21409 <div class="inner"> 21410 <div class="content" data-api-key="content"> 21411 <h2>Our Luxurious Standards</h2> 21412 <p>We combine international luxury with FDA-approved technology and a highly trained team to create an elevated patient experience. Every visit is designed to be warm, refined, and detail-driven, from consultation through treatment and follow-up.</p> 21413 <p>Our services include injectables, laser treatments, body contouring, facial rejuvenation, customizable facials, and procedures designed for men.</p> 21414 <p class="darkerlink"><a href="/about/our-luxurious-standards/">Explore Our Luxurious Standards</a></p> 21415 </div> 21416 </div> 21417 </div> 21418 </div> 21419</div> 21420 21421<!-- Half Image Module --> 21422<div class="mod_half_image viewport half-image container wow fadeInLeft" data-s3-module> 21423 <div class="row half-image-row top-aligned mb-80-desktop flipped"> 21424 <div class="media"> 21425 <picture class="background"> 21426 <source media="(max-width:420px)" 21427 srcset="/assets/img/img-export/1682114665-istock-1286272331.webp?auto=format,compress&w=420, /assets/img/img-export/1682114665-istock-1286272331.webp?auto=format,compress&w=630 2x"> 21428 <source media="(max-width:800px)" 21429 srcset="/assets/img/img-export/1682114665-istock-1286272331.webp?auto=format,compress&w=800, /assets/img/img-export/1682114665-istock-1286272331.webp?auto=format,compress&w=1200 2x"> 21430 <source srcset="/assets/img/img-export/1682114665-istock-1286272331.webp?auto=format,compress&w=1183"> 21431 <img src="/assets/img/img-export/1682114665-istock-1286272331.webp?auto=format,compress&w=1183" 21432 loading="lazy" width="1183px" height="887px" alt="Our founder" draggable="false" /> 21433 </picture> 21434 </div> 21435 <div class="copy"> 21436 <div class="inner"> 21437 <div class="content" data-api-key="content"> 21438 <h2>Our Founder</h2> 21439 <p>V Line was founded by Yuko Yamao with a vision to create a world-class destination where cutting-edge beauty meets timeless elegance.</p> 21440 <p>Inspired by Japanese aesthetics and excellence in service, she built V Line around advanced technology, personalized care, and consistently high standards for client experience.</p> 21441 <h3>"Cutting-Edge Beauty, Timeless Elegance."</h3> 21442 <p class="darkerlink"><a href="/about/our-founder/">Meet Our Founder</a></p> 21443 </div> 21444 </div> 21445 </div> 21446 </div> 21447</div> 21448 21449<!-- Half Image Module --> 21450<div class="mod_half_image viewport half-image container wow fadeInLeft" data-s3-module> 21451 <div class="row half-image-row mb-80-desktop"> 21452 <div class="media"> 21453 <picture class="background"> 21454 <source media="(max-width:420px)" 21455 srcset="/assets/img/img-export/1681335645-istock-1455788346.webp?auto=format,compress&w=420, /assets/img/img-export/1681335645-istock-1455788346.webp?auto=format,compress&w=630 2x"> 21456 <source media="(max-width:800px)" 21457 srcset="/assets/img/img-export/1681335645-istock-1455788346.webp?auto=format,compress&w=800, /assets/img/img-export/1681335645-istock-1455788346.webp?auto=format,compress&w=1200 2x"> 21458 <source srcset="/assets/img/img-export/1681335645-istock-1455788346.webp?auto=format,compress&w=836"> 21459 <img src="/assets/img/img-export/1681335645-istock-1455788346.webp?auto=format,compress&w=836" 21460 loading="lazy" width="836px" height="1253px" alt="VIP and membership benefits" draggable="false" /> 21461 </picture> 21462 </div> 21463 <div class="copy"> 21464 <div class="inner"> 21465 <div class="content" data-api-key="content"> 21466 <h2>VIP & Membership Highlights</h2> 21467 <p><strong>VIP Savings Accounts:</strong> Gold ($5,000) with 15% savings, Platinum ($10,000) with 20% savings, and Diamond ($20,000) with 25% savings on services and products.</p> 21468 <p><strong>Facial Memberships:</strong> Pearl ($1,000), Sapphire ($1,500), and Ruby ($2,500) tiers with member pricing and skincare discounts.</p> 21469 <p><strong>Toxin Elite Membership:</strong> Year-round wrinkle injections plus touch-up sessions for $1,499/year with additional member perks.</p> 21470 <p class="darkerlink"><a href="/about/vip-and-membership/">View Full Membership Details</a></p> 21471 </div> 21472 </div> 21473 </div> 21474 </div> 21475</div> 21476 21477<!-- Half Image Module --> 21478<div class="mod_half_image viewport half-image container wow fadeInLeft" data-s3-module> 21479 <div class="row half-image-row mb-80-desktop flipped"> 21480 <div class="media"> 21481 <picture class="background"> 21482 <source media="(max-width:420px)" 21483 srcset="/assets/img/img-export/1681336994-istock-1131744657.webp?auto=format,compress&w=420, /assets/img/img-export/1681336994-istock-1131744657.webp?auto=format,compress&w=630 2x"> 21484 <source media="(max-width:800px)" 21485 srcset="/assets/img/img-export/1681336994-istock-1131744657.webp?auto=format,compress&w=800, /assets/img/img-export/1681336994-istock-1131744657.webp?auto=format,compress&w=1200 2x"> 21486 <source srcset="/assets/img/img-export/1681336994-istock-1131744657.webp?auto=format,compress&w=1183"> 21487 <img src="/assets/img/img-export/1681336994-istock-1131744657.webp?auto=format,compress&w=1183" 21488 loading="lazy" width="1183px" height="887px" alt="Referral program at V Line" draggable="false" /> 21489 </picture> 21490 </div> 21491 <div class="copy"> 21492 <div class="inner"> 21493 <div class="content" data-api-key="content"> 21494 <h2>Referral Program</h2> 21495 <p>
21495Invite your friends and family to experience V Line and both parties can receive rewards. Referral incentives can include store credit, direct treatment savings, facial rewards, and treatment rewards.</p> 21496 <p class="darkerlink"><a href="/about/referral-program/">Learn More About Referrals</a></p> 21497 </div> 21498 </div> 21499 </div> 21500 </div> 21501</div> 21502 21503<!-- Intro Module --> 21504<div class="mod_intro container viewport option-1 wow fadeInUp" data-s3-module> 21505 <div class="row background"> 21506 <div class="inner" data-api-key="content"> 21507 <h2>Our Locations</h2> 21508 <p>We serve clients across multiple locations with the same commitment to high-touch care and advanced aesthetic options. Visit our locations page to find the clinic nearest you and schedule your consultation.</p> 21509 <p class="darkerlink"><a href="/about/our-locations/">View All Locations</a></p> 21510 </div> 21511 </div> 21512 <picture class="background"> 21513 <source media="(max-width:420px)" 21514 srcset="/assets/img/img-export/1680283457-istock-814407962-1.webp?auto=format,compress&w=420, /assets/img/img-export/1680283457-istock-814407962-1.webp?auto=format,compress&w=630 2x"> 21515 <source media="(max-width:800px)" 21516 srcset="/assets/img/img-export/1680283457-istock-814407962-1.webp?auto=format,compress&w=800, /assets/img/img-export/1680283457-istock-814407962-1.webp?auto=format,compress&w=1200 2x"> 21517 <source srcset="/assets/img/img-export/1680283457-istock-814407962-1.webp?auto=format,compress&w=1920"> 21518 <img src="/assets/img/img-export/1680283457-istock-814407962-1.webp?auto=format,compress&w=1920" 21519 loading="lazy" width="1920px" height="1312px" alt="Our locations" draggable="false" /> 21520 </picture> 21521</div> 21522 21523<!-- Page Index List Module --> 21524<div class="mod_index_list option-1 container" data-s3-module> 21525 <div class="row"> 21526 <div class="inner"> 21527 <a href="/about/special-offers/" class="item" title="Opens Special Offers page" 21528 aria-label="Opens Special Offers page">Special Offers</a> 21529 <a href="/about/promotions/" class="item" title="Opens Promotions page" 21530 aria-label="Opens Promotions page">Promotions</a> 21531 <a href="/about/notice-of-open-payments-database/" class="item" 21532 title="Opens Notice of Open Payments Database page" 21533 aria-label="Opens Notice of Open Payments Database page">Notice of Open Payments Database</a> 21534 <a href="/contact/" class="item" title="Opens Contact page" 21535 aria-label="Opens Contact page">Schedule a Consultation</a> 21536 </div> 21537 </div> 21538</div> 21539 21540<!-- /Page Layout --> 21541 21542 21543<!--<footer>--> 21544 21545</main> <!-- End Content Wrap --> 21546 21547<!-- CTA Sub --> 21548<div class="partial_cta_sub wow fadeInDown " data-s3-partial> 21549 <div class="row"> 21550 <div class="text"> 21551 <div class="logo"> 21552 <picture class=""> <img src="/assets/img/img-export/1679519938-v-line-1.svg" width=75 height=79 loading="lazy" 21553 alt="v-line logo" draggable="false"></picture> 21554 </div> 21555 <h2>Discover True <span class="block">Elegance</span></h2> 21556 <a href="/contact/" class="btn white">Contact Us</a> 21557 </div> 21558 </div> 21559 <picture class="background"> 21560 <source media="(max-width:420px)" 21561 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21562 data-lazyload-srcset="/assets/img/img-export/1678918336-cta-sub.webp?auto=format,compress&w=800, /assets/img/img-export/1678918336-cta-sub.webp?auto=format,compress&w=1200 2x"> 21563 <source media="(max-width:800px)" 21564 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21565 data-lazyload-srcset="/assets/img/img-export/1678918336-cta-sub.webp?auto=format,compress&w=800&q=90, /assets/img/img-export/1678918336-cta-sub.webp?auto=format,compress&w=1200&q=90 2x"> 21566 <source media="(max-width:1400px)" 21567 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21568 data-lazyload-srcset="/assets/img/img-export/1678918336-cta-sub.webp?auto=format,compress&w=1400&q=90, /assets/img/img-export/1678918336-cta-sub.webp?auto=format,compress&w=2100&q=90 2x"> 21569 <source 21570 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21571 data-lazyload-srcset="/assets/img/img-export/1678918336-cta-sub.webp?auto=format,compress&w=2200&q=90"> <img 21572 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21573 data-lazyload-src="/assets/img/img-export/1678918336-cta-sub.webp?auto=format,compress&w=2200&q=90" loading="lazy" 21574 data-lazyload="img" width="2200px" height="937px" alt="Contact us media" draggable="false" /> 21575 </picture> 21576</div> 21577<!-- Footer --> 21578<footer class="partial_footer container" data-s3-partial> 21579 <!-- contact cta for mobile --> 21580 <div class="fixed-cta"> 21581 <a href="/contact/" class="btn" role="button" aria-label="Contact V Line Cosmetic Center">Contact Us</a> 21582 <!-- <a class="tel ppc-href btn" href="tel:+16262410898" aria-label="Call V Line Cosmetic Center on the phone" 21583 role="button">
21584 <span class="ppc-number">626-241-0898</span> 21585 </a> --> 21586 </div> 21587 21588 21589 <div class="row main"> 21590 <div class="item logo-holder"> 21591 <a href="/" class="logo"> 21592 <picture class=""> 21593 <source media="(max-width:420px)" 21594 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21595 data-lazyload-srcset="/assets/img/img-export/1678831459-v-line-logo.webp?auto=format,compress&w=420, /assets/img/img-export/1678831459-v-line-logo.webp?auto=format,compress&w=630 2x"> 21596 <source 21597 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21598 data-lazyload-srcset="/assets/img/img-export/1678831459-v-line-logo.webp?auto=format,compress&w=580"> <img 21599 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21600 data-lazyload-src="/assets/img/img-export/1678831459-v-line-logo.webp?auto=format,compress&w=580" 21601 loading="lazy" data-lazyload="img" width="580px" height="614px" alt="v line logo" draggable="false" /> 21602 </picture> 21603 </a> 21604 </div> 21605 </div> 21606 21607 <div class="trademark"> 21608 <div class="row"> 21609 <div class="item reserved"> 21610 <p>© 21611 2026 21612 V Line Cosmetic Center</p> 21613 </div> 21614 <div class="item"> 21615 <p> 21616 <a href="/terms-and-conditions/">Terms & Conditions</a> 21617 <a href="/privacy-policy/">Privacy Policy</a> 21618 <a href="/sitemap/">Sitemap</a> 21619 </p> 21620 </div> 21621 <div class="item s3"> 21622 <!-- <a href="https://www.studio3marketing.com/" target="_blank" rel="noopener" role="link" 21623 aria-label="Studio 3 Marketing website opens in a new tab"> 21624 <span class="s3-logo"></span> 21625 Designed and Developed 21626 <span class="block">by Studio III Marketing</span> --> 21627 </a> 21628 </div> 21629 </div> 21630 </div> 21631 21632 <picture class="background"> 21633 <source media="(max-width:420px)" 21634 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21635 data-lazyload-srcset="/assets/img/img-export/1678831197-14-footer.webp?auto=format,compress&w=420, /assets/img/img-export/1678831197-14-footer.webp?auto=format,compress&w=630 2x"> 21636 <source media="(max-width:800px)" 21637 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21638 data-lazyload-srcset="/assets/img/img-export/1678831197-14-footer.webp?auto=format,compress&w=800, /assets/img/img-export/1678831197-14-footer.webp?auto=format,compress&w=1200 2x"> 21639 <source media="(max-width:1400px)" 21640 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21641 data-lazyload-srcset="/assets/img/img-export/1678831197-14-footer.webp?auto=format,compress&w=1400, /assets/img/img-export/1678831197-14-footer.webp?auto=format,compress&w=2100 2x"> 21642 <source 21643 srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21644 data-lazyload-srcset="/assets/img/img-export/1678831197-14-footer.webp?auto=format,compress&w=2200"> <img 21645 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" 21646 data-lazyload-src="/assets/img/img-export/1678831197-14-footer.webp?auto=format,compress&w=2200" loading="lazy" 21647 data-lazyload="img" width="2200px" height="830px" alt="Footer media" draggable="false" /> 21648 </picture> 21649</footer> 21650<div class="row disclaimer"> 21651 <div class="partial_a11y_disclaimer" data-s3-partial> 21652 <div class="a11y-disclaimer"> 21653 <div> 21654 <strong>Accessibility:</strong> If you are vision-impaired or have some other impairment covered by the 21655 Americans with Disabilities Act or a similar law, and you wish to discuss potential accommodations related to
21656 using this website, please contact our Accessibility Manager at <a class="tel ppc-href" 21657 href="tel:+16262410898"><span class="ppc-number">626-241-0898</span></a>. 21658 </div> 21659 </div> 21660 </div> 21661</div> 21662 21663 21664 21665 21666 21667<!-- commenting out for desktop contact us button 21668 21669<div class="partial_form_sticky" data-s3-partial> 21670 <a class="sticky-form-header" href="/contact/" role="button" aria-label="Contact Us">Contact Us</a> 21671</div>--> 21672 21673 21674<!--[endlocalize]-->
21675<script type="text/javascript"> 21676(() => { 21677 var p = t => { 21678 let o = document.readyState; 21679 if (typeof $ != "function") { 21680 setTimeout(() => { 21681 p(t) 21682 }, 100); 21683 return 21684 } 21685 o === "complete" || o !== "loading" && !document.documentElement.doScroll ? t() : document.addEventListener( 21686 "DOMContentLoaded", t) 21687 }, 21688 m = p; 21689 var g = () => { 21690 [...document.querySelectorAll("video")].forEach((t, o) => { 21691 let e = t.getAttribute("data-lazyload"), 21692 n = t.getAttribute("data-lazyload-loaded"); 21693 if (!e || n) { 21694 let a = t.getAttribute("src"), 21695 s = window.innerWidth, 21696 r = t.getAttribute("data-desktop-vid"), 21697 l = t.getAttribute("data-tablet-vid"), 21698 u = t.getAttribute("data-mobile-vid"), 21699 d = s <= 640 ? u : s <= 920 ? l : r; 21700 d !== null && d !== a && t.setAttribute("src", d) 21701 } 21702 }) 21703 }, 21704 E = t => "scrollTop" in t ? t.scrollTop : t.pageYOffset, 21705 y = t => { 21706 let o = t.getBoundingClientRect(); 21707 return { 21708 top: o.top + window.scrollY, 21709 left: o.left + window.scrollX 21710 } 21711 }, 21712 C = t => { 21713 for (var o = [], e = t.parentNode.firstChild; e;) e.nodeType === 1 && e !== t && o.push(e), e = e.nextSibling; 21714 return o 21715 }, 21716 c = { 21717 run() { 21718 g(), [...document.querySelectorAll("[data-lazyload]")].forEach(function(t, o) { 21719 var e = t.getAttribute("data-lazyload"), 21720 n = t.getAttribute("data-lazyload-src"); 21721 let a = (window.tresioConfig || {}).lazyload || {}; 21722 var s = a.homeOffset !== void 0 ? a.homeOffset : 300, 21723 r = a.offset !== void 0 ? a.offset : 300; 21724 e === "bg" && (r = a.backgroundOffset !== void 0 ? a.backgroundOffset : 300); 21725 var l = E(window), 21726 u = t.nodeName === "SOURCE" ? y(t.parentNode).top : y(t).top; 21727 window.location.pathname === "/" && s !== void 0 && l < 300 && (r = s); 21728 var d = u - r, 21729 v = d + t.getBoundingClientRect().height, 21730 h = l + document.querySelector("html").clientHeight, 21731 w = u - l, 21732 A = d < -r, 21733 S = v > l && d < h || w < r; 21734 let z = t.style.display; 21735 if (S && z !== "none" && t.getAttribute("data-lazyload-loaded") !== "true" && !A) { 21736 if (e === "bg" && (t.style.backgroundImage = `url(${n})`), e === "img" && (t.getAttribute("src") !== 21737 n && t.setAttribute("src", n), C(t).forEach((i, x) => { 21738 if (i.nodeName === "SOURCE") { 21739 let f = i.getAttribute("data-lazyload-srcset"), 21740 T = i.getAttribute("srcset"); 21741 f && f !== T && i.setAttribute("srcset", f) 21742 } 21743 })), e === "video") { 21744 if (t.getAttribute("data-desktop-vid")) t.setAttribute("data-lazyload-loaded", "true"), g(); 21745 else if (t.setAttribute("src", n), t.nodeName === "SOURCE") { 21746 let i = t.parentNode; 21747 i.load && i.load() 21748 } 21749 } 21750 t.setAttribute("data-lazyload-loaded", "true") 21751 } 21752 }) 21753 }, 21754 init() { 21755 document.readyState === "loading" && c.run(), m(() => { 21756 window.addEventListener("resize", c.run, !1), window.addEventListener("scroll", c.run, !1), c.run() 21757 }) 21758 } 21759 }, 21760 b = c; 21761 b.init(); 21762})(); 21763</script>
21763 21764
21765<script onload="$(document).trigger('cms.init')" type="text/javascript" src="/assets/app.min.js" defer async></script>
vendor: 1 bytes, line 21765
21765
21766<script> 21767jQuery(document).ready(function($) { 21768 // Launch the modal 21769 $('.btn--modal').on('click', function(e) { 21770 e.preventDefault(); 21771 var modalID = '#' + $(this).attr('data-modal'); 21772 21773 if ($(this)[0].hasAttribute('data-video-yt')) { 21774 var videoID = $(this).attr('data-video-yt'); 21775 $(modalID) 21776 .find('.modal__inner') 21777 .append( 21778 '<div class="iframe-wrap"><iframe width="560" height="315" src="https://www.youtube.com/embed/' + 21779 videoID + 21780 '" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>' 21781 ); 21782 } 21783 21784 if ($(this)[0].hasAttribute('data-video-vimeo')) { 21785 var videoID = $(this).attr('data-video-vimeo'); 21786 $(modalID) 21787 .find('.modal__inner') 21788 .append( 21789 '<div class="iframe-wrap"><iframe width="560" height="315" src="https://player.vimeo.com/video/' + 21790 videoID + 21791 '" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen allowfullscreen></iframe></div>' 21792 ); 21793 } 21794 21795 $(modalID).fadeIn('fast'); 21796 }); 21797 21798 // Close the modal 21799 $('.modal-close, .modal__bg').on('click', function(e) { 21800 closeModal($(this)); 21801 }); 21802}); 21803 21804function closeModal(object) { 21805 object.closest('.modal').fadeOut('fast', function() { 21806 $('.modal__inner .iframe-wrap').remove(); 21807 }); 21808} 21809</script>
21809 21810 21811 21812
21813<script src="/ab/analytics.js?v=5" defer></script>
21813 21814</body> 21815 21816</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.