@font-face { font-family: 'obs'; font-style: normal; font-weight: 200; font-display: swap; src: url('../font/200.woff2') format('woff2'); } @font-face { font-family: 'obs'; font-style: normal; font-weight: 600; font-display: swap; src: url('../font/600.woff2') format('woff2'); } @font-face { font-family: 'obs'; font-style: normal; font-weight: 800; font-display: swap; src: url('../font/800.woff2') format('woff2'); } body { padding: 0; margin: 0; font-family: 'obs', sans-serif; font-weight: 200; font-size: 18px; } input, textarea { font-family: 'obs', sans-serif; font-weight: 200; font-size: 1.25rem; } a.black { color: #ff0059; text-decoration: underline; font-weight: 600; } a { color: #bc0042; text-decoration: underline; font-weight: 600; } b, strong { font-weight: 600; } nav ul li { color: #fff; } @media only screen and (max-width: 1024px) { @keyframes fade { 0% { border-image: linear-gradient(to right, #dd19d7 0%, #fd7402 100%) 1; } 50% { border-image: linear-gradient(to right, #fd7402 0%, #dd19d7 100%) 1; } 100% { border-image: linear-gradient(to right, #dd19d7 0%, #fd7402 100%) 1; } } header { background: #000; width: 100%; border-bottom: 1px solid red; border-image: linear-gradient(90deg, #e414c0 0%, #fe114b 50%, #fe7100 100%) 1; animation-name: fade; animation-duration: 5s; animation-iteration-count: infinite; } div.brand { padding: 2rem; height: 30px; } div.brand img { height: 30px; aspect-ratio: 9/2; } .base { margin-top: 0px; min-height: 0px; margin-bottom: 5rem; } .base-black { margin-top: 0px; min-height: 0px; margin-bottom: -5rem; } .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger.is-active { position: fixed; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 5px; background-color: #fff; border-radius: 20px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger { padding: 0; right: 1.5rem; position: absolute; z-index: 999; top: 35px; } .wrapper-nav { background: #000; width: 300px; height: 100vh; position: fixed; top: 0; padding-top: 20px; right: 0px; transform: rotateY(90deg); transform-origin: top right; transition: all 0.3s ease-in-out; z-index: 777; } .rotated { transform: rotateY(0deg); } nav a { color: #fff; text-decoration: none; } .submenu { padding: 15px; font-size: 1rem; } ul.menu { margin: .5rem 0; padding: 0; } ul.menu li, ul.submenu li { list-style: none; } ul.menu li { padding: 10px 20px; } ul.submenu li { padding: 0px 0px 5px 0; } div.content { margin: 3rem auto; max-width: 90%; } div.module_hero_wrapper ul { font-weight: 600; } div.contentpush { margin: 6rem auto 1rem; max-width: 90%; } .grid_1, .grid_2, .grid_2_75, .grid_3, .grid_3_50, .grid_3_67, .grid_3_32, .grid_4, .grid_5 { display: grid; grid-template-columns: 100%; } .gridfloat_25 { width: 93%; } .gridfloat_33 { width: 93%; } .gridfloat_50 { width: 93%; } footer { height: 6rem; } footer ul { background-color: #202226; margin: auto; padding: 1rem 0rem 0 0rem; } footer ul li { list-style: none; margin: 0px; padding: 0px 15px; float: right; line-height: 1; } footer ul li a { text-decoration: none; font-size: 70%; color: #fff; } footer ul li a:hover { color: #fff; } footer ul.footersocial { background: transparent; padding: 0; } footer ul.footersocial li { float: left; padding: 0 20px 0 0; } ul.end { height: 60px; } .prefooter { background: #000; padding: 3rem 2rem; } .prefooter .grid_2 { grid-template-columns: 50% 50%; } .prefooter img.logo { width: 150px; } .prefooter p { color: #fff; font-size: 90%; } ul.footerlinks { background: transparent; margin: 0; padding: 0; } .footerlinks li { float: none; background: transparent; list-style: none; font-size: 1.8rem; margin: 0; padding: .15rem 0; } .footerlinks li a { font-weight: 600; background: linear-gradient(90deg, #e414c0 0%, #fe114b 50%, #fe7100 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; } div.prefooter { border-bottom: 1px solid; border-image: linear-gradient(90deg, #e414c0 0%, #fe114b 50%, #fe7100 100%) 1; animation-name: fade; animation-duration: 5s; animation-iteration-count: infinite; } span.footer { color: #fff; font-size: 70%; } footer ul li.right { float: right; padding-left: 0; } footer ul li.left { float: left; padding-right: 0; line-height: 1.8; } .fright { margin: auto; } img.error { margin-top: 50px; width: 320px; padding: 0; --_g: 10%/45% 45% no-repeat conic-gradient(#000 0 0); mask: left var(--_i, ) top var(--_g), bottom var(--_i, ) left var(--_g), top var(--_i, ) right var(--_g), right var(--_i, ) bottom var(--_g); filter: grayscale(); transition: .3s linear; } img:hover { --_i: 10%; filter: grayscale(0); } ul, ol { padding: 0; } h1, h2, h3, h4, p, ul, ol, footer p { margin-left: 0rem; margin-right: 0rem; } .cta_sec { margin: auto 2rem; } .scrolltop { position: fixed; width: 45px; height: 45px; z-index: 9999; bottom: 10px; right: 10px; display: none; } div.bannercontainer { position: relative; } img.bannerimage { width: 140px; position: absolute; z-index: 10; left: 20px; top: -14px; } .center { display: inherit; text-align: center; margin: 0; } } @media only screen and (min-width: 1025px) { @keyframes fade { 0% { border-image: linear-gradient(to right, #dd19d7 0%, #fd7402 100%) 1; } 50% { border-image: linear-gradient(to right, #fd7402 0%, #dd19d7 100%) 1; } 100% { border-image: linear-gradient(to right, #dd19d7 0%, #fd7402 100%) 1; } } header { height: 120px; background: #000; top: 0; width: 100%; z-index: 999; border-bottom: 1px solid red; border-image: linear-gradient(90deg, #e414c0 0%, #fe114b 50%, #fe7100 100%) 1; animation-name: fade; animation-duration: 5s; animation-iteration-count: infinite; } div.brand { padding: 2rem 0; margin-left: 3rem; color: #fff; float: left; } div.brand img { height: 50px; aspect-ratio: 9/2; } .hamburger { display: none; } nav { font-size: 1.2rem; } nav ul { left: 3rem; float: right; padding: 0; margin: 1.5rem 2rem 1.5rem 0; } nav ul li { list-style: none; float: left; margin: 5px; padding: 20px 15px; position: relative; } nav ul li a { color: #fff; text-decoration: none; font-size: 1.2rem; font-weight: 600; } nav ul li a:hover { background: linear-gradient(90deg, #e414c0 0%, #fe114b 50%, #fe7100 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; } nav ul li.cta { color: #fff; background: linear-gradient(270deg, #ff233d, #f30884); border-radius: 15px; font-size: 1rem; border: 0; text-align: center; margin: 15px 15px 0; padding: 10px 15px; text-decoration: none; font-weight: 600; transition: .3s; } nav ul li.cta:hover { background: linear-gradient(270deg, #ff6a06, #ff233d); } nav ul li.cta a:hover { color: #fff; background: #fff; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; } .submenu { display: none; position: absolute; background-color: #f9f9f9; left: -55px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; top: 55px; width: 200px; padding: 1rem .25rem; border-radius: 30px; } nav ul li:last-child>ul.submenu { left: -125px; } nav ul li:hover>ul.submenu { display: block; } nav ul.submenu li { padding: 10px; line-height: .5rem; display: block; width: 165px; list-style: none; } nav ul.submenu li a { letter-spacing: 0; } nav ul.submenu a { color: #000; font-size: 1.1rem; } div.module_hero_wrapper ul { font-weight: 600; } .wrapper { margin: 0 auto; max-width: 1200px; } .base { min-height: 400px; margin-bottom: 5rem; } .base-black { min-height: 400px; margin-bottom: -5rem; } div.content { margin: 3rem auto; max-width: 1200px; } div.contentpush { margin: 4rem auto 1rem; max-width: 1200px; } .grid_1 { display: grid; grid-template-columns: 100%; } .grid_2 { display: grid; grid-template-columns: 50% 50%; } .grid_2_75 { display: grid; grid-template-columns: 25% 75%; } .grid_3 { display: grid; grid-template-columns: 33.3% 33.3% 33.3%; } .grid_3_50 { display: grid; grid-template-columns: 50% 25% 25%; } .grid_3_67 { display: grid; grid-template-columns: 67.3% 32.7%; } .grid_3_32 { display: grid; grid-template-columns: 32.7% 67.3%; } .grid_4 { display: grid; grid-template-columns: 25% 25% 25% 25%; } .grid_5 { display: grid; grid-template-columns: 20% 20% 20% 20% 20%; } .gridfloat_25 { width: 22.7%; float: left; } .gridfloat_33 { width: 30.7%; float: left; } .gridfloat_50 { width: 47.7%; float: left; } footer { height: 6rem; } footer ul { background-color: #202226; height: 50px; margin: auto; padding: 1rem 3rem 0 3rem; } footer ul li { list-style: none; margin: 0px; padding: 0px 15px; line-height: 1; } footer ul li.right { float: right; } footer ul li.left { float: left; } footer ul li a { text-decoration: none; font-size: 70%; color: #fff; } footer ul li a:hover { color: #fff; } footer ul.footersocial { background: transparent; padding: 0; } footer ul.footersocial li { float: left; padding: 0 20px 0 0; } .prefooter { background: #000; padding: 6rem 8rem; } .prefooter img.logo { width: 150px; } .prefooter p { color: #fff; font-size: 90%; } ul.footerlinks { background: transparent; margin: 0; padding: 0; } .footerlinks li { float: none; background: transparent; list-style: none; font-size: 1.8rem; margin: 0; padding: .15rem 0; } .footerlinks li a { font-weight: 600; background: linear-gradient(90deg, #e414c0 0%, #fe114b 50%, #fe7100 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; } div.prefooter { border-bottom: 1px solid; border-image: linear-gradient(90deg, #e414c0 0%, #fe114b 50%, #fe7100 100%) 1; animation-name: fade; animation-duration: 5s; animation-iteration-count: infinite; } span.footer { color: #fff; font-size: 70%; } .fright { float: right; } img.error { margin-top: 50px; border-radius: 30px; width: 600px; padding: 0; --_g: 10%/45% 45% no-repeat conic-gradient(#000 0 0); mask: left var(--_i, ) top var(--_g), bottom var(--_i, ) left var(--_g), top var(--_i, ) right var(--_g), right var(--_i, ) bottom var(--_g); filter: grayscale(); transition: .3s linear; } img:hover { --_i: 10%; filter: grayscale(0); } h1, h2, h3, h4, p, ul, ol { margin-left: 6rem; margin-right: 12rem; } footer p { margin-left: 0rem; margin-right: 0rem; } .valign-helper { display: flex; justify-content: center; align-items: center; height: 100%; } .cta_sec { margin: auto 6rem; } .scrolltop { float: right; width: 35px; } div.bannercontainer { position: relative; } img.bannerimage { width: 380px; position: absolute; z-index: 10; left: 200px; top: -32px; } .center { text-align: center; margin: auto; } } div.brand a { color: #fff; } .hide { display: none; } h1 { font-size: 2.5rem; font-weight: 800; text-transform: uppercase; } h1.push { margin: 0 0 5rem 0; } h1.tpush { margin-top: 10rem; } h2 { font-size: 2.3rem; font-weight: 600; } h2.push { margin-bottom: 10rem; } h2.dpush { margin-top: 5rem; margin-bottom: 5rem; } h2.tpush { margin-top: 5rem; } h2.up { text-transform: uppercase; font-size: 1.8rem; } h3 { font-size: 1.9rem; font-weight: 600; } h3.push { margin-bottom: 5rem; } h3.tpush { margin-top: 10rem; } h4 { font-size: 1.5rem; font-weight: 600; } p { line-height: 1.75rem; } .box { padding: 1rem; margin: .5rem; } .clearfix { clear: both; } .boxraw { padding: 0; margin: 0; } small { font-size: 12px; display: contents; } ul, ol { padding: 1rem 1rem; } strong li { padding: 0; } ul strong, ol strong { display: inline; padding: 0; } ul ul, ol ul { padding: 1rem 1rem; margin: 0 1rem; } ol p, ul p { padding: 0rem 1rem; margin: 0 1rem; } li { line-height: 25px; } li.icon { list-style-type: none; margin-bottom: 10px; margin-left: 20px; line-height: 30px; } li.icon::before { content: ''; display: inline-block; vertical-align: bottom; padding: 8px 10px 0 0; height: 15px; width: 15px; background-image: url(../img/icon-list.svg); background-repeat: no-repeat; position: absolute; margin-left: -35px; margin-top: 3px; } .right { text-align: right; } .g6t_1 { background: linear-gradient(50deg, #df19d9, #f5077f) border-box; } .g6t_2 { background: linear-gradient(50deg, #df19d9, #ff4126) border-box; } .g6t_3 { background: linear-gradient(50deg, rgba(234, 16, 172, 1) 0%, rgba(255, 12, 79, 1) 47%, rgba(255, 115, 0, 1) 100%) border-box; } .g6t_4 { background: linear-gradient(50deg, #ff2d37, #ff7302) border-box; } a.cta_pri, .cta_pri { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 30px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border: 0; text-align: center; width: 260px; margin: 0; padding: 20px 0px 20px 20px; text-decoration: none; font-weight: 600; transition: .3s; } a.cta_pri:hover, .cta_pri:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 30px center, left; } .cta_sec { background: #fff; border: double 4px transparent; border-radius: 20px; background-image: linear-gradient(white, white), radial-gradient(circle at top left, #ff233d, #f30884); background-origin: border-box; background-clip: padding-box, border-box; color: #000; cursor: pointer; display: inline-block; font-size: 1rem; text-align: center; width: 200px; padding: 16px; box-shadow: 0px 26px 20px -27px rgba(0, 0, 0, 1); font-weight: 600; } .cta_sec:hover { box-shadow: none; } .cta_bg { background: #000; height: 160px; border-radius: 30px; width: 280px; padding: 8px; font-weight: 600; } #cta_small { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 10px center, left; border: double 4px transparent; border-radius: 10px; color: #fff; cursor: pointer; display: inline-block; font-size: .7rem; border: 0; text-align: center; width: 160px; margin-left: 5px; padding: 10px; text-decoration: none; font-weight: 600; transition: .3s; } .cta_bg span { color: #fff; font-size: 1.5rem; display: block; padding: 15px; margin-bottom: 12px; font-weight: 600; } th, td { vertical-align: top; } ul.social { padding: 0; margin: 0; background: transparent; } ul.social li { background: transparent; list-style: none; float: left; padding: 0px 15px 0 0; } ol li { margin-bottom: 10px; margin-left: 20px; margin-top: 20px; } ol ul, ul ol { margin-bottom: 0px; margin-left: 20px; margin-top: 0px; } .lds-heart, .lds-heart div, .lds-heart div:after, .lds-heart div:before { box-sizing: border-box; } .lds-heart { display: inline-block; position: relative; width: 80px; height: 80px; transform: rotate(45deg); transform-origin: 40px 40px; } .lds-heart div { top: 28px; left: 28px; position: absolute; width: 32px; height: 32px; background: #fff; animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } .lds-heart div:after, .lds-heart div:before { content: " "; position: absolute; display: block; width: 32px; height: 32px; background: #fff; } .lds-heart div:before { left: -24px; border-radius: 50% 0 0 50%; } .lds-heart div:after { top: -24px; border-radius: 50% 50% 0 0; } @keyframes lds-heart { 0% { transform: scale(0.95); } 5% { transform: scale(1.1); } 39% { transform: scale(0.85); } 45% { transform: scale(1); } 60% { transform: scale(0.95); } 100% { transform: scale(0.9); } } .overlay { height: 100%; width: 100%; position: fixed; z-index: 10; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); overflow-x: hidden; transition: 0.5s; display: none; } .overlay-content { position: relative; top: 25%; width: 100%; text-align: center; margin-top: 30px; } .overlay span { padding: 8px; text-decoration: none; font-size: 26px; color: #fff; display: block; transition: 0.3s; } .overlay span:hover, .overlay span:focus { color: #f1f1f1; } @media screen and (max-height: 450px) { .overlay span { font-size: 20px } } ol>li::marker { font-weight: 600; } .icon-right { height: 50px; } img.download { width: 30px; float: right; padding-left: 10px; cursor: pointer; } .codewraptxt { border: 1px solid #ccc; padding: 10px; margin: 10px; border-radius: 10px; background: #f5f5f5; } .codewrapurl { padding: 10px; } code { font-family: 'Courier New', Courier, monospace; font-size: 12px; line-height: 10px; } b.huuuuge { font-size: 3rem; } .tabgrid { display: grid; grid-template-columns: repeat(3, minmax(200px, 1fr)); grid-template-rows: auto 1fr; column-gap: 1rem; } .tabgrid details { display: grid; grid-column: 1 / -1; grid-row: 1 / span 2; grid-template-columns: subgrid; grid-template-rows: subgrid; } .tabgrid summary { grid-column: var(--n) / span 1; grid-row: 1; display: grid; padding: 1rem; border-bottom: 2px solid rgb(255, 30, 244); border-image: linear-gradient(90deg, #e414c0 0%, #fe114b 50%, #fe7100 100%) 1; cursor: pointer; z-index: 1; } .tabgrid details[open] :is(summary, .summary) { font-weight: 600; cursor: default; } .tabgrid details[open] div { z-index: 4; } .tabgrid details::details-content { grid-row: 2; grid-column: 1 / -1; padding: 1rem; } .tabgrid details:not([open])::details-content { display: none; } @media screen and (width < 40em) { .tabgrid { grid-template-columns: repeat(3, minmax(100px, 1fr)); column-gap: .5rem; } .tabgrid summary, .tabgrid details::details-content { padding: .5rem; } } .module_svcheck p, .module_svcheck h2  { margin-left: 0rem; margin-right: 0rem; } .module_svcheck { background: #000; color: #fff; padding: 2rem 0; margin-bottom: 2rem; } .module_svcheck h2 { padding: 1rem 0; color: #fff; } .module_svcheck label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } textarea, input, select { font-weight: 600; border-radius: 15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } textarea { height: 8rem; width: 97.5% } input.contact { position: relative; left: 0px; top: 0px; z-index: 0; width: 85px; -webkit-appearance: none; z-index: 55; } input.contact + label.contact { position: absolute; display: inline; margin: -20px 15px; } input.contact + label.contact::before { width: 15px; height: 15px; border: 2px solid #ff233d; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; z-index: 5; position: relative; } input.contact:checked+label.contact::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #f30884; } .module_svcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_svcheck .padded { margin-right: 10px; margin-left: 10px; } .module_svcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } #svcheck_load { margin: auto; text-align: center; display: none; } #svcheck_load span { display: block; } #svcheck_result { display: none; } #svcheck_result table.module_table td.sv, #svcheck_result table.module_table th.sv { font-size: .8rem; } #svcheck_result table.module_table td, #svcheck_result table.module_table th { padding: 10px; } @media only screen and (min-width: 1025px) { .module_svcheck select { width:33%; } } @media only screen and (max-width: 1024px) { textarea, input, select { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } textarea { height: 8rem; width: 90% } .module_svcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_svcheck .padded { margin-right: 0px; margin-left: 0px; } .module_svcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } } p.highlight { color: #bc0042; } @media only screen and (min-width: 1025px) { div.module-txt-img-left { margin-bottom: 5rem; } div.module-txt-img-left img.visual { border-radius: 30px; max-width: 85%; padding: .4rem; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); margin-top:5rem; } div.module-txt-img-left div.boxraw { padding-left:4rem; } div.module-txt-img-left h1, div.module-txt-img-left h2, div.module-txt-img-left h3, div.module-txt-img-left h4, div.module-txt-img-left p, div.module-txt-img-left ul, div.module-txt-img-left ol, div.module-txt-img-left strong { margin-left: 0rem; margin-right: 0rem; } .module-txt-img-left ul.social { position: relative; padding: 2rem 25px; } } @media only screen and (max-width: 1024px) { div.module-txt-img-left img.visual { border-radius: 30px; width: 99%; padding: 0; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); margin-top: 1rem; } .module-txt-img-left ul.social { position: relative; } } @media only screen and (min-width: 1025px) { table.module_table { width: 1187px; } #contentaudit  th:nth-child(1), #contentaudit  td:nth-child(1) { width: 30%; } #contentaudit th:nth-child(2), #contentaudit td:nth-child(2) { width: 70%; } } @media only screen and (max-width: 1024px) { table.module_table { width: 600px; } #contentaudit th:nth-child(1), #contentaudit td:nth-child(1) { width: 20%; } #contentaudit th:nth-child(2), #contentaudit td:nth-child(2) { width: 80%; } } div.module_publication ul { margin-left: 0rem; margin-right: 0rem; } div.module_publication { background: #fff; border-bottom: 8px solid black; border-top: 8px solid black; margin-bottom: 5rem; padding-bottom: 5px; margin-top: 5rem; position: relative; } div.module_publication ul { height: 90px; padding: 0; } div.module_publication li { float:left; list-style:none; height: 100px; position: relative; display:block; width: 150px; padding: 0 2rem; } div.module_publication li:first-child { margin-left:2rem; } div.module_publication li img { position: absolute; top: 0; bottom: 0; margin: auto; width: 150px; } span.publication { padding:0; margin: 0; font-size: 1rem; font-weight: 600; position: absolute; top: -30px; left: 200px; background: #fff; padding: 15px; } div.overflow { width:100%; overflow-x: hidden; overflow-y: hidden; } div.overflow ul { width:2500px; float:left; cursor: e-resize; } @media only screen and (max-width: 1024px) { div.module_publication div.overflow { overflow-x: scroll; overflow-y: hidden; } div.module_publication div.overflow ul { width: 2650px; } div.module_publication li { float:left; list-style:none; height: 90px; position: relative; display: block; background:#fff; border-radius: 30px; } span.publication { margin: 0; font-size: 1rem; font-weight: 600; position: absolute; top: -30px; left: 30px; background: #fff; padding: 15px; } div.module_publication li:first-child { margin-left:1rem; } } @media only screen and (min-width: 1025px) { #seo_beratung { width: 1186px; } #seo_beratung th { width: 25%; } } @media only screen and (max-width: 1024px) { #seo_beratung { width: 1000px; } #seo_beratung th { width: 25%; } } table.tech_seo { table-layout: fixed; } div.module-box-portfolio { border: 10px solid transparent; border-radius: 30px; padding: 0; } div.module-box-portfolio a { color: #fff; display: block; background: #000; border-radius: 30px; transition: margin-top .3s; font-size: 2.5rem; font-weight: 600; text-decoration:none; } div.module-box-portfolio a:hover { margin-top:1.5rem; } div.module-box-portfolio a span { font-weight: 600; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media only screen and (min-width: 1025px) { div.module-box-portfolio a { font-size: 2.4rem; padding: 4rem 1.3rem 0rem 1.3rem; } div.module-box-portfolio { height: 300px; } div.module-box-portfolio a { height: 200px; } } @media only screen and (max-width: 1024px) { div.module-box-portfolio a { font-size: 1.7rem; padding: 2rem 1rem 0rem 1rem; } div.module-box-portfolio { height: 200px; } div.module-box-portfolio a { height: 120px; } } .slider-container { position: relative; margin: 0 auto; width: 100%; height: 800px; margin-bottom:3rem; } .slider-container .bullet-container { position: absolute; bottom: 10px; width: 100%; display: flex; align-items: center; justify-content: center; } .slider-container .bullet-container .bullet { margin-right: 14px; height: 20px; width: 20px; border-radius: 50%; background-color: blue; opacity: 0.5; } .slider-container .bullet-container .bullet:last-child { margin-right: 0px; } .slider-container .bullet-container .bullet.active { opacity: 1; } .slider-container .slider-content { position: relative; left: 50%; top: 50%; width: 60%; height: 80%; transform: translate(-50%, -50%); } .slider-container .slider-content .slider-single { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; transition: 500ms cubic-bezier(0.17, 0.67, 0.55, 1.43); transform: scale(0); opacity: 0; background: #000; background-image: url("https://onebeyondsearch.com/img/gradient-slider.webp"); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50px; } .slider-container .slider-content .slider-single.preactive { z-index: 1; opacity: 0.1; transform: translateX(-45%) scale(0.7); } .slider-container .slider-content .slider-single.proactive { z-index: 1; opacity: 0.1; transform: translateX(45%) scale(0.7); } .slider-container .slider-content .slider-single.active { z-index: 2; opacity: 1; transform: translateX(0%) scale(1); } .slider-container .slider-left { position: absolute; z-index: 3; display: block; right: 50%; bottom: -80px; color: #ffffff; transform: translateY(-50%); padding: 20px 15px; cursor: pointer; } .slider-container .slider-right { position: absolute; z-index: 3; display: block; left: 50%; bottom: -80px; color: #ffffff; transform: translateY(-50%); padding: 20px 15px; cursor: pointer; } .slider-container .not-visible { display: none !important; } .slider-single p, .slider-single small, .slider-single i, .slider-single img { display: block; color: #fff; text-align: center; margin: 0rem auto; } .slider-single p { font-size: 1rem; margin-top:1rem; } .slider-single i { font-style: italic; margin-top: 2rem; padding: 0 30px; font-size: 1.2rem; line-height: 1.7rem; overflow: auto; height: 250px; margin: 20px 10px; } .slider-single small { font-size: .7rem; } .slider-single img { margin-top:2rem; } img.slider-person { border-radius: 80px; } img.slider-single-image { border-radius: 30px; } @media only screen and (min-width: 1025px) { } @media only screen and (max-width: 1024px) { .slider-container .slider-content .slider-single { border-radius: 50px; } .slider-container .slider-content { position: relative; left: 50%; top: 50%; width: 80%; height: 80%; transform: translate(-50%, -50%); } .slider-container .slider-content .slider-single.preactive { z-index: 1; opacity: 0.1; transform: translateX(-30%) scale(0.7); } .slider-container .slider-content .slider-single.proactive { z-index: 1; opacity: 0.1; transform: translateX(30%) scale(0.7); } .slider-single i { font-size: .9rem; font-style: italic; margin-top: 2rem; line-height: 1.2rem; padding: 0 10px; } img.slider-single-image { border-radius: 20px; width: 100px; } img.slider-person { border-radius: 80px; width: 60px; } .slider-single img { margin-top: 1.5rem; } } .module_author_long img { width: 125px; border-radius: 50%; margin: 25px 0 25px 0; } .module_author_long .box { text-align: center; margin: auto; } .module_author_long p,span { padding: 0; } .module_author_long p { margin: 10px 0px 0px 0px; padding: 0; display:block; } .module_author_long span { font-weight: 600; display:block; } div.author { border-radius: 25px 25px 50px 50px; background: #fff; padding: 1rem 2rem; margin-bottom: 2rem; text-align: center; } @media only screen and (min-width: 1025px) { table.module_table { width: 1187px; } #seoaudit th:nth-child(1), #seoaudit td:nth-child(1) { width: 30%; } #seoaudit th:nth-child(2), #seoaudit td:nth-child(2) { width: 70%; } } @media only screen and (max-width: 1024px) { table.module_table { width: 800px; } #seoaudit th:nth-child(1), #seoaudit td:nth-child(1) { width: 30%; } #seoaudit th:nth-child(2), #seoaudit td:nth-child(2) { width: 70%; } } div.module_table { border-radius: 30px; background-color: #000; padding: 10px; } table.module_table { border-collapse: collapse; width: 99%; } table.module_table th { padding: 15px 20px 20px; font-size: 1.25rem; background: #000; color: #fff; text-align: left; font-weight: 600; } table.module_table td { background: #fff; border: 1px solid #000; padding: 20px; font-size: 1rem; } table.module_table tr:first-child th:first-child { border-top-left-radius: 20px; } table.module_table tr:first-child th:last-child { border-top-right-radius: 20px; } table.module_table tr:last-child td:last-child { border-bottom-right-radius: 20px; } table.module_table tr:last-child td:first-child { border-bottom-left-radius: 20px; } table.module_table ul, table.module_table p { padding: 15px; margin: 0; } @media only screen and (max-width: 1024px) { div.module_table { overflow-x: scroll; overflow-y: hidden; padding:10px; } div.module_table ul { padding: 15px 30px; margin: 0; } div.module_table li { line-height: 20px; font-size: .9rem; } } div.module-destroyer.black{ background:rgb(0, 0, 0); border-bottom: 2px solid #FE213F; border-top: 2px solid #FE213F; } .module-destroyer p, .module-destroyer h2  { margin-left: 0rem; margin-right: 0rem; color: white; } div.module-destroyer a { display: inline-block; color: white; } @media only screen and (min-width: 1025px) { div.module-destroyer div.grid_1 { max-width: 1200px; margin: auto; } div.module-destroyer cite { font-size: 1.5rem; font-weight: 600; display: block; color: white; font-style: normal; } div.module-destroyer div.citebox { padding: 3rem 5rem; } } @media only screen and (max-width: 1024px) { div.module-destroyer cite { font-size: 1.5rem; font-weight: 600; display: block; color: white; font-style: normal; } div.module-destroyer p { font-size: 1rem; } } .module_contact p, .module_contact h2  { margin-left: 0rem; margin-right: 0rem; } .module_contact { background: #000; color: #fff; padding: 2rem 0; margin-bottom: 2rem; } .module_contact h2 { padding: 1rem 0; color: #fff; } .module_contact label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } textarea, input { font-weight: 600; border-radius: 15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } textarea { height: 8rem; width: 97.5% } input.contact { position: relative; left: 0px; top: 0px; z-index: 0; width: 85px; -webkit-appearance: none; z-index: 55; } input.contact + label.contact { position: absolute; display: inline; margin: -20px 15px; } input.contact + label.contact::before { width: 15px; height: 15px; border: 2px solid #ff233d; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; z-index: 5; position: relative; } input.contact:checked+label.contact::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #f30884; } .module_contact .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_contact .padded { margin-right: 10px; margin-left: 10px; } .module_contact .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } @media only screen and (max-width: 1024px) { textarea, input { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } textarea { height: 8rem; width: 90% } .module_contact .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_contact .padded { margin-right: 0px; margin-left: 0px; } .module_contact .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } } table.module_table_seo_ws th:first-child { width:30%; } table.module_table_seo_ws th:nth-child(2) { width:70%; } @media only screen and (min-width: 1025px) { div.module-black-box { position: relative; background: #000; border-radius: 25px; display: block; margin: 0 1rem 1rem 0; padding: 1rem; color: #fff; } img.module-black-box  { border-top-left-radius: 25px; border-top-right-radius: 25px; max-width: 100%; margin: -16px 0px 25px -16px; display: block; position: absolute; } div.module-black-box-txt { margin-top: 110%; } div.module-black-box h1, div.module-black-box h2, div.module-black-box h3, div.module-black-box h4, div.module-black-box p, div.module-black-box ul, div.module-black-box ol, div.module-black-box strong { margin-left: 0rem; margin-right: 0rem; } } @media only screen and (max-width: 1024px) { div.module-black-box { position: relative; background: #000; border-radius: 25px; display: block; margin: 1rem; padding: 1rem; cursor: pointer; color: #fff; } img.module-black-box  { border-top-left-radius: 25px; border-top-right-radius: 25px; max-width: 100%; margin: -16px 0px 25px -16px; display: block; position: absolute; } div.module-black-box-txt { margin-top: 115%; } div.module-black-box h1, div.module-black-box h2, div.module-black-box h3, div.module-black-box h4, div.module-black-box p, div.module-black-box ul, div.module-black-box ol, div.module-black-box strong { margin-left: 0rem; margin-right: 0rem; } } div.module-box-portfolio { border: 10px solid transparent; border-radius: 30px; padding: 0; } div.module-box-portfolio a { color: #fff; display: block; background: #000; border-radius: 30px; transition: margin-top .3s; font-size: 2.5rem; font-weight: 600; text-decoration:none; } div.module-box-portfolio a:hover { margin-top:1.5rem; } div.module-box-portfolio a span { font-weight: 600; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media only screen and (min-width: 1025px) { div.module-box-portfolio a { font-size: 2.5rem; padding: 4rem 1.5rem 0rem 1.5rem; } } @media only screen and (max-width: 1024px) { div.module-box-portfolio a { font-size: 1.7rem; padding: 2rem 1rem 0rem 1rem; } } .module_contact_image p, .module_contact_image h2  { margin-left: 0rem; margin-right: 0rem; } .module_contact_image { background: #000; color: #fff; padding: 2rem 0 1rem 0; margin-bottom: 2rem; } .module_contact_image h2 { color: #fff; margin-bottom: 1rem; padding: 0; } .module_contact_image label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } .module_contact_image .boxdown { margin-bottom: 0; } textarea, input { font-weight: 600; border-radius: 15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } textarea { height: 8rem; width: 97.5% } .module_contact_image p { margin-bottom: 3rem; } .module_contact_image textarea, .module_contact_image input{ width: 90% } input.contact { position: relative; left: 0px; top: 0px; z-index: 0; width: 85px; -webkit-appearance: none; z-index: 55; } input.contact + label.contact { position: absolute; display: inline; margin: -20px 15px; } input.contact + label.contact::before { width: 15px; height: 15px; border: 2px solid #ff233d; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; z-index: 5; position: relative; } input.contact:checked+label.contact::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #f30884; } .module_contact_image .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_contact_image .padded { margin-right: 10px; margin-left: 10px; } .module_contact_image .padded:last-child { margin-right: 0px; padding-right: 0px; } .module_contact_image .cta { margin-top: 50px; } input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } .module_contact_image img { max-width:500px; margin: auto; margin-bottom: -64px; } @media only screen and (max-width: 1024px) { textarea, input { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } textarea { height: 8rem; width: 90% } .module_contact_image .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_contact_image .padded { margin-right: 0px; margin-left: 0px; } .module_contact_image .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } div.module_contact_image div.box { order: 2; } div.module_contact_image div.boxraw { order: 1; } .module_contact_image img { max-width:90%; margin-bottom: 0px; } .hl_large { display: none; } } .module-cite p, .module-cite h2  { margin-left: 0rem; margin-right: 0rem; } @media only screen and (min-width: 1025px) { div.module-cite { background: #e4e6ea; margin-top: 4rem; } div.module-cite div.grid_3_32 { max-width: 1200px; margin: auto; } div.module-cite img.visual { filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); position: absolute; bottom: -7px; } div.module-cite cite { font-size: 2.2rem; font-weight: 600; background: linear-gradient(-90deg, #FE0C54 10%, #E116CD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; } div.module-cite div.citebox { padding: 3rem 3rem; } div.module-cite img.icon-quote { width: 90px; position: absolute; top: -51px; left: -70px; } div.module-cite .box { position: relative; } } @media only screen and (max-width: 1024px) { div.module-cite { background: #fff; margin-top: 4rem; } div.module-cite img.visual { width: 90%; padding: 0; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); margin: auto; display: block; margin-bottom: -33px; } div.module-cite cite { font-size: 1.5rem; font-weight: 600; background: linear-gradient(-90deg, #FE0C54 10%, #E116CD 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; } div.box-grey { background: #e4e6ea; } div.module-cite p { font-size: 1rem; } div.module-cite img.icon-quote { width: 70px; display: block; position: absolute; left: 41%; bottom:-40px; z-index:1; } div.module-cite .box { position: relative; } div.citebox { padding-top:1.5rem; } } .module_contact_image p, .module_contact_image h2  { margin-left: 0rem; margin-right: 0rem; } .module_contact_image { background: #000; color: #fff; padding: 2rem 0 1rem 0; margin-bottom: 2rem; } .module_contact_image h2 { color: #fff; margin-bottom: 1rem; padding: 0; } .module_contact_image label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } .module_contact_image .boxdown { margin-bottom: 0; } textarea, input { font-weight: 600; border-radius: 15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } textarea { height: 8rem; width: 97.5% } .module_contact_image p { margin-bottom: 3rem; } .module_contact_image textarea, .module_contact_image input{ width: 90% } input.contact { position: relative; left: 0px; top: 0px; z-index: 0; width: 85px; -webkit-appearance: none; z-index: 55; } input.contact + label.contact { position: absolute; display: inline; margin: -20px 15px; } input.contact + label.contact::before { width: 15px; height: 15px; border: 2px solid #ff233d; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; z-index: 5; position: relative; } input.contact:checked+label.contact::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #f30884; } .module_contact_image .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_contact_image .padded { margin-right: 10px; margin-left: 10px; } .module_contact_image .padded:last-child { margin-right: 0px; padding-right: 0px; } .module_contact_image .cta { margin-top: 50px; } input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } .module_contact_image img { max-width:500px; margin: auto; margin-bottom: -64px; } @media only screen and (max-width: 1024px) { textarea, input { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } textarea { height: 8rem; width: 90% } .module_contact_image .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_contact_image .padded { margin-right: 0px; margin-left: 0px; } .module_contact_image .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } div.module_contact_image div.box { order: 2; } div.module_contact_image div.boxraw { order: 1; } .module_contact_image img { max-width:90%; margin-bottom: 0px; } .hl_large { display: none; } } div.module-box-2 { border-radius: 30px 30px 50px 50px; padding: .5rem; margin: 1rem .3rem; } div.module-box-2:first-child { margin-left:.3rem; } div.module-box-2:last-child { margin-right:.3rem; } div.module-box-2 div { border-radius: 25px 25px 50px 50px; background: #fff; padding: 1rem 2rem; margin-bottom:2rem; } div.module-box-2 h1, div.module-box-2 h2, div.module-box-2 h3, div.module-box-2 h4, div.module-box-2 p, div.module-box-2 ul, div.module-box-2 ol { margin-left: 0rem; margin-right: 0rem; } .module-offer p, .module-offer h2  { margin-left: 0rem; margin-right: 0rem; } div.module-offer p { font-size:1.3rem; } @media only screen and (min-width: 1025px) { div.module-offer { background: linear-gradient(270deg, #ff233d, #f30884); margin-top: 4rem; margin-bottom: 3rem; color:#fff; padding-bottom:3rem; border-radius:30px; } div.module-offer .box { padding: 1rem 2rem; } } @media only screen and (max-width: 1024px) { div.module-offer { background: linear-gradient(270deg, #ff233d, #f30884); margin-top: 4rem; margin-bottom: 3rem; color:#fff; padding-bottom:3rem; border-radius:30px; } } .module_cosinesim_de p, .module_cosinesim_de h2  { margin-left: 0rem; margin-right: 0rem; } .module_cosinesim_de { background: #000; color: #fff; padding: 2rem 0; margin-bottom: 2rem; } .module_cosinesim_de h2 { padding: 1rem 0; color: #fff; } .module_cosinesim_de label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } .module_cosinesim_de textarea, .module_cosinesim_de input, .module_cosinesim_de select { font-weight: 600; border-radius: 15px; display: block; width: 97%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } .module_cosinesim_de textarea { height: 8rem; } .module_cosinesim_de .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_cosinesim_de .padded { margin-right: 10px; margin-left: 10px; } .module_cosinesim_de .padded:last-child { margin-right: 0px; padding-right: 0px; } .module_cosinesim_de input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 300px; margin: 0; padding-left: 40px; } .module_cosinesim_de input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } .module_cosinesim_de #cosinesimilarity_de_load { margin: auto; text-align: center; display: none; } .module_cosinesim_de #cosinesimilarity_de_load span { display: block; } .module_cosinesim_de #cosinesimilarity_de_result { display: none; } .module_cosinesim_de #cosinesimilarity_de_result table.module_table td.sv, .module_cosinesim_de #cosinesimilarity_de_result table.module_table th.sv { font-size: .8rem; } .module_cosinesim_de #cosinesimilarity_de_result table.module_table td, .module_cosinesim_de #cosinesimilarity_de_result table.module_table th { padding: 10px; } #obs_cosinesimilarity_de_text1, #obs_cosinesimilarity_de_text2 { width: 90%; height: 300px; } #obs_cosinesimilarity_de_text1 { width: 90%; } #obs_cosinesimilarity_de_text2 { width: 90%; float: right; } #obs_cosinesimilarity_de_text2+label { float: right; } .module_cosinesim_de .relative { position: relative; } .module_cosinesim_de .versus { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px; background-color: #de19d9; border-radius: 50%; color: #fff; } .module_cosinesim_de .versus span { font-size: 40px; font-weight: 600; display: inline-block; color: #fff; margin: 26px; } #cosinesimilarity_de_txt2txt_res1, #cosinesimilarity_de_txt2txt_res2 { color: #de19d9; font-size: 2.5rem; position: absolute; background:#fff; font-weight: 600; } #cosinesimilarity_de_txt2txt_res1 { bottom: 35px; left: 40%; } #cosinesimilarity_de_txt2txt_res2 { bottom: 35px; right: 2%; } .pulse-text { animation: pulse 1s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @media only screen and (min-width: 1025px) { .module_cosinesim_de select { width:33%; } } @media only screen and (max-width: 1024px) { .module_cosinesim_de textarea, .module_cosinesim_de input, .module_cosinesim_de select { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } .module_cosinesim_de textarea { height: 8rem; width: 90% } .module_cosinesim_de .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_cosinesim_de .padded { margin-right: 0px; margin-left: 0px; } .module_cosinesim_de .padded:last-child { margin-right: 0px; padding-right: 0px; } .module_cosinesim_de input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } #cosinesimilarity_de_txt2txt_res1 { bottom: 449px; left: 86%; } #cosinesimilarity_de_txt2txt_res2 { bottom: 35px; right: 3%; } } @media only screen and (min-width: 1025px) { #table_international { width: 1187px; } #table_international th { width: 25%; } } @media only screen and (max-width: 1024px) { #table_international { width: 1000px; } #table_international th { width: 25%; } } p.highlight { color: #bc0042; } @media only screen and (min-width: 1025px) { div.module-txt-img-right { margin-bottom: 5rem; } div.module-txt-img-right img.visual { border-radius: 30px; max-width: 85%; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); margin: 5rem 3rem 0; } div.module-txt-img-right .boxraw { padding-right:2rem; } div.module-txt-img-right h1, div.module-txt-img-right h2, div.module-txt-img-right h3, div.module-txt-img-right h4, div.module-txt-img-right p, div.module-txt-img-right ul, div.module-txt-img-right ol, div.module-txt-img-right strong { margin-left: 0rem; margin-right: 0rem; } .module-txt-img-right ul.social { position: relative; padding: 2rem 25px; } } @media only screen and (max-width: 1024px) { div.module-txt-img-right img.visual { border-radius: 30px; width: 99%; padding: 0; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); margin-top: 1rem; } div.module-txt-img-right div.boxraw { order: 2; } div.module-txt-img-right div.boxplain { order: 1; } .module-txt-img-right ul.social { position: relative; } } div.module_hero_wrapper h1, div.module_hero_wrapper h2, div.module_hero_wrapper h3, div.module_hero_wrapper h4, div.module_hero_wrapper p, div.module_hero_wrapper ul, div.module_hero_wrapper ol { margin-left: 0rem; margin-right: 0rem; } @media only screen and (min-width: 1025px) { div.module_hero { background-color: #000; height: 690px; position: relative; text-align: center; width:100%; overflow:hidden; top:-2px; } div.module_hero img { position: relative; width: 100%; object-fit: cover; } div.module_hero_wrapper div.strong h1 { color: #fff; font-size: 4rem; text-transform: uppercase; margin-left: 0; line-height: initial; width: 1200px; } div.module_hero_wrapper div.strong { color: #fff; font-size: 1.2rem; line-height: 1.7rem; display: block; width: 70%; position: absolute; top: -550px; font-weight: 200; } div.module_hero_wrapper div.strong:not(:has(ul)) { top: -330px; } div.module_hero_wrapper div.strong:not(:has(ul)) h1 { margin-bottom: .5rem; } div.module_hero_wrapper { margin: 0 auto; max-width: 1200px; position: relative; } .cta_bg_hero { position: sticky; margin-top: -140px; left: 0; top: 30px; float: right; margin-right: 50px; z-index: 900; } .cta_bg_hero a.cta_pri:hover, .cta_bg_hero .cta_pri:hover { margin-top: -10px; background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 30px center, left; } .close-icon { float: right; width: 25px; padding-right: 10px; padding-top: 10px; cursor: pointer; } span.fancy { font-size: 2rem; } } @media only screen and (max-width: 1024px) { div.module_hero { background-color: #000; height: 187px; position: relative; text-align: center; width:100%; overflow:hidden; top:-2px; } div.module_hero img { position: relative; width: 100%; object-fit: cover; } div.module_hero_wrapper { margin: 1rem; } div.module_hero_wrapper h1 { color: #000; font-size: 2rem; text-transform: uppercase; padding-top: 2rem; } div.module_hero_wrapper div.strong { color: #000; font-size: 1.2rem; line-height: 1.9rem; display: block; width: 95%; font-weight: 300; } .cta_bg_hero { margin: 2rem auto 4rem; } .close-icon { display: none; } } div.module_customer_wall { background: #e4e6ea; margin: 3rem 0; } div.module_customer_wall ul { padding: 0; } @media only screen and (min-width: 1025px) { div.module_customer_wall ul { width: 1300px; display: grid; gap: 30px; grid-template-columns: auto auto auto auto auto auto; margin: auto; padding: 50px 0; } div.module_customer_wall h4 { padding-top: 4rem; font-size: 2.5rem; font-weight: 600; } div.module_customer_wall li { float:left; list-style:none; height: 120px; position: relative; display: block; width: 180px; background:#fff; border-radius: 30px; } div.module_customer_wall li img { position: absolute; top: 0; bottom: 0; margin: auto; padding: 15%; width: 125px; } } @media only screen and (max-width: 1024px) { div.module_customer_wall ul { display: grid; gap: 20px; grid-template-columns: auto auto; margin: auto; padding: 20px 0; width:92%; } div.module_customer_wall li { float:left; list-style:none; height: 120px; position: relative; display: block; width: 160px; background:#fff; border-radius: 30px; } div.module_customer_wall li img { position: absolute; top: 0; bottom: 0; margin: auto; padding: 10%; width: 125px; } } table.decision { table-layout: fixed; } table.decision th:nth-child(1), table.decision td:nth-child(1) { width: 40%; } table.decision th:nth-child(2), table.decision td:nth-child(2) { width: 20%; } table.decision th:nth-child(3), table.decision td:nth-child(3) { width: 20%; } table.decision th:nth-child(4), table.decision td:nth-child(4) { width: 20%; } .module_rankingcheck p, .module_rankingcheck h2  { margin-left: 0rem; margin-right: 0rem; } .module_rankingcheck { background: #000; color: #fff; padding: 2rem 0; margin-bottom: 2rem; } .module_rankingcheck h2 { padding: 1rem 0; color: #fff; } .module_rankingcheck label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } td.rank_ai ol { margin: 0; } td.rank_ai li { margin: 10px; } textarea, input, select { font-weight: 600; border-radius: 15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } textarea { height: 8rem; width: 97.5% } input.contact { position: relative; left: 0px; top: 0px; z-index: 0; width: 85px; -webkit-appearance: none; z-index: 55; } input.contact + label.contact { position: absolute; display: inline; margin: -20px 15px; } input.contact + label.contact::before { width: 15px; height: 15px; border: 2px solid #ff233d; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; z-index: 5; position: relative; } input.contact:checked+label.contact::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #f30884; } .module_rankingcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_rankingcheck .padded { margin-right: 10px; margin-left: 10px; } .module_rankingcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } #rankingcheck_load { margin: auto; text-align: center; display: none; } #rankingcheck_load span { display: block; } #rankingcheck_result { display: none; } #rankingcheck_result table.module_table td.sv, #rankingcheck_result table.module_table th.sv { font-size: .8rem; } #rankingcheck_result table.module_table td, #rankingcheck_result table.module_table th { padding: 10px; } #obs_ranking_table th { width:25%; } #obs_ranking_table th:first-child, #obs_ranking_table td:nth-child(1){ width:1%; } @media only screen and (min-width: 1025px) { .module_rankingcheck select { width: 33%; } } @media only screen and (max-width: 1024px) { textarea, input, select { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } textarea { height: 8rem; width: 90% } .module_rankingcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_rankingcheck .padded { margin-right: 0px; margin-left: 0px; } .module_rankingcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } } @media only screen and (min-width: 1025px) { table.module_table { width: 1187px; } #social_seo th:nth-child(1), #social_seo td:nth-child(1) { width: 20%; } #social_seo th:nth-child(2), #social_seo td:nth-child(2) { width: 40%; } #social_seo th:nth-child(3), #social_seo td:nth-child(3) { width: 40%; } } @media only screen and (max-width: 1024px) { table.module_table { width: 1000px; } #social_seo th:nth-child(1), #social_seo td:nth-child(1) { width: 20%; } #social_seo th:nth-child(2), #social_seo td:nth-child(2) { width: 40%; } #social_seo th:nth-child(3), #social_seo td:nth-child(3) { width: 40%; } } @media only screen and (min-width: 1025px) { table.module_table { width: 1187px; } #schulungsangebote th:nth-child(1), #schulungsangebote td:nth-child(1) { width: 30%; } #schulungsangebote th:nth-child(2), #schulungsangebote td:nth-child(2) { width: 70%; } } @media only screen and (max-width: 1024px) { table.module_table { width: 1000px; } #schulungsangebote th:nth-child(1), #schulungsangebote td:nth-child(1) { width: 30%; } #schulungsangebote th:nth-child(2), #schulungsangebote td:nth-child(2) { width: 70%; } } div.module-related { background: #eeeeee; border-radius: 30px; padding: 0; position: relative; height: 400px; } div.shrinker { position: absolute; padding: 0; height: 350px; transition: padding-top .3s; } div.module-related img.chevron { bottom: -30px; position: absolute; transition: .3s; right: 1rem; } div.shrinker:hover { padding-top: 1rem; padding-bottom: 0rem; } div.shrinker:hover img.chevron { bottom: 0px; position: absolute; right: 1rem; } div.module-related img.visual { border-radius: 30px; max-width: 95%; padding: .4rem; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); } div.module-related p { padding: 0 2rem; } div.module-related h1, div.module-related h2, div.module-related h3, div.module-related h4, div.module-related p, div.module-related ul, div.module-related ol { margin-left: 0rem; margin-right: 0rem; } .module_svcheck p, .module_svcheck h2  { margin-left: 0rem; margin-right: 0rem; } .module_svcheck { background: #000; color: #fff; padding: 2rem 0; margin-bottom: 2rem; } .module_svcheck h2 { padding: 1rem 0; color: #fff; } .module_svcheck label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } textarea, input, select { font-weight: 600; border-radius: 15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } textarea { height: 8rem; width: 97.5% } input.contact { position: relative; left: 0px; top: 0px; z-index: 0; width: 85px; -webkit-appearance: none; z-index: 55; } input.contact + label.contact { position: absolute; display: inline; margin: -20px 15px; } input.contact + label.contact::before { width: 15px; height: 15px; border: 2px solid #ff233d; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; z-index: 5; position: relative; } input.contact:checked+label.contact::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #f30884; } .module_svcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_svcheck .padded { margin-right: 10px; margin-left: 10px; } .module_svcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } #svcheck_load { margin: auto; text-align: center; display: none; } #svcheck_load span { display: block; } #svcheck_result { display: none; } #svcheck_result table.module_table td.sv, #svcheck_result table.module_table th.sv { font-size: .8rem; } #svcheck_result table.module_table td, #svcheck_result table.module_table th { padding: 10px; } @media only screen and (min-width: 1025px) { .module_svcheck select { width:33%; } } @media only screen and (max-width: 1024px) { textarea, input, select { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } textarea { height: 8rem; width: 90% } .module_svcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_svcheck .padded { margin-right: 0px; margin-left: 0px; } .module_svcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } } div.module-related-4 { background: #eeeeee; border-radius: 30px; padding: 0; position: relative; height: 400px; } div.shrinker { position: absolute; padding: 0; height: 350px; transition: padding-top .3s; } div.module-related-4 img.chevron { bottom: -30px; position: absolute; transition: .3s; right: 1rem; } div.shrinker:hover { padding-top: 1rem; padding-bottom: 0rem; } div.shrinker:hover img.chevron { bottom: 0px; position: absolute; right: 1rem; } div.module-related-4 img.visual { border-radius: 30px; max-width: 95%; padding: .4rem; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); } div.module-related-4 p { padding: 0 2rem; } div.module-related-4 h1, div.module-related-4 h2, div.module-related-4 h3, div.module-related-4 h4, div.module-related-4 p, div.module-related-4 ul, div.module-related-4 ol { margin-left: 0rem; margin-right: 0rem; } .module_cosine_similarity_allianz_de p, .module_cosine_similarity_allianz_de h2  { margin-left: 0rem; margin-right: 0rem; } .module_cosine_similarity_allianz_de { background: #000; color: #fff; padding: 2rem 0; margin-bottom: 2rem; } .module_cosine_similarity_allianz_de h2 { padding: 1rem 0; color: #fff; } .module_cosine_similarity_allianz_de label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } .module_cosine_similarity_allianz_de textarea, .module_cosine_similarity_allianz_de input, .module_cosine_similarity_allianz_de select { font-weight: 600; border-radius: 15px; display: block; width: 97%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } .module_cosine_similarity_allianz_de textarea { height: 8rem; } .module_cosine_similarity_allianz_de .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_cosine_similarity_allianz_de .padded { margin-right: 10px; margin-left: 10px; } .module_cosine_similarity_allianz_de .padded:last-child { margin-right: 0px; padding-right: 0px; } .module_cosine_similarity_allianz_de input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } .module_cosine_similarity_allianz_de input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } .module_cosine_similarity_allianz_de #cosine_similarity_allianz_de_load { margin: auto; text-align: center; display: none; } .module_cosine_similarity_allianz_de #cosine_similarity_allianz_de_load span { display: block; } .module_cosine_similarity_allianz_de #cosine_similarity_allianz_de_result { display: none; } .module_cosine_similarity_allianz_de #cosine_similarity_allianz_de_result table.module_table td.sv, .module_cosine_similarity_allianz_de #cosine_similarity_allianz_de_result table.module_table th.sv { font-size: .8rem; } .module_cosine_similarity_allianz_de #cosine_similarity_allianz_de_result table.module_table td, .module_cosine_similarity_allianz_de #cosine_similarity_allianz_de_result table.module_table th { padding: 10px; } @media only screen and (min-width: 1025px) { .module_cosine_similarity_allianz_de select { width:33%; } } @media only screen and (max-width: 1024px) { .module_cosine_similarity_allianz_de textarea, .module_cosine_similarity_allianz_de input, .module_cosine_similarity_allianz_de select { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } .module_cosine_similarity_allianz_de textarea { height: 8rem; width: 90% } .module_cosine_similarity_allianz_de .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_cosine_similarity_allianz_de .padded { margin-right: 0px; margin-left: 0px; } .module_cosine_similarity_allianz_de .padded:last-child { margin-right: 0px; padding-right: 0px; } .module_cosine_similarity_allianz_de input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } } .process { width: 35px; margin-bottom: 3px; } @media only screen and (min-width: 1025px) { #module_table_seo_beratung_prj { width: 1186px; } #module_table_seo_beratung_prj th { width: 25%; } } @media only screen and (max-width: 1024px) { #module_table_seo_beratung_prj { width: 1000px; } #module_table_seo_beratung_prj th { width: 25%; } } @media only screen and (min-width: 1025px) { div.module_table { width: 1187px; } table.module_table th, 	table.module_table td { width: 50%; } } @media only screen and (max-width: 1024px) { div.module_table { } table.module_table th, 	table.module_table td { width: 50%; } } table.module_table { width: 1187px; } #relaunch_beratung th, #relaunch_beratung td { width: 33.33333%; } @media only screen and (max-width: 1024px) { table.module_table { width: 1000px; } #relaunch_beratung th, #relaunch_beratung td { width: 33.33333%; } } ul.module-tab-box img.icon { width:35px; } ul.social li { background: transparent; list-style: none; float: left; padding: 0px 15px 0 0; } @media only screen and (min-width: 1025px) { ul.module-tab-box { padding: 0; margin: 0; position: relative; height: 1000px; } ul.module-tab-box-element { padding: 0; } li.module-tab-box { list-style: none; background: #e5e5e5; border-radius: 25px; display: block; margin: 0 1rem 1rem 0; padding: 1rem; cursor: pointer; } li.module-tab-box.active { color:#fff; background: #000; } ul.module-tab-box img { width: 75px; border-radius: 50%; } ul.module-tab-box span { display: block; float: right; width: 75%; height: 65px; padding-top: 1rem; } ul.module-tab-box small { font-size: 14px; } li.module-tab-box-element { height: 1000px; border-radius: 25px; right: -900px; top: 0; left: 400px; border-radius: 25px; display: block; position: absolute; padding: 0; width: 790px; background-position: 0px -40px; } li.module-tab-box-element div { background: #000; border-radius: 0 0 25px 25px; padding: 5%; width: 90%; position: absolute; bottom: 0; height: 324px; color: #fff; } li.module-tab-box-element p { padding: 1rem 0; } li.module-tab-box ul strong { font-size: 2.2rem; margin-bottom: 2rem; background: linear-gradient(90deg, #e315c7, #fe2141); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } ul.social { padding: 0; margin: 0; position: absolute; bottom: 25px; right: 25px; } li.module-tab-box h1, li.module-tab-box h2, li.module-tab-box h3, li.module-tab-box h4, li.module-tab-box p, li.module-tab-box ul, li.module-tab-box ol, li.module-tab-box strong { margin-left: 0rem; margin-right: 0rem; } } @media only screen and (max-width: 1024px) { ul.module-tab-box { padding: 0; margin: 0; } li.module-tab-box { list-style: none; background: #e5e5e5; border-radius: 25px; display: block; margin: 1rem 0; padding: 1rem; cursor: pointer; } li.module-tab-box.active { color:#fff; background: #000; } ul.module-tab-box img { width: 75px; border-radius: 50%; float: left; } ul.module-tab-box span { display: block; width: 70%; height: 65px; padding-top: 1rem; padding-left: 6rem; } ul.module-tab-box small { font-size: 14px; } ul.module-tab-box-element { padding: 0; margin: 20px -16px; } li.module-tab-box-element { background-size: 350px; height: 750px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; padding: 0; list-style: none; position: relative; background-position: center top; } li.module-tab-box-element div { background: #000; border-radius: 0 0 25px 25px; padding: 5%; width: 90%; position: absolute; bottom: 0; color: #fff; height: 400px; } li.module-tab-box ul strong { font-size: 1.5rem; margin-bottom: 2rem; background: linear-gradient(90deg, #e315c7, #fe2141); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } li.module-tab-box div p { font-size: 1rem; line-height: 1.4rem; } ul.social { padding: 0; margin: 0; bottom: -15px; right: 5px; position: absolute; } li.module-tab-box p { padding: 0; margin: 1rem 0; } } div.module_customer ul { margin-left: 0rem; margin-right: 0rem; } div.module_customer { background: #e4e6ea; } div.module_customer ul { height: 250px; padding: 0; } div.module_customer li img { position: absolute; top: 0; bottom: 0; margin: auto; padding: 15%; width: 125px; } h5.publication { padding:0; margin: 0; } @media only screen and (min-width: 1025px) { div.module_customer ul { height: 200px; padding: 0; width: 1500px; } div.module_customer span { padding-top: 4rem; font-size: 2.5rem; font-weight: 600; } div.module_customer li { float:left; list-style:none; height: 120px; position: relative; display: block; width: 180px; background:#fff; border-radius: 30px; margin:0rem 1.5rem; } div.module_customer li:first-child { margin-left: 3rem; } div.module_customer_content { margin: 3rem auto; max-width: 1200px; } div.module_customer div.overflow { overflow-x: hidden; overflow-y: hidden; } } @media only screen and (max-width: 1024px) { div.module_customer div.overflow ul { width: 1500px; } div.module_customer ul { height:200px; padding:0; } div.module_customer span { padding-top: 2rem; font-size: 1.5rem; font-weight: 600; } div.module_customer li { float:left; list-style:none; height: 120px; position: relative; display: block; width: 180px; background:#fff; border-radius: 30px; margin:2rem .5rem; } div.module_customer li:first-child { margin-left: 3.5rem; } div.module_customer_content { margin: 1rem auto; max-width: 90%; } div.module_customer div.overflow { overflow-x: scroll; overflow-y: hidden; } } .ocontainer { max-width:1400px; margin: auto;} div.module_faq { margin-bottom: 1rem; background: #e4e6ea; border-radius: 30px; } div.module_faq p { margin-left: 0rem; margin-right: 0rem; } div.module_faq h5 { font-size: 1.6rem; } div.module_faq ul li { padding: .3rem; } div.module_faq input, div.module_faq div { display: none; } div.module_faq input[type=checkbox]:checked ~ div { display: block; padding: 0rem 7rem 2rem 4rem;; background: #e4e6ea; color: #000; border-radius: 30px; line-height: 1.75rem; } div.module_faq input[type=checkbox]:checked ~ div > div { display: block; } div.module_faq label { cursor: pointer; background: #000; display: block; position: relative; left: 0px; color: #fff; padding: 30px 60px 30px 30px; font-size: 1.4rem; font-weight: 600; border-radius: 30px; } div.module_faq label:hover { color:#fff; } div.module_faq input[type=checkbox]:checked~label{ background: #e4e6ea; color: #000; } div.module_faq h3 { margin-top: 10px; font-size: .8em; } img.module_faq-chevron { position: absolute; right: 2rem; top: 1.7rem; } div.module_faq input[type=checkbox]:checked~label .module_faq-chevron { rotate: 180deg; } span.module_faq_bestseller { font-size: 1rem; padding: 10px; border-radius: 15px; background: #ff0059; color: #fff; margin-left: 2rem; font-weight: 600; position: absolute; right: 90px; top: 23px; } div.module_faq ul, div.module_faq ol { margin-left: 1rem; margin-right: 1rem; } @media only screen and (max-width: 1024px) { div.module_faq input[type=checkbox]:checked ~ div { display: block; padding: 0 2rem 2rem 2rem; background: #e4e6ea; color: #000; border-radius: 30px; } span.module_faq_bestseller { font-size: .7rem; padding: 8px; border-radius: 12px; background: #ff0059; color: #fff; right: 30px; font-weight: 600; top: -14px; position: absolute; } } .module-flow p, .module-flow h2, .module-flow h3, .module-flow h4, .module-flow ul, .module-flow ol { margin: 0; padding: 0; } div.arcrow p { margin-top: 20px; } div.arcrow ul, div.arcrow ol  { margin: 20px; } @media only screen and (min-width: 1025px) { .arcrow { display: grid; grid-template-columns: 40% 250px 40%; } .module-flow div.box { min-height: 200px; } .arc { position: relative; } .arc-center { display: block; box-sizing: border-box; border-radius: 100%; width: 100px; height: 100px; position: absolute; padding: 0; left: 75px; top: 35px; border: 20px solid black; background: #fff border-box; transition: all 1s; } .arc-center-active { width: 150px; height: 150px; position: absolute; padding: 0; margin: 0; left: 50px; top: 10px; border: 20px solid transparent; } .arc-center-active-01 { background: linear-gradient(180deg, #e414c0 0%, #e414c0 60%, #fe114b 100%) border-box; } .arc-center-active-02 { background: #fe114b 100%; } .arc-center-active-03 { background: linear-gradient(180deg, #fe114b 0%, #fe7100 40%, #fe7100 100%) border-box; } .arc-center strong { font-weight: 600; display: block; text-align: center; font-size: 2rem; width: 60px; height: 60px; background: #fff; border-radius: 100%; position: absolute; left: 0; transition: all 1s; } .arc-center-active strong { font-weight: 600; display: block; text-align: center; font-size: 3rem; width: 110px; height: 110px; background: #fff; border-radius: 100%; position: absolute; left: 0; } .arc-center strong span { display: block; padding-top: 8px; transition: all 1s; } .arc-center-active strong span { display: block; padding-top: 22px; transition: all 1s; } .arc-line-black { display: block; background: linear-gradient(180deg, #000 0%, #000 50%, #000 100%) border-box; width: 20px; position: absolute; height: 270px; left: 114px; top: 100px; } .arc-line-grad { display: block; background: #fe114b border-box; width: 20px; position: absolute; height: 0px; left: 114px; top: 100px; transition: all 2s; } } @media only screen and (max-width: 1024px) { .arcrow { display: grid; grid-template-columns: 100%; } .module-flow div.box { min-height: 200px; } .arc { position: relative; } .arc-center { display: block; box-sizing: border-box; border-radius: 100%; width: 80px; height: 80px; position: absolute; padding: 0; top: 0px; left: 0px; border: 20px solid black; margin: auto; transition: all 1s; } .arc-center-active { width: 100px; height: 100px; position: absolute; padding: 0; top: -10px; left: -10px; margin: auto; border: 20px solid transparent; } .arc-center-active-01 { background: linear-gradient(180deg, #e414c0 0%, #e414c0 60%, #fe114b 100%) border-box; } .arc-center-active-02 { background: #fe114b border-box; } .arc-center-active-03 { background: linear-gradient(180deg, #fe114b 0%, #fe114b 40%, #fe7100 100%) border-box; } .arc-center strong { font-weight: 600; display: block; text-align: center; font-size: 1rem; width: 40px; height: 40px; background: #fff; border-radius: 100%; position: absolute; left: 0; transition: all 1s; } .arc-center-active strong { font-weight: 600; display: block; text-align: center; font-size: 2rem; width: 60px; height: 60px; background: #fff; border-radius: 100%; position: absolute; left: 0; } .arc-center strong span { display: block; padding-top: 10px; transition: all 1s; } .arc-center-active strong span { display: block; padding-top: 9px; transition: all 1s; } .arc-line-black { display: block; background: #000 border-box; width: 20px; position: absolute; height: 570px; top: 75px; left: 29px; } .arc-line-grad { display: block; background: #fe114b border-box; width: 20px; position: absolute; height: 0px; top: 75px; left: 29px; transition: all 2s; } .arc-line-grad-active { display: block; background: #fe114b border-box; width: 20px; position: absolute; height: 570px; top: 75px; left: 29px; transition: all 6s; } .arcrow div.boxplain { order: 1; min-height:80px; } .arcrow div.box { order: 2; margin-left: 3rem; } div.box:not(:has(*)) { display: none; } } .module_table td:nth-child(1) { width: 10%; } .module_table td:nth-child(2) { width: 10%; } .module_table td:nth-child(3) { width: 15%; } .module_table td:nth-child(4) { width: 10%; } .module_table td:nth-child(5) { width: 10%; } .module_table td:nth-child(6) { width: 10%; } .module_table td:nth-child(7) { width: 10%; } .module_table td:nth-child(7) { width: 10%; } .module_table td:nth-child(8) { width: 15%; } .module_rankingcheck p, .module_rankingcheck h2  { margin-left: 0rem; margin-right: 0rem; } .module_rankingcheck { background: #000; color: #fff; padding: 2rem 0; margin-bottom: 2rem; } .module_rankingcheck h2 { padding: 1rem 0; color: #fff; } .module_rankingcheck label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } td.rank_ai ol { margin: 0; } td.rank_ai li { margin: 10px; } textarea, input, select { font-weight: 600; border-radius: 15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } textarea { height: 8rem; width: 97.5% } input.contact { position: relative; left: 0px; top: 0px; z-index: 0; width: 85px; -webkit-appearance: none; z-index: 55; } input.contact + label.contact { position: absolute; display: inline; margin: -20px 15px; } input.contact + label.contact::before { width: 15px; height: 15px; border: 2px solid #ff233d; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; z-index: 5; position: relative; } input.contact:checked+label.contact::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #f30884; } .module_rankingcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_rankingcheck .padded { margin-right: 10px; margin-left: 10px; } .module_rankingcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } #alsoasked_load { margin: auto; text-align: center; display: none; } #alsoasked_load span { display: block; } #alsoasked_result { display: none; } #alsoasked_result table.module_table td.sv, #alsoasked_result table.module_table th.sv { font-size: .8rem; } #alsoasked_result table.module_table td, #alsoasked_result table.module_table th { padding: 10px; } #obs_alsoasked_table th { width:25%; } #obs_alsoasked_table th:first-child, #obs_alsoasked_table td:nth-child(1){ width:1%; } @media only screen and (min-width: 1025px) { .module_rankingcheck select { width: 33%; } } @media only screen and (max-width: 1024px) { textarea, input, select { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } textarea { height: 8rem; width: 90% } .module_rankingcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_rankingcheck .padded { margin-right: 0px; margin-left: 0px; } .module_rankingcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } } @media only screen and (min-width: 1025px) { div.module_table { width: 1187px; } #youtube_seo th:nth-child(1) { width: 20%; } #youtube_seo th:nth-child(2) { width: 40%; } #youtube_seo th:nth-child(3) { width: 40%; } } @media only screen and (max-width: 1024px) { div.module_table { } #youtube_seo th:nth-child(1) { width: 20%; } #youtube_seo th:nth-child(2) { width: 40%; } #youtube_seo th:nth-child(3) { width: 40%; } } div.module-destroyer{ background: linear-gradient(90deg, #E116CD 40%, #FE213F 100%); } .module-destroyer p, .module-destroyer h2  { margin-left: 0rem; margin-right: 0rem; color: white; } div.module-destroyer a { display: inline-block; color: white; } @media only screen and (min-width: 1025px) { div.module-destroyer div.grid_1 { max-width: 1200px; margin: auto; } div.module-destroyer cite { font-size: 1.5rem; font-weight: 600; display: block; color: white; font-style: normal; } div.module-destroyer div.citebox { padding: 3rem 5rem; } } @media only screen and (max-width: 1024px) { div.module-destroyer cite { font-size: 1.5rem; font-weight: 600; display: block; color: white; font-style: normal; } div.module-destroyer p { font-size: 1rem; } } .module_center_image figure { margin: 0; padding: 0; } .module_center_image img { max-width: 95%; display: block; margin: auto; border-radius: 30px; filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5)); } .module_center_image figcaption { text-align: center; padding-top: 15px; font-size: smaller; color: #000; } .module_center_image div { gap: 0px 10px; } figure:hover img.imgoff { display:none; } figure img.imgoff { display:block; } figure:hover img.imgon { display:block; } figure img.imgon { display:none; } @media only screen and (max-width: 1024px) { .module_center_image img { max-width:100%; } div.module_center_image figure { margin: 2rem 0 0 0; } } .module_author_short img { width: 75px; height: 75px; border-radius: 50%; } .module_author_short .box { display:flex; } .module_author_short .box> p,span { display: flex; flex-direction: column; } .module_author_short p,span { padding: 0; } .module_author_short p { margin: 10px 0px 0px 20px; padding: 0; font-weight: 600; } .module_author_short p span { font-size:1rem; font-weight: 300; } .module_svcheck p, .module_svcheck h2  { margin-left: 0rem; margin-right: 0rem; } .module_svcheck { background: #000; color: #fff; padding: 2rem 0; margin-bottom: 2rem; } .module_svcheck h2 { padding: 1rem 0; color: #fff; } .module_svcheck label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } textarea, input, select { font-weight: 600; border-radius: 15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } textarea { height: 8rem; width: 97.5% } input.contact { position: relative; left: 0px; top: 0px; z-index: 0; width: 85px; -webkit-appearance: none; z-index: 55; } input.contact + label.contact { position: absolute; display: inline; margin: -20px 15px; } input.contact + label.contact::before { width: 15px; height: 15px; border: 2px solid #ff233d; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; z-index: 5; position: relative; } input.contact:checked+label.contact::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #f30884; } .module_svcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_svcheck .padded { margin-right: 10px; margin-left: 10px; } .module_svcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } #svcheck_load { margin: auto; text-align: center; display: none; } #svcheck_load span { display: block; } #svcheck_result { display: none; } #svcheck_result table.module_table td.sv, #svcheck_result table.module_table th.sv { font-size: .8rem; } #svcheck_result table.module_table td, #svcheck_result table.module_table th { padding: 10px; } @media only screen and (min-width: 1025px) { .module_svcheck select { width:33%; } } @media only screen and (max-width: 1024px) { textarea, input, select { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } textarea { height: 8rem; width: 90% } .module_svcheck .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_svcheck .padded { margin-right: 0px; margin-left: 0px; } .module_svcheck .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } } .module_contact p, .module_contact h2  { margin-left: 0rem; margin-right: 0rem; } .module_contact { background: #000; color: #fff; padding: 2rem 0; margin-bottom: 2rem; } .module_contact h2 { padding: 1rem 0; color: #fff; } .module_contact label { cursor: pointer; font-size: .8rem; display: block; margin: .5rem 1rem; } textarea, input { font-weight: 600; border-radius: 15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 1rem; } textarea { height: 8rem; width: 97.5% } input.contact { position: relative; left: 0px; top: 0px; z-index: 0; width: 85px; -webkit-appearance: none; z-index: 55; } input.contact + label.contact { position: absolute; display: inline; margin: -20px 15px; } input.contact + label.contact::before { width: 15px; height: 15px; border: 2px solid #ff233d; background-color: #fff; display: block; content: ""; float: left; margin-right: 5px; z-index: 5; position: relative; } input.contact:checked+label.contact::before { box-shadow: inset 0px 0px 0px 3px #fff; background-color: #f30884; } .module_contact .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_contact .padded { margin-right: 10px; margin-left: 10px; } .module_contact .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { background: url("https://onebeyondsearch.com/img/icon-sendform.webp"), linear-gradient(270deg, #ff233d, #f30884); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; border-radius: 20px; color: #fff; cursor: pointer; display: inline-block; font-size: 1rem; border:0; text-align: center; font-weight: 600; width: 200px; margin: 0; padding-left: 40px; } input[type="submit"]:hover { background: url("../img/icon-sendform.webp"), linear-gradient(270deg, #ff6a06, #ff233d); background-repeat: no-repeat, no-repeat; background-position: 50px center, left; } @media only screen and (max-width: 1024px) { textarea, input { font-weight: 600; border-radius:15px; display: block; width: 90%; font-size: 1rem; margin: 1rem 0 0rem 0rem; padding: 5%; } textarea { height: 8rem; width: 90% } .module_contact .padded:first-child { margin-left: 0px; padding-left: 0px; } .module_contact .padded { margin-right: 0px; margin-left: 0px; } .module_contact .padded:last-child { margin-right: 0px; padding-right: 0px; } input[type="submit"] { width: 100%; margin-top: 3rem; padding-left: 20px; } } div.module-box-4 { border-radius: 30px 30px 50px 50px; padding: .5rem; margin: 1rem .3rem; } div.module-box-4:first-child { margin-left:.3rem; } div.module-box-4:last-child { margin-right:.3rem; } div.module-box-4 div { border-radius: 25px 25px 50px 50px; background: #fff; padding: 1rem 2rem; margin-bottom:2rem; } div.module-box-4 h1, div.module-box-4 h2, div.module-box-4 h3, div.module-box-4 h4, div.module-box-4 p, div.module-box-4 ul, div.module-box-4 ol { margin-left: 0rem; margin-right: 0rem; } div.module_hero_small_wrapper h1, div.module_hero_small_wrapper h2, div.module_hero_small_wrapper h3, div.module_hero_small_wrapper h4, div.module_hero_small_wrapper p, div.module_hero_small_wrapper ul, div.module_hero_small_wrapper ol { margin-left: 0rem; margin-right: 0rem; } @media only screen and (min-width: 1025px) { div.module_hero_small { background-color: #000; height: 300px; background-size: cover; position: relative; } div.module_hero_small_wrapper h1 { color: #fff; font-size: 3rem; text-transform: uppercase; position: absolute; top: -200px; margin-left: 0; } div.module_hero_small_wrapper { margin: 0 auto; max-width: 1200px; position: relative; } .cta_bg_hero { position: sticky; margin-top: -140px; left: 0; top: 30px; float: right; margin-right: 50px; z-index: 900; } } @media only screen and (max-width: 1024px) { div.module_hero_small { background-image: url("https://onebeyondsearch.com/img/"); background-color: #000; background-size: cover; background-position: center top; height: 150px; } div.module_hero_small_wrapper { margin: 1rem; } div.module_hero_small_wrapper h1 { color: #000; font-size: 2rem; text-transform: uppercase; padding-top: 2rem; } .cta_bg_hero { margin: 2rem auto 4rem; } }