section[data-cattype="318"] { position: relative; height: 750px; overflow: hidden; background: linear-gradient(to bottom, rgba(250, 149, 23, 0.85) 0%, rgba(250, 160, 40, 0.85) 100%); } section[data-cattype="318"] .bg-image { position: absolute; inset: 0; overflow: hidden; z-index: 0; transform: scale(1.5); background-repeat: no-repeat; background-position: top center; background-size: cover; } section[data-cattype="318"] .bg-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(250, 149, 23, 0.85) 0%, rgba(250, 160, 40, 0.85) 100%); background-size: 100% 200%; animation: orangeVertical 3s ease-in-out infinite alternate; opacity: 0.6; } @keyframes orangeVertical { 0% { background-position: 50% 0%; } 100% { background-position: 50% 100%; } } @media (max-width:1023px) { section[data-cattype="318"] .bg-image img { object-fit: unset !important; width: auto !important; height: 100% !important; min-width: 100% !important; } } section[data-cattype="318"] .white-feather { position: absolute; left: 0; right: 0; bottom: 0; height: 37vh; z-index: 2; background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.98) 20%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.4) 70%, rgba(255, 255, 255, 0.15) 85%, rgba(255, 255, 255, 0) 100%); pointer-events: none; } section[data-cattype="318"] .hero-layers { position: absolute; inset: 0; z-index: 4; pointer-events: none; } section[data-cattype="318"] .hero-layers .hand { position: absolute; top: 0; will-change: transform; transition: none; } html.pre-hands section[data-cattype="318"] .hero-layers .hand-left { transform: translateX(-100vw); opacity: 0; } html.pre-hands section[data-cattype="318"] .hero-layers .hand-right { transform: translateX(100vw); opacity: 0; } section[data-cattype="318"].hands-ready .hero-layers .hand { opacity: 1; } section[data-cattype="318"] .hero-layers .hand { backface-visibility: hidden; transform: translateZ(0); } section[data-cattype="318"] .hero-layers .hand-left { left: 0; } section[data-cattype="318"] .hero-layers .hand-right { right: 0; } section[data-cattype="318"].hands-ready .hero-layers .hand { transition: transform var(--hands-dur, 1.6s) cubic-bezier(.22, .61, .36, 1); } section[data-cattype="318"] { --hands-dur: 1.6s; } section[data-cattype="318"].hands-off .hero-layers .hand-left { transform: translateX(-100vw); } section[data-cattype="318"].hands-off .hero-layers .hand-right { transform: translateX(100vw); } section[data-cattype="318"].hands-in .hero-layers .hand-left { transform: translateX(0); } section[data-cattype="318"].hands-in .hero-layers .hand-right { transform: translateX(0); } section[data-cattype="318"].hands-split .hero-layers .hand-left { transform: translateX(-100vw); } section[data-cattype="318"].hands-split .hero-layers .hand-right { transform: translateX(100vw); } section[data-cattype="318"] .table-box { position: relative; z-index: 5; display: table; width: 100%; height: 100%; text-align: center; } section[data-cattype="318"] .table-cell { display: table-cell; vertical-align: middle; } section[data-cattype="318"] h1.section-title { color: #fff; font-size: 52px; font-weight: 700; text-shadow: 0 2px 8px rgba(0, 0, 0, .35), 0 10px 24px rgba(0, 0, 0, .25); white-space: nowrap; z-index: 5; pointer-events: none; } section[data-cattype="318"] #starshine { position: absolute; inset: 0; z-index: 1 !important; pointer-events: none; } section[data-cattype="318"] #starshine .template { display: none; } section[data-cattype="318"] #starshine .shine { position: absolute; width: 18px; height: 18px; background-image: url(/data/repo534/images/contact/star_2_.png); background-size: contain; background-repeat: no-repeat; opacity: 0; transform: scale(0.6); filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.65)); animation: starTwinkle 3.6s ease-in-out infinite; } .hand-move-slow { transition: transform 3.5s ease-in-out, opacity 3.5s ease-in-out; } .hand-move-fast { transition: transform 0.3s linear, opacity 0.3s linear; } @keyframes starTwinkle { 0% { opacity: 0; transform: scale(0.6); } 15% { opacity: 1; transform: scale(1); } 55% { opacity: 0.9; transform: scale(1.05); } 100% { opacity: 0; transform: scale(0.6); } } @media screen and (max-width: 1366px) and (min-width: 1024px) { section[data-cattype="318"] { height: 600px; } } @media screen and (min-width: 1024px) and (max-width: 1439px) { section[data-cattype="318"] .video-wrap iframe { height: 130vh; } } @media screen and (max-width: 1023px) { section[data-cattype="318"] { height: auto; min-height: 155px; } section[data-cattype="318"] .white-feather { height: 12vh; } section[data-cattype="318"] .video-keeper, section[data-cattype="318"] .video-wrap { width: 105%; } section[data-cattype="318"] h1.section-title { font-size: 30px; } section[data-cattype="318"] { position: relative; height: 155px; overflow: hidden; } section[data-cattype="318"] .bg-image { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } section[data-cattype="318"] .bg-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; user-select: none; -webkit-user-drag: none; } section[data-cattype="318"] .video-keeper, section[data-cattype="318"] .video-wrap { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } section[data-cattype="318"] .video-wrap iframe { position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 150%; min-width: 100%; min-height: 100%; border: 0; } section[data-cattype="318"] .hero-layers, section[data-cattype="318"] #starshine { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } section[data-cattype="318"] { background-attachment: scroll !important; } } @media screen and (max-width: 767px) { section[data-cattype="318"] .bg-image { --zoom: 1; background-position: center center !important; background-size: cover !important; } }