1<!DOCTYPE html> 2<html lang="en-US"> 3 4<head> 5 <meta charset="UTF-8"> 6 <title> 7 design et al Home - design et al </title> 8 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" /> 9 <link rel="stylesheet" href="https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/style.css?ver=1.3.0" media="none" onload="if(media!='all')media='all'" /> 10 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" media="none" onload="if(media!='all')media='all'" /> 11 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css" media="none" onload="if(media!='all')media='all'" /> 12 <link rel="stylesheet" type="text/css" href="https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/css/style.css" /> 13 14 <style> 15 .entry_wrap2 { 16 17 float: left; 18 width: 100%; 19 } 20 21 22 23 24 div.entry_wrap2 { 25 padding: 0 18px; 26 background-color: white; 27 display: none; 28 29 } 30 31 div.accordion { 32 background-color: #fff; 33 border: none; 34 color: #444; 35 cursor: pointer; 36 padding: 18px; 37 width: 100%; 38 border: none; 39 text-align: left; 40 outline: none; 41 font-size: 15px; 42 transition: 0.4s; 43 border-bottom: 1px solid #ccc; 44 margin-bottom: 14px; 45 46 } 47 48 div.accordion.active, 49 div.accordion:hover { 50 background-color: #eee; 51 cursor: pointer; 52 } 53 54 html { 55 box-sizing: border-box; 56 overflow-y: scroll; 57 } 58 59 *, 60 *:before, 61 *:after { 62 box-sizing: inherit; 63 } 64 65 body { 66 background: #fff; 67 font-family: 'proxima-nova'; 68 font-weight: 100; 69 margin: 0; 70 overflow-x: hidden; 71 opacity: 1; 72 padding: 0; 73 transition: 1s opacity; 74 -webkit-font-smoothing: antialiased; 75 -moz-osx-font-smoothing: grayscale; 76 -webkit-text-size-adjust: 100%; 77 } 78 79 .window { 80 background: #fff; 81 display: block; 82 float: left; 83 width: 100%; 84 position: absolute; 85 z-index: 1; 86 opacity: 1; 87 -webkit-transition: all 0.5s ease; 88 -moz-transition: all 0.5s ease; 89 -o-transition: all 0.5s ease; 90 transition: all 0.5s ease; 91 } 92 93 .fade-out { 94 opacity: 0; 95 -webkit-transition: all 0.5s ease; 96 -moz-transition: all 0.5s ease; 97 -o-transition: all 0.5s ease; 98 transition: all 0.5s ease; 99 } 100 101 .loader { 102 background: #fff url('https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/images/loader.gif') no-repeat center center; 103 position: fixed; 104 left: 0; 105 bottom: 0; 106 right: 0; 107 top: 0; 108 height: 100vh; 109 min-height: 100vh; 110 overflow: hidden; 111 } 112 113 ::-webkit-scrollbar-track { 114 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 115 background: url('https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/images/black-alpha-20.png') repeat 0 0; 116 } 117 118 ::-webkit-scrollbar {
119 width: 6px; 120 background: url('https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/images/black-alpha-20.png') repeat 0 0; 121 } 122 123 ::-webkit-scrollbar-thumb { 124 background-color: #999; 125 } 126 127 #header { 128 background: #000; 129 display: block; 130 float: left; 131 position: fixed; 132 top: 0; 133 left: 0; 134 width: 100%; 135 z-index: 1000; 136 } 137 138 a#logo { 139 background: url('https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/images/design-et-al-mini-logo.png') no-repeat 0 0; 140 display: block; 141 float: left; 142 height: 45px; 143 text-indent: -9999px; 144 position: relative; 145 z-index: 10000; 146 margin: 20px 30px; 147 width: 154px; 148 padding: 10px 20px; 149 } 150 151 a#logo.black { 152 background: url('https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/images/design-et-al-mini-logo-black.png') no-repeat 0 0; 153 } 154 155 a.target-burger { 156 margin: 10px 20px; 157 width: 3.250em; 158 height: 3.250em; 159 position: absolute; 160 right: 0; 161 display: block; 162 -webkit-transition: all 0.5s ease; 163 -moz-transition: all 0.5s ease; 164 -o-transition: all 0.5s ease; 165 transition: all 0.5s ease; 166 z-index: 10000; 167 } 168 169 a.target-burger:hover { 170 cursor: pointer; 171 -webkit-opacity: 0.45; 172 -moz-opacity: 0.45; 173 opacity: 0.45; 174 } 175 176 a.target-burger.toggled ul.buns li.bun { 177 -webkit-transform: rotate(45deg) translateZ(0); 178 transform: rotate(45deg) translateZ(0); 179 } 180 181 a.target-burger.toggled ul.buns li.bun:last-child { 182 -webkit-transform: rotate(-45deg) translateZ(0); 183 transform: rotate(-45deg) translateZ(0); 184 } 185 186 a.target-burger ul.buns { 187 width: 1.625em; 188 height: 1.625em; 189 list-style: none; 190 margin: -0.8125em 0 0 -0.8125em; 191 padding: 0; 192 position: absolute; 193 top: 50%; 194 left: 50%; 195 -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1); 196 transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), color 1s cubic-bezier(0.23, 1, 0.32, 1); 197 -webkit-transform: translateZ(0); 198 transform: translateZ(0); 199 color: #fff; 200 } 201 202 a.target-burger ul.buns li.bun { 203 width: 100%; 204 height: 2px; 205 background-color: #fff; 206 position: absolute; 207 top: 50%; 208 margin-top: -0.75px; 209 -webkit-transform: translateY(-3.75px) translateZ(0); 210 transform: translateY(-3.75px) translateZ(0); 211 -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1); 212 transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), background-color 1s cubic-bezier(0.23, 1, 0.32, 1); 213 } 214 215 a.target-burger ul.buns li.bun:last-child { 216 -webkit-transform: translateY(3.75px) translateZ(0); 217 transform: translateY(3.75px) translateZ(0); 218 } 219 220 nav.main-nav { 221 position: fixed; 222 left: 0; 223 top: 0; 224 z-index: 0; 225 height: 0; 226 width: 0; 227 padding: 0; 228 -webkit-opacity: 0; 229 -moz-opacity: 0; 230 opacity: 0; 231 -webkit-transform: scale(0.85); 232 -ms-transform: scale(0.85); 233 transform: scale(0.85); 234 -webkit-transition: all 0.5s ease; 235 -moz-transition: all 0.5s ease; 236 -o-transition: all 0.5s ease; 237 transition: all 0.5s ease; 238 } 239 240 nav.main-nav.toggled { 241 background: rgba(0, 0, 0, .9); 242 display: block; 243 height: 100vh; 244 min-height: 100vh; 245 width: 100%; 246 padding: 121px 20px 20px 20px; 247 z-index: 2000; 248 -webkit-transform: scale(1); 249 -ms-transform: scale(1); 250 transform: scale(1); 251 -webkit-opacity: 1; 252 -moz-opacity: 1; 253 opacity: 1; 254 -webkit-transition: all 0.5s ease; 255 -moz-transition: all 0.5s ease; 256 -o-transition: all 0.5s ease; 257 transition: all 0.5s ease; 258 } 259 260 nav.main-nav ul { 261 padding: 2em 0 0 0; 262 list-style-type: none; 263 } 264 265 nav.main-nav ul li { 266 border-bottom: 1px solid rgba(255, 255, 255, 0.15); 267 -webkit-transform: scale(1.15) translateY(-60px); 268 opacity: 0; 269 transform: scale(1.15) translateY(-30px); 270 opacity: 0; 271 -moz-transition: all 0.5s ease; 272 -o-transition: all 0.5s ease; 273 } 274 275 nav.main-nav ul li ul { 276 display: none; 277 } 278 279 nav.main-nav ul li ul li a { 280 text-transform: none; 281 } 282 283 .triggerOne { 284 border-bottom: 1px solid rgba(255, 255, 255, 0.15); 285 } 286 287 nav.main-nav ul li:nth-child(1) { 288 -webkit-transition-delay: 0.49s; 289 transition-delay: 0.49s; 290 transition: all 0.2s ease; 291 } 292 293 nav.main-nav ul li:nth-child(2) { 294 -webkit-transition-delay: 0.42s; 295 transition-delay: 0.42s; 296 transition: all 0.4s ease; 297 } 298 299 nav.main-nav ul li:nth-child(3) { 300 -webkit-transition-delay: 0.35s; 301 transition-delay: 0.35s; 302 transition: all 0.6s ease; 303 } 304 305 nav.main-nav ul li:nth-child(4) { 306 -webkit-transition-delay: 0.28s; 307 transition-delay: 0.28s; 308 transition: all 0.8s ease; 309 } 310 311 nav.main-nav ul li:nth-child(5) { 312 -webkit-transition-delay: 0.21s; 313 transition-delay: 0.21s; 314 transition: all 1s ease; 315 } 316 317 nav.main-nav ul li:nth-child(6) { 318 -webkit-transition-delay: 0.14s; 319 transition-delay: 0.14s; 320 transition: all 1.2s ease; 321 } 322 323 nav.main-nav ul li:nth-child(7) { 324 -webkit-transition-delay: 0.07s; 325 transition-delay: 0.07s; 326 transition: all 1.4s ease; 327 } 328 329 nav.main-nav.toggled ul li { 330 -webkit-transform: scale(1) translateY(0px); 331 transform: scale(1) translateY(0px); 332 opacity: 1; 333 transition: all 0.5s ease; 334 } 335 336 nav.main-nav.toggled ul li:nth-child(1) { 337 -webkit-transition-delay: 0.27s; 338 transition-delay: 0.27s; 339 } 340 341 nav.main-nav.toggled ul li:nth-child(2) { 342 -webkit-transition-delay: 0.34s; 343 transition-delay: 0.34s; 344 } 345 346 nav.main-nav.toggled ul li:nth-child(3) { 347 -webkit-transition-delay: 0.41s; 348 transition-delay: 0.41s; 349 } 350 351 nav.main-nav.toggled ul li:nth-child(4) { 352 -webkit-transition-delay: 0.48s; 353 transition-delay: 0.48s; 354 } 355 356 nav.main-nav.toggled ul li:nth-child(5) { 357 -webkit-transition-delay: 0.55s; 358 transition-delay: 0.55s; 359 } 360 361 nav.main-nav.toggled ul li:nth-child(6) { 362 -webkit-transition-delay: 0.62s; 363 transition-delay: 0.62s; 364 } 365 366 nav.main-nav.toggled ul li:nth-child(7) { 367 -webkit-transition-delay: 0.69s; 368 transition-delay: 0.69s; 369 } 370 371 nav.main-nav ul li a { 372 font-size: 1.250em; 373 color: #fff; 374 padding: 1em 0; 375 text-transform: uppercase; 376 letter-spacing: 1px; 377 display: block; 378 text-decoration: none; 379 text-align: center; 380 -webkit-transition: all 0.5s ease; 381 -moz-transition: all 0.5s ease; 382 -o-transition: all 0.5s ease; 383 transition: all 0.5s ease; 384 } 385 386 nav.main-nav ul li:last-child { 387 border: none; 388 } 389 390 nav.main-nav ul li:hover { 391 background: rgba(255, 255, 255 0.3); 392 } 393 394 nav.main-nav ul li a:hover { 395 -webkit-opacity: 0.45; 396 -moz-opacity: 0.45; 397 opacity: 0.45; 398 -webkit-transition: all 0.5s ease; 399 -moz-transition: all 0.5s ease; 400 -o-transition: all 0.5s ease; 401 transition: all 0.5s ease; 402 padding: 1em; 403 } 404 405 #cta { 406 display: none; 407 } 408 409 .parallax-container { 410 height: 100vh; 411 min-height: 100vh; 412 overflow: hidden; 413 position: relative; 414 color: rgba(255, 255, 255, .9); 415 width: 100%; 416 -webkit-transition: all 0.5s ease; 417 -moz-transition: all 0.5s ease; 418 -o-transition: all 0.5s ease; 419 transition: all 0.5s ease; 420 } 421 422 .parallax-container .section { 423 height: 100%; 424 width: 100%; 425 position: absolute; 426 text-align: center; 427 top: 0; 428 left: 0; 429 padding: 20px; 430 z-index: 2; 431 display: -webkit-flex; 432 display: flex; 433 -webkit-box-align: center; 434 -webkit-flex-align: center; 435 -ms-flex-align: center; 436 -webkit-align-items: center; 437 align-items: center;
438 -webkit-justify-content: center; 439 justify-content: center; 440 -webkit-flex-direction: column; 441 flex-direction: column; 442 } 443 444 .container { 445 margin: 0 auto; 446 max-width: 1280px; 447 width: 90%; 448 } 449 450 .top_row { 451 padding: 121px 0 0 0; 452 } 453 454 .row, 455 .ctr { 456 display: block; 457 float: left; 458 margin: 0 0 20px 0; 459 width: 100%; 460 } 461 462 .ctr { 463 margin: 0; 464 } 465 466 .parallax { 467 background: #000; 468 position: absolute; 469 top: 0; 470 left: 0; 471 right: 0; 472 bottom: 0; 473 z-index: -1; 474 } 475 476 .parallax img { 477 position: absolute; 478 left: 50%; 479 bottom: 0; 480 min-width: 100%; 481 height: auto; 482 opacity: 0.5; 483 -webkit-transform: translate3d(0, 0, 0); 484 transform: translate3d(0, 0, 0); 485 -webkit-transform: translateX(-50%); 486 transform: translateX(-50%); 487 } 488 489 .blurred { 490 -webkit-filter: blur(8px); 491 -moz-filter: blur(8px); 492 -o-filter: blur(8px); 493 -ms-filter: blur(8px); 494 filter: blur(8px); 495 -webkit-transition: all 0.5s ease; 496 -moz-transition: all 0.5s ease; 497 -o-transition: all 0.5s ease; 498 transition: all 0.5s ease; 499 } 500 501 .sub_nav { 502 background: #000; 503 display: block; 504 float: left; 505 margin: 0 0 50px 0; 506 width: 100%; 507 text-align: center; 508 -webkit-transition: all 0.5s ease; 509 -moz-transition: all 0.5s ease; 510 -o-transition: all 0.5s ease; 511 transition: all 0.5s ease; 512 z-index: 2000; 513 } 514 515 .sub_nav div { 516 display: block; 517 float: left; 518 width: 100%; 519 } 520 521 .sub_nav li { 522 display: inline-block; 523 } 524 525 .sub_nav ul { 526 margin: 0; 527 padding: 0; 528 } 529 530 .sub_nav ul, 531 .sub_nav li, 532 .sub_nav a { 533 text-align: center; 534 } 535 536 .sub_nav a { 537 display: block; 538 color: #fff; 539 font-size: 1.2em; 540 text-decoration: none; 541 padding: 15px; 542 } 543 544 .sub_nav li:hover { 545 background: #222222; 546 } 547 548 .sub_nav.fixed { 549 position: fixed; 550 top: 84px; 551 -webkit-transition: all 0.5s ease; 552 -moz-transition: all 0.5s ease; 553 -o-transition: all 0.5s ease; 554 transition: all 0.5s ease; 555 z-index: 900; 556 } 557 558 .full_wrap { 559 display: block; 560 float: left; 561 width: 100%; 562 } 563 564 h1, 565 h2, 566 h3, 567 h4, 568 h5, 569 h6 { 570 display: block; 571 font-size: 3em; 572 color: #fff; 573 font-weight: 100; 574 margin: 0 0 10px 0; 575 text-transform: uppercase; 576 letter-spacing: 1px; 577 } 578 579 .titleOne, 580 .titleTwo { 581 font-weight: 800; 582 font-size: 1.9em; 583 } 584 585 .titleTwo { 586 color: #000; 587 text-align: center; 588 margin: 0 auto; 589 width: 70%; 590 } 591 592 .pOne p { 593 font-size: 1em; 594 } 595 596 .pTwo p { 597 color: #000; 598 font-size: 2em; 599 margin: 50px auto; 600 text-align: center; 601 width: 70%; 602 } 603 604 .dBtn { 605 display: block; 606 vertical-align: middle; 607 text-align: center; 608 margin: 0 auto 50px 0; 609 } 610 611 .dBtn a span { 612 display: inline-block; 613 width: 4em; 614 height: 4em; 615 border: 0.15em solid #333; 616 border-radius: 50%; 617 margin-left: 0.75em; 618 -webkit-transition: all .3s ease; 619 -moz-transition: all .3s ease; 620 -ms-transition: all .3s ease; 621 -o-transition: all .3s ease; 622 transition: all .3s ease; 623 } 624 625 .dBtn a span:after { 626 content: ''; 627 display: inline-block; 628 margin-top: .9em; 629 width: 1.4em; 630 height: 1.4em; 631 border-top: 0.15em solid #333; 632 border-right: 0.15em solid #333; 633 -moz-transform: rotate(135deg); 634 -webkit-transform: rotate(135deg); 635 transform: rotate(135deg); 636 -webkit-transition: all .3s ease; 637 -moz-transition: all .3s ease; 638 -ms-transition: all .3s ease; 639 -o-transition: all .3s ease; 640 transition: all .3s ease; 641 } 642 643 .dBtn a { 644 display: inline-block; 645 border-radius: 50%; 646 text-decoration: none; 647 } 648 649 .dBtn a:hover span { 650 border: 0.15em solid #999; 651 -webkit-transition: all .3s ease; 652 -moz-transition: all .3s ease; 653 -ms-transition: all .3s ease; 654 -o-transition: all .3s ease; 655 transition: all .3s ease; 656 } 657 658 .dBtn a:hover span:after { 659 border-top: 0.15em solid #999; 660 border-right: 0.15em solid #999; 661 -webkit-transition: all .3s ease; 662 -moz-transition: all .3s ease; 663 -ms-transition: all .3s ease; 664 -o-transition: all .3s ease; 665 transition: all .3s ease; 666 } 667 668 .titleTwo { 669 position: relative; 670 overflow: hidden; 671 } 672 673 .titleTwo span { 674 display: inline-block; 675 font-weight: 200; 676 vertical-align: baseline; 677 zoom: 1; 678 *display: inline;
679 *vertical-align: auto; 680 position: relative; 681 padding: 0 20px; 682 } 683 684 .titleTwo span:before, 685 .titleTwo span:after { 686 content: ''; 687 display: block; 688 width: 1000px; 689 position: absolute; 690 top: 0.73em; 691 border-top: 1px solid #000; 692 } 693 694 .titleTwo span:before { 695 right: 100%; 696 } 697 698 .titleTwo span:after { 699 left: 100%; 700 } 701 702 .content h1, 703 .content h2, 704 .content h3, 705 .content h4, 706 .content h5, 707 .content h6 { 708 color: #222; 709 font-weight: 600; 710 font-size: 3em; 711 } 712 713 .content h2, 714 .content h3 { 715 font-size: 2.7em; 716 } 717 718 .content h4, 719 .content h5, 720 .content h6 { 721 font-size: 2.3em; 722 } 723 724 .content p, 725 .content ul { 726 color: #222; 727 font-size: 1.4em; 728 } 729 730 .content p a, 731 .content a { 732 color: #222; 733 } 734 735 @media only screen and (min-width : 600px) { 736 .container { 737 width: 85%; 738 } 739 } 740 741 @media only screen and (min-width : 768px) { 742 .parallax-container { 743 height: 70vh; 744 min-height: 70vh; 745 } 746 747 .awards li .thumb { 748 display: block; 749 float: left; 750 overflow: hidden; 751 width: 65%; 752 } 753 754 .awards li .excerpt { 755 display: block; 756 float: left; 757 height: 100%; 758 position: absolute; 759 left: 65%; 760 width: 35%; 761 text-align: center; 762 padding: 50px; 763 display: -webkit-flex; 764 display: flex; 765 -webkit-box-align: center; 766 -webkit-flex-align: center; 767 -ms-flex-align: center; 768 -webkit-align-items: center; 769 align-items: center; 770 -webkit-justify-content: center; 771 justify-content: center; 772 -webkit-flex-direction: column; 773 flex-direction: column; 774 } 775 776 .awards li:nth-child(even) .thumb { 777 margin: 0 0 0 35%; 778 width: 65%; 779 } 780 781 .awards li:nth-child(even) .excerpt { 782 left: auto; 783 width: 35%; 784 } 785 } 786 787 @media only screen and (min-width : 1024px) { 788 .container { 789 width: 70%; 790 } 791 792 .awards li h3 { 793 font-size: 1.2em; 794 } 795 796 .awards li p { 797 font-size: .9em; 798 } 799 800 .titleOne, 801 .titleTwo { 802 font-weight: 800; 803 font-size: 3.4em; 804 } 805 806 .awards li a { 807 font-size: 1em; 808 } 809 810 .pOne p { 811 font-size: 2em; 812 } 813 } 814 815 @media only screen and (min-width : 1140px) { 816 a.target-burger { 817 display: none; 818 } 819 820 #header { 821 background: #fff; 822 position: fixed; 823 } 824 825 a#logo { 826 background: url('https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/images/design-et-al-logo.png') no-repeat 0 0; 827 display: block; 828 float: left; 829 height: 56px; 830 text-indent: -9999px; 831 margin: 14px 0 0 20px; 832 padding: 0; 833 width: 191px; 834 } 835 836 nav.main-nav { 837 background: #fff; 838 display: block; 839 float: right; 840 opacity: 1; 841 padding: 0 20px; 842 position: relative; 843 width: 80%; 844 z-index: 1000; 845 height: auto; 846 min-height: auto; 847 -webkit-opacity: 1; 848 -moz-opacity: 1; 849 opacity: 1; 850 -webkit-transform: scale(1); 851 -ms-transform: scale(1); 852 transform: scale(1); 853 } 854 855 nav.main-nav ul { 856 display: block; 857 float: right; 858 padding: 0; 859 margin: 0; 860 } 861 862 nav.main-nav ul li { 863 border-bottom: none; 864 display: block; 865 float: left; 866 -webkit-transform: scale(1) translateY(0); 867 transform: scale(1) translateY(0); 868 opacity: 1; 869 } 870 871 nav.main-nav ul li a { 872 font-size: 1.250em; 873 color: #000; 874 padding: 30px 15px; 875 -webkit-transition: all .3s ease; 876 -moz-transition: all .3s ease; 877 -ms-transition: all .3s ease; 878 -o-transition: all .3s ease; 879 transition: all .3s ease; 880 } 881 882 nav.main-nav ul li a:hover { 883 background: #000; 884 color: #fff; 885 -webkit-opacity: 1; 886 -moz-opacity: 1; 887 opacity: 1; 888 padding: 30px 15px; 889 -webkit-transition: all .3s ease; 890 -moz-transition: all .3s ease; 891 -ms-transition: all .3s ease; 892 -o-transition: all .3s ease; 893 transition: all .3s ease; 894 } 895 896 nav.main-nav ul li ul { 897 z-index: 20000; 898 display: block; 899 opacity: 0; 900 height: 0; 901 overflow: hidden; 902 position: absolute; 903 width: 240px; 904 -webkit-transition: all .3s ease; 905 -moz-transition: all .3s ease; 906 -ms-transition: all .3s ease; 907 -o-transition: all .3s ease; 908 transition: all .3s ease; 909 transform: scale(1, 1); 910 -ms-transform: scale(1, 1); 911 -webkit-transform: scale(1, 1); 912 } 913 914 nav.main-nav ul li ul.toggled { 915 display: block; 916 height: auto; 917 opacity: 1; 918 -webkit-transition: all .3s ease; 919 -moz-transition: all .3s ease; 920 -ms-transition: all .3s ease; 921 -o-transition: all .3s ease; 922 transition: all .3s ease; 923 transform: scale(1, 1); 924 -ms-transform: scale(1, 1); 925 -webkit-transform: scale(1, 1); 926 } 927 928 nav.main-nav ul li ul li { 929 display: block; 930 width: 100%; 931 } 932 933 nav.main-nav ul li ul li a { 934 background: #000; 935 color: #fff; 936 text-transform: none; 937 text-align: left; 938 } 939 940 nav.main-nav ul li ul li:nth-child(odd) a { 941 background: #f2f2f2; 942 color: #000; 943 } 944 945 nav.main-nav ul li ul li:hover a { 946 background: #666; 947 color: #fff; 948 } 949 950 #cta { 951 background: rgba(0, 0, 0, .4); 952 color: #fff; 953 display: block; 954 font-size: 1.4em; 955 float: left; 956 position: fixed; 957 top: 84px; 958 left: 0; 959 padding: 5px 20px; 960 z-index: 500; 961 width: 100%; 962 } 963 } 964
965 @media only screen and (min-width : 1440px) { 966 .awards li h3 { 967 font-size: 1.3em; 968 } 969 970 .awards li p { 971 font-size: 1.1em; 972 } 973 974 .awards li a { 975 width: 200px; 976 padding: 0; 977 } 978 979 .footer { 980 display: block; 981 } 982 } 983 984 .wp-block-image.size-large { 985 width: 100% !important; 986 margin-left: 0px !important; 987 } 988 989 .wp-block-image.size-large img { 990 width: 100% !important; 991 height: auto !important; 992 } 993 </style> 994 995 <!-- wp-head 170--> 996
996<script type="text/javascript"> 997 var ajaxurl = "https://thedesignawards.co.uk/wp-admin/admin-ajax.php"; 998 </script>
998 999
999<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
999 1000</head> 1001 1002<body class="post-template-default single single-post postid-110 single-format-standard wpb-js-composer js-comp-ver-7.6 vc_responsive"> 1003<div class="loader"></div> 1004<div class="window fade-out"> 1005 1006<style> 1007 1008 1009 1010 1011 #left { 1012 margin-right:160px; 1013 1014 } 1015 #right { 1016 float:right; 1017 width:160px; 1018 1019 } 1020 #right ul{ 1021 float:left; 1022 } 1023 .clear { 1024 clear: both; 1025 } 1026 1027 nav.main-nav ul li a { font-size: 0.9em; font-weight:bold; text-transform:none; letter-spacing: 0;} 1028 1029 #right ul li a:hover{ 1030 background-color:#fff; 1031 color:#000000; 1032 } 1033 1034 #cta{font-size: 1.2em; padding: 7px 20px; 1035 font-weight:400; 1036 } 1037 1038 1039 </style> 1040 1041 <header id="header"> 1042 <a id="logo" title="Design Et Al" href="http://www.thedesignawards.co.uk/#top">Design Et Al</a> 1043 <a class="target-burger"> 1044 <ul class="buns"> 1045 <li class="bun"></li> 1046 <li class="bun"></li> 1047 </ul> 1048 </a> 1049 1050 1051 <nav class="main-nav" role="navigation"> 1052 <div id="container"> 1053 1054 <div id="right"> 1055 1056 <ul> 1057 <li class="triggerTwo"><div class="right_logo"><a><img src="https://www.thedesignawards.co.uk/wp-content/uploads/2017/08/design-et-al-mini-logo-black-small-2.png" /></a></div> 1058 <ul class="ddTwo"> 1059 <li><a href="http://www.design-et-al.com">Design et al</a></li> 1060 <li><a href="http://www.luxe-et-al.com">Luxe et al</a></li> 1061 <li><a href="http://www.thedesignsoc.com">The Design Society</a></li> 1062 </ul> 1063 </li> 1064 1065 </ul> 1066 1067 1068 1069 </div> 1070 1071 <div id="left"> 1072 <div class="menu-yacht-aviation-menu-container"><ul id="menu-yacht-aviation-menu" class="menu"><li id="home" class="current-menu-item"><a href="https://thedesignawards.co.uk/international-yacht-aviation-awards/home-3/" aria-current="page">Home</a></li> 1073<li id="enter"><a href="https://thedesignawards.co.uk/international-yacht-aviation-awards/enter-3/">Enter</a></li> 1074<li id="about"><a href="https://thedesignawards.co.uk/international-yacht-aviation-awards/about-3/">About</a></li> 1075<li id="categories"><a href="https://thedesignawards.co.uk/international-yacht-aviation-awards/categories-3/">Categories</a></li> 1076<li id="awardsceremony"><a href="https://thedesignawards.co.uk/international-yacht-aviation-awards/ceremony-2020/">Awards Ceremony</a></li> 1077<li id="winners"><a href="https://thedesignawards.co.uk/iya-winners/">Winners</a></li> 1078<li id="sponsorship"><a href="https://thedesignawards.co.uk/international-yacht-aviation-awards/sponsorship-3/">Sponsorship</a></li> 1079<li id="signup"><a href="https://thedesignawards.co.uk/splash/sign-up/">Sign Up</a></li> 1080</ul></div> 1081 </div> 1082 <div class="clear"></div> 1083 </div> 1084 1085 1086 1087 </nav> 1088 </header> <div id="cta"> 1089 To enter the awards, call us on: +44 (0)1244 401932 </div> 1090 1091 <div class="parallax-container" id="top"> 1092 <div class="section"> 1093 <div class="container"> 1094 <div class="row top_row"> 1095 <h1 class="titleOne wow fadeInUp" data-wow-delay="0s">The International Yacht &<br/> Aviation Awards</h1> 1096 <div class="pOne wow fadeInUp" data-wow-delay="0.25s"><p>2027 SUBMISSIONS NOW OPEN</p> 1097</div></div></div></div> 1098 <div class="parallax"><img width="1920" height="1065" src="https://thedesignawards.co.uk/wp-content/uploads/2017/04/MotorYachtOver60MetresExterior_TheItalianSeaGroupAdmiralTecnomar_MYLifeSaga_1-1920x1065.jpg" alt="" decoding="async" fetchpriority="high" /></div></div><div class="full_wrap"><div class="container" style="background: #fff; max-width: 1024px;"> 1099 <h2 class="titleTwo wow fadeInUp" style="padding: 50px 0 50px 0;"><span>Home</span></h2> 1100 <div class="wow fadeInUp content" data-wow-delay="0.50s"><p>Hosted by leading interior design magazine design et al and leading yacht and aviation design magazine Luxe et al, The International Yacht & Aviation Awards reward the best in design from across the globe.</p> 1101<p>The International Yacht & Aviation Awards are now in their 16th year and established as a key event in the calendar. More than that however, they are the only design-focused awards for the industry. There are other events which are, of course, are similar in nature, but none that have come about with the sole intention on focusing on the essential design elements of both the yacht and aviation sectors.</p> 1102<p>At design et al and Luxe et al, we are passionate about design from an innovative and inspirational perspective. The aim of The International Yacht & Aviation Awards is really very simple: we want to create an opportunity firstly for designers, naval architects, shipyards, private jet manufacturers and product designers to showcase their work, but more than that to enable Luxe et al readers and the global design community to see and to celebrate some of the best design schemes, product launches and innovation from throughout the world.</p> 1103<p>To keep up to date with what’s happening in The International Yacht & Aviation Awards, simply click <a href="https://thedesignawards.co.uk/splash/sign-up/">here</a> and add your details – you can cancel or manage your subscription at any time using the links at the bottom of every email. We do not share information with other companies, so your details will not be shared.</p> 1104<p>For more information on The International Yacht & Aviation Awards, please use the contact form below.</p> 1105<br /></div></div> </div> 1106 1107 <div class="sponsors"> 1108 <div class="section"> 1109 <div class="container"> 1110 <h6><span>
1110Sponsors</span></h6> 1111 <ul> 1112 <li><a href="https://www.sylkacarpets.com/" target="_blank"><img width="800" height="800" src="https://thedesignawards.co.uk/wp-content/uploads/2020/04/Sylka.png" alt="" decoding="async" loading="lazy" srcset="https://thedesignawards.co.uk/wp-content/uploads/2020/04/Sylka.png 800w, https://thedesignawards.co.uk/wp-content/uploads/2020/04/Sylka-300x300.png 300w, https://thedesignawards.co.uk/wp-content/uploads/2020/04/Sylka-150x150.png 150w, https://thedesignawards.co.uk/wp-content/uploads/2020/04/Sylka-768x768.png 768w, https://thedesignawards.co.uk/wp-content/uploads/2020/04/Sylka-200x200.png 200w" sizes="(max-width: 800px) 100vw, 800px" /></a></li><li><a href="https://www.sabaxter.com/" target="_blank"><img width="1667" height="1667" src="https://thedesignawards.co.uk/wp-content/uploads/2026/05/SA_Baxter_2026-1.png" alt="" decoding="async" loading="lazy" srcset="https://thedesignawards.co.uk/wp-content/uploads/2026/05/SA_Baxter_2026-1.png 1667w, https://thedesignawards.co.uk/wp-content/uploads/2026/05/SA_Baxter_2026-1-300x300.png 300w, https://thedesignawards.co.uk/wp-content/uploads/2026/05/SA_Baxter_2026-1-1024x1024.png 1024w, https://thedesignawards.co.uk/wp-content/uploads/2026/05/SA_Baxter_2026-1-150x150.png 150w, https://thedesignawards.co.uk/wp-content/uploads/2026/05/SA_Baxter_2026-1-768x768.png 768w, https://thedesignawards.co.uk/wp-content/uploads/2026/05/SA_Baxter_2026-1-1536x1536.png 1536w, https://thedesignawards.co.uk/wp-content/uploads/2026/05/SA_Baxter_2026-1-200x200.png 200w" sizes="(max-width: 1667px) 100vw, 1667px" /></a></li><li><a href="https://www.marineleather.it/" target="_blank"><img width="1485" height="1485" src="https://thedesignawards.co.uk/wp-content/uploads/2018/05/Marine-Leather-sponsor.png" alt="Marine Leather" decoding="async" loading="lazy" srcset="https://thedesignawards.co.uk/wp-content/uploads/2018/05/Marine-Leather-sponsor.png 1485w, https://thedesignawards.co.uk/wp-content/uploads/2018/05/Marine-Leather-sponsor-300x300.png 300w, https://thedesignawards.co.uk/wp-content/uploads/2018/05/Marine-Leather-sponsor-1024x1024.png 1024w, https://thedesignawards.co.uk/wp-content/uploads/2018/05/Marine-Leather-sponsor-150x150.png 150w, https://thedesignawards.co.uk/wp-content/uploads/2018/05/Marine-Leather-sponsor-768x768.png 768w, https://thedesignawards.co.uk/wp-content/uploads/2018/05/Marine-Leather-sponsor-200x200.png 200w" sizes="(max-width: 1485px) 100vw, 1485px" /></a></li><li><a href="" target="_blank"><img width="800" height="800" src="https://thedesignawards.co.uk/wp-content/uploads/2026/03/citadel_aviation.png" alt="Citadel Aviation" decoding="async" loading="lazy" srcset="https://thedesignawards.co.uk/wp-content/uploads/2026/03/citadel_aviation.png 800w, https://thedesignawards.co.uk/wp-content/uploads/2026/03/citadel_aviation-300x300.png 300w, https://thedesignawards.co.uk/wp-content/uploads/2026/03/citadel_aviation-150x150.png 150w, https://thedesignawards.co.uk/wp-content/uploads/2026/03/citadel_aviation-768x768.png 768w, https://thedesignawards.co.uk/wp-content/uploads/2026/03/citadel_aviation-200x200.png 200w" sizes="(max-width: 800px) 100vw, 800px" /></a></li><li><a href="https://www.aeristo.com/" target="_blank"><img width="800" height="800" src="https://thedesignawards.co.uk/wp-content/uploads/2018/04/Aeristo-Logo.png" alt="" decoding="async" loading="lazy" srcset="https://thedesignawards.co.uk/wp-content/uploads/2018/04/Aeristo-Logo.png 800w, https://thedesignawards.co.uk/wp-content/uploads/2018/04/Aeristo-Logo-300x300.png 300w, https://thedesignawards.co.uk/wp-content/uploads/2018/04/Aeristo-Logo-150x150.png 150w, https://thedesignawards.co.uk/wp-content/uploads/2018/04/Aeristo-Logo-768x768.png 768w, https://thedesignawards.co.uk/wp-content/uploads/2018/04/Aeristo-Logo-200x200.png 200w" sizes="(max-width: 800px) 100vw, 800px" /></a></li><li><a href="https://f-yachting.at/en/" target="_blank"><img width="800" height="800" src="https://thedesignawards.co.uk/wp-content/uploads/2026/03/f_yachting.png" alt="F/Yachting" decoding="async" loading="lazy" srcset="https://thedesignawards.co.uk/wp-content/uploads/2026/03/f_yachting.png 800w, https://thedesignawards.co.uk/wp-content/uploads/2026/03/f_yachting-300x300.png 300w, https://thedesignawards.co.uk/wp-content/uploads/2026/03/f_yachting-150x150.png 150w, https://thedesignawards.co.uk/wp-content/uploads/2026/03/f_yachting-768x768.png 768w, https://thedesignawards.co.uk/wp-content/uploads/2026/03/f_yachting-200x200.png 200w" sizes="(max-width: 800px) 100v
1112w, 800px" /></a></li><li><a href="http://thedesignsoc.com/" target="_blank"><img width="284" height="283" src="https://thedesignawards.co.uk/wp-content/uploads/2018/05/The-Design-Society-Voting-Page-Logo.jpg" alt="" decoding="async" loading="lazy" srcset="https://thedesignawards.co.uk/wp-content/uploads/2018/05/The-Design-Society-Voting-Page-Logo.jpg 284w, https://thedesignawards.co.uk/wp-content/uploads/2018/05/The-Design-Society-Voting-Page-Logo-150x150.jpg 150w, https://thedesignawards.co.uk/wp-content/uploads/2018/05/The-Design-Society-Voting-Page-Logo-200x200.jpg 200w" sizes="(max-width: 284px) 100vw, 284px" /></a></li> </ul> 1113 </div> 1114 </div> 1115 </div> 1116 1117 <div class="container" style="background: #fff; max-width: 1024px;"><h2 class="titleTwo wow fadeInUp" id="viewportSeven" style="padding: 50px 0 20px 0;"><span>Contact Us</span></h2> 1118 <div class="wow fadeInUp" data-wow-delay="0.50s"><p style="text-align: center;">If you wish to speak to someone regarding the design awards,</p> 1119<p style="text-align: center;">Simply fill in the form below!</p> 1120 1121<div class="wpcf7 no-js" id="wpcf7-f45-o1" lang="en-GB" dir="ltr"> 1122<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> 1123<form action="/international-yacht-aviation-awards/home-3/#wpcf7-f45-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init"> 1124<div style="display: none;"> 1125<input type="hidden" name="_wpcf7" value="45" /> 1126<input type="hidden" name="_wpcf7_version" value="5.9.3" /> 1127<input type="hidden" name="_wpcf7_locale" value="en_GB" /> 1128<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f45-o1" /> 1129<input type="hidden" name="_wpcf7_container_post" value="0" /> 1130<input type="hidden" name="_wpcf7_posted_data_hash" value="" /> 1131</div> 1132<p><span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="Name" type="text" name="your-name" /></span><br /> 1133<span class="wpcf7-form-control-wrap" data-name="tel-107"><input size="40" class="wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel" aria-invalid="false" value="Telephone" type="tel" name="tel-107" /></span><br /> 1134<span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" value="Email" type="email" name="your-email" /></span><br /> 1135<span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false" name="your-message"></textarea></span><br /> 1136<b>Interested in:</b><br /> 1137<span class="wpcf7-form-control-wrap" data-name="menu-969"><select class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false" name="menu-969"><option value="">—Please choose an option—</option><option value="Design & Architecture Awards">Design & Architecture Awards</option><option value="Hotel & Property Awards">Hotel & Property Awards</option><option value="Yacht & Aviation Awards">Yacht & Aviation Awards</option><option value="Elite Awards">Elite Awards</option></select></span> 1138</p> 1139<p><span class="wpcf7-form-control-wrap" data-name="quiz-267"><label><span class="wpcf7-quiz-label">The capital of France?</span> <input size="40" class="wpcf7-form-control wpcf7-quiz" autocomplete="off" aria-required="true" aria-invalid="false" type="text" name="quiz-267" /></label><input type="hidden" name="_wpcf7_quiz_answer_quiz-267" value="d445d208dc5482e4de8fba1ff1576196" /></span> 1140</p> 1141<p><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="MAKE ENQUIRY" /> 1142</p><div class="wpcf7-response-output" aria-hidden="true"></div> 1143</form> 1144</div> 1145 1146<p style="text-align: center;">Alternatively, call us on <strong>0044 (0)1244 401932</strong></p> 1147<br /></div></div> 1148 1149 1150 <footer class="footer wow fadeInUp"> 1151 <div class="container"> 1152 <div class="row"> 1153 <div class="col"> 1154 <h6>Magazines</h6> 1155 <div class="menu-footer-column-one-container"><ul id="menu-footer-column-one" class="menu"><li id="designetal"><a href="http://design-et-al.com">design et al</a></li> 1156<li id="luxeetal"><a href="http://luxe-et-al.com/">Luxe et al</a></li> 1157</ul></div> </div> 1158 1159 <div class="col"> 1160 <h6>Awards</h6> 1161 <div class="menu-footer-column-two-container"><ul id="menu-footer-column-two" class="menu"><li id="theinternationaldesignbrarchitectureawards"><a href="https://thedesignawards.co.uk/category/international-design-architecture-awards/">The International Design &<br/> Architecture Awards</a></li> 1162<li id="theinternationalhotelbrpropertyawards"><a href="https://thedesignawards.co.uk/international-hotel-property-awards/home-2/">The International Hotel &<br/> Property Awards</a></li> 1163<li id="theinternationalyachtbraviationawards" class="current-menu-item"><a href="https://thedesignawards.co.uk/international-yacht-aviation-awards/home-3/" aria-current="page">The International Yacht &<br/> Aviation Awards</a></li> 1164</ul></div> </div> 1165 1166 <div class="col"> 1167 </div> 1168 1169 <div class="col"> 1170 <ul> 1171 <li><a href="http://thedesignsoc.com/" target="_blank"><strong>The Design Society</strong></a></li> 1172 <li><a href="#viewportSeven"><strong>Contact</strong></a></li> 1173 <li class="social_nav"> 1174 <a href="http://www.facebook.com/designetal" target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i> </a> 1175 <a href="http://www.instagram.com/designetal" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i> 1176 </a> 1177 <a href="http://www.linkedin.com/company/design-et-al" target="_blank"><i class="fa fa-linkedin-square" aria-hidden="true"></i> </a> 1178 <a href="http://www.twitter.com/designetal" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true"></i></a> 1179 </li> 1180 <li><span>© © design et al 2010-2025</span></li> 1181<a href="https://trustlogo.com/"><img src="https://www.positivessl.com/images/seals/positivessl_trust_seal_md_167x42.png" border="0" alt="Positive SSL Logo"></a> 1182 </ul> 1183 </div> 1184 </div> 1185 </div> 1186 </footer> 1187 </div> 1188 1189 <!-- Scripts--> 1190
1190<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
1190 1191
1191<script src="https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/js/materialize.min.js"></script>
1191 1192
1192<script src="https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/js/wow.min.js"></script>
1192 1193
1193<script src="https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/js/custom.js"></script>
1193 1194
1194<script src="https://use.fontawesome.com/95480a028c.js"></script>
1194 1195
1195<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script>
1195 1196 1197
1197<script> 1198 new WOW().init(); 1199 </script>
1199 1200
1200<script src="https://thedesignawards.co.uk/wp-content/themes/dubtheme-child/js/init.js"></script>
1200 1201
1202<script></script>
1202 </body>
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.