1<!DOCTYPE html> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title> 5Contact - Joel Enos Writer & Editor</title> 6 <!-- META --> 7 <meta charset="UTF-8"> 8 <meta name="viewport" content="width=device-width, maximum-scale=1"/> 9 10 11 12 13
13<script src="https://www.youtube.com/iframe_api"></script>
13 14 <!-- CSS --> 15 <style class='common-css'> 16 17body { 18 padding: 0px; 19 margin: 0px; 20 min-height:100%; 21} 22 23.clickable{ 24 cursor:pointer; 25} 26 27.shown { 28 opacity:1; 29} 30 31.bottom-layer{ 32 z-index:0; 33} 34 35.layer1{ 36 z-index:1; 37} 38 39.layer2{ 40 z-index:12; 41} 42 43.layer3{ 44 z-index:123; 45} 46 47.layer4{ 48 z-index:1234; 49} 50 51.layer5{ 52 z-index:12345; 53} 54 55.top-layer{ 56 z-index:123456789; 57} 58 59.space-layer{ 60 z-index:1234567899; 61} 62 63.fully-animated *{ 64 -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 65 -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 66 -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 67 transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 68} 69 70 71.animated-color{ 72 -webkit-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 73 -moz-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 74 -o-transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 75 transition: color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 76 -webkit-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 77 -moz-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 78 -o-transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 79 transition: background-color 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); 80} 81 82 83 84 85 86.zero-opacity{ 87 opacity:0; 88} 89 90 91 92.slow-animated-opacity{ 93 -webkit-transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); 94 -moz-transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); 95 -o-transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); 96 transition: opacity 1.5s cubic-bezier(0.165, 0.84, 0.44, 1); 97} 98 99.bg-div{ 100 position: fixed; 101 top: 0px; 102 left: 0px; 103 height: 100%; 104 width: 100%; 105 background-image:url(/images/backgrounds/1.jpg); 106 background-repeat:no-repeat; 107 background-size: cover; 108 background-position:center; 109 opacity:0; 110} 111 112.bg-div.shown{ 113 opacity:0.4; 114} 115 116 117 118 119/* MAGIC CIRCLE */ 120 121 122 123.item-settings-menu{ 124 width:25px; 125 height:25px; 126 cursor:pointer; 127 margin:2px; 128 display:inline-block; 129} 130 131 132 133img.item-settings-menu:hover{ 134 /*background-color:grey;*/ 135} 136 137.magic-circle-controls{ 138 position:absolute; 139 opacity:0; 140 background-color:black; 141} 142 143.magic-circle-controls.shown { 144 opacity:1; 145} 146 147 148 149/* BREAD CRUMBS */ 150#bread-crumbs{ 151 font-family:HelveNueThinNormal; 152 color:white; 153 font-size:30px; 154 left:40px; 155 top:40px; 156 display:inline-block; 157 position:fixed; 158} 159#bread-crumbs img:not(.label-logo){ 160 vertical-align: middle; 161 width:60px; 162 height:60px; 163 margin-top:-16px; 164} 165 166#bread-crumbs img.label-logo{ 167 vertical-align:top; 168 margin-right:5px; 169} 170 171#bread-crumbs span{ 172 color:#666; 173 font-size:30px; 174 display:inline-block; 175} 176 177 178#bread-crumbs span.im-text , .module-back span.im-text{ 179 /*color:transparent; 180 background-repeat: no-repeat; 181 background-image: url('/images/ui_icons/xprslogo.png'); 182 background-size: contain; 183 height: 25px; 184 background-position: center;*/ 185} 186 187 188#bread-crumbs .bread-crumbs-path, #bread-crumbs .back-btn{ 189 display: inline-block; 190} 191 192 193#bread-crumbs span.beta-icon{ 194 font-size:10px; 195 color:white; 196} 197 198 199#bread-crumbs a{ 200 text-decoration: none; 201 color:white; 202 font-size:12px; 203} 204 205 206#blocking-div{ 207 position:absolute; 208 top:0; 209 left:0; 210 width:100%; 211 height:100%; 212 background-color:black; 213 background-image:url(/images/x_loader.gif); 214 background-repeat: no-repeat; 215 background-position: center; 216 background-size: 50px 50px; 217 218} 219 220.terms-link , .call-me{ 221 text-decoration: none; 222 color: #999; 223 font-family: Arial; 224 padding-left: 10px; 225 font-size: 14px; 226} 227 228.tooltip-circle{ 229 background-image:url(/images/ui_icons/tooltip_circle.png); 230 background-repeat:no-repeat; 231 width:100px; 232 height:100px; 233 position:absolute; 234 z-index: 9999999999; 235 cursor:pointer; 236 /*pointer-events:none;*/ 237} 238 239 240 241.tooltip-wrapper.top-left{ 242 background-image:url(/images/ui_icons/tooltip_top_left.png); 243} 244 245.tooltip-wrapper.bottom-left{ 246 background-image:url(/images/ui_icons/tooltip_bottom_left.png); 247} 248 249.tooltip-wrapper.top-right{ 250 background-image:url(/images/ui_icons/tooltip_top_right.png); 251} 252 253.tooltip-wrapper.bottom-right{ 254 background-image:url(/images/ui_icons/tooltip_bottom_right.png); 255} 256 257 258.tooltip-wrapper{ 259 background-repeat:no-repeat; 260 width:300px; 261 height:250px; 262 position:absolute; 263 z-index: 99999999; 264} 265 266.tooltip-holder{ 267 font-family:Arial; 268 margin:30px; 269 text-align: left; 270} 271 272.tooltip-category{ 273 font-size:16px; 274 color:red; 275 font-weight:bold; 276 padding-top: 10px; 277} 278 279.tooltip-title{ 280 font-size:22px; 281 color:#333; 282} 283 284.tooltip-content{ 285 font-size:12px; 286 color:#999; 287 padding-top: 5px; 288} 289 290.tooltip-btn{ 291 border:solid 1px #999; 292 color:#999; 293 font-size:12px; 294 display: inline-block; 295 /*padding: 3px;*/ 296 margin-top: 20px;
297 cursor:pointer; 298 position: absolute; 299 padding: 5px 10px; 300} 301 302.tooltip-btn.tooltip-next{ 303 bottom: 44px; 304 right: 34px; 305 color: white; 306 background-color: #33CC66; 307 border: solid 1px #33CC66; 308 309} 310.tooltip-btn.tooltip-hide{ 311 bottom: 44px; 312 left: 31px; 313} 314 315.regular-mode .pro-feature{ 316 display:none!important; 317} 318 319iframe.stripe_checkout_app { 320 z-index:12345678911!important; 321} 322.sr-modal-backdrop{ 323 z-index:1234567891!important; 324} 325 326.sr-confirm-amount{ 327 border:none!important; 328} 329 330.fa.fa-shopping-cart{ 331 border:none!important; 332} 333 334.sr-basket-widget-inner{ 335 border:none!important; 336} 337 338.t-t{ 339 /*color:red!important;*/ 340} 341 342 343#translation-box{ 344 float: left; 345 text-align: left; 346 color: white; 347 line-height: normal; 348 margin-right: 11px; 349 margin-top: 10px; 350 font-size: 12px; 351 z-index: 1234; 352 background-color: #666; 353 position: relative; 354 font-family: Arial; 355 width: 44px; 356 display: inline-block; 357 padding-top: 5px; 358 padding-bottom: 5px; 359 padding-left: 10px; 360} 361 362 363#translation-box img.caret{ 364 width:12px; 365 height:12px; 366 margin-top: 2px; 367 margin-left: 4px; 368} 369 370#translation-box ul#lang-dropdown{ 371 line-height: normal; 372 font-size: 12px; 373 padding:4px; 374 display:none; 375 list-style-type: none; 376 margin: 0px; 377 margin-right:11px; 378 padding: 0px; 379 position: absolute; 380 background-color: #666; 381 left: 0px; 382 text-align: left; 383 max-height:170px; 384 overflow-y:scroll; 385} 386 387 388#translation-box ul#lang-dropdown::-webkit-scrollbar-track{ 389 /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/ 390 background-color: #000000; 391} 392 393#translation-box ul#lang-dropdown::-webkit-scrollbar{ 394 width: 6px; 395 background-color: #000000; 396} 397 398#translation-box ul#lang-dropdown::-webkit-scrollbar-thumb{ 399 background-color: #999; 400 401} 402 403ul#lang-dropdown li:hover{ 404 background-color:#999; 405} 406 407 408ul#lang-dropdown li{ 409 width: 40px; 410 padding: 2px; 411 padding-left: 12px; 412 padding-top: 5px; 413 padding-bottom: 5px; 414 font-size: 10px; 415} 416 417 418@media screen and (max-height: 600px) { 419 #user-gravatar{ 420 display:none; 421 } 422} 423 424 425 </style> 426 <style> 427 @font-face { 428 font-family: 'HelveNueThinNormal'; 429 src: url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.eot'); 430 src: url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.eot?iefix') format('eot'), 431 url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.woff') format('woff'), 432 url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.ttf') format('truetype'), 433 url('https://storage.googleapis.com/xprs_resources/fonts/helveticaneuethn-webfont.svg#webfontJR0GaG5Z') 434 format('svg'); 435 font-weight: normal; 436 font-style: normal; 437 } 438 </style> 439 440 441 <link rel="icon" type="image/png" href="https://sep.yimg.com/yf/common/favicon-32x32.png" /> 442 <link rel="apple-touch-icon" href="https://sep.yimg.com/yf/common/favicon-32x32.png" /> 443 444 445 446 447 448 449 450 <link rel="stylesheet" type="text/css" href="//editor.turbify.com/css/fonts.css?v=1.5.8c" /> 451 <style class='inline-stripe-data'>/****************************************************************************************************** 452 * STRIPE DATA STYLE 453 * 454 ******************************************************************************************************/ 455 456 457 #vbid-0d73f693-slct9pcf.master.item-box { 458 padding-top: 0px; 459 min-height: 434px; 460}</style> 461 462 <style class='inline-stripe-data'>/****************************************************************************************************** 463 * STRIPE DATA STYLE 464 * 465 ******************************************************************************************************/ 466 467 468 #vbid-f1c1f992-boljpmol.master.item-box { 469 padding-top: 0px; 470 padding-bottom: 0px; 471} 472 473 #vbid-f1c1f992-mlgutdwo { 474 background-position: 53.9237670898438% 51.5926666259766%; 475} 476 477 #vbid-f1c1f992-lrvpwcan.master.item-box { 478 padding-top: 0px; 479 min-height: 423px; 480} 481 482 #vbid-f1c1f992-860ulmss.master.item-box { 483 min-height: 448px; 484} 485 486 #vbid-f1c1f992-dyvu4vxu.master.item-box { 487 min-height: 471px; 488} 489 490 #vbid-f1c1f992-s4roxolu.master.item-box { 491 padding-top: 0px; 492 padding-bottom: 0px; 493 min-height: 737px; 494} 495 496 #vbid-f1c1f992-b4aqngvf.master.item-box { 497 min-height: 812px; 498} 499 500 #vbid-f1c1f992-6atn1oht.master.item-box { 501 min-height: 681px; 502} 503 504 #vbid-f1c1f992-dbfjib2a.master.item-box { 505 min-height: 493px; 506} 507 508 #vbid-f1c1f992-lwbdmhqn.master.item-box { 509 min-height: 321px; 510} 511 512 #vbid-f1c1f992-tbhkv1vy.master.item-box { 513 padding-top: 0px; 514 padding-bottom: 0px; 515 min-height: 908px; 516} 517 518 #vbid-f1c1f992-qdxnhcse.master.item-box { 519 padding-top: 0px; 520 padding-bottom: 0px; 521 min-height: 422px; 522} 523 524 #vbid-f1c1f992-rzyszylt.master.item-box { 525} 526 #vbid-f1c1f992-rzyszylt.master.item-box { 527 padding-top: 0px; 528 padding-bottom: 0px; 529 min-height: 568px; 530} 531 532 #vbid-f1c1f992-s6yjqkb1.master.item-box { 533 padding-top: 0px; 534 padding-bottom: 0px; 535 min-height: 508px; 536} 537 538 #vbid-f1c1f992-fv2qzjnp.master.item-box { 539 padding-top: 20px; 540 padding-bottom: 20px; 541 min-height: 202px; 542} 543 #vbid-f1c1f992-fv2qzjnp.item-box > .item-wrapper { 544 max-width: 1000px; 545} 546 547 #vbid-f1c1f992-53kubla8.master.item-box { 548 min-height: 812px; 549} 550 551 #vbid-f1c1f992-aeh25k8g.master.item-box { 552 padding-top: 0px; 553 padding-bottom: 40px; 554 min-height: 1343px; 555} 556 #vbid-f1c1f992-aeh25k8g.item-box > .item-wrapper { 557 max-width: 1422px; 558} 559 560 #vbid-f1c1f992-0ixbgv9u.master.item-box { 561 min-height: 812px; 562} 563 564 #vbid-f1c1f992-alvaizg1.master.item-box { 565 padding-bottom: 0px; 566 min-height: 99px; 567} 568 569 #vbid-f1c1f992-awqffl9o.master.item-box { 570 padding-top: 65px; 571 padding-bottom: 0px; 572} 573 574 #vbid-f1c1f992-f3ddwv5m.master.item-box { 575 padding-top: 0px; 576 padding-bottom: 0px; 577 min-height: 299px; 578} 579 580 #vbid-f1c1f992-s8k82hst.master.item-box { 581 padding-top: 40px; 582 padding-bottom: 50px; 583} 584 #vbid-f1c1f992-s8k82hst.item-box > .item-wrapper { 585 max-width: 1150px; 586} 587 588 #vbid-f1c1f992-q2elej6i.master.item-box { 589 min-height: 566px; 590} 591 592 #vbid-f1c1f992-awoghgja.master.item-box { 593 padding-top: 0px; 594 padding-bottom: 0px; 595} 596
597 #vbid-f1c1f992-6pc7woyh.master.item-box { 598 min-height: 448px; 599} 600 601 #vbid-f1c1f992-2u8fk5jt.master.item-box { 602 padding-top: 0px; 603 padding-bottom: 0px; 604 min-height: 489px; 605} 606 607 #vbid-f1c1f992-iqnbzzn4.master.item-box { 608 padding-top: 0px; 609 padding-bottom: 0px; 610 min-height: 1343px; 611} 612 #vbid-f1c1f992-iqnbzzn4.item-box > .item-wrapper { 613 max-width: 1000px; 614} 615 616 #vbid-f1c1f992-5tah8gkf.master.item-box { 617 min-height: 812px; 618} 619 620 #vbid-f1c1f992-601xoett.master.item-box { 621 min-height: 463px; 622} 623 624 #vbid-f1c1f992-sa1rlmtk.master.item-box { 625 min-height: 812px; 626} 627 628 #vbid-f1c1f992-2babxphs.master.item-box { 629 min-height: 283px; 630} 631 632 #vbid-f1c1f992-0eib3abm.master.item-box { 633 padding-top: 50px; 634 padding-bottom: 50px; 635} 636 #vbid-f1c1f992-0eib3abm.item-box > .item-wrapper { 637 max-width: 1428px; 638} 639 640 #vbid-f1c1f992-vfj39xam.master.item-box { 641 min-height: 471px; 642} 643</style> 644 645 646 <style class='view-css'>html { 647 -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ 648 font-size: 1px; 649} 650 651body{ 652 padding:0px; 653 margin:0px; 654 overflow-y: auto; 655 overflow-x: hidden; 656 min-width:300px; 657 font-size:12px; 658} 659 660ul{ 661 list-style:none; 662 padding: 0px; 663} 664 665li{ 666 margin:0px; 667 padding:0px; 668} 669 670p{ 671 margin:0px; 672 padding:0px; 673} 674 675#xprs{ 676 overflow:hidden; 677} 678 679.item-wrapper{ 680 margin-left: auto; 681 margin-right: auto; 682 height:100%; 683 width:100%; 684 min-height:inherit; 685} 686 687.preview-image-holder .image-link{ 688 min-height:inherit; 689 display:inline-block; 690} 691 692a{ 693 text-decoration: none; 694 pointer-events:auto; 695} 696 697#loading{ 698 left: 50%; 699 position: relative; 700} 701 702.container{ 703 top: 0px; 704 width: auto; 705 height: 100%; 706 left: 0px; 707 min-height:inherit; 708 position: relative; 709} 710 711.element-wrapper .content{ 712 position: relative; 713} 714 715.master.item-box{ 716 width:100%; 717 margin: 0px; 718 text-align: center; 719} 720 721.master.item-box .stripe-background{ 722 height: 100%; 723 width: 100%; 724 min-height: inherit; 725 background-repeat: no-repeat; 726 background-size: cover; 727 background-position:center; 728 position: absolute; 729 pointer-events:none; 730} 731 732.item-box{ 733 position:relative; 734 overflow:visible; 735} 736 737.item-box.hide-from-preview ,.item-box.hide-from-view{ 738 display:none; 739} 740 741.image-cover, .page-image-cover{ 742 display: block; 743 overflow:hidden; 744} 745 746.image-holder,.preview-image-holder{ 747 background-position: center; 748 background-size:cover; 749 background-repeat:no-repeat; 750 background-color:transparent; 751 width:auto; 752 overflow:hidden; 753 width:100%; 754 height:100%; 755} 756 757.image-source{ 758 background-repeat:no-repeat; 759 background-color:transparent; 760 width:100%; 761 height:100%; 762} 763 764.element.image-source{ 765 box-sizing:border-box; 766 -moz-box-sizing:border-box; 767 -webkit-box-sizing:border-box; 768} 769 770.icon-source{ 771 background-position: center; 772 background-size:contain; 773 background-repeat:no-repeat; 774 background-color:transparent; 775 height:auto; 776 display:inline-block; 777 position:relative; 778} 779 780.item-content:not(.blocks_layout):hover .hover_none{ 781 -webkit-filter: grayscale(0%) !important; /* New WebKit */ 782 -webkit-filter: brightness(100%) !important; /* New WebKit */ 783 transform: scale(1,1) !important; 784 -ms-transform: scale(1,1) !important; /* IE 9 */ 785 -webkit-transform: scale(1,1) !important; /* Safari and Chrome */ 786} 787 788.item-content{ 789 height:100%; 790 min-height:inherit; 791 position:relative; 792} 793 794.black_and_white , .item-content:not(.blocks_layout):hover .hover_black_and_white { 795 -webkit-filter: grayscale(100%); /* New WebKit */ 796} 797 798.darken_120,.item-content:not(.blocks_layout):hover .hover_darken_120{ 799 -webkit-filter: brightness(0.8); /* New WebKit */ 800} 801 802.darken_140, .item-content:not(.blocks_layout):hover .hover_darken_140{ 803 -webkit-filter: brightness(0.6); /* New WebKit */ 804} 805 806.grow_120, .item-content:not(.blocks_layout):hover .hover_grow_120{ 807 transform: scale(1.2,1.2); 808 -ms-transform: scale(1.2,1.2); /* IE 9 */ 809 -webkit-transform: scale(1.2,1.2); /* Safari and Chrome */ 810 -moz-transform:scale(1.2,1.2); 811} 812 813.grow_140, .item-content:not(.blocks_layout):hover .hover_grow_140{ 814 transform: scale(1.4,1.4); 815 -ms-transform: scale(1.4,1.4); /* IE 9 */ 816 -webkit-transform: scale(1.4,1.4); /* Safari and Chrome */ 817 -moz-transform:scale(1.4,1.4); 818} 819 820.item-box.element-box{ 821 width:100%; 822} 823 824.page-content > img:first-of-type{ 825 width:700px; 826} 827 828.page-content p.Body:first-of-type{ 829 padding-top: 17px; 830} 831 832.element-holder{
833 display:block; 834 margin: auto; 835 text-align: center; 836 width:100%; 837 position: relative; 838} 839 840.marginable{ 841 margin-left:60px; 842 margin-right:60px; 843} 844 845.picture-element{ 846 background-position: center; 847 background-size:cover; 848 background-repeat:no-repeat; 849 background-color:transparent; 850} 851 852.icon-element{ 853 background-position: center; 854 background-size:contain; 855 background-repeat:no-repeat; 856 background-color:transparent; 857 height: 50px; 858} 859 860.icon-holder{ 861 width:100%; 862} 863 864.stripe-default-width{ 865 margin-left:auto; 866 margin-right:auto; 867} 868 869#pagination-btn{ 870 cursor:pointer; 871} 872 873#pagination-holder{ 874 display:inline-block; 875 margin-left:auto; 876 margin-right:auto; 877} 878 879#pagination-wrapper{ 880 width:100%; 881 text-align:center; 882 display:none; 883} 884 885[data-child-type='PIC'] .element-wrapper .content{ 886 height:100%; 887 min-height:inherit; 888} 889 890[data-child-type='PIC'] .element-wrapper .content .page-image-cover{ 891 height:100%; 892 min-height:inherit; 893} 894 895[data-child-type='PIC'] .element-wrapper .content .page-image-cover .Picture{ 896 height:100%; 897 min-height:inherit; 898} 899 900[data-child-type='VIDEO'] .element-wrapper .content{ 901 height:100%; 902 min-height:inherit; 903} 904 905[data-child-type='VIDEO'] .element-wrapper .content .page-video-cover{ 906 height:100%; 907 min-height:inherit; 908} 909 910[data-child-type='VIDEO'] .element-wrapper .content .page-video-cover .video-source{ 911 height:100%; 912 min-height:inherit; 913} 914 915[data-child-type='MAP'] .element-wrapper .content{ 916 height:100%; 917 min-height:inherit; 918} 919 920[data-child-type='MAP'] .element-wrapper .content .page-map-cover{ 921 height:100%; 922 min-height:inherit; 923} 924 925[data-child-type='MAP'] .element-wrapper .content .page-map-cover .map-source{ 926 height:100%; 927 min-height:inherit; 928} 929 930.preview-video-holder , .preview-map-holder{ 931 height:100%; 932 min-height:inherit; 933} 934 935.preview-map-holder{ 936 position: absolute; 937 width:100%; 938 top: 0px; 939 left: 0px; 940 line-height:normal; 941} 942 943.preview-video-source, .preview-map-source{ 944 height:100%; 945 min-height:inherit; 946 overflow:hidden; 947} 948 949#xprs:not(.in-editor) .preview-video-source.vid-autoplay{ 950 transition:opacity 1s linear; 951 opacity:0; 952} 953 954.video-source .me-plugin{ 955 position:relative; 956 height:100%; 957 min-height:inherit; 958} 959 960.map-frame{ 961 height: 100%; 962 width: 100%; 963 min-height: inherit; 964} 965 966.ytplayer{ 967 height: 100%; 968 width: 100%; 969 min-height: inherit; 970} 971.rounded{ 972 border-radius: 15px; 973} 974 975.title-holder{ 976 margin-right:auto; 977 margin-left:auto; 978} 979 980.video-wrapper{ 981 overflow: hidden; 982} 983 984.video-source.fitvid{ 985 overflow:hidden; 986} 987 988.erred-user-form-field, .erred-user-form-field input[type=date]{ 989 background-color:#de6262 !important; 990 color:white !important; 991} 992 993input[type=checkbox].erred-user-form-field{ 994 box-shadow: 0 0 2px 1px #de6262; 995} 996 997.preview-form .Field { 998 width:100%; 999 pointer-events: auto; 1000 box-sizing: border-box; 1001} 1002 1003.preview-form .field-holder label input[type="checkbox"].Field { 1004 width:auto; 1005 border:none; 1006 margin:0px; 1007 min-width: auto!important; 1008 margin-right:10px; 1009} 1010 1011.preview-form .field-holder input[type="date"].Field{ 1012 width: auto!important; 1013 text-align: right!important; 1014 padding: 0!important; 1015 margin: 0!important; 1016 border:none!important; 1017 min-width: auto!important; 1018} 1019 1020label.preview-element.Field.for-date{ 1021 display: inline-flex; 1022 justify-content: space-between; 1023 align-items: center; 1024} 1025 1026.preview-form textarea.Field { 1027 resize: none; 1028 height: 4em; 1029} 1030 1031.preview-form .field-checkbox span, .preview-form .field-checkbox input{ 1032 vertical-align: middle; 1033} 1034 1035.preview-form .field-checkbox{ 1036 text-align: left; 1037} 1038 1039/* fix for old style */ 1040.preview-icon-holder { 1041 margin-bottom: 0px!important; 1042} 1043 1044.master.item-box[data-child-type="MAP"]{ 1045 min-height:300px; 1046} 1047 1048.disable-max-width{ 1049 max-width:none!important; 1050} 1051 1052.master.item-box.header-box{ 1053 z-index:123456; 1054} 1055 1056.animated-top{ 1057 -webkit-transition: top 2s cubic-bezier(0.165, 0.84, 0.44, 1); 1058 -moz-transition: top 2s cubic-bezier(0.165, 0.84, 0.44, 1); 1059 -o-transition: top 2s cubic-bezier(0.165, 0.84, 0.44, 1); 1060 transition: top 2s cubic-bezier(0.165, 0.84, 0.44, 1); 1061} 1062 1063iframe.html-frame{ 1064 width: 100%; 1065 height: 100%; 1066 min-height:inherit; 1067} 1068 1069.html-wrapper .content , 1070.html-wrapper .content .page-html-cover , 1071.html-wrapper .content .page-html-cover .html-source, 1072.raw-wrapper .content, 1073.raw-wrapper .content .page-raw-cover, 1074.raw-wrapper .content .page-raw-cover .html-source, 1075.raw-wrapper .content .page-raw-cover .html-source .raw-container{ 1076 min-height:inherit; 1077 height:inherit; 1078} 1079 1080.raw-wrapper .content .page-raw-cover .html-source .raw-container,.raw-wrapper .content{ 1081 overflow: hidden; 1082} 1083 1084.raw-wrapper .content .page-raw-cover.centered .html-source .raw-container{ 1085 position: absolute; 1086 left: 50%; 1087 top: 50%; 1088 transform: translateX(-50%) translateY(-50%); 1089 height:auto; 1090 min-height:initial; 1091} 1092 1093/*****************************************************************************/ 1094/* EFFECTS 1095/*****************************************************************************/ 1096 1097[data-flex_element_effect="effect-fadein"] ~ #children .preview-content-holder{ 1098 opacity: 0; 1099} 1100 1101[data-flex_element_effect="effect-fadein"] ~ #children .play-effect .preview-content-holder{ 1102 -webkit-transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); /* Safari, Chrome and Opera > 12.1 */ 1103 -moz-transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); /* Firefox < 16 */ 1104 -ms-transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); /* Internet Explorer */ 1105 -o-transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); /* Opera < 12.1 */ 1106 transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1); 1107 opacity: 1; 1108} 1109 1110[data-flex_element_effect="effect-grow"] ~ #children .preview-content-holder{ 1111 transform: scale(0.9); 1112 opacity:0 1113} 1114 1115[data-flex_element_effect="effect-grow"] ~ #children .play-effect .preview-content-holder{ 1116 -webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); /* Safari, Chrome and Opera > 12.1 */ 1117 -moz-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); /* Firefox < 16 */ 1118 -ms-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); /* Internet Explorer */ 1119 -o-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); /* Opera < 12.1 */ 1120 transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); 1121 transform: scale(1); 1122 opacity:1 1123} 1124 1125[data-flex_element_effect="effect-slide-up"] ~ #children .preview-content-holder{ 1126 transform: translateY(10vh); 1127 opacity:0; 1128} 1129 1130[data-flex_element_effect="effect-slide-up"] ~ #children .play-effect .preview-content-holder{ 1131 -webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) , opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Safari, Chrome and Opera > 12.1 */ 1132 -moz-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Firefox < 16 */ 1133 -ms-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Internet Explorer */ 1134 -o-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Opera < 12.1 */ 1135 transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); 1136 transform: translateY(0); 1137 opacity:1; 1138} 1139 1140.item-details{ 1141 line-height:0px; 1142 position:relative; 1143} 1144 1145.preview-body ul{ 1146 padding-left: 20px!important; 1147 list-style:initial; 1148 padding: initial; 1149} 1150 1151.preview-body li{ 1152 margin:initial; 1153 padding:initial; 1154} 1155 1156.preview-raw-wrapper { 1157 width: 100%; 1158 height: 100%; 1159} 1160 1161.preview-raw-holder { 1162 width: 100%; 1163 height: 100%; 1164 top: 0px; 1165 left: 0px; 1166 position: relative; 1167} 1168 1169.preview-raw-container{ 1170 height:100%; 1171 width:100%; 1172} 1173 1174.stripes .master.element-box .image-source{ 1175 min-height: inherit; 1176 height:100%; 1177} 1178 1179.map-blocker{ 1180 height:100%; 1181 min-height:inherit; 1182 width:100%; 1183 position:absolute; 1184 left:0px; 1185 right:0px; 1186 z-index:12345678; 1187} 1188 1189.element-wrapper.pic-wrapper a{ 1190 min-height:inherit; 1191} 1192 1193[data-default-currency=USD] .preview-price:not(.sold-out)::before, [data-default-currency=USD] .shipping-currency::before { 1194 content: "$"; 1195} 1196 1197[data-default-currency=EUR] .preview-price:not(.sold-out)::before, [data-default-currency=EUR] .shipping-currency::before { 1198 content: "\20ac"; 1199} 1200 1201[data-default-currency=GBP] .preview-price:not(.sold-out)::before, [data-default-currency=GBP] .shipping-currency::before{ 1202 content: "\00a3"; 1203} 1204 1205[data-default-currency=SEK] .preview-price:not(.sold-out)::after, [data-default-currency=SEK] .shipping-currency::after { 1206 content: "Kr"; 1207 font-size: 0.7em; 1208} 1209 1210[data-default-currency=NOK] .preview-price:not(.sold-out)::after, [data-default-currency=NOK] .shipping-currency::after { 1211 content: "kr"; 1212 font-size: 0.7em; 1213} 1214 1215[data-default-currency=CAD] .preview-price:not(.sold-out)::before, [data-default-currency=CAD] .shipping-currency::before { 1216 content: "$(cad)"; 1217 font-size: 0.7em; 1218} 1219 1220[data-default-currency=AUD] .preview-price:not(.sold-out)::before, [data-default-currency=AUD] .shipping-currency::before { 1221 content: "$"; 1222 font-size: 0.7em; 1223} 1224 1225[data-default-currency=AUD] .preview-price:not(.sold-out)::after, [data-default-currency=AUD] .shipping-currency::after { 1226 content: "(AUD)"; 1227 font-size: 0.7em; 1228} 1229 1230[data-default-currency=CHF] .preview-price:not(.sold-out)::after, [data-default-currency=CHF] .shipping-currency::after { 1231 font-size: 0.7em; 1232} 1233 1234 1235[data-default-currency=BRL] .preview-price:not(.sold-out)::before, [data-default-currency=BRL] .shipping-currency::before { 1236 content: "R$"; 1237} 1238 1239[data-default-currency=MYR] .preview-price:not(.sold-out)::before, [data-default-currency=MYR] .shipping-currency::before { 1240 content: "RM"; 1241} 1242 1243[data-default-currency=SGD] .preview-price:not(.sold-out)::before, [data-default-currency=SGD] .shipping-currency::before { 1244 content: "S$"; 1245} 1246
1247[data-default-currency=ZAR] .preview-price:not(.sold-out)::before, [data-default-currency=ZAR] .shipping-currency::before { 1248 content: "R"; 1249} 1250 1251[data-default-currency=INR] .preview-price:not(.sold-out)::before, [data-default-currency=INR] .shipping-currency::before { 1252 content: "\20b9"; 1253} 1254 1255[data-default-currency=NGN] .preview-price:not(.sold-out)::before, [data-default-currency=NGN] .shipping-currency::before { 1256 content: "\20a6 "; 1257} 1258 1259[data-default-currency=TRY] .preview-price:not(.sold-out)::before, [data-default-currency=TRY] .shipping-currency::before { 1260 content: "\20ba"; 1261} 1262 1263[data-default-currency=CHF] .preview-price:not(.sold-out)::before, [data-default-currency=CHF] .shipping-currency::before { 1264 content: "CHF"; 1265} 1266 1267[data-default-currency=AED] .preview-price:not(.sold-out)::after, [data-default-currency=AED] .shipping-currency::after { 1268 content: "\062f.\0625"; 1269} 1270 1271[data-default-currency=PKR] .preview-price:not(.sold-out)::after, [data-default-currency=PKR] .shipping-currency::after { 1272 content: "₨"; 1273} 1274 1275[data-default-currency=THB] .preview-price:not(.sold-out)::after, [data-default-currency=THB] .shipping-currency::after { 1276 content: "à ¸¿"; 1277} 1278 1279[data-default-currency=IDR] .preview-price:not(.sold-out)::after, [data-default-currency=IDR] .shipping-currency::after { 1280 content: "Rp"; 1281} 1282 1283[data-default-currency=TWD] .preview-price:not(.sold-out)::before, [data-default-currency=TWD] .shipping-currency::before { 1284 content: "NT$"; 1285} 1286 1287[data-default-currency=UYU] .preview-price:not(.sold-out)::before, [data-default-currency=UYU] .shipping-currency::before { 1288 content: "$U"; 1289} 1290 1291[data-default-currency=MXN] .preview-price:not(.sold-out)::before, [data-default-currency=MXN] .shipping-currency::before { 1292 content: "Mex$"; 1293} 1294 1295[data-default-currency=TWD] .preview-price:not(.sold-out)::before, [data-default-currency=TWD] .shipping-currency::before { 1296 content: "NT$"; 1297} 1298 1299[data-default-currency=GHS] .preview-price:not(.sold-out)::before, [data-default-currency=GHS] .shipping-currency::before { 1300 content: "GH¢"; 1301} 1302 1303[data-default-currency=MAD] .preview-price:not(.sold-out)::after, [data-default-currency=MAD] .shipping-currency::after { 1304 content: "DH"; 1305} 1306 1307[data-default-currency=RUB] .preview-price:not(.sold-out)::after, [data-default-currency=RUB] .shipping-currency::after { 1308 content: "\20bd"; 1309} 1310 1311[data-default-currency=JPY] .preview-price:not(.sold-out)::before { 1312 content: "\00a5"; 1313} 1314 1315[data-default-currency=NZD] .preview-price:not(.sold-out)::before { 1316 content: "NZ$"; 1317} 1318 1319[data-default-currency=ILS] .preview-price:not(.sold-out)::before, [data-default-currency=ILS] .shipping-currency::before { 1320 content: "\20AA"; 1321} 1322 1323[data-default-currency=PHP] .preview-price:not(.sold-out)::before, [data-default-currency=PHP] .shipping-currency::before { 1324 content: "₱"; 1325} 1326 1327.multi_layout .pic-side .inner-pic.circlize{ 1328 margin-left: auto; 1329 margin-right: auto; 1330} 1331 1332[data-caller=static] .master.item-box.showing-feed:not(.loaded) .sub.item-box{ 1333 opacity:0!important; 1334} 1335 1336.sub.item-box{ 1337 opacity:1; 1338} 1339 1340.stripe-header , .stripe-footer{ 1341 width:100%; 1342 z-index:1; 1343} 1344 1345.blocks-preview-divider, .preview-divider{ 1346 border-top-width: 0px; 1347 border-left-width: 0px; 1348 border-right-width: 0px; 1349 height: 10px; 1350} 1351 1352.raw-wrapper .content .page-raw-cover.centered{ 1353 min-height:100px; 1354} 1355 1356.master.container.narrow-site{ 1357 max-width: 1000px; 1358 margin: auto; 1359 overflow:hidden; 1360} 1361 1362.master.container.narrow-site > #children{ 1363 max-width:1000px; 1364 margin:auto; 1365} 1366 1367.master.container.narrow-site .control-handle{ 1368 max-width:1000px; 1369} 1370 1371.master.container.narrow-site .force-min-height50{ 1372 max-width:1000px; 1373 margin:auto; 1374 left:auto!important; 1375 padding-left:0px!important; 1376 padding-right:0px!important; 1377 width:100%; 1378} 1379 1380.master.container.narrow-site .left-menu-placeholder{ 1381 margin-left:-270px; 1382} 1383 1384.master.container.narrow-site .left-menu-placeholder .master.item-box{ 1385 left:auto!important; 1386} 1387 1388.master.container.narrow-site.left-menu-layout{ 1389 left:135px; 1390} 1391 1392.full-width-bg{ 1393 background-size: 100% auto; 1394 background-repeat: no-repeat; 1395 background-attachment: scroll; 1396 background-position: top; 1397} 1398 1399.cover-bg{ 1400 background-size: cover; 1401 background-repeat: no-repeat; 1402 background-attachment: scroll; 1403 background-position: top; 1404} 1405 1406.pattern-bg{ 1407 background-repeat: repeat; 1408} 1409 1410.fixed-bg{ 1411 background-size:cover; 1412 background-repeat: no-repeat; 1413 background-attachment: fixed; 1414} 1415 1416.contain-bg{ 1417 background-size:contain; 1418 background-position:center; 1419 background-repeat: no-repeat; 1420 background-attachment: fixed; 1421} 1422 1423.parallax-bg, .fixed-bg, .parallax50-bg{ 1424 background-size:cover!important; 1425 background-attachment: fixed; 1426} 1427 1428#xprs.phone-mode .parallax-bg, #xprs.phone-mode .fixed-bg, #xprs.phone-mode .parallax50-bg, #xprs.tablet-mode .parallax-bg, #xprs.tablet-mode .fixed-bg, #xprs.tablet-mode .parallax50-bg{ 1429 background-attachment:initial!important; 1430 background-position-y:center!important; 1431 background-position-x:center!important; 1432} 1433 1434.master.item-box .flex .sub.item-box:not(:only-child) .parallax50-bg, .master.item-box .flex .sub.item-box:not(:only-child) .fixed-bg{ 1435 background-attachment:scroll!important; 1436 background-position-y:center!important; 1437} 1438 1439#xprs.phone-mode .master.item-box:not([data-preset-type-id='PROMO']) .vimplayer.preview.video-frame{ 1440 width: 100%!important; 1441 height: 100%!important; 1442 margin-top: 0px!important; 1443 margin-left: 0px!important; 1444} 1445 1446.sub.item-box:after, .pic-side:after{ 1447 pointer-events:none; 1448} 1449 1450.stripe_popup_app_hide { 1451 display: none; 1452} 1453 1454.popup-mode .raw-wrapper .content .page-raw-cover .html-source .raw-container { 1455 pointer-events: auto; 1456} 1457 1458.shadowed{ 1459 -webkit-box-shadow: -7px 15px 40px 4px rgba(0,0,0,0.35); 1460 -moz-box-shadow: -7px 15px 40px 4px rgba(0,0,0,0.35); 1461 box-shadow: -7px 15px 40px 4px rgba(0,0,0,0.35); 1462} 1463 1464.no-scroll{ 1465 overflow-y:hidden; 1466} 1467 1468#xprs.cellphone-preview .hide-from-mobile, #xprs.phone-mode .hide-from-mobile{ 1469 display:none!important; 1470} 1471 1472#xprs.phone-mode .preview-form .Field{ 1473 min-width:auto!important; 1474} 1475 1476/* Hack for captcha */ 1477div[style*="z-index: 2000000000"]{ 1478 z-index:999999999999!important; 1479} 1480 1481.fill-height{ 1482 min-height:100vh!important; 1483} 1484 1485.stripe_popup_app{ 1486 max-width:100%!important; 1487 max-height:100%!important; 1488} 1489 1490@media only screen 1491and (min-device-width : 768px) 1492and (max-device-width : 1024px) 1493and (orientation : landscape) { 1494 .parallax-bg, .fixed-bg, .parallax50-bg { 1495 background-attachment:initial!important; 1496 background-position-y:center!important; 1497 background-position-x:center!important; 1498 } 1499} 1500 1501@media screen and (max-height: 575px){ 1502 .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;} 1503 .g-recaptcha > div{
1504 width:200px!important; 1505 } 1506} 1507 1508 1509/*TABLET*/ 1510@media only screen 1511and (min-width : 768px) 1512and (max-width : 1024px) { 1513 html{ 1514 font-size:0.7px; 1515 } 1516} 1517 1518/*MOBILE*/ 1519@media only screen 1520and (max-width : 768px) { 1521 html{ 1522 font-size:0.5px; 1523 } 1524 .preview-title, .preview-subtitle{ 1525 word-break: break-word; 1526 } 1527}</style> 1528 <style class='multi-css'>.multi_layout .item-preview{ 1529 height:inherit; 1530 width:100%; 1531 min-height:inherit; 1532} 1533 1534.multi_layout .helper-div .text-side .vertical-aligner{ 1535 overflow:visible; 1536} 1537 1538.multi_layout .image-cover{ 1539 height:inherit; 1540 min-height:inherit; 1541} 1542 1543.multi_layout .image-source.background-div{ 1544 height:100%; 1545} 1546 1547.multi_layout .image-source.background-image-div{ 1548 height:100%; 1549} 1550 1551.multi_layout .preview-image-holder:not(.inner-pic-holder){ 1552 height:inherit; 1553 min-height:inherit; 1554 position:relative; 1555} 1556 1557.multi_layout .benet{ 1558 min-height:inherit; 1559} 1560 1561.multi_layout .image-source{ 1562 height:inherit; 1563 min-height:inherit; 1564 position:absolute; 1565} 1566 1567.multi_layout .helper-div .image-source{ 1568 position:relative; 1569} 1570 1571/*****************************************************************************/ 1572/* IMAGE & TEXT POSITIONING 1573/*****************************************************************************/ 1574 1575.multi_layout .top-left.helper-div,.middle-left.helper-div ,.middle-left-25.helper-div, .bottom-left.helper-div,.top-right.helper-div, 1576.middle-right.helper-div ,.middle-right-25.helper-div, .bottom-right.helper-div { 1577 position:initial; 1578 overflow: hidden; 1579 height:100%; 1580 min-height:inherit; 1581 1582} 1583 1584.multi_layout .vertical-aligner{ 1585 position:relative; 1586 height:100%; 1587 width:100%; 1588 display:table; 1589 min-height:inherit; 1590 overflow:hidden; 1591} 1592 1593.multi_layout .pic-side .inner-pic:not(.circlize){ 1594 min-height:inherit; 1595} 1596 1597 1598 1599.multi_layout .pic-side .vertical-aligner a.image-link{ 1600 position:relative; 1601 display:inline-block; 1602 min-height:inherit; 1603 overflow:hidden; 1604} 1605 1606.multi_layout .pic-side .vertical-aligner a.image-link.not-wrapping, .multi_layout .pic-side .vertical-aligner a.image-link:empty { 1607 position: absolute; 1608 left: 0px; 1609 top: 0px; 1610} 1611 1612.sub.container .multi_layout .pic-side .vertical-aligner a.image-link{ 1613 height:100%; 1614 width:100%; 1615} 1616 1617.multi_layout .pic-side .vertical-aligner{ 1618 margin-left: auto; 1619 margin-right: auto; 1620 /*display:inline-block;*/ 1621} 1622 1623.multi_layout .pic-side { 1624 text-align:center; 1625 line-height:0px; 1626} 1627 1628.multi_layout .pic-side.reset { 1629 top:initial!important; 1630 margin-left:initial!important; 1631 width:100%!important; 1632} 1633 1634 1635.multi_layout .helper-div .pic-side .inner-pic-holder{ 1636 /*display: table-cell;*/ 1637 /*display:block;*/ 1638 overflow: visible; 1639 line-height:0px!important; 1640} 1641 1642.multi_layout .preview-image-holder.inner-pic-holder{ 1643 display:table-cell; 1644} 1645 1646.multi_layout .pic-side{ 1647 position:absolute; 1648 pointer-events:auto; 1649 /*outline: 1px solid green; 1650 background-color: rgba(43,102,10,0.5);*/ 1651 overflow:visible; 1652 top:0px; 1653 bottom:0px; 1654} 1655 1656.draggable-pic{ 1657 pointer-events: auto; 1658 display: inline-block; 1659 width: 100%; 1660 height: 100%; 1661 background-size:contain; 1662 background-repeat: no-repeat; 1663} 1664 1665.flex .multi_layout .middle-center.helper-div .text-side .draggable-pic-wrapper { 1666 display: inline-block; 1667 position: absolute; 1668 /*width: 50%;*/ 1669 left: 50%; 1670 top: 50%; 1671 /*height: 100%;*/ 1672 z-index: -1; 1673} 1674 1675.flex .multi_layout .middle-center.helper-div .text-side .draggable-pic-wrapper.ui-draggable { 1676 cursor:move; 1677} 1678 1679 1680.draggable-pic-wrapper .ui-resizable-ne,.draggable-pic-wrapper .ui-resizable-se,.draggable-pic-wrapper .ui-resizable-nw,.draggable-pic-wrapper .ui-resizable-sw{ 1681 background-color: #0f95ee; 1682 border-radius: 7px; 1683} 1684 1685 1686.draggable-pic-wrapper .ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{ 1687 width:9px; 1688 height:9px; 1689 background-image:none; 1690 right: -5px; 1691 bottom: -5px; 1692} 1693 1694 1695 1696 1697.flex .multi_layout .middle-center.helper-div .text-side .draggable-pic-wrapper .draggable-pic-holder { 1698 display: inline-block; 1699 height:100%; 1700} 1701 1702.flex .multi_layout .middle-center.helper-div .draggable-div-holder{ 1703 display:block; 1704} 1705 1706.draggable-div-holder{ 1707 display:none; 1708} 1709 1710.draggable-pic-wrapper{ 1711 pointer-events:auto; 1712} 1713 1714.draggable-pic-wrapper.ui-resizable{ 1715 outline:solid 1px #0f95ee; 1716 /*box-sizing:border-box;*/ 1717} 1718.draggable-pic-wrapper.ui-resizable .ui-resizable-handle.ui-resizable-s, .draggable-pic-wrapper.ui-resizable .ui-resizable-handle.ui-resizable-n{ 1719 height:7px; 1720 background-color: transparent; 1721} 1722 1723 1724.draggable-div-holder{ 1725 top:0px; 1726 position: absolute; 1727 height: 500px; 1728 min-height:inherit; 1729 width:100%; 1730} 1731 1732 1733 1734.multi_layout .inner-pic-holder .inner-pic.fill{ 1735 width: 100%!important; 1736 height: 100%!important; 1737 background-size: cover; 1738 background-repeat:no-repeat; 1739 max-width: none; 1740 max-height: none; 1741} 1742 1743.multi_layout .inner-pic-holder .inner-pic{ 1744 /*width: 100%!important;*/ 1745 width: 100%; 1746 height: 100%; 1747 background-repeat:no-repeat; 1748 max-width: none; 1749 max-height: none; 1750 overflow:hidden; 1751} 1752 1753.multi_layout .inner-pic-holder a .inner-pic{ 1754 display:table; 1755} 1756 1757.multi_layout .inner-pic-holder .inner-pic#no-image{ 1758 outline:none; 1759} 1760 1761/*** TOP LEFT ***/ 1762.multi_layout .top-left.helper-div .pic-side{ 1763 width:50%;
1764 height: 100%; 1765 left: 50%; 1766 min-height: inherit; 1767 /*margin-left: 50%;*/ 1768} 1769 1770.multi_layout .top-left.helper-div .pic-side .inner-pic{ 1771 height: 100%; 1772} 1773 1774.multi_layout .top-left.helper-div .text-side{ 1775 width: 50%; 1776 height: 100%; 1777 position: relative; 1778 float: left; 1779 min-height: inherit; 1780} 1781 1782.multi_layout .top-left.helper-div .item-details{ 1783 /*vertical-align: top;*/ 1784 display: table-cell; 1785} 1786 1787/*** CENTER LEFT ***/ 1788.multi_layout .middle-left.helper-div .pic-side, .multi_layout .middle-left-25.helper-div .pic-side{ 1789 width:50%; 1790 height: 100%; 1791 left: 50%; 1792 min-height: inherit; 1793 /*margin-left: 50%;*/ 1794} 1795 1796.multi_layout .middle-left-25.helper-div .pic-side{ 1797 width:75%; 1798 left: 25%; 1799} 1800 1801.multi_layout .middle-left.helper-div .pic-side .inner-pic, .multi_layout .middle-left-25.helper-div .pic-side .inner-pic{ 1802 height: 100%; 1803} 1804 1805.multi_layout .middle-left.helper-div .text-side, .multi_layout .middle-left-25.helper-div .text-side{ 1806 width: 50%; 1807 height: 100%; 1808 position: relative; 1809 float: left; 1810 min-height: inherit; 1811 display: table; 1812 1813} 1814 1815.multi_layout .middle-left-25.helper-div .text-side{ 1816 width: 25%; 1817} 1818 1819.multi_layout .middle-left.helper-div .item-details, 1820.multi_layout .middle-left-25.helper-div .item-details{ 1821 /*vertical-align: top;*/ 1822 display: table-cell; 1823} 1824 1825/*** BOTTOM LEFT ***/ 1826 1827.multi_layout .bottom-left.helper-div .pic-side{ 1828 width:50%; 1829 height: 100%; 1830 left: 50%; 1831 min-height: inherit; 1832} 1833 1834 1835 1836.multi_layout .bottom-left.helper-div .text-side{ 1837 width: 50%; 1838 height: 100%; 1839 position: relative; 1840 float: left; 1841 min-height: inherit; 1842} 1843 1844.multi_layout .bottom-left.helper-div .item-details{ 1845 /*vertical-align: bottom;*/ 1846 display: table-cell; 1847} 1848 1849/*** TOP RIGHT ***/ 1850.multi_layout .top-right.helper-div .pic-side{ 1851 width:50%; 1852 height: 100%; 1853 right: 50%; 1854 min-height: inherit; 1855} 1856 1857 1858 1859.multi_layout .top-right.helper-div .text-side{ 1860 width:50%; 1861 height: 100%; 1862 position: relative; 1863 float: right; 1864 min-height: inherit; 1865} 1866 1867.multi_layout .top-right.helper-div .item-details{ 1868 /*vertical-align: top;*/ 1869 display: table-cell; 1870} 1871 1872/*** MIDDLE RIGHT ***/ 1873 1874.multi_layout .middle-right.helper-div .pic-side, .multi_layout .middle-right-25.helper-div .pic-side{ 1875 width:50%; 1876 height: 100%; 1877 right: 50%; 1878 min-height: inherit; 1879} 1880 1881.multi_layout .middle-right-25.helper-div .pic-side{ 1882 width:75%; 1883 right: 25%; 1884} 1885 1886 1887 1888.multi_layout .middle-right.helper-div .text-side, .multi_layout .middle-right-25.helper-div .text-side{ 1889 width:50%; 1890 height: 100%; 1891 position: relative; 1892 float: right; 1893 min-height: inherit; 1894 display: table; 1895} 1896 1897.multi_layout .middle-right-25.helper-div .text-side{ 1898 width:25%; 1899} 1900 1901.multi_layout .middle-right.helper-div .item-details, .multi_layout .middle-right-25.helper-div .item-details{ 1902 /*vertical-align: top;*/ 1903 display: table-cell; 1904} 1905 1906 1907.multi_layout.product-container .middle-right.helper-div .pic-side{ 1908 width:66%; 1909 height: 100%; 1910 right: 34%; 1911 min-height: inherit; 1912} 1913 1914 1915 1916.multi_layout.product-container .middle-right.helper-div .text-side{ 1917 width:33%; 1918 height: 100%; 1919 position: relative; 1920 float: right; 1921 min-height: inherit; 1922 display: table; 1923} 1924 1925 1926.multi_layout.product-container .inner-pic.preview-element{ 1927 background-size:contain!important; 1928 background-position:center!important; 1929 background-repeat:no-repeat!important; 1930} 1931 1932 1933 1934/*** BOTTOM RIGHT ***/ 1935.multi_layout .bottom-right.helper-div .pic-side{ 1936 width:50%; 1937 height: 100%; 1938 right: 50%; 1939 min-height: inherit; 1940} 1941 1942 1943 1944.multi_layout .bottom-right.helper-div .text-side{ 1945 width:50%; 1946 height: 100%; 1947 position: relative; 1948 float: right; 1949 min-height: inherit; 1950} 1951 1952.multi_layout .bottom-right.helper-div .item-details{ 1953 /*vertical-align: bottom;*/ 1954 display: table-cell; 1955} 1956 1957 1958 1959/*** CENTER CENTER ***/ 1960 1961.multi_layout .middle-center.helper-div{ 1962 min-height: inherit; 1963 height: 100%; 1964 1965} 1966 1967.xprs-holder:not(.in-editor) .multi_layout .middle-center.helper-div{ 1968 pointer-events:none; 1969} 1970 1971.multi_layout .middle-center.helper-div .pic-side{ 1972 width:100%; 1973 height: 100%; 1974 /*text-align:center;*/ 1975 top: 0px; 1976} 1977 1978.multi_layout .middle-center.helper-div .pic-side .inner-pic{ 1979 margin-left:auto; 1980 margin-right:auto; 1981 display:inline-block; 1982 position:relative; 1983} 1984 1985.multi_layout .middle-center.helper-div .pic-side a .inner-pic{ 1986 display:table; 1987} 1988 1989.multi_layout .middle-center.helper-div .text-side{ 1990 width:100%; 1991 height: 100%; 1992 /*text-align:center;*/ 1993 min-height: inherit; 1994 margin-left: auto; 1995 margin-right: auto; 1996 display: table; 1997} 1998 1999.multi_layout .middle-center.helper-div .preview-content-holder{ 2000 pointer-events: none; 2001} 2002 2003.multi_layout .middle-center.helper-div .preview-content-holder .preview-element{ 2004 pointer-events:auto; 2005} 2006 2007.multi_layout .middle-center.helper-div .item-details{ 2008 /*vertical-align: middle;*/ 2009 display: table-cell; 2010 pointer-events: none; 2011} 2012 2013.multi_layout .middle-center.helper-div .vertical-aligner{ 2014 margin-left: auto; 2015 margin-right: auto; 2016 z-index:12345; 2017} 2018 2019.multi_layout .middle-center.helper-div .text-side .vertical-aligner{ 2020 width:100%; 2021} 2022 2023 2024 2025/*** BOTTOM CENTER ***/ 2026 2027 2028.multi_layout .bottom-center.helper-div .text-side{ 2029 /*vertical-align: middle;*/ 2030 display: block; 2031 position:relative; 2032} 2033 2034.multi_layout .bottom-center.helper-div .pic-side{ 2035 position:relative; 2036 /*bottom:0px; 2037 top:0px; 2038 width:100%;*/ 2039} 2040 2041.multi_layout .bottom-center.helper-div .benet{ 2042 min-height:initial; 2043} 2044 2045.multi_layout .bottom-center.helper-div .text-side .vertical-aligner{ 2046 width:100%; 2047 min-height:0px!important; 2048 height:initial!important 2049} 2050 2051.multi_layout .bottom-center.helper-div .pic-side .vertical-aligner{ 2052 width:100%; 2053 min-height:0px!important; 2054 height: inherit!important; 2055} 2056 2057.multi_layout .bottom-center.helper-div .pic-side .inner-pic-holder{ 2058 width:100%; 2059 min-height:0px!important; 2060 height: inherit!important; 2061} 2062 2063.multi_layout .bottom-center.helper-div:not(.flipped-image) .pic-side .inner-pic{ 2064 width:100%; 2065 min-height:0px!important; 2066} 2067 2068.multi_layout .bottom-center.helper-div.flipped-image .pic-side .inner-pic{ 2069 width:100%; 2070 min-height:300px!important; 2071} 2072 2073 2074 2075 2076 2077/*** TOP CENTER ***/ 2078 2079.multi_layout .top-center.helper-div{ 2080 height: 100%; 2081 width: 100%; 2082 min-height: inherit; 2083 2084 display: block; 2085 2086} 2087 2088.multi_layout .top-center.helper-div .text-side{ 2089 /*vertical-align: middle;*/ 2090 display: block; 2091 position:relative; 2092} 2093 2094.multi_layout .top-center.helper-div .pic-side{ 2095 position:relative; 2096 /*bottom:0px; 2097 top:0px; 2098 width:100%;*/ 2099} 2100 2101.multi_layout .top-center.helper-div .text-side .vertical-aligner{ 2102 width:100%; 2103} 2104 2105 2106.multi_layout .top-center.helper-div .benet{ 2107 min-height:initial; 2108} 2109 2110.multi_layout .top-center.helper-div .text-side .vertical-aligner{ 2111 width:100%; 2112 min-height:0px!important; 2113 height:initial!important 2114} 2115 2116.multi_layout .top-center.helper-div .pic-side .vertical-aligner{ 2117 width:100%; 2118 min-height:0px!important; 2119 height: inherit!important; 2120} 2121 2122.multi_layout .top-center.helper-div .pic-side .inner-pic-holder{ 2123 width:100%; 2124 min-height:0px!important; 2125 height: inherit!important; 2126 line-height: 0px; 2127} 2128 2129.multi_layout .top-center.helper-div:not(.flipped-image) .pic-side .inner-pic{ 2130 width:100%; 2131 min-height:0px!important; 2132} 2133 2134.multi_layout .top-center.helper-div.flipped-image .pic-side .inner-pic{ 2135 width:100%; 2136 min-height:300px!important; 2137} 2138 2139.multi_layout .helper-div:not(.middle-center) .pic-side .inner-pic#no-image{ 2140 /* background-image:url(http://lh3.googleusercontent.com/H91IJNOH5dBhODefYvp-p8aMs08rzundiGNqMQ4F5lHTil9hbPZLZj_QcdBV48sn524pngBjg_RXN8u2Um68pIubkQ); 2141 background-size: 50px; 2142 background-position:center; 2143 background-repeat: no-repeat; */ 2144} 2145 2146.item_layout .item-preview, .item_layout .preview-image-holder, .item_layout .helper-div, .item_layout .text-side{ 2147 height:100%; 2148 min-height:inherit; 2149} 2150 2151.item_layout .helper-div{ 2152 display:flex; 2153} 2154 2155.item_layout .helper-div.middle-right{ 2156 flex-direction:row-reverse; 2157} 2158 2159.item_layout .helper-div.bottom-center{ 2160 flex-direction:column; 2161} 2162 2163 2164.item_layout .helper-div.middle-center .text-side{ 2165 flex:1; 2166} 2167 2168.item_layout .helper-div.middle-left .text-side , .item_layout .helper-div.middle-left .pic-side, 2169.item_layout .helper-div.middle-left-25 .text-side , .item_layout .helper-div.middle-left-25 .pic-side, 2170.item_layout .helper-div.middle-right .text-side , .item_layout .helper-div.middle-right .pic-side 2171{ 2172 width:50%; 2173} 2174 2175 2176.item_layout .helper-div.middle-center .pic-side{ 2177 pointer-events:auto; 2178 position: absolute; 2179 height:100%; 2180 width:100%; 2181} 2182 2183.item_layout .helper-div .pic-side .inner-pic{ 2184 height:100%; 2185 width:100%; 2186} 2187 2188.item_layout .text-side{
2189 display:flex; 2190 align-items: center; 2191 justify-content: center; 2192} 2193</style> 2194 <style class='menu-css'>.menu_layout.item-content{ 2195 height:inherit; 2196} 2197 2198.menu_layout .helper-div{ 2199 display:table-cell; 2200 vertical-align:middle; 2201} 2202 2203.menu_layout .image-cover{ 2204 display:table-cell; 2205 vertical-align:middle; 2206} 2207 2208.menu_layout .preview-content-wrapper{ 2209 text-align:left; 2210 height:inherit; 2211 min-height:inherit; 2212} 2213 2214.menu_layout .preview-content-holder{ 2215 display: block; 2216 max-width: 100%; 2217 height:inherit; 2218 min-height:inherit; 2219} 2220 2221 2222.menu_layout .preview-item-links{ 2223 display:table-cell; 2224 vertical-align:middle; 2225} 2226 2227 .preview-item-links[data-shrink-style='vertically'] .preview-links-wrapper{ 2228 display:flex; 2229 flex-direction: column; 2230} 2231 2232 2233.menu_layout{ 2234 display:table; 2235} 2236 2237.menu_layout .left-div{ 2238 height:10px; /*inherit for chrome*/ 2239 display:table; 2240 float:left; 2241 min-height:inherit; 2242} 2243 2244.item-box[data-height-resize="true"] .menu_layout .left-div{ 2245 height:inherit; 2246} 2247 2248.item-box[data-height-resize="true"] .menu_layout .right-div{ 2249 height:inherit; 2250} 2251 2252.menu_layout .right-div{ 2253 height:10px; /*inherit for chrome*/ 2254 display:table; 2255 float:right; 2256 min-height:inherit; 2257} 2258 2259.menu_layout.item-content{ 2260 width:100%; 2261 2262} 2263 2264.menu_layout .preview-item-links li{ 2265 display:inline-block; 2266 position: relative; 2267} 2268 2269.preview-item-links .submenu li{ 2270 display:block!important; 2271} 2272 2273 .menu_layout .preview-item-links.flipped{ 2274 display:block; 2275} 2276 2277.menu_layout .menu-line{ 2278 height: 3px; 2279 margin-bottom:5px; 2280 display:block; 2281 background-color:black; 2282} 2283 2284.menu_layout .logo-holder{ 2285 display: table-cell; 2286 vertical-align: middle; 2287 line-height:0px; 2288} 2289 2290.menu_layout .links-menu-btn{ 2291 width: 25px; 2292 height: 36px; 2293 cursor:pointer; 2294 display:none; 2295 vertical-align: middle; 2296} 2297 2298.menu_layout .links-menu-btn.hamburger { 2299 width: auto; 2300 height: auto; 2301 position: absolute; 2302 top: 50%; 2303 right: 0%; 2304 transform: translateY(-50%); 2305} 2306 2307.menu_layout .links-menu-btn-wrapper{
2308 display:table; 2309 float:right; 2310 /*height:100%;*/ 2311} 2312 2313 .menu-links-holder{ 2314 position:relative; 2315 left:0px; 2316 top:0px; 2317 display:none; 2318} 2319 2320 .menu-links-holder.shown{ 2321 display:block; 2322} 2323 2324.center-aligned-menu:not(.force-min-height50) .benet{ 2325 display:none; 2326} 2327 2328.center-aligned-menu:not(.force-min-height50) .right-div, .center-aligned-menu:not(.force-min-height50) .left-div{ 2329 display:block; 2330 float:none; 2331 height:auto!important; 2332 min-height:initial; 2333 text-align:center; 2334} 2335 2336 .center-aligned-menu:not(.force-min-height50) .menu_layout .preview-item-links{ 2337 padding-bottom:25px; 2338} 2339 2340 2341 .center-aligned-menu:not(.force-min-height50) .menu_layout .left-div{ 2342 padding-top:25px; 2343 } 2344 2345.center-aligned-menu:not(.force-min-height50) .helper-div{ 2346 display:inline; 2347} 2348 2349.center-aligned-menu:not(.force-min-height50) .logo-holder , .center-aligned-menu:not(.force-min-height50) .preview-item-links{ 2350 display:inline-block; 2351} 2352 2353.center-aligned-menu:not(.force-min-height50) .preview-content-wrapper{ 2354 display: table; 2355 width: 100%; 2356 text-align:center; 2357} 2358 2359.center-aligned-menu:not(.force-min-height50) .preview-content-holder{ 2360 display: table-cell; 2361 vertical-align: middle; 2362} 2363 2364.center-aligned-menu:not(.force-min-height50) .menu_layout .links-menu-btn.shown{ 2365 display:inline-block; 2366} 2367 2368.menu_layout .links-menu-btn.shown{ 2369 display:table-cell; 2370 pointer-events:auto; 2371 } 2372 2373 .menu-open .preview-element.Link.item-link{ 2374 pointer-events: auto; 2375 } 2376 2377.menu-open:not(.force-transparency):not(.full-screen-menu) .preview-item-links{ 2378 background-color:transparent; 2379 pointer-events:none; 2380 } 2381 2382.menu-open { 2383 pointer-events:auto!important; 2384} 2385 2386.menufied .preview-item-links{ 2387 display:block; 2388 margin:auto; 2389 position:relative; 2390 z-index:3; 2391 padding-bottom:25px; 2392} 2393 2394 .menufied .preview-item-links span, .menufied .preview-item-links li{ 2395 display:inline-block; 2396 position: relative; 2397 2398 } 2399 2400.menufied .preview-item-links.no-place span, .menufied.full-screen-menu.menu-open .preview-item-links span, .menufied.side-screen-menu.menu-open .preview-item-links span, .menufied.full-screen-menu.menu-open .preview-item-links li, .menufied.side-screen-menu.menu-open .preview-item-links li{ 2401 display:block; 2402 margin-right:auto!important; 2403 margin-left:auto!important; 2404} 2405 2406.menufied.full-screen-menu .submenu, .menufied.side-screen-menu .submenu{ 2407 background-color:transparent!important; 2408} 2409 2410 .menu_layout .submenu li{ 2411 min-width:100%; 2412 } 2413 2414 .left-menu-placeholder .item-wrapper{ 2415 padding-top:25%!important; 2416 } 2417 2418 .left-menu-placeholder .master.item-box{ 2419 width:inherit!important; 2420 padding-left:0px!important; 2421 padding-right:0px!important; 2422 } 2423 2424 .left-menu-placeholder .preview-item-links span{ 2425 margin-right:auto!important; 2426 margin-left:auto!important; 2427 } 2428 2429 .preview-links-wrapper > span:first-child, .preview-links-wrapper > a:first-child span { 2430 margin-left:0px!important; 2431 } 2432 2433 .left-menu-placeholder .preview-item-links{ 2434 padding-top:30px!important; 2435 } 2436 2437 2438.animated-menu{ 2439 -webkit-transition: max-height 0.8s; 2440 -moz-transition: max-height 0.8s; 2441 transition: max-height 0.8s; 2442} 2443 2444.scale-down08{ 2445 -webkit-transform: scale(0.8); 2446 transform:scale(0.8); 2447 -ms-transform:scale(0.8); 2448} 2449 2450.force-min-height50{ 2451 min-height:50px!important; 2452} 2453 2454.force-min-height50 .menus-wrapper{ 2455 min-height:50px!important; 2456} 2457 2458.force-transparency{ 2459 background-color:transparent!important; 2460 pointer-events: none; 2461} 2462 2463.force-transparency .preview-links-wrapper{ 2464 pointer-events: auto; 2465} 2466 2467.force-transparency .item-content{ 2468 background-color:transparent!important; 2469} 2470 2471.master.container.left-menu-layout [data-preset-type-id='MENUS']{ 2472 position:fixed!important; 2473 width:270px; 2474 top:0px; 2475} 2476 2477.master.container .left-menu-placeholder{ 2478 display: inline-block; 2479 width:270px; 2480 vertical-align:top; 2481} 2482 2483.master.container.left-menu-layout .item-wrapper.menus-wrapper{
2484 display: inline-block; 2485} 2486 2487.master.container.left-menu-layout .menu_layout .preview-item-links a , .master.container.left-menu-layout .menu_layout .preview-item-links .item-link,.master.container.left-menu-layout .menu_layout .preview-item-links li { 2488 display:block; 2489} 2490 2491.master.container.left-menu-layout [data-preset-type-id='MENUS'] + .control-handle{ 2492 display: none!important; 2493} 2494 2495.master.container.left-menu-layout > #children{ 2496 display: inline-block; 2497} 2498 2499.master.container.left-menu-layout .menu_layout .preview-content-holder{ 2500 vertical-align:top; 2501} 2502 2503.xprs-holder:not(.in-editor) .master.item-box.header-box.being-scrolled{ 2504 z-index:1234567891; 2505} 2506 2507.being-scrolled .menu_layout .preview-subtitle-holder , .minimal-design .menu_layout .preview-subtitle-holder{ 2508 display:none; 2509} 2510 2511.being-scrolled .menu_layout .preview-title-holder, .minimal-design .menu_layout .preview-title-holder{ 2512 display:table-cell; 2513 vertical-align:middle; 2514} 2515 2516.being-scrolled .menu_layout .item-details , .minimal-design .menu_layout .item-details{ 2517 display:table; 2518} 2519 2520 2521 2522.master.item-box.header-box.full-screen-menu .preview-links-wrapper, .master.item-box.header-box.side-screen-menu .preview-links-wrapper{ 2523 transform: translateY(-50%) translateX(-50%); 2524 top: 50%; 2525 left: 50%; 2526 position: absolute; 2527} 2528 2529.left-menu-placeholder .menus-wrapper { 2530 min-width:none!important; 2531} 2532 2533 2534.master.item-box.header-box.full-screen-menu.menu-open .preview-item-links.transform-disabled .preview-links-wrapper{ 2535 transform:translateX(-50%); 2536 padding-right:-20px; 2537} 2538 2539.master.item-box.header-box.full-screen-menu.menu-open .preview-item-links.transform-disabled{ 2540 overflow-y:scroll; 2541 padding-right:20px; 2542 2543} 2544 2545.master.item-box.header-box.full-screen-menu .preview-item-links{ 2546 position: fixed; 2547 top: 0px; 2548 left: 0px; 2549 z-index: -1; 2550 width: 100%; 2551 height: 100%; 2552} 2553 2554 2555.master.item-box.header-box.side-screen-menu .preview-item-links{ 2556 position: fixed; 2557 top: 0px; 2558 right: -315px; 2559 z-index: -1; 2560 width: 315px; 2561 height: 100%; 2562 transition:right 1s; 2563 display:block; 2564 2565} 2566 2567 2568 .left-menu-placeholder .menu_layout .submenu, .header-box.side-screen-menu .submenu, .header-box.full-screen-menu .submenu, .menufied .preview-item-links.no-place .submenu{ 2569 position:relative; 2570 } 2571 .header-box .submenu{ 2572 display:none; 2573 } 2574 2575 2576 2577 .header-box:not(.full-screen-menu) .preview-item-links:not([data-shrink-style='vertically']) .submenu{ 2578 position: absolute; 2579 left: -10px; 2580 top: 100%; 2581 min-width: 130px; 2582 padding: 10px; 2583 z-index:123; 2584} 2585 2586 .left-menu-placeholder .menu_layout .submenu .submenu-link , .header-box.side-screen-menu .submenu .submenu-link, .header-box.full-screen-menu .submenu .submenu-link, .menufied .preview-item-links.no-place .submenu .submenu-link{ 2587 text-align: center; 2588 } 2589 2590.header-box .submenu-link{ 2591 display:block; 2592 text-align: left; 2593} 2594 2595.header-box .submenu-title{ 2596 position:relative; 2597 cursor:pointer; 2598} 2599 2600.header-box .submenu-title:after{ 2601 content: ' \25be'; /* \25b4*/ 2602} 2603 2604.master.item-box.header-box.boxed-menu .preview-item-links{ 2605 width:400px; 2606 height:400px; 2607 position: absolute; 2608 top:0px; 2609 right:0px; 2610} 2611 2612 2613.menu-advanced-settings.switching-panel .hamburger-inner:before, .menu-advanced-settings.switching-panel .hamburger-inner, .menu-advanced-settings.switching-panel .hamburger-inner:after{ 2614 background-color:#666; 2615} 2616 2617.menu-advanced-settings.switching-panel .hamburger.selected .hamburger-inner:before, .menu-advanced-settings.switching-panel .hamburger.selected .hamburger-inner, .menu-advanced-settings.switching-panel .hamburger.selected .hamburger-inner:after{ 2618 background-color:white; 2619} 2620 2621.hamburger{ 2622 outline:none; 2623} 2624 2625.very-small .hamburger-box{ 2626 -ms-transform: scale(0.5); /* IE 9 */ 2627 -webkit-transform: scale(0.5); /* Safari */ 2628 transform: scale(0.5); 2629} 2630 2631.small .hamburger-box{ 2632 -ms-transform: scale(0.7); /* IE 9 */ 2633 -webkit-transform: scale(0.7); /* Safari */ 2634 transform: scale(0.7); 2635} 2636 2637 2638.large .hamburger-box{ 2639 -ms-transform: scale(1.3); /* IE 9 */ 2640 -webkit-transform: scale(1.3); /* Safari */ 2641 transform: scale(1.3); 2642} 2643 2644.very-large .hamburger-box{ 2645 -ms-transform: scale(1.5); /* IE 9 */ 2646 -webkit-transform: scale(1.5); /* Safari */ 2647 transform: scale(1.5); 2648} 2649 2650 2651.hidden-menu{
2652 display:none!important; 2653} 2654/*! 2655 * Hamburgers 2656 * @description Tasty CSS-animated hamburgers 2657 * @author Jonathan Suh @jonsuh 2658 * @site https://jonsuh.com/hamburgers 2659 * @link https://github.com/jonsuh/hamburgers 2660 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--arrow.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s .15s ease,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s .15s ease,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;
2660transition:top .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:top .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22);transition:bottom .1s ease,transform .15s .1s cubic-bezier(.895,.03,.685,.22),-webkit-transform .15s .1s cubic-bezier(.895,.03,.685,.22);-webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .3s .3s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s .3s cubic-bezier(.33333,.66667,.66667,1),transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(45deg);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .27s linear;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1);transition:top .12s .18s cubic-bezier(.33333,0,.66667,.33333),transform .15s .42s cubic-bezier(.215,.61,.355,1),-webkit-transform .15s .42s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:0;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .15s .4s ease}.hamburger--elastic .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}
2660.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(-270deg);transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:0;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .15s .4s ease}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(-135deg);transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(270deg);transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .2s .25s ease-in}.hamburger--emphatic .hamburger-inner:before{left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,80px,0) rotate(45deg);transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .2s .25s ease-in}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,left .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s .2s linear,right .2s .25s ease-in,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:left .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .2s ease-out,top .05s .2s linear,-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1);transition:right .2s ease-out,top .05s .2s linear,transform .2s .25s cubic-bezier(.075,.82,.165,1),-webkit-transform .2s .25s cubic-bezier(.075,.82,.165,1);-webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:0}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}
2660.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(-90deg);transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:0}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{-webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(90deg);transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}.hamburger--squeeze .hamburger-inner:before{transition:top .1s .14s ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s .14s ease;opacity:0}
2660.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(765deg);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(-765deg);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} 2661</style> 2662 <style class='flex-css'>.flex { 2663 overflow: hidden; 2664} 2665 2666.flex p{ 2667 -webkit-font-smoothing: antialiased; 2668} 2669 2670.flex .flex-arrows{ 2671 position:relative; 2672 cursor:pointer; 2673 top:50%; 2674 margin-top:-15px; 2675 opacity:0; 2676 -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2677 -moz-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2678 -o-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2679 transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2680} 2681 2682.master.item-box:hover .flex .flex-arrows{ 2683 opacity:1; 2684} 2685 2686.flex .flex-arrows.disabled{ 2687 opacity:0!important; 2688} 2689 2690.flex .flex-arrows.left{ 2691 float:left; 2692 padding: 2%; 2693} 2694 2695.flex .flex-arrows.right{ 2696 float:right; 2697 padding: 2%; 2698} 2699 2700.flex .sub.item-box{ 2701 -webkit-transform: translate3d(0,0,0); 2702 -webkit-backface-visibility: hidden; 2703 position:relative; 2704 -webkit-transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2705 -moz-transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2706 -o-transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2707 transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2708 height:100%; 2709 width:0px; 2710 min-height:inherit; 2711 /* display: table-cell;*/ 2712 display:inline-block; 2713 text-align:left; 2714 vertical-align:middle; 2715} 2716 2717.flex.container{ 2718 /*overflow: hidden;*/ 2719 position: relative; 2720} 2721 2722.flex .sub.item-box:first-child{ 2723 width:100%; 2724 2725} 2726 2727.flex #children , .flex #items-holder-wrapper , .flex #items-holder { 2728 height:100%; 2729 min-height:inherit; 2730 text-align:left; 2731 /*display:table;*/ 2732 display:block; 2733 table-layout:fixed; 2734 width:100%; 2735 font-size: 0px;/* for spaces caused by inline-block elements*/ 2736} 2737 2738.flex #items-holder-wrapper{ 2739 position: relative; 2740} 2741 2742 2743.flex .page-navigator{ 2744 cursor:pointer; 2745 float:left; 2746 background-position: center; 2747 background-size:cover; 2748 background-repeat:no-repeat; 2749 background-image:url('https://lh3.googleusercontent.com/Noh7kIm5kfqbPDsQ7iI6rTN4euBfQ7VMAlvb1SR-86_5iQtOVXQ3_UURL-N-97M-RWfKGNH6zjcbX9dCQW8=s30'); 2750 width:13px; 2751 height:13px; 2752} 2753 2754.flex .page-navigator.active , .page-navigator:hover{ 2755 color:red; 2756 background-image:url('https://lh3.googleusercontent.com/2M3h4CZBMs93o0xtkzkIWJqLF3D042oh1uQZyF0VYQlmGWdEDh9Y6hC7cBZ712umyXcTAHz_nrGGA--_=s30'); 2757 2758} 2759 2760.flex #paginator{ 2761 position:absolute; 2762 left: 50%; 2763 bottom:2%; 2764 z-index:12; 2765} 2766 2767 2768.flex .sub.item-box[data-visible=visible]{ 2769 left: 0; 2770} 2771
2772.flex[data-slide-effect='FADE'] .sub.item-box{ 2773 left:0; 2774 opacity:0; 2775 z-index: 0; 2776 /* visibility:hidden; */ 2777 top:0; 2778 -webkit-transition: opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); 2779 -moz-transition: opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); 2780 -o-transition: opacity 3s cubic-bezier(0.165, 0.84, 0.44, 1); 2781 transition: opacity 3 s cubic-bezier(0.165, 0.84, 0.44, 1); 2782} 2783 2784 2785.flex[data-slide-effect='FILM']{ 2786 width: 70%; 2787 margin: auto; 2788 overflow: visible; 2789} 2790 2791.flex[data-slide-effect='FADE'] .sub.item-box[data-visible=visible]{ 2792 opacity:1; 2793 z-index: 3; 2794 /* visibility: visible; */ 2795} 2796 2797.flex[data-slide-effect='SQUARES'] .sub.item-box[data-visible=visible] { 2798 transform: scale(0.7); 2799 z-index: 3; 2800} 2801 2802.flex[data-slide-effect='SQUARES'] .sub.item-box.before-visible .magic-circle-holder , .flex[data-slide-effect='SQUARES'] .sub.item-box.after-visible .magic-circle-holder{ 2803 pointer-events: none!important; 2804} 2805 2806.flex[data-slide-effect='SQUARES'] .sub.item-box.before-visible{ 2807 transform: translateX(60%) scale(0.4); 2808} 2809 2810 2811.flex[data-slide-effect='SQUARES'] .sub.item-box.after-visible{ 2812 transform: translateX(-60%) scale(0.4); 2813} 2814 2815.flex[data-slide-effect='FILM'] .sub.item-box.before-visible{ 2816 opacity:0.7; 2817} 2818 2819.flex[data-slide-effect='FILM'] .sub.item-box.after-visible{ 2820 opacity:0.7; 2821} 2822 2823 2824.flex[data-slide-effect='SQUARES'] .sub.item-box{ 2825 -webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), left 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2826 -moz-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), left 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2827 -o-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), left 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2828 transition: transform 1 s cubic-bezier(0.165, 0.84, 0.44, 1), left 1s cubic-bezier(0.165, 0.84, 0.44, 1); 2829 z-index: 0; 2830}</style> 2831 <style class='flex-css'> 2832.page-navigator{ 2833 cursor:pointer; 2834 float:left; 2835 background-position: center; 2836 background-size:cover; 2837 background-repeat:no-repeat; 2838 background-image:url('https://lh3.googleusercontent.com/Noh7kIm5kfqbPDsQ7iI6rTN4euBfQ7VMAlvb1SR-86_5iQtOVXQ3_UURL-N-97M-RWfKGNH6zjcbX9dCQW8=s30'); 2839 width:13px; 2840 height:13px; 2841} 2842 2843.matrix .sub.item-box{ 2844 display:inline-block; 2845 vertical-align:top; 2846 2847} 2848 2849.matrix .sub.item-box.element-box{ 2850 display:inline-block; 2851} 2852 2853.page-navigator.active , .page-navigator:hover{ 2854 color:red; 2855 background-image:url('https://lh3.googleusercontent.com/2M3h4CZBMs93o0xtkzkIWJqLF3D042oh1uQZyF0VYQlmGWdEDh9Y6hC7cBZ712umyXcTAHz_nrGGA--_=s30'); 2856 2857} 2858 2859.matrix #elements-holder{ 2860 display:inline-block; 2861 width:100%; 2862} 2863 2864 2865.matrix .sub.item-box:not(.element-box){ 2866 /*overflow: hidden;*/ 2867} 2868 2869.matrix .image-cover{ 2870 overflow: visible; 2871} 2872 2873.matrix .preview-image-holder{ 2874 overflow: visible; 2875} 2876 2877.matrix #items-holder-wrapper{ 2878 width:100%; 2879 /*display:inline-block;*/ 2880 text-align:center; 2881} 2882 2883.matrix #children{ 2884 height: 100%; 2885 min-height: inherit; 2886} 2887 2888.matrix #items-holder{ 2889 width:100%; 2890 margin-left:auto; 2891 margin-right:auto; 2892 text-align:left; 2893 font-size: 0px; 2894 /* padding:0px; 2895 margin:0px; */ 2896} 2897 2898 2899 2900.matrix .element-wrapper{ 2901 text-align:center; 2902} 2903 2904</style> 2905 <style class='footer-css'>.footer_layout.item-content{ 2906 height:inherit; 2907} 2908 2909.footer_layout .helper-div{ 2910 display:table-cell; 2911 vertical-align:middle; 2912} 2913 2914.footer_layout .image-cover{ 2915 display:table-cell; 2916 vertical-align:middle; 2917} 2918 2919.footer_layout .preview-content-wrapper{ 2920 text-align:left; 2921 height:inherit; 2922 min-height:inherit; 2923} 2924 2925 2926.footer_layout .preview-content-holder{ 2927 display: block; 2928 max-width: 100%; 2929 height:inherit; 2930 min-height:inherit; 2931} 2932 2933.footer_layout .logo-holder{ 2934 display: table-cell; 2935 vertical-align: middle; 2936} 2937 2938.footer_layout .preview-item-links{ 2939 display:table-cell; 2940 vertical-align:middle; 2941 white-space: nowrap; 2942} 2943 2944.footer_layout .preview-item-links span{ 2945 float:left; 2946 display:inline-block; 2947} 2948 2949.footer_layout{ 2950 display:table; 2951} 2952 2953.footer_layout .left-div{ 2954 height:inherit; /*inherit for chrome*/ 2955 display:table; 2956 float:left; 2957 min-height:inherit; 2958} 2959 2960 2961 2962.footer_layout .right-div{ 2963 height:inherit; /*inherit for chrome*/ 2964 display:table; 2965 float:right; 2966 min-height:inherit; 2967} 2968 2969.footer_layout .center-div{ 2970 height:inherit; /*inherit for chrome*/ 2971 display:block; 2972 text-align:center; 2973 min-height:inherit; 2974} 2975 2976 2977.item-box[data-height-resize="true"] .footer_layout .left-div{ 2978 height:inherit; 2979} 2980 2981.item-box[data-height-resize="true"] .footer_layout .right-div{ 2982 height:inherit; 2983} 2984 2985.item-box[data-height-resize="true"] .footer_layout .center-div{ 2986 height:inherit; 2987} 2988 2989.footer_layout .left-div.flipped{ 2990 display:inline-block; 2991 width:100%; 2992 float:none; 2993 height:auto; 2994 min-height:initial; 2995} 2996 2997.footer_layout .right-div.flipped{ 2998 display:inline-block; 2999 width:100%; 3000 float:none; 3001 height:auto; 3002 text-align: center; 3003 min-height:initial; 3004} 3005 3006.footer_layout .center-div.flipped{ 3007 display:inline-block; 3008 width:100%; 3009 float:none; 3010 height:auto; 3011 min-height:initial; 3012} 3013 3014 3015.footer_layout .links-wrapper{
3016 display:table; 3017 height:100%; 3018 min-height: inherit; 3019 margin-left:auto; 3020 margin-right:auto; 3021} 3022 3023.footer_layout .right-div .preview-social-wrapper{ 3024 display: table-cell; 3025 vertical-align: middle; 3026} 3027 3028.footer_layout .right-div.flipped .preview-social-wrapper{ 3029 display: inline-block; 3030} 3031 3032 3033.footer_layout.item-content{ 3034 width:100%; 3035} 3036 3037 3038.footer_layout .links-menu-btn{ 3039 background-image:url('/images/ui_icons/menu_ico.png'); 3040 background-repeat:no-repeat; 3041 background-position: 50%; 3042 /*background-color: black;*/ 3043 background-size:contain; 3044 width: 50px; 3045 height: 50px; 3046 float: right; 3047 cursor:pointer; 3048 /*display:table-cell;*/ 3049 /*vertical-align:middle;*/ 3050} 3051 3052.footer_layout .links-menu-btn-wrapper{ 3053 display:table; 3054 float:right; 3055 /*height:100%;*/ 3056} 3057 3058.footer_layout .menu-links-holder{ 3059 position:relative; 3060 left:0px; 3061 top:0px; 3062 display:none; 3063 z-index:9999999; 3064} 3065 3066.footer_layout .menu-links-holder.shown{ 3067 display:block; 3068} 3069 3070</style> 3071 <style class='default-style'>/****************************************************************************************************** 3072 * DEFAULT PREVIEW_STYLE 3073 * 3074 ******************************************************************************************************/ 3075 3076 3077 3078 3079 .preview-title , .preview-body h1 { 3080 display:inline-block; 3081 font-family:freight-sans-pro; 3082 color:#000; 3083 font-size:32rem; 3084 line-height:1em; 3085 letter-spacing:normal; 3086 font-style:normal; 3087 text-decoration:none; 3088 font-weight:normal; 3089 direction:ltr; 3090 margin-left:0px; 3091 margin-right:0px; 3092 margin-top:0px; 3093 margin-bottom:0px; 3094 padding-left:0px; 3095 padding-right:0px; 3096 padding-top:0px; 3097 padding-bottom:0px; 3098 background-color:transparent; 3099 text-shadow:none; 3100 text-transform:none; 3101 } 3102 3103 3104 3105 3106 3107 3108 .preview-title-holder { 3109 display:inline-block; 3110 text-align:inherit; 3111 max-width:inherit; 3112 } 3113 3114 3115 3116 3117 3118 .preview-subtitle , .preview-body h2 { 3119 display:inline-block; 3120 font-family:freight-sans-pro; 3121 color:#000; 3122 font-size:25rem; 3123 line-height:1em; 3124 letter-spacing:normal; 3125 font-style:normal; 3126 text-decoration:none; 3127 font-weight:normal; 3128 direction:ltr; 3129 margin-left:0px; 3130 margin-right:0px; 3131 margin-top:0px; 3132 margin-bottom:0px; 3133 padding-left:0px; 3134 padding-right:0px; 3135 padding-top:0px; 3136 padding-bottom:0px; 3137 background-color:transparent; 3138 text-shadow:none; 3139 text-transform:none; 3140 } 3141 3142 3143 3144 3145 3146 3147 .preview-subtitle-holder { 3148 display:inline-block; 3149 text-align:inherit; 3150 max-width:inherit; 3151 } 3152 3153 3154 3155 3156 3157 3158 .preview-body { 3159 display:inline-block; 3160 font-family:freight-sans-pro; 3161 color:#000; 3162 font-size:25rem; 3163 line-height:1em; 3164 letter-spacing:normal; 3165 font-style:normal; 3166 text-decoration:none; 3167 font-weight:normal; 3168 direction:ltr; 3169 margin-left:0px; 3170 margin-right:0px; 3171 margin-top:0px; 3172 margin-bottom:0px; 3173 padding-left:0px; 3174 padding-right:0px; 3175 padding-top:0px; 3176 padding-bottom:0px; 3177 background-color:transparent; 3178 max-width:980px; 3179 text-shadow:none; 3180 -webkit-column-count:1; 3181 text-transform:none; 3182 } 3183 3184 3185 3186 3187 3188 3189 .preview-body-holder { 3190 display:inline-block; 3191 text-align:inherit; 3192 max-width:inherit; 3193 } 3194 3195 3196 3197 3198 3199 3200 .preview-element.icon-source { 3201 width:100px; 3202 border-style:solid; 3203 border-width:0px; 3204 border-color:#000000; 3205 margin-left:0px; 3206 margin-right:0px; 3207 margin-top:15px; 3208 margin-bottom:15px; 3209 padding-left:0px; 3210 padding-right:0px; 3211 padding-top:0px; 3212 padding-bottom:0px; 3213 background-color:transparent; 3214 } 3215 3216 3217 3218 3219 3220 3221 .preview-icon-holder { 3222 text-align:inherit; 3223 } 3224 3225 3226 3227 3228 3229 3230 .background-div { 3231 background-size:cover; 3232 background-position:center center; 3233 opacity:1; 3234 } 3235 3236 3237 3238 3239 3240 3241 .preview.image-cover { 3242 min-height:inherit; 3243 margin-left:0px; 3244 margin-right:0px; 3245 margin-top:0px; 3246 margin-bottom:0px; 3247 padding-left:0px; 3248 padding-right:0px; 3249 padding-top:0px; 3250 padding-bottom:0px; 3251 background-color:transparent; 3252 } 3253 3254 3255 3256 3257 3258 3259 .inner-pic { 3260 display:inline-block; 3261 -webkit-filter:none;filter:none; 3262 background-size:cover; 3263 background-position:center center; 3264 opacity:1; 3265 } 3266 3267 3268 3269 3270 3271 .pic-side:after , .item-effect-tester , .sub.item-box:after { 3272 background-color:#2098d1; 3273 } 3274 3275 3276 3277 3278 3279 3280 .inner-pic-holder { 3281 vertical-align:middle; 3282 text-align:center; 3283 background-color:transparent; 3284 } 3285 3286 3287 3288 3289 3290 .preview-item-links span , #sr-basket-widget * { 3291 display:inline-block; 3292 font-family:freight-sans-pro; 3293 color:#000; 3294 font-size:25rem; 3295 line-height:1em; 3296 letter-spacing:normal; 3297 font-style:normal; 3298 text-decoration:none; 3299 font-weight:normal; 3300 margin-left:0px; 3301 margin-right:0px; 3302 margin-top:0px; 3303 margin-bottom:0px; 3304 padding-left:0px; 3305 padding-right:0px; 3306 padding-top:0px; 3307 padding-bottom:0px; 3308 background-color:transparent; 3309 max-width:980px; 3310 text-shadow:none; 3311 border-style:solid; 3312 border-width:0px; 3313 border-color:#000000; 3314 border-radius:0px; 3315 } 3316 3317 3318 3319 3320 3321 .preview-item-links span:hover , .preview-element.Link.hover-tester { 3322 color:#000; 3323 background-color:transparent; 3324 } 3325 3326 3327 3328 3329 3330 3331 .preview-item-links { 3332 text-align:inherit; 3333 } 3334 3335 3336 3337 3338 3339 .preview-item-links.allow-bg-color , .submenu { 3340 background-color:#666; 3341 background-image:none; 3342 } 3343 3344 3345 3346 3347 3348 .preview-item-links span:before , .effect-tester { 3349 background-color:#2098d1; 3350 } 3351 3352 3353 3354 3355 3356 3357 .preview-form .Field { 3358 display:inline-block; 3359 font-family:freight-sans-pro; 3360 font-size:25rem; 3361 line-height:1em; 3362 letter-spacing:normal; 3363 font-style:normal; 3364 text-decoration:none; 3365 font-weight:normal; 3366 margin-left:0px; 3367 margin-right:0px; 3368 margin-top:5px; 3369 margin-bottom:5px; 3370 padding-left:0px; 3371 padding-right:0px; 3372 padding-top:0px; 3373 padding-bottom:0px; 3374 background-color:transparent; 3375 max-width:400px; 3376 min-width:0px; 3377 border-style:solid; 3378 border-width:1px; 3379 border-color:#000000; 3380 } 3381 3382 3383 3384 3385 3386 .preview-form .Field:hover , .preview-form .Field.hover-tester
3386:not(.placeholder-mode) { 3387 color:#000; 3388 background-color:transparent; 3389 } 3390 3391 3392 3393 3394 3395 3396 .field-holder { 3397 text-align:inherit; 3398 } 3399 3400 3401 3402 3403 3404 .preview-form .Field.placeholder-mode:not(:hover) , .preview-form .Field.no-value:not(:hover) , .preview-form .field-holder .Field.field-dropdown:not(.placeholder-mode):not(.no-value):not(:hover) { 3405 color:#555; 3406 } 3407 3408 3409 3410 3411 3412 3413 .preview-form .Field:not(.placeholder-mode):not(.no-value):not(:hover) { 3414 color:#000; 3415 } 3416 3417 3418 3419 3420 3421 3422 .preview-link-img { 3423 display:inline-block; 3424 width:50px; 3425 } 3426 3427 3428 3429 3430 3431 3432 .preview-social-holder { 3433 display:inline-block; 3434 margin-left:0px; 3435 margin-right:0px; 3436 margin-top:0px; 3437 margin-bottom:0px; 3438 padding-left:0px; 3439 padding-right:0px; 3440 padding-top:0px; 3441 padding-bottom:0px; 3442 background-color:transparent; 3443 border-style:solid; 3444 border-width:0px; 3445 border-color:#000000; 3446 } 3447 3448 3449 3450 3451 3452 3453 .preview-social-wrapper { 3454 text-align:inherit; 3455 } 3456 3457 3458 3459 3460 3461 3462 .preview-raw-wrapper { 3463 text-align:inherit; 3464 } 3465 3466 3467 3468 3469 3470 3471 .preview-content-holder { 3472 display:inline-block; 3473 max-width:none; 3474 text-align:center; 3475 margin-left:0px; 3476 margin-right:0px; 3477 margin-top:0px; 3478 margin-bottom:0px; 3479 padding-left:0px; 3480 padding-right:0px; 3481 padding-top:0px; 3482 padding-bottom:0px; 3483 background-color:transparent; 3484 border-style:solid; 3485 border-width:0px; 3486 border-color:#000000; 3487 left:auto; 3488 right:auto; 3489 top:auto; 3490 bottom:auto; 3491 width:auto; 3492 height:auto; 3493 } 3494 3495 3496 3497 3498 3499 3500 .preview-content-wrapper { 3501 text-align:center; 3502 vertical-align:middle; 3503 } 3504 3505 3506 3507 3508 3509 3510 .blocks-preview-content-holder { 3511 display:inline-block; 3512 text-align:center; 3513 max-width:none; 3514 margin-left:0px; 3515 margin-right:0px; 3516 margin-top:0px; 3517 margin-bottom:0px; 3518 padding-left:0px; 3519 padding-right:0px; 3520 padding-top:0px; 3521 padding-bottom:0px; 3522 } 3523 3524 3525 3526 3527 3528 3529 .blocks-preview-content-wrapper { 3530 text-align:center; 3531 } 3532 3533 3534 3535 3536 3537 .middle_layout .helper-div , .multi_layout .helper-div.middle-center .text-side { 3538 max-width:none; 3539 } 3540 3541 3542 3543 3544 3545 3546 .preview-price { 3547 display:inline-block; 3548 font-family:freight-sans-pro; 3549 color:#000; 3550 font-size:25rem; 3551 line-height:1em; 3552 letter-spacing:normal; 3553 font-style:normal; 3554 text-decoration:none; 3555 font-weight:normal; 3556 direction:ltr; 3557 margin-left:0px; 3558 margin-right:0px; 3559 margin-top:0px; 3560 margin-bottom:0px; 3561 padding-left:0px; 3562 padding-right:0px; 3563 padding-top:0px; 3564 padding-bottom:0px; 3565 background-color:transparent; 3566 text-shadow:none; 3567 text-transform:none; 3568 } 3569 3570 3571 3572 3573 3574 3575 .preview-price-holder { 3576 display:inline-block; 3577 text-align:inherit; 3578 max-width:inherit; 3579 } 3580 3581 3582 3583 3584 3585 3586 .stripe-background { 3587 -webkit-filter:none;filter:none; 3588 opacity:1; 3589 background-size:cover; 3590 background-position:center center; 3591 margin-top:0px; 3592 margin-left:0%; 3593 } 3594 3595 3596 3597 3598 3599 3600 .blocks-preview-title { 3601 display:inline-block; 3602 font-family:Montserrat; 3603 color:#000; 3604 font-size:32rem; 3605 line-height:1em; 3606 letter-spacing:normal; 3607 font-style:normal; 3608 text-decoration:none; 3609 font-weight:normal; 3610 direction:ltr; 3611 margin-left:0px; 3612 margin-right:0px; 3613 margin-top:20px; 3614 margin-bottom:5px; 3615 padding-left:0px; 3616 padding-right:0px; 3617 padding-top:0px; 3618 padding-bottom:0px; 3619 background-color:transparent; 3620 text-shadow:none; 3621 text-transform:none; 3622 } 3623 3624 3625 3626 3627 3628 3629 .blocks-preview-title-holder { 3630 display:inline-block; 3631 text-align:inherit; 3632 max-width:inherit; 3633 } 3634 3635 3636 3637 3638 3639 3640 .blocks-preview-subtitle { 3641 display:inline-block; 3642 font-family:Arial; 3643 color:#999999; 3644 font-size:20rem; 3645 line-height:1em; 3646 letter-spacing:normal; 3647 font-style:normal; 3648 text-decoration:none; 3649 font-weight:normal; 3650 direction:ltr;
3651 margin-left:0px; 3652 margin-right:0px; 3653 margin-top:15px; 3654 margin-bottom:0px; 3655 padding-left:0px; 3656 padding-right:0px; 3657 padding-top:0px; 3658 padding-bottom:0px; 3659 background-color:transparent; 3660 text-shadow:none; 3661 text-transform:none; 3662 } 3663 3664 3665 3666 3667 3668 3669 .blocks-preview-subtitle-holder { 3670 display:inline-block; 3671 text-align:inherit; 3672 max-width:inherit; 3673 } 3674 3675 3676 3677 3678 3679 3680 .blocks-preview-body { 3681 display:inline-block; 3682 font-family:Arial; 3683 color:#000; 3684 font-size:12rem; 3685 line-height:1.2em; 3686 letter-spacing:normal; 3687 font-style:normal; 3688 text-decoration:none; 3689 font-weight:normal; 3690 direction:ltr; 3691 margin-left:0px; 3692 margin-right:0px; 3693 margin-top:10px; 3694 margin-bottom:20px; 3695 padding-left:0px; 3696 padding-right:0px; 3697 padding-top:0px; 3698 padding-bottom:0px; 3699 background-color:transparent; 3700 max-width:600px; 3701 text-shadow:none; 3702 -webkit-column-count:1; 3703 text-transform:none; 3704 } 3705 3706 3707 3708 3709 3710 3711 .blocks-preview-body-holder { 3712 display:inline-block; 3713 text-align:inherit; 3714 max-width:inherit; 3715 } 3716 3717 3718 3719 3720 3721 3722 .blocks-preview-item-links .Link { 3723 display:inline-block; 3724 font-family:freight-sans-pro; 3725 color:#000; 3726 font-size:25rem; 3727 line-height:1em; 3728 letter-spacing:normal; 3729 font-style:normal; 3730 text-decoration:none; 3731 font-weight:normal; 3732 margin-left:0px; 3733 margin-right:0px; 3734 margin-top:0px; 3735 margin-bottom:0px; 3736 padding-left:0px; 3737 padding-right:0px; 3738 padding-top:0px; 3739 padding-bottom:0px; 3740 background-color:transparent; 3741 max-width:980px; 3742 text-shadow:none; 3743 border-style:solid; 3744 border-width:0px; 3745 border-color:#000000; 3746 border-radius:0px; 3747 } 3748 3749 3750 3751 3752 3753 3754 .blocks-preview-item-links { 3755 text-align:inherit; 3756 } 3757 3758 3759 3760 3761 3762 3763 .blocks-preview-item-links .Link:hover { 3764 color:#000; 3765 background-color:transparent; 3766 } 3767 3768 3769 3770 3771 3772 3773 .blocks-inner-pic { 3774 display:inline-block; 3775 width:600px; 3776 margin-left:0px; 3777 margin-right:0px; 3778 margin-top:10px; 3779 margin-bottom:10px; 3780 } 3781 3782 3783 3784 3785 3786 3787 .blocks-inner-pic-holder { 3788 display:inline-block; 3789 } 3790 3791 3792 3793 3794 3795 3796 .preview-divider { 3797 display:inline-block; 3798 width:50%; 3799 border-style:solid; 3800 border-bottom-width:1px; 3801 border-color:#000000; 3802 margin-top:10px; 3803 margin-bottom:10px; 3804 } 3805 3806 3807 3808 3809 3810 3811 .preview-divider-holder { 3812 text-align:inherit; 3813 } 3814 3815 3816 3817 3818 3819 3820 .blocks-preview-divider { 3821 display:inline-block; 3822 width:50%; 3823 border-style:solid; 3824 border-bottom-width:2px; 3825 border-color:#000000; 3826 margin-top:10px; 3827 margin-bottom:10px; 3828 } 3829 3830 3831 3832 3833 3834 3835 .blocks-preview-divider-holder { 3836 text-align:inherit; 3837 } 3838 3839 3840 3841 3842 3843 3844 .multi_layout .helper-div.middle-center { 3845 max-width:none; 3846 padding-left:0%; 3847 padding-right:0%; 3848 width:100%; 3849 } 3850 3851 3852 3853 3854 3855 3856 .draggable-pic-wrapper { 3857 left:200px; 3858 top:200px; 3859 width:400px; 3860 height:400px; 3861 } 3862 3863 3864 3865 3866 3867 3868 .draggable-pic-wrapper { 3869 left:0px; 3870 top:0px; 3871 width:400px; 3872 height:400px; 3873 } 3874 3875 3876 3877 3878 3879 3880 .draggable-pic-wrapper { 3881 left:0px; 3882 top:0px; 3883 width:400px; 3884 height:400px; 3885 } 3886 3887 3888 3889 3890 3891 3892 3893 /****************************************************************************************************** 3894 * DEFAULT STRIPE_STYLE 3895 * 3896 ******************************************************************************************************/ 3897 3898 3899 3900 3901 .Title , .Body h1 { 3902 display:inline-block; 3903 font-family:freight-sans-pro; 3904 color:#000; 3905 font-size:50rem; 3906 line-height:1em; 3907 letter-spacing:normal; 3908 font-style:normal; 3909 text-decoration:none; 3910 font-weight:normal; 3911 direction:ltr; 3912 margin-left:0px; 3913 margin-right:0px; 3914 margin-top:0px; 3915 margin-bottom:0px; 3916 padding-left:0px; 3917 padding-right:0px; 3918 padding-top:0px; 3919 padding-bottom:0px; 3920 background-color:transparent; 3921 text-shadow:none; 3922 max-width:none; 3923 text-transform:none; 3924 } 3925 3926 3927 3928 3929 3930 3931 .title-holder { 3932 text-align:left; 3933 } 3934 3935 3936 3937 3938 3939 3940 .title-wrapper { 3941 max-width:none; 3942 } 3943 3944 3945 3946 3947
3948 .Subtitle , .Body h2 { 3949 display:inline-block; 3950 font-family:freight-sans-pro; 3951 color:#000; 3952 font-size:25rem; 3953 line-height:1em; 3954 letter-spacing:normal; 3955 font-style:normal; 3956 text-decoration:none; 3957 font-weight:normal; 3958 direction:ltr; 3959 margin-left:0px; 3960 margin-right:0px; 3961 margin-top:0px; 3962 margin-bottom:0px; 3963 padding-left:0px; 3964 padding-right:0px; 3965 padding-top:0px; 3966 padding-bottom:0px; 3967 background-color:transparent; 3968 text-shadow:none; 3969 max-width:none; 3970 text-transform:none; 3971 } 3972 3973 3974 3975 3976 3977 3978 .subtitle-holder { 3979 text-align:left; 3980 } 3981 3982 3983 3984 3985 3986 3987 .subtitle-wrapper { 3988 max-width:none; 3989 } 3990 3991 3992 3993 3994 3995 3996 .Body { 3997 display:inline-block; 3998 font-family:Arial; 3999 color:#000; 4000 font-size:15rem; 4001 line-height:1em; 4002 letter-spacing:normal; 4003 font-style:normal; 4004 text-decoration:none; 4005 font-weight:normal; 4006 direction:ltr; 4007 max-width:none; 4008 margin-left:0px; 4009 margin-right:0px; 4010 margin-top:0px; 4011 margin-bottom:0px; 4012 padding-left:0px; 4013 padding-right:0px; 4014 padding-top:0px; 4015 padding-bottom:0px; 4016 background-color:transparent; 4017 text-shadow:none; 4018 -webkit-column-count:1; 4019 text-transform:none; 4020 } 4021 4022 4023 4024 4025 4026 4027 .body-holder { 4028 text-align:left; 4029 } 4030 4031 4032 4033 4034 4035 4036 .body-wrapper { 4037 max-width:none; 4038 } 4039 4040 4041 4042 4043 4044 4045 .element.icon-source { 4046 width:100px; 4047 border-style:solid; 4048 border-width:0px; 4049 border-color:#000000; 4050 } 4051 4052 4053 4054 4055 4056 4057 .icon-holder { 4058 text-align:center; 4059 margin-left:0px; 4060 margin-right:0px; 4061 margin-top:0px; 4062 margin-bottom:0px; 4063 padding-left:0px; 4064 padding-right:0px; 4065 padding-top:0px; 4066 padding-bottom:0px; 4067 background-color:transparent; 4068 } 4069 4070 4071 4072 4073 4074 4075 .element.image-source { 4076 border-style:solid; 4077 border-width:0px; 4078 border-color:#000000; 4079 } 4080 4081 4082 4083 4084 4085 4086 .page-image-cover { 4087 margin-left:0px; 4088 margin-right:0px; 4089 margin-top:0px; 4090 margin-bottom:0px; 4091 padding-left:0px; 4092 padding-right:0px; 4093 padding-top:0px; 4094 padding-bottom:0px; 4095 background-color:transparent; 4096 } 4097 4098 4099 4100 4101 4102 4103 .item-links span { 4104 display:inline-block; 4105 font-family:freight-sans-pro; 4106 color:#000; 4107 font-size:25rem; 4108 line-height:1em; 4109 letter-spacing:normal; 4110 font-style:normal; 4111 text-decoration:none; 4112 font-weight:normal; 4113 direction:ltr; 4114 margin-left:0px; 4115 margin-right:0px; 4116 margin-top:0px; 4117 margin-bottom:0px; 4118 padding-left:0px; 4119 padding-right:0px; 4120 padding-top:0px; 4121 padding-bottom:0px; 4122 background-color:transparent; 4123 text-shadow:none; 4124 border-style:solid; 4125 border-width:0px; 4126 border-color:#000000; 4127 border-radius:0px; 4128 text-transform:none; 4129 } 4130 4131 4132 4133 4134 4135 4136 .item-links span:hover { 4137 color:#000; 4138 background-color:transparent; 4139 } 4140 4141 4142 4143 4144 4145 4146 .item-links { 4147 text-align:left; 4148 } 4149 4150 4151 4152 4153 4154 4155 .link-wrapper { 4156 max-width:none; 4157 } 4158 4159 4160 4161 4162 4163 4164 .Quote { 4165 display:inline-block; 4166 font-family:freight-sans-pro; 4167 color:#000; 4168 font-size:25rem; 4169 line-height:1em; 4170 letter-spacing:normal; 4171 font-style:normal; 4172 direction:ltr; 4173 text-decoration:none; 4174 font-weight:normal; 4175 text-shadow:none; 4176 } 4177 4178 4179 4180 4181 4182 4183 .quote-author { 4184 font-family:freight-sans-pro; 4185 color:#000; 4186 font-size:25rem; 4187 line-height:1em; 4188 letter-spacing:normal; 4189 font-style:normal; 4190 text-decoration:none; 4191 font-weight:normal; 4192 direction:ltr; 4193 margin-left:0px; 4194 margin-right:0px; 4195 margin-top:0px; 4196 margin-bottom:0px; 4197 padding-left:0px; 4198 padding-right:0px; 4199 padding-top:0px; 4200 padding-bottom:0px; 4201 background-color:transparent; 4202 max-width:980px; 4203 text-shadow:none; 4204 } 4205 4206 4207 4208 4209 4210 4211 .quote-holder { 4212 display:inline-block; 4213 margin-left:0px; 4214 margin-right:0px; 4215 margin-top:0px; 4216 margin-bottom:0px; 4217 padding-left:0px; 4218 padding-right:0px; 4219 padding-top:0px; 4220 padding-bottom:0px; 4221 background-color:transparent; 4222 } 4223 4224 4225 4226 4227 4228 4229 .quote-wrapper { 4230 text-align:center; 4231 max-width:none; 4232 } 4233 4234 4235 4236 4237 4238 4239 .content-margin { 4240 margin-left:0px; 4241 margin-right:0px; 4242 } 4243 4244 4245 4246 4247 4248 4249 .stripe-default-width { 4250 max-width:9000px; 4251 } 4252 4253 4254 4255 4256 4257 4258 #pagination-holder { 4259 display:inline-block; 4260 font-family:freight-sans-pro; 4261 color:#000; 4262 font-size:25rem; 4263 line-height:1em; 4264 letter-spacing:normal; 4265 font-style:normal; 4266 text-decoration:none; 4267 font-weight:normal; 4268 margin-left:0px; 4269 margin-right:0px; 4270 margin-top:0px; 4271 margin-bottom:0px; 4272 padding-left:0px; 4273 padding-right:0px; 4274 padding-top:0px; 4275 padding-bottom:0px; 4276 background-color:transparent; 4277 max-width:980px; 4278 text-shadow:none; 4279 border-style:solid; 4280 border-width:0px; 4281 border-color:#000000; 4282 } 4283 4284 4285 4286 4287 4288 4289 .element-wrapper { 4290 max-width:none; 4291 } 4292 4293 4294 4295 4296 4297 4298 .link-img { 4299 display:inline-block; 4300 width:100px; 4301 margin:0px; 4302 } 4303 4304 4305 4306 4307 4308 4309 .social-holder { 4310 text-align:center; 4311 } 4312 4313 4314 4315 4316 4317 4318 .master.container > #children { 4319 background-color:white; 4320 } 4321 4322 4323 4324 4325 4326 4327 .element.video-source { 4328 border-style:solid; 4329 border-width:0px; 4330 border-color:#000000; 4331 } 4332 4333 4334 4335 4336 4337 4338 .page-video-cover { 4339 text-align:center; 4340 margin-left:0px; 4341 margin-right:0px; 4342 margin-top:0px; 4343 margin-bottom:0px; 4344 padding-left:0px; 4345 padding-right:0px; 4346 padding-top:0px; 4347 padding-bottom:0px; 4348 background-color:transparent; 4349 } 4350 4351 4352 4353 4354 4355 4356 { 4357 background-color:transparent; 4358 padding-left:0%; 4359 padding-right:0%; 4360 width:100%; 4361 } 4362 4363 4364 4365 4366 4367 4368 iframe.html-frame { 4369 background-color:transparent; 4370 } 4371 4372 4373 4374 4375 4376 4377 .html-wrapper { 4378 max-width:none; 4379 } 4380 4381 4382 4383 4384 4385 4386 .self-wrapper { 4387 max-width:none; 4388 } 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 4405 .background-image-div { 4406 -webkit-filter:none;filter:none; 4407 opacity:1; 4408 background-size:cover; 4409 background-position:center center; 4410 } 4411 4412 4413 4414 4415 4416 4417 4418 4419 4420 4421 4422</style> 4423
4424 <link id="vbid-4f9fceb0-lok1anrm-STATIC_STYLE" rel="stylesheet" type="text/css" href="//editor.turbify.com/static_style?v=1.5.8c&vbid=vbid-4f9fceb0-lok1anrm&caller=live"> 4425 4426 4427 <!-- SCRIPT --> 4428
4428<script src="//editor.turbify.com/js/lib/jquery-2.x-git.min.js" type="text/javascript"></script>
4428 4429 4430
4430<script src="//editor.turbify.com/js/xprs_helper.js?v=1.5.8c" type="text/javascript"></script>
4430 4431 4432 4433
4433<script type="text/javascript" src="//editor.turbify.com/js/ysb.js"></script>
4433 4434 4435
4435<script type="text/javascript" src="//editor.turbify.com/all_js.js?v=1.5.8c"></script>
4435 4436
4436<script src="//editor.turbify.com/js/lib/touchswipe/jquery.mobile.custom.min.js"></script>
4436 4437 4438 4439 4440 4441 <!-- User analytics --> 4442 4443 4444 4445 4446 4447 <!-- Label config--> 4448
4448<script> 4449 4450 var LABEL_CONFIG = {}; 4451 4452 </script>
4452</head> 4453 4454 <body class="fast-animated-bg pattern-bg " data-ecommerce-solution="DISABLED" data-root-id="vbid-f1c1f992-dv84wbt2" data-root-style-id="style-f1c1f992-wv49brib" data-default-currency="USD" data-app-version="1.5.8c" data-caller="live" data-ecommerce-dashboard="" data-static-server="//editor.turbify.com" data-imos-server="https://imos006-dot-im--os.appspot.com" > 4455 4456 <div id="xprs" data-website-name="Joel Enos Writer & Editor" data-slug="" class="xprs-holder" > 4457 <div class="main-page " > 4458 <div id="content"> 4459 <div id="vbid-4f9fceb0-lok1anrm" class="master container style-4f9fceb0-dzebo07f content stripes website-style " data-itemtype="folder" data-creator="" data-itemname="Contact" data-itemslug="contact" data-itemstyleid="style-4f9fceb0-dzebo07f" data-margintop="" data-arranger="stripes" data-layout="multi" data-vbid="vbid-4f9fceb0-lok1anrm" data-preset-type-id="ITEMS" data-preview-style="style-4f9fceb0-dzebo07f" data-style="style-5a24e-kzdyurm3ju" data-absolute-path="" data-block-script='true'> 4460 <!-- ARRANGER SETTINGS --> 4461 <div class="arranger-settings" style="display:none;" 4462 data-ARRANGER_TYPE="stripes" 4463 data-ARRANGER_COLS="0" 4464 data-ARRANGER_ITEM_MAX_WIDTH="400" 4465 data-ARRANGER_ITEM_MIN_WIDTH="230" 4466 data-ARRANGER_ITEM_RATIO="1" 4467 data-ARRANGER_ITEM_SPACING="20" 4468 data-ARRANGER_ITEMS_PER_PAGE="all" 4469 data-ARRANGER_ORDER_TYPE="regular" 4470 data-AUTO_PLAY="false" 4471 data-AUTO_PLAY_DURATION="4" 4472 data-SLIDE_EFFECT="SLIDE" 4473 data-FLEX_ELEMENT_EFFECT="" 4474 data-FLEX_ARROWS="https://lh3.googleusercontent.com/ZMARmveTg1geksYKXZKdh71KW09XrhDLg8N-XrfXCGsDBEHnuKwhmYpHd55Y2-NwuwLX8qsyx26JNyJWtr1jEcxD=s50" 4475 ></div> 4476 <div class="layout-settings" style="display:none;" data-type="multi"></div> 4477 <div id="children"> 4478 4479 4480 4481 <!-- MENUS START --> 4482 <div id="vbid-f1c1f992-alvaizg1" class="master item-box header-box style-f1c1f992-z7htldms injected " data-holder-type="header"" data-holder-type="header" data-child-type="ORIGIN" data-styleid="style-f1c1f992-z7htldms" data-preview-styleid='style-f1c1f992-z7htldms' data-preset-type-id="MENUS"> 4483 <div id="no-image" class="stripe-background load-high-res " ></div> 4484 <div class="header-wrapper item-wrapper menus-wrapper "> 4485 4486 <div class="item-content leaf menu_layout header content" data-preview-style="style-f1c1f992-z7htldms" data-style="style-7f715-scjjarqgxu" data-behavior-type="NOTHING" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-f1c1f992-alvaizg1" data-bgimg=""> 4487<div class="preview-content-wrapper"> 4488<div class="preview-content-holder"> 4489 <div class="left-div"> 4490 <div class="benet" style="min-height:inherit;"></div> 4491 <div class="logo-holder"> 4492 4493 4494 </div> 4495 <div class="helper-div"> 4496 <div class="item-details menu"> 4497 4498 4499 4500 4501 </div> 4502 </div> 4503 </div> 4504 <div class="right-div"> 4505 <div class="benet" style="min-height:inherit;"></div> 4506 4507 <div class="preview-item-links "> 4508<ul class="preview-links-wrapper"> 4509 4510 4511 4512 4513 <li class="removable-parent"> 4514 4515 <a class="removable-parent" href="index.html" data-link-type="EXISTING" target="_self" > 4516 4517 <span id="element-36e6001643b7b2f" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Home</span> 4518 </a> 4519 4520 </li> 4521 4522 4523 4524 <li class="removable-parent"> 4525 4526 <a class="removable-parent" href="comics-writing.html" data-link-type="EXISTING" target="_self" > 4527 4528 <span id="element-30b2c37451c8c95" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Comics Writing</span> 4529 </a> 4530 4531 </li> 4532 4533 4534 4535 <li class="removable-parent"> 4536 4537 <a class="removable-parent" href="fiction-writing.html" data-link-type="EXISTING" target="_self" > 4538 4539 <span id="element-8dcf951010d1497" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Fiction Writing</span> 4540 </a> 4541 4542 </li> 4543 4544 4545 4546 <li class="removable-parent"> 4547 4548 <a class="removable-parent" href="editing.html" data-link-type="EXISTING" target="_self" > 4549 4550 <span id="element-b436d25448b494a" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Editing</span> 4551 </a> 4552 4553 </li> 4554 4555 4556 4557 <li class="removable-parent"> 4558 4559 <a class="removable-parent" href="about.html" data-link-type="EXISTING" target="_self" > 4560 4561 <span id="element-6faa944364e433a" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >About</span> 4562 </a> 4563 4564 </li> 4565 4566 4567 4568 <li class="removable-parent"> 4569 4570 <a class="removable-parent" href="contact.html" data-link-type="EXISTING" target="_self" > 4571 4572 <span id="element-ebe01536205ff9a" class="preview-element Link item-link magic-circle-holder text-element custom" data-menu-name="PREVIEW_LINK" >Contact</span> 4573 </a> 4574 4575 </li> 4576 4577 4578<div class="element-placeholder" data-elementtype='LINK' style="display:none;"></div> 4579 4580 </ul> 4581</div> 4582 4583 4584 <button class="hamburger links-menu-btn hamburger--boring small" type="button"> 4585 <span class="hamburger-box"> 4586 <span class="hamburger-inner"></span> 4587 </span> 4588 </button> 4589 4590 4591 4592 </div> 4593 </div> 4594</div> 4595
4596 <div class="layout-settings" style="display:none;" data-type="menu" 4597 data-MENU_OVERLAY="relative" 4598 data-MENU_SCROLL="false" 4599 data-ALWAYS_MINIFIED="false" 4600 data-MENU_POSITION="top" 4601 data-MENU_ALIGN="center" 4602 data-BACKGROUND_COLOR="rgb(255, 255, 255)" 4603 data-MENU_SHRINK_CLASS="centered" 4604 ></div> 4605</div> 4606 4607 </div> 4608 </div> 4609 <!-- MENUS END --> 4610 4611 4612 4613 4614 <!-- FORM START --> 4615 <div id="vbid-0d73f693-slct9pcf" class="master item-box page-box style-0d73f693-ba7hzeoa button-effects btn_hover3 " data-holder-type="page"" data-holder-type="page" data-child-type="STYLE" data-styleid="style-0d73f693-ba7hzeoa" data-preview-styleid='style-0d73f693-ba7hzeoa' data-preset-type-id="FORM"> 4616 <div id="no-image" class="stripe-background load-high-res " ></div> 4617 <div class="page-wrapper item-wrapper form-wrapper "> 4618 4619 <div class="item-content leaf multi_layout page content -container" data-self="vbid-0d73f693-slct9pcf" data-preview-style="style-0d73f693-ba7hzeoa" data-style="style-e4cfb-6huavktiba" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-0d73f693-slct9pcf" data-bgimg=""> 4620<div class="multi-container preview image-cover" > 4621 <div class="Picture item-preview"> 4622 <div class="preview-image-holder"> 4623 <div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style=""> 4624 </div> 4625 <div class="helper-div middle-center" > 4626 <!-- <div class="benet" style="min-height:inherit;"></div> --> 4627 <div class="pic-side"> 4628 <div class="vertical-aligner"> 4629 <div id="no-image-holder" class="preview-image-holder inner
4629-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER"> 4630 4631 <div id="no-image" class="inner-pic preview-element magic-circle-holder load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="" data-orig-width="" data-orig-height="" > 4632 4633 4634 4635 4636 </div> 4637</div> 4638 </div> 4639 </div> 4640 <div class="text-side shrinker-parent"> 4641 <div class="vertical-aligner"> 4642 <div class="item-details preview-content-wrapper multi" style="position:relative;"> 4643 <div class="draggable-div-holder"></div> 4644 <div class="preview-content-holder shrinker-content"> 4645 4646 <!-- BY SPECIFIC ORDER --> 4647 4648 4649 4650 4651 4652 4653 4654 4655 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666 4667<br class="upper-line-break" /> 4668<div class="preview-title-holder removable-parent order-handle"> 4669 4670 <h1 id="vbid-0d73f693-qfysclsq" class="preview-element preview-title magic-circle-holder inner
4670-page text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_TITLE" >Contact Joel</h1> 4671 4672</div> 4673<br class="lower-line-break" /> 4674 4675 4676 4677 4678 4679 4680 4681<br class="upper-line-break" /> 4682<div class="preview-divider-holder removable-parent order-handle"> 4683 <div id="vbid-0d73f693-ehqakkbu" class="preview-element preview-divider magic-circle-holder quick-text-style-menu" data-menu-name="PREVIEW_DIVIDER"> 4684 </div> 4685</div> 4686<br class="lower-line-break" /> 4687 4688 4689 4690 4691 4692 4693 4694<br class="upper-line-break" /> 4695<div class="preview-subtitle-holder removable-parent order-handle"> 4696 4697 <h3 id="vbid-0d73f693-zo3lb4vs" class="preview-element preview-subtitle magic-circle-holder text-element quick-text-style-menu allow-mobile-hide" data-menu-name="PREVIEW_SUBTITLE">feel free to contact us with questions or comments!</h3> 4698 4699</div> 4700<br class="lower-line-break" /> 4701 4702 4703 4704 4705 4706 4707 4708<br class="upper-line-break" /> 4709<div class="preview-form order-handle removable-parent"> 4710 <div class="field-holder"> 4711 4712 <input autocomplete="off" type="text" id="vbid-0d73f693-aljsgfn4" name="Name" class="preview-element Field magic-circle-holder field-text" data-menu-name="PREVIEW_FIELD" placeholder="Name" > 4713 4714 </div> 4715 </div> 4716 <br class="lower-line-break" /> 4717 4718 4719 4720 4721 4722 4723 4724<br class="upper-line-break" /> 4725<div class="preview-form order-handle removable-parent"> 4726 <div class="field-holder"> 4727 4728 <input autocomplete="off" type="text" id="vbid-0d73f693-snqct0pe" name="Email" class="preview-element Field magic-circle-holder field-email" data-menu-name="PREVIEW_FIELD" placeholder="Email" > 4729 4730 </div> 4731 </div> 4732 <br class="lower-line-break" /> 4733 4734 4735 4736 4737 4738 4739 4740<br class="upper-line-break" /> 4741<div class="preview-form order-handle removable-parent"> 4742 <div class="field-holder"> 4743 4744 <textarea autocomplete="off" type="text" id="vbid-0d73f693-n3flknex" name="Message" class="preview-element Field magic-circle-holder field-message" data-menu-name="PREVIEW_FIELD" placeholder="Message" ></textarea> 4745 4746 4747 </div> 4748 </div> 4749 <br class="lower-line-break" /> 4750 4751 4752 4753 4754 4755 4756 <div class="preview-item-links order-handle removable-parent" style="display:inline-block;"> 4757 4758 <a class="removable-parent" href="[email protected]" data-link-type="SUBMIT" data-text='' target="_self" > 4759 4760 <span id="vbid-0d73f693-0avrngki" class="preview-element Link item-link magic-circle-holder text-element " data-menu-name="PREVIEW_LINK" >send ></span> 4761</a> 4762</div> 4763 4764 4765 4766 4767 </div> 4768 </div> 4769 </div> 4770 </div> 4771 </div> 4772 </div> 4773 </div> 4774</div> 4775</div> 4776 4777<div class="layout-settings" style="display:none;" data-type="multi"></div> 4778 4779 </div> 4780 </div> 4781 <!-- FORM END --> 4782 4783 4784 4785 4786 <!-- FOOTERS START --> 4787 <div id="vbid-f1c1f992-f3ddwv5m" class="master item-box gallery-box style-f1c1f992-b3ul8emd injected button-effects btn_hover3 " data-holder-type="gallery"" data-holder-type="gallery" data-child-type="ORIGIN" data-styleid="style-f1c1f992-b3ul8emd" data-preview-styleid='style-f1c1f992-b3ul8emd' data-preset-type-id="FOOTERS"> 4788 <div id="no-image" class="stripe-background load-high-res " ></div> 4789 <div class="gallery-wrapper item-wrapper footers-wrapper "> 4790 4791 <div class="sub container style-f1c1f992-b3ul8emd content flex " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy" data-itemslug="loading-copy" data-itemstyleid="style-f1c1f992-b3ul8emd" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-f1c1f992-f3ddwv5m" data-preset-type-id="FOOTERS" data-preview-style="style-f1c1f992-b3ul8emd" data-style="style-89a8e-bbtqrmxrkr" data-absolute-path="" data-block-script='true'> 4792 <!-- ARRANGER SETTINGS --> 4793 <div class="arranger-settings" style="display:none;" 4794 data-ARRANGER_TYPE="flex" 4795 data-ARRANGER_COLS="0" 4796 data-ARRANGER_ITEM_MAX_WIDTH="400" 4797 data-ARRANGER_ITEM_MIN_WIDTH="230" 4798 data-ARRANGER_ITEM_RATIO="1" 4799 data-ARRANGER_ITEM_SPACING="20"
4800 data-ARRANGER_ITEMS_PER_PAGE="all" 4801 data-ARRANGER_ORDER_TYPE="regular" 4802 data-AUTO_PLAY="true" 4803 data-AUTO_PLAY_DURATION="4" 4804 data-SLIDE_EFFECT="SLIDE" 4805 data-FLEX_ELEMENT_EFFECT="effect-fadein" 4806 data-FLEX_ARROWS="https://lh3.googleusercontent.com/ZMARmveTg1geksYKXZKdh71KW09XrhDLg8N-XrfXCGsDBEHnuKwhmYpHd55Y2-NwuwLX8qsyx26JNyJWtr1jEcxD=s50" 4807 ></div> 4808 <div class="layout-settings" style="display:none;" data-type="multi"></div> 4809 <div id="children"> 4810 4811 4812 <div id="items-holder-wrapper"> 4813 <div id="items-holder"> 4814 4815 4816 4817 4818 <div id="vbid-f1c1f992-cu4xoiph" class="sub item-box page-box style-f1c1f992-b3ul8emd " data-holder-type="page"" data-holder-type="page" data-child-type="STYLE" data-styleid="style-f1c1f992-b3ul8emd" data-preview-styleid='style-f1c1f992-b3ul8emd' data-preset-type-id="UNRESOLVED"> 4819 4820 <div class="page-wrapper item-wrapper "> 4821 4822 <div class="item-content leaf multi_layout page content -container" data-self="vbid-f1c1f992-cu4xoiph" data-preview-style="style-f1c1f992-b3ul8emd" data-style="style-89a8e-q4q4gr5nhr" data-orig-thumb-height="" data-orig-thumb-width="" data-vbid="vbid-f1c1f992-cu4xoiph" data-bgimg=""> 4823<div class="multi-container preview image-cover" > 4824 <div class="Picture item-preview"> 4825 <div class="preview-image-holder"> 4826 <div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style=""> 4827 </div> 4828 <div class="helper-div middle-center" > 4829 <!-- <div class="benet" style="min-height:inherit;"></div> --> 4830 <div class="pic-side"> 4831 <div class="vertical-aligner"> 4832 <div id="no-image-holder" class="preview-image-holder inner
4832-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER"> 4833 4834 <div id="no-image" class="inner-pic preview-element magic-circle-holder load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="" data-orig-width="" data-orig-height="" > 4835 4836 4837 4838 4839 </div> 4840</div> 4841 </div> 4842 </div> 4843 <div class="text-side shrinker-parent"> 4844 <div class="vertical-aligner"> 4845 <div class="item-details preview-content-wrapper multi" style="position:relative;"> 4846 <div class="draggable-div-holder"></div> 4847 <div class="preview-content-holder shrinker-content"> 4848 4849 <!-- BY SPECIFIC ORDER --> 4850 4851 4852 4853 4854 <div class="preview-icon-holder Icon removable-parent order-handle" > 4855 4856 <a href="about.html" data-link-type="EXISTING" target="_self" > 4857 4858 <img id="vbid-f1c1f992-xniwxgij" class="preview-element icon-source magic-circle-holder shrinkable-img allow-mobile-hide" data-menu-name="PREVIEW_ICON" src="https://lh3.googleusercontent.com/1j6ncQsSL06rFu6Bte7A8pf0o1J6hzbu-HAawYfhKBYPLbFFczWjv75xkaLbHcIbjaJN7xAKuWVj1t5nBAl3iYAR4Fvrpw_dILzXknRcAHZYxTVZVXIqqBU" /> 4859 </a> 4860 </div> 4861 4862 4863 4864 4865 4866 4867 <div class="preview-item-links order-handle removable-parent" style="display:inline-block;"> 4868 4869 <a class="removable-parent" href="contact.html" data-link-type="EXISTING" target="_self" > 4870 4871 <span id="element-4838202cacdb83e" class="preview-element Link item-link magic-circle-holder text-element " data-menu-name="PREVIEW_LINK" >Contact</span> 4872</a> 4873</div> 4874 4875 4876 4877 4878 </div> 4879 </div> 4880 </div> 4881 </div> 4882 </div> 4883 </div> 4884 </div> 4885</div> 4886</div> 4887 4888<div class="layout-settings" style="display:none;" data-type="multi"></div> 4889 4890 </div> 4891 </div> 4892 4893 4894 4895 4896 4897 </div> 4898 </div> 4899 4900 4901 4902 </div> 4903</div> 4904 4905 </div> 4906 </div> 4907 <!-- FOOTERS END --> 4908 4909 4910 4911 4912 4913 </div> 4914</div> 4915 </div> 4916 </div> 4917 <div class="light-box-wrapper space-layer" style="display:none;" tabindex="0"> 4918 <div class="light-box-image-holder"> 4919 <div class="light-box-image animated"> 4920 4921 </div> 4922 <div class="lightbox-text-wrapper "> 4923 <div class="lightbox-text-holder animated"> 4924 <div class="lightbox-title"></div> 4925 <div class="lightbox-subtitle"></div> 4926 <div id="paginator" style="display:none;"> 4927 </div> 4928 </div> 4929 </div> 4930 </div> 4931 <img src="https://lh3.googleusercontent.com/EWqW7DEI4kOTRMLjK2-ObFHp-EYBt5apFYZ1LVFAhLtTLjigCRfx5hCCTKbIjIm68VQ00p9twloHJ9w8=s50" class="download-gallery-btn clickable" style="display: none;"> 4932 <img src="https://lh3.googleusercontent.com/TgRyMQvJ3_h9RmOnu7AlhIE7NLOOBsRoBounARrs8fQv8HCRPaFtpBneSqJOSZpI6l7He_bAZKN179JBig=s50" class="close-lightbox-btn clickable" style="opacity: 1;"> 4933 <img src="https://lh3.googleusercontent.com/43-pXHjwrpmVO8Oean-6BD0uzARvcqUQrpdi7Yw2bxaXwEoP21UdN5kW6Ks9pdOxf7ropMUrh0djgYPwYPU=s50" class="lightbox-arrow lightbox-left clickable top-layer" > 4934 <img src="https://lh3.googleusercontent.com/9rwgVnDglPdPFugSu98fhDmxzjXC9KovZ_7BuHkXPIv6jvg9S96flGnhL_e4y8mIpPpZQstfqEV-WitY=s50" class="lightbox-arrow lightbox-right clickable top-layer" > 4935</div> 4936 4937 </div> 4938 <noscript id="deferred-styles"> 4939 <link rel="stylesheet" type="text/css" href="//editor.turbify.com/css/effects.css?v=1.5.8c" /> 4940 <link rel="stylesheet" type="text/css" href="//editor.turbify.com/css/lightbox.css?v=1.5.8c"> 4941 </noscript> 4942
4942<script> 4943 var loadDeferredStyles = function() { 4944 var addStylesNode = document.getElementById("deferred-styles"); 4945 var replacement = document.createElement("div"); 4946 replacement.innerHTML = addStylesNode.textContent; 4947 document.body.appendChild(replacement) 4948 addStylesNode.parentElement.removeChild(addStylesNode); 4949 }; 4950 var raf = requestAnimationFrame || mozRequestAnimationFrame || 4951 webkitRequestAnimationFrame || msRequestAnimationFrame; 4952 if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); 4953 else window.addEventListener('load', loadDeferredStyles); 4954 </script>
4954 4955 4956 4957
4957<script src="//editor.turbify.com/js/lightbox.js?v=1.5.8c" type="text/javascript"></script>
4957 4958
4958<script src="//editor.turbify.com/js/spimeengine.js?v=1.5.8c" type="text/javascript"></script>
4958 4959 4960 4961 4962 4963 4964 4965</body> 4966 4967 4968</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.