/* Change made by Asif on 2026-10-04: homepage header CSS (+ base rules for html/body and shared elements). Used rules of each file below, in load order. Rebuilt with site/tools/cssbuild. */ /* ===== Cera Pro size-matched fallback (Change made by Asif on 2026-10-05: no font-swap shift before Cera Pro loads) ===== */ @font-face { font-family: 'Cera Pro Fallback'; font-weight: 400; font-style: normal; src: local('Arial'), local('ArialMT'), local('Helvetica'); size-adjust: 105.90%; ascent-override: 94.43%; descent-override: 24.55%; line-gap-override: 0%; } @font-face { font-family: 'Cera Pro Fallback'; font-weight: 500; font-style: normal; src: local('Arial'), local('ArialMT'), local('Helvetica'); size-adjust: 102.61%; ascent-override: 97.46%; descent-override: 25.34%; line-gap-override: 0%; } @font-face { font-family: 'Cera Pro Fallback'; font-weight: 700; font-style: normal; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'); size-adjust: 98.19%; ascent-override: 101.84%; descent-override: 26.48%; line-gap-override: 0%; } @font-face { font-family: 'Cera Pro Fallback Caps'; font-weight: 400; font-style: normal; src: local('Arial'), local('ArialMT'), local('Helvetica'); size-adjust: 91.00%; ascent-override: 109.89%; descent-override: 28.57%; line-gap-override: 0%; } @font-face { font-family: 'Cera Pro Fallback Caps'; font-weight: 700; font-style: normal; src: local('Arial Bold'), local('Arial-BoldMT'), local('Helvetica Bold'); size-adjust: 93.35%; ascent-override: 107.12%; descent-override: 27.85%; line-gap-override: 0%; } .main-header .main_menu ul#primary-menu > li > a, header.main-header .btn { font-family: 'Cera Pro', 'Cera Pro Fallback Caps'; } /* ===== from pure-exhibits-shortlist/assets/shortlist.css (that file is deferred) ===== */ a[href^="tel:"] { white-space: nowrap; } /* ===== from css/bootstrap.min.css ===== */ /*! * Bootstrap v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}b,strong{font-weight:bolder}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h3,h3{font-size:1.75rem}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}@media (min-width:768px){.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.fade{transition:opacity .15s linear}@media screen and (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}body{min-width:992px!important}} /* ===== from style.css ===== */ /*! Theme Name: Custom Theme Theme URI: http://custom_theme.me/ Author: Weavers Web Solutions Pvt Ltd Author URI: https://weavers-web.com Description: This is a custom theme Bolierplate to get started with ease Version: 1.1.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: custom_theme Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Custom Theme is based on custom_theme https://custom_theme.me/, (C) 2012-2020 Weavers, Inc. custom_theme is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } a { background-color: transparent; } b, strong { font-weight: bolder; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } body { background: #fff; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } img { height: auto; max-width: 100%; } a { color: #D8922E; } a:visited { color: #D8922E; } a:hover, a:focus, a:active { color: #191970; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } .post, .page { margin: 0 0 1.5em; } body .wpforms-container form input:focus, body .wpforms-container form textarea:focus { color: rgba( 0, 0, 0, 0.7 ) !important; } /* ===== from css/custom.css ===== */ @font-face { font-family: 'Cera Pro'; src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.eot'); src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.woff2') format('woff2'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.woff') format('woff'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.ttf') format('truetype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Regular.svg#CeraPro-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Cera Pro'; src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.eot'); src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.woff2') format('woff2'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.woff') format('woff'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.ttf') format('truetype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Medium.svg#CeraPro-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Cera Pro'; src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.eot'); src: url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.eot#iefix') format('embedded-opentype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.woff2') format('woff2'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.woff') format('woff'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.ttf') format('truetype'), url('/wp-content/themes/boilerplate/fonts/CeraPro-Bold.svg#CeraPro-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } body { margin: 0; padding: 0; font-family: 'Cera Pro', 'Cera Pro Fallback'; font-size:18px; color:#1f1f1f;} h1, h2, h3, h4, h5, h6 { font-weight: 500; margin:0 0 20px; padding:0; font-family: 'Cera Pro', 'Cera Pro Fallback'; color:#1f1f1f;} h3{ font-size: 30px; font-weight: bold;} p{ font-size: 18px; color:#1f1f1f; font-family: 'Cera Pro', 'Cera Pro Fallback'; margin:0 0 20px; padding:0;} img{ max-width: 100%;} ul{margin-left: 0;} a, img{ border:0; text-decoration: none; outline: none;} a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition:all 0.3s ease 0s;} a:hover{ text-decoration:none;} input, textarea, select{ font-family: 'Cera Pro', 'Cera Pro Fallback'; font-size: 18px; outline: none;} .btn, button, input[type="button"], input[type="reset"], input[type="submit"] { border: 0; display: inline-block; vertical-align: top; background: #226efa; color: #fff !important; padding: 14px 35px; font-size: 18px; font-weight: bold; text-transform: uppercase; font-family: 'Cera Pro', 'Cera Pro Fallback'; letter-spacing: 1.5px;} .btn:hover, .btn-white:hover{background: #1f1f1f; color: #fff !important;} .btn:focus, button:focus{outline: none;} .click { display:none;} .main_menu a.closebtn{ display: none; } .main-header { padding: 20px 50px; position: absolute; top:0; left: 0; right: 0; width: 100%; z-index: 99;} .headerRow{display: flex; justify-content: space-between; align-items: center;} .logo { width: 130px;} .headerRight { display: flex; justify-content: center; align-items: center;} .headerReach{display: flex; justify-content: center; align-items: center;} .click { color: #fff; font-size: 28px;} .main_menu { float: right; } .main_menu ul { margin: 0; padding: 0; list-style: none;} .main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 18px 0 0; text-transform: uppercase; position: relative;} .main_menu ul li a { display: block; padding: 15px 0; color: #fff; font-family: 'Cera Pro', 'Cera Pro Fallback'; font-size: 18px;} .main_menu ul li:hover a, .main_menu ul li.current-menu-item a { color: #226efa;} .main_menu ul li ul.sub-menu{position: absolute; top: 55px; left: 0; width: 200px; background: rgba(2, 9, 23, 0.9); display: none;} .main_menu ul li:hover ul.sub-menu{display: block;} .main_menu ul li ul.sub-menu li{display: block; margin:0 10px;} .main_menu ul li ul.sub-menu li a{padding:5px 0; color: #fff;} .main_menu ul li ul.sub-menu li a:hover{color: #226efa;} .header-btn { margin: 0 20px 0 0;} .headerSocial {display: flex; align-items: center;} .headerSocial ul{padding-left: 0; margin-bottom: 0; list-style: none; display: flex; margin-left: 0;} .headerSocial ul li{ margin-left: 7px; width: 30px; height: 30px; background: #fff; border-radius: 50px; display: flex; justify-content: center; align-items: center;} .headerSocial ul li a{ color: #000;} .headerSocial ul li a:hover{ color: #226efa; border-radius: 50px;} .fullImage-link{position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .post, .page { margin: 0 0 0;} .wpcf7-not-valid{border: 1px solid #f00 !important;} .wpcf7-not-valid-tip{display: none;} .header-search{cursor: pointer;} .search-box{ position: fixed; height: 160px; width: 100%; background: rgba(0, 0, 0, 0.9); z-index: 99; left: 0; top: 0; transition: all 0.6s ease-in-out 0s; display: none;} .search-boxinner{ position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; width: 80%; margin: 0 auto; display: flex;} .search-input{width: 100%; padding: 6px 50px 6px 10px; background: transparent; border-radius: 0; border:none; border-bottom: 1px solid #ccc; height: 50px; font-size: 18px; color: #fff !important;} .search-btn{border-radius: 0; border:none; cursor: pointer; width: 40px; background: transparent; color: #777777; font-size: 21px;} .search-close { position: absolute; color: #fff; top: 25px; right: 74px; cursor: pointer; font-size: 20px;z-index:1;} .headercontact ul { padding: 0 8px 0 4px; margin-right: 5px; margin-bottom: 0; list-style: none; position: relative; } .headercontact ul li a{color: #fff; font-size: 14px;} .headercontact ul li a i{margin-right: 3px;} .headercontact ul:after{background: #b9b9b9; width: 1px; height: 22px; content: ""; position: absolute; right: 0; top:50%; transform: translateY(-50%);} @media only screen and ( max-width:1500px ) { .main_menu ul li { margin: 0 14px 0 0;} .header-btn .btn{ padding: 7px 12px; font-size: 16px; letter-spacing: 1px;} .header-btn { margin: 0 15px 0 0;} } @media only screen and ( max-width:1366px ) { .main-header { padding: 15px 30px;} .main_menu ul li { margin: 0 5px 0 0;} .header-btn .btn {padding: 7px 10px; font-size: 16px; letter-spacing: 0.5px;} .header-btn { margin: 0 10px 0 0;} .btn{padding: 12px 30px; letter-spacing: 0;} .headerSocial ul li { margin-left: 3px; width: 26px; height: 26px;} } @media only screen and ( max-width:1199px ) { .main-header { padding: 10px 0px;} .main_menu ul li a { font-size: 17px;} .header-btn { margin: 0 8px 0 0;} .header-btn .btn { padding: 6px 10px; font-size: 15px; letter-spacing: 0;} .headerSocial ul li { margin-left: 5px;} .btn{padding: 12px 20px;} } @media only screen and ( min-width: 1025px ) { .main_menu{ display: block !important; } #mySidenav{ width: auto !important; } } @media only screen and ( max-width:1024px ) { .click{ display: block; cursor: pointer; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: transparent; padding:0; } .main_menu a.closebtn{ color: #fff; display: block; } .main_menu { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0 !important; background-color: rgba(2, 9, 23, 0.97); overflow-x: hidden; transition: 0.5s; padding-top: 60px; z-index: 999; } .main_menu a { display: block; transition: 0.3s; } .main_menu a:hover { color: #333; } .main_menu .closebtn { position: absolute; font-size: 36px; margin-left: 50px; top: 20px; right: 18px; } .main_menu ul li ul.sub-menu { position: relative; top: 0; left: 0; width: 100%; background: rgb(42 42 43 / 90%); display: block;} .main_menu ul li { list-style: none; display: block;} .main-header { padding: 15px 0px;} .headerRight { padding-right: 40px;} h3{ font-size: 28px;} p, body{ font-size: 17px;} input, textarea, select, input[type="submit"]{ font-size: 17px;} .btn{padding: 10px 15px; font-size: 17px;} } @media only screen and ( max-width: 991px ) { .main-header { padding: 10px 0px;} } @media only screen and ( max-width: 767px ) { .main-header { padding: 10px 0px;} .logo { width: 90px;} h1, h2, h3, h4, h5, h6, p{ margin: 0 0 15px;} h3{ font-size: 26px;} } @media only screen and ( max-width: 575px ) { .logo { width: 80px;} .main-header { padding: 5px 0px;} h3{ font-size: 24px;} p, body{ font-size: 16px;} input, textarea, select, input[type="submit"]{ font-size: 16px;} .btn{padding: 10px 15px; font-size: 16px;} .search-boxinner { width: 90%;} .search-btn { width: 30px; padding: 0 0px 0 10px;} .headercontact ul { padding: 0px 6px 0 1px; margin-right: 2px;} } @media only screen and ( max-width: 480px ) { .headerSocial ul li { width: 26px; height: 26px; font-size: 17px;} .logo { width: 70px;} .header-btn{display: none;} h1, h2, h3, h4, h5, h6, p{ margin: 0 0 10px;} h3{ font-size: 22px;} .btn { padding: 6px 10px; font-size: 14px;} } @media only screen and ( max-width: 380px ) { p, body{ font-size: 15px;} .headercontact ul li a { font-size: 12px;} .headercontact ul { padding: 0px 5px 0 0px; margin-right: 1px;} .headercontact ul li a i { margin-right: 3px;} .headerRight { padding-right: 32px;} } body.click-black .click{color:#000!important} @media only screen and (max-width:1024px){ body.click-black #mySidenav a{color:#fff!important;background:transparent!important} body.click-black #mySidenav .sub-menu{background:rgb(42 42 43 / 90%)!important;border:none!important} body.click-black #mySidenav li{background:transparent!important;border:none!important} } @media only screen and (min-width: 1025px) { ul#primary-menu{ display: flex; justify-content: space-around; } .headerRight{ width: 100%; justify-content: space-between; } #mySidenav { width: 100% !important; } } /* ===== from css/homepage.css (old) ===== */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; color: #1e293b; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.6; } .search-form { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(139, 92, 246, 0.3); border-radius: 1.25rem; padding: 2.5rem; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), 0 0 60px rgba(139, 92, 246, 0.15); margin-bottom: 4rem; } @media (max-width: 767px) { .search-form { padding: 1.5rem; margin-bottom: 3rem; } } /* ===== from Customizer "Additional CSS" ===== */ @media only screen and (min-width: 1025px) { .main-header .main_menu ul li.menu-item-has-children > a { display: flex; align-items: center; gap: 7px; } .main-header .main_menu ul li.menu-item-has-children > a::after { content: ""; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .24s cubic-bezier(.2,.7,.3,1); opacity: .6; } .main-header .main_menu ul li.menu-item-has-children:hover > a::after, .main-header .main_menu ul li.menu-item-has-children:focus-within > a::after { transform: translateY(1px) rotate(225deg); opacity: 1; } .main-header .main_menu ul li ul.sub-menu { display: block; top: calc(100% + 12px); left: -10px; width: auto; min-width: 238px; max-width: 340px; padding: 8px; background: rgba(10, 13, 20, .72); -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%); border: 1px solid rgba(255, 255, 255, .10); border-radius: 14px; box-shadow: 0 24px 48px -12px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .35); opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.985); transform-origin: top left; transition: opacity .18s ease, transform .26s cubic-bezier(.2,.7,.3,1), visibility .26s; z-index: 250; } .main-header .main_menu ul li ul.sub-menu::after { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent); pointer-events: none; } .main-header .main_menu ul li ul.sub-menu::before { content: ""; position: absolute; top: -14px; left: 0; right: 0; height: 14px; } .main-header .main_menu ul li:hover > ul.sub-menu, .main-header .main_menu ul li:focus-within > ul.sub-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .main-header .main_menu ul li ul.sub-menu li { display: block; margin: 0; text-transform: none; opacity: 0; transform: translateY(-6px); transition: opacity .22s ease, transform .22s ease; } .main-header .main_menu ul li:hover > ul.sub-menu li, .main-header .main_menu ul li:focus-within > ul.sub-menu li { opacity: 1; transform: translateY(0); } .main-header .main_menu ul li ul.sub-menu li:nth-child(1) { transition-delay: .03s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(2) { transition-delay: .055s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(3) { transition-delay: .08s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(4) { transition-delay: .105s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(5) { transition-delay: .13s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(6) { transition-delay: .155s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(7) { transition-delay: .18s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(8) { transition-delay: .205s; } .main-header .main_menu ul li ul.sub-menu li a { display: block; width: auto; padding: 10px 14px; border-radius: 9px; font-size: 13.5px; font-weight: 500; line-height: 1.35; letter-spacing: .03em; color: rgba(255, 255, 255, .70); white-space: nowrap; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; transition: background-color .16s ease, color .16s ease, box-shadow .16s ease; } .main-header .main_menu ul li ul.sub-menu li a:hover, .main-header .main_menu ul li ul.sub-menu li a:focus-visible { background-color: rgba(255, 255, 255, .08); color: #fff; box-shadow: inset 2px 0 0 #E9A13B; } .main-header .main_menu ul li ul.sub-menu li a:focus-visible { outline: 1px solid rgba(255, 255, 255, .35); outline-offset: -1px; } .main-header .main_menu ul#primary-menu > li > a { position: relative; letter-spacing: .06em; } .main-header .main_menu ul#primary-menu > li > a::before { content: ""; position: absolute; left: 0; bottom: 9px; width: 100%; height: 1.5px; background: #E9A13B; transform: scaleX(0); transform-origin: left; transition: transform .3s cubic-bezier(.2,.7,.3,1); } .main-header .main_menu ul#primary-menu > li:hover > a::before, .main-header .main_menu ul#primary-menu > li:focus-within > a::before, .main-header .main_menu ul#primary-menu > li.current-menu-item > a::before { transform: scaleX(1); } } @media only screen and (max-width: 1024px) { #mySidenav.main_menu { background: linear-gradient(180deg, #0b1018 0%, #05070c 100%); padding-top: 78px; padding-bottom: calc(28px + env(safe-area-inset-bottom)); box-shadow: -24px 0 60px rgba(0, 0, 0, .5); } .main_menu a.closebtn { top: 18px; right: 16px; width: 42px; height: 42px; margin-left: 0; display: flex; align-items: center; justify-content: center; font-size: 26px; line-height: 1; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; color: rgba(255, 255, 255, .85); background: rgba(255, 255, 255, .05); } .main_menu a.closebtn:hover { background: rgba(255, 255, 255, .12); color: #fff; } .main_menu ul { padding: 0 18px; } .main_menu ul li { display: block; margin: 0; text-transform: none; border-bottom: 1px solid rgba(255, 255, 255, .07); } .main_menu ul li:last-child { border-bottom: none; } .main_menu ul li a { display: flex; align-items: center; min-height: 48px; padding: 14px 4px; font-size: 16px; font-weight: 500; letter-spacing: .02em; line-height: 1.4; color: rgba(255, 255, 255, .88); } .main_menu a:hover, .main_menu a:focus, .main_menu ul li a:hover, .main_menu ul li:hover a { color: #ffffff; } .main_menu ul li ul.sub-menu { background: rgba(255, 255, 255, .04); border-left: 2px solid #E9A13B; border-radius: 0 10px 10px 0; margin: 2px 0 14px 10px; padding: 4px 0; width: calc(100% - 10px); } .main_menu ul li ul.sub-menu li { border-bottom: none; } .main_menu ul li ul.sub-menu li a { min-height: 44px; padding: 10px 14px; font-size: 14.5px; font-weight: 400; color: rgba(255, 255, 255, .62); font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } .main_menu ul li ul.sub-menu li a:hover, .main_menu ul li ul.sub-menu li a:focus { color: #ffffff; background: rgba(255, 255, 255, .05); } body.click-black #mySidenav .sub-menu { background: rgba(255, 255, 255, .04) !important; border-left: 2px solid #E9A13B !important; } } @media (prefers-reduced-motion: reduce) { .main-header .main_menu ul li ul.sub-menu, .main-header .main_menu ul li ul.sub-menu li, .main-header .main_menu ul li.menu-item-has-children > a::after, .main-header .main_menu ul#primary-menu > li > a::before { transition: none !important; transition-delay: 0s !important; } } @media only screen and (max-width: 1024px) { .main-header .headerRight { padding-right: 68px; } .main-header .headerRight button.click { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 20px; line-height: 1; border-radius: 50%; color: #ffffff !important; background: rgba(0, 0, 0, .34) !important; border: 1px solid rgba(255, 255, 255, .22) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } body.click-black .main-header .headerRight button.click { color: #0F1520 !important; background: rgba(255, 255, 255, .72) !important; border-color: rgba(0, 0, 0, .12) !important; } .main-header .headerRight button.click:focus-visible { outline: 2px solid #E9A13B; outline-offset: 2px; } } @media only screen and (max-width: 380px) { .main-header .headerRight { padding-right: 58px; } .main-header .headerRight button.click { width: 40px; height: 40px; font-size: 18px; right: 10px; } } .main-header .header-btn a, .main-header a.header-btn { background: #E9A13B !important; color: #0F1520 !important; border-radius: 8px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; box-shadow: none !important; } .main-header .header-btn a:hover, .main-header a.header-btn:hover { background: #D8922E !important; color: #0F1520 !important; } @media only screen and (min-width: 1025px) { .main-header .headerReach .foot_email, .main-header .headerRight a[href^="mailto:"] { display: none !important; } } @media only screen and (min-width: 1025px) { .main-header .logo img { max-height: 92px !important; width: auto !important; } } @media only screen and (min-width: 1025px) { .main-header .main_menu ul#primary-menu > li > a { font-size: 14.5px !important; letter-spacing: 0.04em !important; } .main-header .main_menu ul#primary-menu > li { margin-right: 22px !important; } } @media only screen and (min-width: 1025px) { .main-header .headerSocial ul li, .main-header .headerSocial ul li a { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; color: rgba(255, 255, 255, 0.75) !important; opacity: 1 !important; } .main-header .headerSocial ul li:hover, .main-header .headerSocial ul li a:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.55) !important; color: #ffffff !important; } } .pum-overlay { background-color: rgba(15, 21, 32, 0.88) !important; background-image: linear-gradient(rgba(244,242,236,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(244,242,236,0.05) 1px, transparent 1px) !important; background-size: 22px 22px !important; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } @keyframes pumRise { from { opacity: 0; transform: translateY(20px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes pumKeyline { from { transform: scaleX(0); } to { transform: scaleX(1); } } @keyframes pumStamp { from { opacity: 0; transform: rotate(-7deg) scale(1.6); } to { opacity: 1; transform: rotate(-7deg) scale(1); } } @media only screen and (min-width: 1025px) { .main-header .main_menu ul li.menu-item-has-children > a { display: flex; align-items: center; gap: 7px; } .main-header .main_menu ul li.menu-item-has-children > a::after { content: ""; width: 5px; height: 5px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .24s cubic-bezier(.2,.7,.3,1); opacity: .6; } .main-header .main_menu ul li.menu-item-has-children:hover > a::after, .main-header .main_menu ul li.menu-item-has-children:focus-within > a::after { transform: translateY(1px) rotate(225deg); opacity: 1; } .main-header .main_menu ul li ul.sub-menu { display: block; top: calc(100% + 12px); left: -10px; width: auto; min-width: 238px; max-width: 340px; padding: 8px; background: rgba(10, 13, 20, .72); -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%); border: 1px solid rgba(255, 255, 255, .10); border-radius: 14px; box-shadow: 0 24px 48px -12px rgba(0, 0, 0, .65), 0 2px 8px rgba(0, 0, 0, .35); opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.985); transform-origin: top left; transition: opacity .18s ease, transform .26s cubic-bezier(.2,.7,.3,1), visibility .26s; z-index: 250; } .main-header .main_menu ul li ul.sub-menu::after { content: ""; position: absolute; top: 0; left: 18px; right: 18px; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent); pointer-events: none; } .main-header .main_menu ul li ul.sub-menu::before { content: ""; position: absolute; top: -14px; left: 0; right: 0; height: 14px; } .main-header .main_menu ul li:hover > ul.sub-menu, .main-header .main_menu ul li:focus-within > ul.sub-menu { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } .main-header .main_menu ul li ul.sub-menu li { display: block; margin: 0; text-transform: none; opacity: 0; transform: translateY(-6px); transition: opacity .22s ease, transform .22s ease; } .main-header .main_menu ul li:hover > ul.sub-menu li, .main-header .main_menu ul li:focus-within > ul.sub-menu li { opacity: 1; transform: translateY(0); } .main-header .main_menu ul li ul.sub-menu li:nth-child(1) { transition-delay: .03s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(2) { transition-delay: .055s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(3) { transition-delay: .08s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(4) { transition-delay: .105s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(5) { transition-delay: .13s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(6) { transition-delay: .155s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(7) { transition-delay: .18s; } .main-header .main_menu ul li ul.sub-menu li:nth-child(8) { transition-delay: .205s; } .main-header .main_menu ul li ul.sub-menu li a { display: block; width: auto; padding: 10px 14px; border-radius: 9px; font-size: 13.5px; font-weight: 500; line-height: 1.35; letter-spacing: .03em; color: rgba(255, 255, 255, .70); white-space: nowrap; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; transition: background-color .16s ease, color .16s ease, box-shadow .16s ease; } .main-header .main_menu ul li ul.sub-menu li a:hover, .main-header .main_menu ul li ul.sub-menu li a:focus-visible { background-color: rgba(255, 255, 255, .08); color: #fff; box-shadow: inset 2px 0 0 #E9A13B; } .main-header .main_menu ul li ul.sub-menu li a:focus-visible { outline: 1px solid rgba(255, 255, 255, .35); outline-offset: -1px; } .main-header .main_menu ul#primary-menu > li > a { position: relative; letter-spacing: .06em; } .main-header .main_menu ul#primary-menu > li > a::before { content: ""; position: absolute; left: 0; bottom: 9px; width: 100%; height: 1.5px; background: #E9A13B; transform: scaleX(0); transform-origin: left; transition: transform .3s cubic-bezier(.2,.7,.3,1); } .main-header .main_menu ul#primary-menu > li:hover > a::before, .main-header .main_menu ul#primary-menu > li:focus-within > a::before, .main-header .main_menu ul#primary-menu > li.current-menu-item > a::before { transform: scaleX(1); } } @media only screen and (max-width: 1024px) { #mySidenav.main_menu { background: linear-gradient(180deg, #0b1018 0%, #05070c 100%); padding-top: 78px; padding-bottom: calc(28px + env(safe-area-inset-bottom)); box-shadow: -24px 0 60px rgba(0, 0, 0, .5); } .main_menu a.closebtn { top: 18px; right: 16px; width: 42px; height: 42px; margin-left: 0; display: flex; align-items: center; justify-content: center; font-size: 26px; line-height: 1; border: 1px solid rgba(255, 255, 255, .16); border-radius: 50%; color: rgba(255, 255, 255, .85); background: rgba(255, 255, 255, .05); } .main_menu a.closebtn:hover { background: rgba(255, 255, 255, .12); color: #fff; } .main_menu ul { padding: 0 18px; } .main_menu ul li { display: block; margin: 0; text-transform: none; border-bottom: 1px solid rgba(255, 255, 255, .07); } .main_menu ul li:last-child { border-bottom: none; } .main_menu ul li a { display: flex; align-items: center; min-height: 48px; padding: 14px 4px; font-size: 16px; font-weight: 500; letter-spacing: .02em; line-height: 1.4; color: rgba(255, 255, 255, .88); } .main_menu a:hover, .main_menu a:focus, .main_menu ul li a:hover, .main_menu ul li:hover a { color: #ffffff; } .main_menu ul li ul.sub-menu { background: rgba(255, 255, 255, .04); border-left: 2px solid #E9A13B; border-radius: 0 10px 10px 0; margin: 2px 0 14px 10px; padding: 4px 0; width: calc(100% - 10px); } .main_menu ul li ul.sub-menu li { border-bottom: none; } .main_menu ul li ul.sub-menu li a { min-height: 44px; padding: 10px 14px; font-size: 14.5px; font-weight: 400; color: rgba(255, 255, 255, .62); font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; } .main_menu ul li ul.sub-menu li a:hover, .main_menu ul li ul.sub-menu li a:focus { color: #ffffff; background: rgba(255, 255, 255, .05); } body.click-black #mySidenav .sub-menu { background: rgba(255, 255, 255, .04) !important; border-left: 2px solid #E9A13B !important; } } @media (prefers-reduced-motion: reduce) { .main-header .main_menu ul li ul.sub-menu, .main-header .main_menu ul li ul.sub-menu li, .main-header .main_menu ul li.menu-item-has-children > a::after, .main-header .main_menu ul#primary-menu > li > a::before { transition: none !important; transition-delay: 0s !important; } } @media only screen and (max-width: 1024px) { .main-header .headerRight { padding-right: 68px; } .main-header .headerRight button.click { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0; font-size: 20px; line-height: 1; border-radius: 50%; color: #ffffff !important; background: rgba(0, 0, 0, .34) !important; border: 1px solid rgba(255, 255, 255, .22) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } body.click-black .main-header .headerRight button.click { color: #0F1520 !important; background: rgba(255, 255, 255, .72) !important; border-color: rgba(0, 0, 0, .12) !important; } .main-header .headerRight button.click:focus-visible { outline: 2px solid #E9A13B; outline-offset: 2px; } } @media only screen and (max-width: 380px) { .main-header .headerRight { padding-right: 58px; } .main-header .headerRight button.click { width: 40px; height: 40px; font-size: 18px; right: 10px; } } .main-header .header-btn a, .main-header a.header-btn { background: #E9A13B !important; color: #0F1520 !important; border-radius: 8px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; box-shadow: none !important; } .main-header .header-btn a:hover, .main-header a.header-btn:hover { background: #D8922E !important; color: #0F1520 !important; } @media only screen and (min-width: 1025px) { .main-header .headerReach .foot_email, .main-header .headerRight a[href^="mailto:"] { display: none !important; } } @media only screen and (min-width: 1025px) { .main-header .main_menu ul#primary-menu > li > a { font-size: 14.5px !important; letter-spacing: 0.04em !important; } .main-header .main_menu ul#primary-menu > li { margin-right: 22px !important; } } @media only screen and (min-width: 1025px) { .main-header .headerSocial ul li, .main-header .headerSocial ul li a { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; color: rgba(255, 255, 255, 0.75) !important; opacity: 1 !important; } .main-header .headerSocial ul li:hover, .main-header .headerSocial ul li a:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.55) !important; color: #ffffff !important; } }