/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencolstlective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate
BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/
/*
* PERFORMANCE: Font moved to HTML for faster loading.
* Add this to your header.php before stylesheets:
*
*
*
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html {
scroll-behavior: smooth;
}
body {
line-height: 1;
font-family: "Inter", sans-serif; !important
font-weight:500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2e2e2e;
background: linear-gradient(to bottom, #ffccc4 0%, #fff4f0 5%) !important;
min-height: 100vh;
margin: 0;
}
a {
text-decoration-skip-ink: auto;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
}
button {
outline: 0;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
q {
display: inline;
font-style: italic;
}
q:before {
content: '"';
font-style: normal;
}
q:after {
content: '"';
font-style: normal;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,
td {
padding: 2px;
}
big {
font-size: 120%;
}
small,
sup,
sub {
font-size: 80%;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
dd {
margin-left: 20px;
}
kbd,
tt {
font-family: "Geist", sans-serif;
font-size: 12px;
}
ins {
text-decoration: underline;
}
del,
strike,
s {
text-decoration: line-through;
}
dt {
font-weight: bold;
}
address,
cite,
var {
font-style: italic;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
.overflow-auto {
overflow: auto;
}
.sticky {
}
.bypostauthor {
}
.wp-caption {
}
.wp-caption-text {
}
.gallery-caption {
}
.alignright {
}
.alignleft {
}
.aligncenter {
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
word-break: normal;
}
.screen-reader-text:focus {
background-color: #f7f7f7;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #007acc;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.skip-link {
left: -9999rem;
top: 2.5rem;
z-index: 999999999;
text-decoration: underline;
}
.skip-link:focus {
display: block;
left: 6px;
top: 7px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
line-height: normal;
padding: 15px 23px 14px;
z-index: 100000;
right: auto;
}
.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
}
/*#region General style*/
.page-content-area .vc_column_container {
padding-left: 0;
padding-right: 0;
}
.page-content-area .vc_column_container > .vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.page-content-area .vc_section,
.blog .vc_section,
.post-template-default .vc_section{
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.page-content-area .vc_row {
margin-left: 0;
margin-right: 0;
}
html,
body,
* {
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 16px;
scroll-behavior: smooth;
}
@media only screen and (max-width: 1300px) {
html {
font-size: 14px;
}
}
body .wpb_button,
body .wpb_content_element,
body ul.wpb_thumbnails-fluid > li,
body .vc_grid.vc_row .vc_grid-item .vc_btn,
body .vc_grid.vc_row .vc_grid-item .vc_icon_element,
body .vc_grid.vc_row .vc_grid-item .wpb_content_element,
body .vc_gitem-post-data {
margin-bottom: 0;
}
body .vc_col-has-fill > .vc_column-inner,
body
.vc_row-has-fill
+ .vc_row-full-width
+ .vc_row
> .vc_column_container
> .vc_column-inner,
body .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
body .vc_row-has-fill > .vc_column_container > .vc_column-inner,
body .vc_section.vc_section-has-fill,
body .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
body .vc_section.vc_section-has-fill + .vc_section {
padding-top: 0;
}
body .vc-gitem-zone-height-mode-auto:before {
display: none;
}
body .vc_gitem-zone-a .vc_gitem-row-position-top,
body .vc_gitem-zone-b .vc_gitem-row-position-top,
body .vc_gitem-zone-a .vc_gitem-row-position-bottom,
body .vc_gitem-zone-b .vc_gitem-row-position-bottom,
body .vc_gitem-zone-a .vc_gitem-row-position-middle,
body .vc_gitem-zone-b .vc_gitem-row-position-middle {
position: static;
}
body .vc_gitem-zone-a .vc_gitem-zone-mini {
padding: unset;
}
body .vc_gitem_row .vc_gitem-col {
padding: 0;
}
body .vc_gitem-zone-a .vc_gitem-row-position-middle,
body .vc_gitem-zone-b .vc_gitem-row-position-middle {
-webkit-transform: none;
transform: none;
}
body .wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
body .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
border-radius: 26px;
}
body * {
font-family: "Inter", sans-serif;
font-display: swap;
font-weight: 500;
}
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
.hero-title h1 *,
body h2,
body h3,
body h4,
body h5,
body h6,
.tps-post-banner.vc_gitem-zone .tps-post-title *,
.tps-header {
font-family: "Geist", sans-serif !important;
text-transform: uppercase !important;
line-height: 1.05em !important;
font-weight: 700 !important;
}
body,
body .container {
background: #fff;
color: #737373;
}
body {
background: #fff;
}
a {
text-decoration: none;
}
p {
font-size: 18px;
line-height: 1.6;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.hidden {
display: none !important;
}
.text-white {
color: #fff !important;
}
.text-black {
color: #3b3b3b !important;
}
.text-center {
text-align: center;
}
.d-ib {
display: inline-block;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pb-0 {
padding-bottom: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.pt-0 {
padding-top: 0 !important;
}
.mb-40 {
margin-bottom: 2.5rem;
}
.mb-24 {
margin-bottom: 1.25rem;
}
.shrink-0{
flex-shrink:0;
}
.gap-16 {
gap: 1rem;
}
.gap-50 {
gap: 50px;
}
.flex-1 {
flex: 1;
}
.flex11-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex00-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.flex11-100 {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.flex00-100 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.flex-center-all {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.flex-align-baseline {
-ms-flex-line-pack: baseline;
align-content: baseline;
}
.flex-justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-justify-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.flex-justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-items-baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.flex-content-start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.flex-items-stretch {
-ms-flex-line-pack: stretch;
align-items: stretch;
}
.h-100vh {
height: 100vh;
}
.h-100,
.h-100 > .vc_column-inner,
.h-100 > .wpb_wrapper,
.h-100 > .vc_column-inner > .wpb_wrapper {
height: 100%;
}
.tps-iframe iframe {
max-width: 100%;
display: block;
margin: 0 auto;
}
#browseBillboards {
height: calc(100dvh - 5.5rem);
width: 100%;
}
.w-100 {
width: 100%;
}
.relative {
position: relative;
}
.highlight {
display: inline-block;
position: relative;
padding: 0 10px;
background: linear-gradient(
to bottom,
transparent 0%,
transparent 40%,
#f8c5c5 40%,
#f8c5c5 100%
);
font: inherit;
}
.static {
position: static !important;
}
.page-content-area .page-container,
.page-container,
.careers.page-content-area {
padding-left: 100px;
padding-right: 100px;
max-width: 1640px;
margin: 0 auto;
float: none;
}
body .vc_section.vc_section-has-fill + .vc_section.page-container-x,
.page .vc_section-has-fill.page-container-x,
.page-container-x,
.careers.page-content-area {
padding-top: 60px;
padding-bottom: 60px;
}
.page-container-bottom {
padding-bottom: 60px;
}
.tps-section-sep {
padding-top: 6.25rem !important;
}
.tps-section-sep-b {
padding-bottom: 6.25rem !important;
}
.tps-msection-sep-b{
padding-bottom: 3.25rem !important;
}
.tps-section-sepm {
margin-top: 6.25rem !important;
}
.btn-main,
.newsletter-box .hs-button.primary.large,
.cta-main .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
font-family: "Geist", sans-serif;
font-display: fallback;
display: inline-block;
background: #f64747;
border-radius: 10px;
font-weight: 700;
font-size: 1rem;
line-height: 1.2;
color: #ffffff !important;
letter-spacing: -0.01em;
padding: 0.75rem 1.25rem;
border: 1px solid #f64747;
text-align: center;
cursor: pointer;
}
.btn-main:hover,
.newsletter-box .hs-button.primary.large:hover,
.cta-main .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{
-webkit-box-shadow: -5px 15px 30px rgba(245, 61, 63, 0.15);
box-shadow: -5px 15px 30px rgba(245, 61, 63, 0.15);
background: #f64747;
color: #ffffff;
border: 1px solid #f64747;
}
.btn-main.disabled {
pointer-events: none;
background: #3b3b3b;
border-color: #3b3b3b;
}
.btn-outline,
.cta-secondary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
.all-locations .vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat{
font-family: "Geist", sans-serif;
font-display: fallback;
display: inline-block;
background: transparent !important;
border-radius: 10px;
font-weight: 700;
font-size: 1rem;
line-height: 1.2;
color: #f64747 !important;
letter-spacing: -0.01em;
padding: 0.75rem 1.25rem;
border: 1px solid #f64747;
text-align: center;
box-shadow: 0 6px 12px rgb(246 71 71 / 11%);
}
.btn-outline:hover,
.cta-secondary .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover,
.all-locations .vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:hover{
-webkit-box-shadow: 0 6px 12px rgb(246 71 71 / 21%);
box-shadow: 0 6px 12px rgb(246 71 71 / 21%);
background: transparent !important;
color: #f64747 !important;
border: 1px solid #f64747;
}
.tps-overline p {
font-weight: 600;
font-size: 1.375rem;
line-height: 1.22;
letter-spacing: 2px;
text-transform: uppercase;
color: #f64747;
}
.tps-header,
.tps-header * {
font-family: "Geist", sans-serif;
font-weight: 600;
font-size: 2.625rem;
line-height: 1.15;
color: #3b3b3b;
text-shadow: none;
}
.tps-header h3 {
font-size: 2.25rem;
margin: 10px 0 10px 0 !important;
}
.tps-header.text-white,
.tps-header.text-white *{
color: #fff;
}
.tps-header.smaller,
.tps-header.smaller * {
font-size: 2.25rem;
}
.tps-header:not(.m-b-0) {
margin-bottom: 3.125rem !important;
}
.tps-subheader,
.tps-subheader * {
font-size: 1.625rem;
line-height: 1.62;
letter-spacing: 0.1px;
color: #3b3b3b;
font-weight: bold;
margin-bottom: 3.125rem !important;
}
.tps-subtitle * {
font-weight: 500;
font-size: 18px;
line-height: 1.62;
color: #737373;
}
.tps-subtitle a {
text-decoration: underline;
}
.tps-description {
font-weight: 500;
font-size: 18px;
line-height: 1.89;
}
.tps-description:not(.pb-0) {
padding-bottom: 3.125rem;
}
.tps-description a,
.tps-description a * {
color: #f64747;
}
.tps-description a:hover,
.tps-description a:visited,
.tps-description a:active {
color: #ac3131;
}
.hero-title,
.hero-title h1 {
font-weight: 500;
font-size: 2.75rem;
line-height: 1.32;
margin: 0 auto;
color: #3b3b3b;
}
.hero-title h1 strong {
font-weight: 700;
}
.hero-title.w-full h1 {
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: center;
}
.hero-title .dot {
position: relative;
}
.hero-title .dot::after {
content: "";
position: absolute;
left: 0.15rem;
bottom: 0.45rem;
width: 6px;
height: 6px;
border-radius: 50%;
background: #f64747;
}
.hero-subtitle {
font-weight: 500;
font-size: 1.5rem;
line-height: 1.16;
opacity: 0.9;
margin-top: 0.625rem;
}
.hero-subheader {
opacity: 0.9;
text-align: center;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.5; /* 150% */
}
/*#endregion */
/*#region navbar*/
.nav {
height: 5.5rem;
z-index: 99999;
position: fixed;
width: 100%;
max-width: 100vw;
}
.nav.sticky {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.5);
}
.nav.animated {
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
}
.nav .nav-container {
padding: 1rem 100px 1rem 100px;
}
.nav .logo {
display: block;
}
.nav .logo svg {
margin: 0;
max-height: 4rem;
width: auto;
}
ul#primary-menu {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
gap: 25px;
}
#primary-menu .navbar-link {
position: relative;
border-bottom: 2px solid transparent;
transition: all 0.3s ease-in-out;
}
#primary-menu .navbar-link:hover,
#primary-menu .current-menu-item {
border-color: #f64747;
}
#primary-menu .navbar-link:hover a,
#primary-menu .current-menu-item a {
color: #f64747;
}
#primary-menu li a {
font-weight: 600;
font-size: 1rem;
line-height: 1.62;
color: #737373;
letter-spacing: -1%;
transition: all 0.3s ease-in-out;
}
.nav + .page-content-area {
padding-top: 6rem !important;
}
/*#endregion*/
/*#region Footer*/
.footer {
background-color: #1a1a1a;
overflow: auto;
margin-top: -1px;
position: relative;
z-index: 0;
clear: both;
}
.footer .footer-container .footer-banner {
text-align: center;
}
.footer .footer-container .footer-banner img {
max-width: 45vw;
margin: 2rem auto;
}
.footer .footer-container .footer-content-col ul {
list-style: none;
}
.footer .footer-container .footer-content-col ul li a {
margin-bottom: 0.625rem;
display: inline-block;
position: relative;
color: #fff;
text-decoration: none;
}
.footer .footer-container .footer-content-col img.custom-logo {
max-width: 9rem;
height: auto;
margin-bottom: 1.875rem;
}
.footer .footer-container .footer-content-col .col-content,
.footer .footer-container .footer-content-col .col-content a {
font-weight: 500;
font-size: 18px;
line-height: 1.625;
color: #e0e0e0;
}
.footer .footer-container .footer-content-col .col-content img {
max-width: 200px;
margin: 0 auto;
display: block;
}
.footer .footer-container .footer-content-col .col-header {
font-weight: bold;
font-size: 1.125rem;
line-height: 1.5;
color: #ffffff;
margin-bottom: 1rem;
}
.footer .footer-second {
padding-top: 2.5rem;
margin-top: 2.5rem;
border-top: 1px solid rgba(59, 73, 88, 0.2);
font-weight: 500;
font-size: 0.875rem;
line-height: 1.86;
color: #70798b;
}
.footer .footer-second .footer-social {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
}
.footer .footer-second .footer-social a {
cursor: pointer;
display: inline-block;
}
.footer .footer-second .footer-links {
-webkit-box-flex: 2;
-ms-flex: 2;
flex: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer .footer-second .footer-links ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer .footer-second .footer-links ul li a {
display: inline-block;
padding-right: 1.25rem;
color: #e0e0e0;
text-decoration: none;
}
.footer .footer-second .footer-links ul li {
position: relative;
}
.footer .footer-second .footer-links ul li:not(:first-of-type)::before {
content: "|";
position: absolute;
left: 0;
}
.footer .footer-second .footer-links ul li:not(:first-of-type) a {
padding-left: 1.25rem;
}
.footer .footer-second .footer-links .fictive-link {
padding: 0 1.25rem;
position: relative;
color: #e0e0e0;
}
.footer .footer-second .footer-links .fictive-link::before {
content: "|";
position: absolute;
left: 0;
color: #70798b;
}
.footer-copy {
color: #e0e0e0;
}
/*#endregion*/
/*#region Blog*/
#ez-toc-container .toc-btn a {
/* width: 100%; */
text-align: center;
display: block;
}
#ez-toc-container .toc-btn {
border-top: 1px solid #efefef;
padding-top: 20px;
}
.sticky-toc div#ez-toc-container {
border: 1px solid #e0e0e0;
box-shadow: 0px 2px 10px 0px #cecece1a;
border-radius: 20px;
padding: 1.25rem;
}
.sticky-toc div#ez-toc-container .ez-toc-title {
color: #3b3b3b;
/* padding-bottom: 16px; */
}
.sticky-toc .ez-toc-title-container {
padding-bottom: 16px;
}
.sticky-toc div#ez-toc-container ul.ez-toc-list a {
color: #868686;
font-weight: 500;
margin-bottom: 16px;
}
.sticky-toc .ez-toc-counter nav ul li a::before {
content: "";
background: url("https://seeblindspot.com/wp-content/uploads/2024/05/Group-10402-1.svg")
center center no-repeat;
width: 1rem;
height: 1rem;
background-size: contain;
margin-top: 0.35rem;
}
.sticky-toc div#ez-toc-container ul.ez-toc-list a.active {
color: #f64747;
font-weight: 700;
}
.sticky-toc .ez-toc-counter nav ul li a.active::before {
background-image: url("https://seeblindspot.com/wp-content/uploads/2024/05/Group-10402.svg");
}
span.cat-links span,
.vc_gitem-post-category-name {
font-size: 16px;
font-weight: 700;
line-height: 26px;
text-align: left;
color: #fda53f;
text-transform: uppercase;
}
span.cat-links span[data-categ="Billboards"] {
color: #f64747;
}
span.cat-links span[data-categ="Useful Info"] {
color: #57c622;
}
span.cat-links span[data-categ="Blogs"],
.vc_gitem-post-category-name {
color: #b674ea;
}
.article-content {
font-weight: 500;
line-height: 1.625;
}
.article-content a {
color: #f64747;
}
.article-content i {
font-style: italic;
}
span.point-before {
position: relative;
padding-left: 0.875rem;
margin-left: 0.875rem;
font-weight: 500;
}
span.point-before::before {
content: "";
width: 0.25rem;
height: 0.25rem;
border-radius: 50%;
background: #e0e0e0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
h1.entry-title {
font-size: 2.625rem;
font-weight: 500;
line-height: 1.33;
color: #3b3b3b;
padding: 0.75rem 0 1.5rem 0;
}
.article-txt img {
max-width: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
.article-txt img.aligncenter {
margin: 40 auto;
display: block;
}
.article-txt iframe {
aspect-ratio: 16 / 9;
height: 100%;
width: 100%;
}
.article-txt h1 {
padding-top: 20px;
padding-bottom: 40px;
}
.article-txt h2 {
font-size: 1.375rem;
font-weight: 600;
line-height: 1.54;
margin-bottom: 1.5rem;
padding-top: 10px;
padding-bottom: 20px;
color: #3b3b3b;
}
.article-txt h3 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.54;
margin-bottom: 1.5rem;
padding-top: 10px;
padding-bottom: 20px;
color: #3b3b3b;
}
.article-txt h4 {
font-size: 1.15rem;
font-weight: 600;
line-height: 1.54;
margin-bottom: 1.5rem;
padding-top: 10px;
padding-bottom: 20px;
color: #3b3b3b;
}
.article-txt b, .article-txt strong{
font-weight: bold;
}
.article-txt p {
margin-bottom: 1.25rem;
font-size: 18px;
}
.article-img {
background: #efefef;
border: 1px solid #e0e0e0;
border-radius: 20px;
height: 350px;
object-fit: cover;
margin-bottom: 1.25rem;
width: 100%;
}
.article-content ul,
.article-content ol{
background: rgba(243, 243, 243, 0.8);
border: 1px solid #e0e0e0;
border-radius: 20px;
padding: 1rem;
margin-bottom: 1.25rem;
}
.article-content ul{
list-style: disc;
list-style-position: inside;
}
.article-content ol{
list-style: numeric;
list-style-position: inside;
}
.article-content section.vc_cta3-container.vc_cta3-size-md {
margin-top: 30px;
}
.article-content .vc_btn3-container.vc_btn3-center.vc_do_btn {
display: flex;
align-items: center;
}
.article-content a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-round {
width: auto;
margin: 0 auto;
box-shadow: none;
background: #f64747;
border-radius: 10px;
font-weight: 700;
font-size: 1rem;
line-height: 1.2;
color: #ffffff;
letter-spacing: -0.01em;
padding: 0.75rem 1.25rem;
border: 1px solid #f64747;
top: 0;
margin-top: 1.25rem;
}
.article-content blockquote {
display: flex;
gap: 12px;
border: 1px solid #F64747;
background: linear-gradient(0deg, rgba(246, 71, 71, 0.05), rgba(246, 71, 71, 0.05));
border-radius: 20px;
padding: 12px;
margin-bottom: 30px;
}
.article-content blockquote p:first-child {
flex-shrink: 0;
max-width: 100%;
}
.article-content .vc_general.vc_cta3.vc_cta3-color-black.vc_cta3-style-3d {
box-shadow: none;
opacity: 1;
background: #fff;
}
.article-content .vc_general.vc_cta3.vc_cta3-color-black.vc_cta3-style-3d .bounceInDown{
opacity: 1;
}
.article-content .vc_general.vc_cta3.vc_cta3-style-3d .vc_cta3-content-header h2,
.article-content .vc_general.vc_cta3.vc_cta3-style-3d .vc_cta3-content-header h3,
.article-content .vc_general.vc_cta3.vc_cta3-style-3d .vc_cta3-content-header h4 {
color: #3b3b3b;
}
.article-share {
border-top: 1px solid #efefef;
padding-top: 1.25rem;
margin-top: 1.25rem;
}
.share-title {
border-left: 2px solid #fda53f;
padding-left: 10px;
}
.latest-articles {
background: #f3f3f380;
margin-bottom: 60px;
}
.latest-header {
padding-bottom: 2.5rem;
}
.card {
font-weight: 500;
font-size: 18px;
line-height: 1.625rem;
padding: 24px;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.06);
border-radius: 20px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 10px 24px rgba(246, 71, 71, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
.card a.card-img {
width: 100%;
display: block;
margin-bottom: 1.2rem;
}
.card .card-img img {
width: 100%;
border-radius: 20px;
height: 258px;
object-fit: cover;
}
.card a.article-title {
display: block;
font-family: "Geist", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 1.54;
text-align: left;
color: #3b3b3b;
margin-bottom: 0.625rem;
}
.grid.resources {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 50px;
}
.pagination {
padding: 2rem 0;
display: flex;
justify-content: center;
}
.page-numbers {
display: inline-block;
text-align: center;
width: 26px;
height: 26px;
border-radius: 50%;
box-sizing: border-box;
border: 2px solid;
line-height: 26px;
box-sizing: content-box;
font-size: 14px;
letter-spacing: 0.229496px;
mix-blend-mode: normal;
font-weight: 400;
font-family: "Geist", sans-serif;
}
.page-numbers.current {
background: #f64747;
color: #ffffff;
border-color: #f64747;
}
.page-numbers:not(.current) {
background: transparent;
color: #c1c5ca;
border-color: transparent;
opacity: 1;
}
.page-numbers.next,
.page-numbers.prev {
font-size: 0;
border-color: transparent;
background: url("https://seeblindspot.com/wp-content/uploads/2024/05/arrow-right.svg")
center center no-repeat;
opacity: 1;
}
.page-numbers.prev {
transform: rotate(180deg);
}
.vc_grid-pagination
.vc_grid-pagination-list.vc_grid-pagination-color-white
> .vc_grid-next
> a:after,
.vc_grid-pagination
.vc_grid-pagination-list.vc_grid-pagination-color-white
> .vc_grid-prev
> a:after {
color: #c1c5ca;
font-weight: 800;
}
.tps-posts-filter .vc_grid-filter {
margin-bottom: 0;
}
.tps-posts-filter .vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {
border: 1px solid #e0e0e0;
border-radius: 10px;
font-size: 16px;
font-weight: 500;
line-height: 26px;
color: #737373;
transition: 0.3s ease-in-out;
display: inline-block;
}
.tps-posts-filter
.vc_grid-filter.vc_grid-filter-size-md
.vc_grid-filter-item
span {
display: inline-block;
padding: 0.5625rem 1rem;
color: #737373;
transition: 0.3s ease-in-out;
}
.tps-posts-filter
.vc_grid-filter.vc_grid-filter-size-md
.vc_grid-filter-item.vc_active {
background: #3b3b3b;
}
.tps-posts-filter
.vc_grid-filter.vc_grid-filter-size-md
.vc_grid-filter-item.vc_active
span {
color: #fff;
}
.tps-banner-image .blurrred-img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border: 1px solid #e0e0e0;
border-radius: 20px;
}
.tps-post-title a {
font-family: "Geist", sans-serif;
font-size: 1.875rem;
font-weight: 500;
color: #3b3b3b;
display: block;
margin-top: 0.625rem;
}
.tps-body-text {
font-size: 18px;
font-weight: 500;
line-height: 1.625;
/* text-align: left; */
}
.op-70 {
opacity: 70%;
}
.tps-post-excerpt {
margin: 12px 0 18px 0;
}
/*#endregion*/
.case-studies-kpi .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
gap: 40px;
}
.case-studies-kpi .wpb_text_column.wpb_content_element {
border-left: 4px solid rgba(246, 71, 71, 0.2);
padding-left: 24px;
}
.case-studies-kpi .wpb_text_column.wpb_content_element p:first-of-type,
.kpis-title{
font-family: "Geist", sans-serif;
font-size: 42px;
font-weight: 500;
line-height: 1.33;
color: #3b3b3b;
}
.case-studies-kpi .wpb_text_column.wpb_content_element p:nth-of-type(2) {
font-size: 18px;
font-weight: 500;
line-height: 1.67;
text-align: left;
}
.case-studies-post .vc_grid-item.vc_clearfix.vc_col-sm-4.vc_visible-item {
padding: 0;
width: 100%;
}
.case-studies-post
.vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9.vc_gitem-is-link {
height: 490px;
border-radius: 20px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: auto;
}
.case-studies-post
.vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9.vc_gitem-is-link:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(66.14deg, rgb(27 7 7 / 45%) 0%, rgba(20, 20, 20, 0.75) 100%);
}
.case-studies-post .vc_gitem-zone-mini {
position: relative;
z-index: 2;
font-family: "Geist", sans-serif;
font-size: 26px;
font-weight: 600;
line-height: 1.3;
color: #fff;
}
.case-studies-post .wpb_single_image img {
width: 190px;
height: auto;
margin-bottom: 20px;
}
.case-studies-post
.vc_grid.vc_row.vc_grid-gutter-30px
.vc_pageable-slide-wrapper,
.case-studies-post .vc_grid.vc_row.vc_grid-gutter-30px {
margin: 0;
}
.case-studies-slider:not(.w-slider)
.vc_general.vc_pagination
.vc_pagination-item {
flex: 1;
}
.case-studies-slider.w-slider .vc_general.vc_pagination .vc_pagination-item {
flex: 25%;
max-width: 25%;
}
.case-studies-slider.w-slider
.vc_tta-tabs.vc_tta-has-pagination:not(.vc_tta-tabs-position-bottom) {
padding-bottom: 140px;
}
.case-studies-slider li.vc_pagination-item .vc_pagination-trigger {
width: auto;
height: 70px;
border-radius: 0;
border: 0;
}
.case-studies-slider li.vc_pagination-item:first-child .vc_pagination-trigger {
background: url("https://seeblindspot.com/wp-content/uploads/bitdefender.svg")
center center no-repeat;
background-size: 60%;
}
.case-studies-slider li.vc_pagination-item:nth-child(2) .vc_pagination-trigger {
background: url("https://seeblindspot.com/wp-content/uploads/intimissimi.svg")
center center no-repeat;
background-size: 60%;
}
.case-studies-slider li.vc_pagination-item:nth-child(3) .vc_pagination-trigger {
background: url("https://seeblindspot.com/wp-content/uploads/uipath.svg")
center center no-repeat;
background-size: 50%;
}
.case-studies-slider li.vc_pagination-item:nth-child(4) .vc_pagination-trigger {
background: url("https://seeblindspot.com/wp-content/uploads/adoreme.svg")
center center no-repeat;
background-size: 50%;
}
.case-studies-slider li.vc_pagination-item:nth-child(5) .vc_pagination-trigger {
background: url("https://seeblindspot.com/wp-content/uploads/2024/05/YourBrand-copy.svg")
center center no-repeat;
background-size: 50%;
opacity: 0.5;
filter: grayscale(1);
transition: all 0.3s ease-in-out;
}
.case-studies-slider
li.vc_pagination-item:first-child:not(.vc_active)
.vc_pagination-trigger {
background-image: url("https://seeblindspot.com/wp-content/uploads/bitdefender_grey.svg");
}
.case-studies-slider
li.vc_pagination-item:nth-child(2):not(.vc_active)
.vc_pagination-trigger {
background-image: url("https://seeblindspot.com/wp-content/uploads/intimissimi_grey.svg");
}
.case-studies-slider
li.vc_pagination-item:nth-child(3):not(.vc_active)
.vc_pagination-trigger {
background-image: url("https://seeblindspot.com/wp-content/uploads/uipath_grey.svg");
}
.case-studies-slider
li.vc_pagination-item:nth-child(4):hover
.vc_pagination-trigger {
opacity: 1;
filter: grayscale(0);
}
.case-studies-slider.w-slider li.vc_pagination-item.vc_active {
background: url("https://seeblindspot.com/wp-content/uploads/2024/05/Group-1000001675.svg")
top center no-repeat;
}
.case-studies-cards
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
font-family: "Geist", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
color: #3b3b3b;
}
.case-studies-cards
.case-studies
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
padding-top: 34px;
}
.case-studies-cards
.vc_gitem-post-data.vc_gitem-post-data-source-post_categories.vc_grid-filter {
padding-top: 20px;
}
.case-studies-cards .tps-subtitle * {
opacity: 0.6;
font-size: .875rem;
margin-top: 10px;
}
.contact-details .details-header,
.owl-item .vc_gitem-post-data-source-post_title,
.all-locations .vc_gitem-post-data-source-post_title {
font-size: 18px;
font-weight: 600;
line-height: 1.67;
color: #3b3b3b;
}
.case-studies-cards .case-studies .wpb_single_image img {
height: 380px;
object-fit: cover;
}
.kpis-cards {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.kpi-card > .vc_column-inner{
height: 100%;
}
.kpi-card > .vc_column-inner > .wpb_wrapper{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.kpis-subtitle{
font-size: 18px;
line-height: 1.6;
text-align: left;
}
.kpis-subtitle strong{
color: #3b3b3b;
font-weight: bold;
}
.contact-details .details-txt,
.owl-item .vc_gitem-post-meta-field-carousel-description,
.all-locations .vc_gitem-post-meta-field-carousel-description {
font-size: 18px;
font-weight: 500;
line-height: 1.6;
}
.contact-details .details-action a {
font-size: 18px;
font-weight: 600;
line-height: 1.6;
margin-top: 14px;
display: block;
color: #f64747;
}
.famous-card {
background: #fbfbfb;
border: 1px solid #efefef;
border-radius: 20px;
transition: all 0.3s ease-in-out;
}
.famous-card:not(.state){
height: 320px;
}
.famous-card:not(.state):hover {
border: 6px solid #f6474733;
}
.famous-card .vc_gitem-zone-mini,
.famous-card .vc_gitem_row.vc_row.vc_gitem-row-position-bottom .vc_gitem-col {
height: 100%;
position: static;
}
.famous-card .vc_gitem_row.vc_row.vc_gitem-row-position-bottom {
flex: 1;
}
.famous-card:not(.state) .vc_gitem_row.vc_row.vc_gitem-row-position-top,
.famous-card:not(.state) .vc_gitem_row.vc_row.vc_gitem-row-position-middle {
margin: 10px;
transition: all 0.3s ease-in-out;
}
.famous-card:not(.state) .vc_gitem_row.vc_row.vc_gitem-row-position-top {
padding-top: 10px;
margin-bottom: 0;
}
.famous-card .vc_gitem_row.vc_row.vc_gitem-row-position-top:after {
content: "";
background: url("https://seeblindspot.com/wp-content/uploads/2024/05/arrow-up-right.svg")
left center no-repeat;
position: absolute;
left: 22px;
top: 20px;
width: 30px;
height: 30px;
z-index: 3;
}
.famous-card.state {
padding: 12px 0;
}
.famous-card.state .vc_gitem_row.vc_row.vc_gitem-row-position-top:after{
top: 12px;
}
.famous-card .vc_gitem_row.vc_row.vc_gitem-row-position-middle {
padding-bottom: 10px;
margin-top: 0 !important;
}
.famous-card .vc_gitem_row.vc_row.vc_gitem-row-position-middle .vc_gitem-col,
.famous-card .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col {
position: relative;
z-index: 2;
float: none;
}
.famous-card .vc_gitem-post-meta-field-carousel-description,
.famous-card .vc_gitem-post-data-source-post_title {
padding-left: 64px;
padding-right: 22px;
}
.owl-carousel .owl-item .famous-card img,
.all-locations .famous-card img.vc_single_image-img.attachment-full{
object-fit: cover;
width: 62px;
height: 62px;
border-radius: 50%;
position: absolute;
right: 22px;
bottom: 22px;
transition: all 0.3s ease-in-out;
}
.owl-carousel .owl-item .famous-card:hover img,
.all-locations .famous-card:not(.state):hover img.vc_single_image-img.attachment-full{
width: 100%;
height: 100%;
right: 0;
bottom: 0;
border-radius: 0;
}
.famous-card:not(.state):hover .vc_gitem_row.vc_row.vc_gitem-row-position-top .vc_gitem-col,
.famous-card:not(.state):hover
.vc_gitem_row.vc_row.vc_gitem-row-position-middle
.vc_gitem-col {
background: rgba(255, 255, 255, 0.95);
}
.famous-card:not(.state):hover
.vc_gitem_row.vc_row.vc_gitem-row-position-top
.vc_gitem-col {
border-radius: 10px 10px 0 0;
}
.famous-card:not(.state):hover
.vc_gitem_row.vc_row.vc_gitem-row-position-middle
.vc_gitem-col {
border-radius: 0 0 10px 10px;
min-height: 10px;
}
#famousLocations {
padding: 0 60px 60px 60px;
}
div#famousLocations
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-nav
.vc_grid-owl-prev,
div#famousLocations
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-nav
.vc_grid-owl-next {
width: 44px;
height: 44px;
opacity: 1;
background: #efefef;
border-radius: 50%;
border: 1px solid #e0e0e0;
display: flex;
justify-content: center;
align-items: center;
}
div#famousLocations
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-nav
.vc_grid-owl-prev {
left: -60px;
background: #efefef url("https://seeblindspot.com/wp-content/uploads/2021/07/arrow-left-grey.svg") center center no-repeat;
}
div#famousLocations
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-nav
.vc_grid-owl-next {
right: -60px;
background: #efefef url("https://seeblindspot.com/wp-content/uploads/2021/07/arrow-right-grey.svg") center center no-repeat;
}
div#famousLocations .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
opacity: 1;
}
div#famousLocations .vc_arrow-icon-arrow_07_left:before,
div#famousLocations .vc_arrow-icon-arrow_07_right:before {
content: "";
color: #737373;
font-size: 16px;
font-weight: 100;
}
.why-element.vc_column_container {
position: absolute;
background: #fff;
width: auto;
text-align: center;
border: 1px solid #efefef;
border-radius: 7px;
padding: 0.625rem;
min-width: 75px;
cursor: pointer;
}
.why-element:hover .wpb_text_column.wpb_content_element.why-element-link p {
max-height: 100px;
max-width: 200px;
min-width: 200px;
}
.why-element {
overflow: hidden;
}
.wpb_text_column.wpb_content_element.why-element-link p {
display: block;
transition: all 0.3s ease-in-out;
max-height: 0;
overflow: hidden;
max-width: 0;
}
.wpb_text_column.wpb_content_element.why-element-link p a {
font-size: 14px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
color: #737373;
margin-top: 10px;
display: block;
}
.wpb_text_column.wpb_content_element.why-element-link p a:hover {
text-decoration: underline;
}
.wpb_text_column.wpb_content_element.why-element-title {
font-size: 16px;
font-weight: 700;
color: #3b3b3b;
}
.btn-link p {
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
letter-spacing: -0.01em;
gap: 0.5rem;
color: #de3636;
cursor: pointer;
}
.btn-close {
cursor: pointer;
position: fixed;
right: 20px;
top: 20px;
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
div#video {
max-width: 0;
max-height: 0;
transition: all 0.3s ease-in-out;
overflow: hidden;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999999;
height: 90vh;
width: 90vw;
border-radius: 20px;
}
body.modal-opened::after {
content: "";
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px);
z-index: 9;
}
body.modal-opened {
overflow: hidden;
}
body.modal-opened div#video {
max-width: 90vw;
max-height: 90vh;
display: flex;
align-items: center;
justify-content: center;
}
div#video .wpb_column.vc_column_container.vc_col-sm-12 {
position: relative;
z-index: 999;
}
.about-member {
height: 480px;
display: flex;
justify-content: flex-end;
align-items: stretch;
/* border-radius: 20px; */
/* overflow: hidden; */
/* float: none; */
}
.about-member > .vc_column-inner {
background-size: cover;
background-position: center;
border-radius: 20px;
overflow: hidden;
display: flex;
align-items: flex-end;
padding: 1rem !important;
}
.about-member > .vc_column-inner > .wpb_wrapper {
width: 100%;
background: #3b3b3b54;
border: 1px solid #ffffff80;
backdrop-filter: blur(10px);
padding: 1.25rem;
border-radius: 17px;
position: relative;
}
.about-member .about-text p:first-of-type {
font-size: 28px;
font-weight: 700;
line-height: 1.21;
color: #fff;
}
.about-member .about-text p:nth-of-type(2) {
font-size: 18px;
font-weight: 500;
line-height: 1.66;
margin-top: 12px;
color: #fff;
}
.about-member .about-social p {
display: flex;
gap: 0.5rem;
position: absolute;
bottom: 1.25rem;
right: 1.25rem;
}
.about-us-slide figure.wpb_wrapper.vc_figure,
.about-us-slide .vc_single_image-wrapper.vc_box_rounded.vc_box_border_grey {
width: 100%;
}
.about-us-slide img.vc_single_image-img.attachment-medium {
width: 100%;
height: 300px;
object-fit: cover;
border: 2px solid #e0e0e0;
}
.about-us-image figure.wpb_wrapper.vc_figure {
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 200px;
position: relative;
height: 300px;
}
.about-us-slide.active figure.wpb_wrapper.vc_figure {
z-index: 2;
}
.about-us-slide .vc_single_image-wrapper.vc_box_rounded.vc_box_border_grey {
transform-origin: 0% 50%;
-webkit-transform: scale(0.9) rotateY(10deg);
transform: scaleY(0.9) rotateY(10deg);
}
.about-us-slide.active
.vc_single_image-wrapper.vc_box_rounded.vc_box_border_grey {
transform: none;
position: absolute;
z-index: 9;
left: 50%;
top: 50%;
transform: scaleX(1.5) scaleY(1.3) translate(-50%, -50%);
transform-origin: 0 0%;
}
.about-us-slide.active
~ .about-us-slide
.vc_single_image-wrapper.vc_box_rounded.vc_box_border_grey {
transform-origin: 100% 50%;
-webkit-transform: scale(0.9) rotateY(-10deg);
transform: scaleY(0.9) rotateY(-10deg);
}
.about-us-image {
margin-bottom: 80px;
}
.about-us-slide:not(.active) {
opacity: 60%;
}
.about-us-heading * {
font-size: 20.97px;
font-weight: 600;
line-height: 34.95px;
color: #3b3b3b;
}
.about-us-descr * {
font-size: 18px;
font-weight: 500;
line-height: 30.29px;
}
.about-us-slide:not(.active) .about-us-txt {
transform: scale(0.8);
}
.hero-content > .vc_column-inner {
max-width: 750px;
margin: 0 auto;
}
.title-sep {
margin-bottom: 30px;
}
.page-container
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-dots
.vc_grid-owl-dot
span {
width: 30px;
height: 3px;
gap: 0px;
border-radius: 5px 0px 0px 0px;
opacity: 0px;
}
.page-container
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-dots.vc_grid-point_dots.vc_grid-owl-dots-color-grey
.vc_grid-owl-dot.active
span,
.page-container
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-dots.vc_grid-square_dots.vc_grid-owl-dots-color-grey
.vc_grid-owl-dot:hover
span,
.page-container
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey
.vc_grid-owl-dot:hover
span,
.page-container
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-dots.vc_grid-square_dots.vc_grid-owl-dots-color-grey
.vc_grid-owl-dot.active
span,
.page-container
.vc_grid.vc_grid-owl-theme
.vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey
.vc_grid-owl-dot.active
span {
background: #f64747 !important;
border-color: #f64747 !important;
}
@media screen and (max-width: 1200px) {
.nav-container.flex.flex-align-center.flex-justify-between {
padding: 16px 60px;
}
body .vc_section.vc_section-has-fill + .vc_section.page-container-x,
.page .vc_section-has-fill.page-container-x,
.page-container-x,
.careers.page-content-area {
padding-top: 40px;
padding-bottom: 40px;
}
.page-container-bottom {
padding-bottom: 40px;
}
.page-content-area .page-container,
.page-container,
.careers.page-content-area {
padding-left: 60px;
padding-right: 60px;
}
.about-member .about-text p:first-of-type {
font-size: 18px;
}
.about-member .about-text p:nth-of-type(2) {
font-size: 14px;
margin-top: 8px;
}
.about-us-heading * {
font-size: 16px;
}
.about-us-descr * {
font-size: 14px;
}
.famous-card .vc_gitem_row.vc_row.vc_gitem-row-position-top::after {
width: 22px;
height: 22px;
}
.famous-card .vc_gitem-post-meta-field-carousel-description,
.famous-card .vc_gitem-post-data-source-post_title {
padding-left: 52px;
}
.contact-details .details-header,
.owl-item .vc_gitem-post-data-source-post_title,
.all-locations .vc_gitem-post-data-source-post_title{
font-size: 16px;
}
.contact-details .details-txt,
.owl-item .vc_gitem-post-meta-field-carousel-description,
.all-locations .vc_gitem-post-meta-field-carousel-description {
font-size: 14px;
}
}
.tps-disclaimer * {
font-size: 16px;
font-weight: 700;
line-height: 1.5;
color: #f64747;
}
.job-header > .vc_column-inner > .wpb_wrapper,
.job-details > .vc_column-inner > .wpb_wrapper {
display: flex;
align-items: center;
}
.job-header > .vc_column-inner > .wpb_wrapper {
justify-content: space-between;
margin-bottom: 16px;
}
.job-details > .vc_column-inner > .wpb_wrapper {
margin-top: 16px;
}
.job-title {
font-size: 22px;
font-weight: 600;
line-height: 1.5;
color: #3b3b3b;
}
.job-domain {
flex: 1;
margin-left: 8px;
}
.job-domain p {
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 1.42;
padding: 2px 10px;
border-radius: 16px;
}
.job-domain.purple p {
border: 1px solid #b674ea33;
background: linear-gradient(
0deg,
rgba(182, 116, 234, 0.1),
rgba(182, 116, 234, 0.1)
);
color: #b674ea;
}
.job-domain.red p {
border: 1px solid #f6474733;
background: linear-gradient(
0deg,
rgba(246, 71, 71, 0.1),
rgba(246, 71, 71, 0.1)
);
color: #f64747;
}
.job-domain.yellow p {
border: 1px solid #fda53f33;
background: linear-gradient(
0deg,
rgba(253, 165, 63, 0.1),
rgba(253, 165, 63, 0.1)
);
color: #fda53f;
}
.job-domain p::before {
content: "•";
}
.job-view p {
display: flex;
align-items: center;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
letter-spacing: -0.01em;
color: #f64747;
gap: 5px;
cursor: pointer;
}
.job-icon p {
display: flex;
align-items: center;
gap: 5px;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
}
.job-icon {
margin-right: 16px;
}
.job-example {
border: 1px solid #efefef;
border-radius: 16px;
padding: 24px !important;
}
.job-examples {
display: flex;
flex-direction: column;
gap: 30px;
}
.job-extra {
display: none;
}
section.vc_section.modal-careers {
position: fixed;
transition: all 0.3s ease-in-out;
overflow: hidden;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999999;
height: auto;
width: auto;
max-width: 0;
max-height: 0;
border-radius: 20px;
background: #fff;
box-shadow: 0px 20px 24px -4px #10182814;
display: flex;
flex-direction: column;
}
section.vc_section.modal-careers .vc_row-fluid:nth-child(2) {
overflow: auto;
}
.modal-opened section.vc_section.modal-careers {
max-width: 90vw;
max-height: 90vh;
}
.modal-title > .vc_column-inner > .wpb_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
border-bottom: 1px solid #efefef;
}
.modal-footer > .vc_column-inner > .wpb_wrapper {
border-top: 1px solid #efefef;
padding: 16px 16px 0 16px;
text-align: right;
}
.modal-content > .wpb_wrapper {
padding: 24px 20px;
font-weight: 500;
line-height: 1.5;
}
.modal-content > .wpb_wrapper p {
margin-bottom: 20px;
font-size: 18px;
}
.modal-content > .wpb_wrapper strong {
font-size: 22px;
margin-bottom: 10px;
display: block;
color: #3b3b3b;
}
.modal-content > .wpb_wrapper ul {
list-style: disc;
list-style-position: inside;
}
.custom-select {
position: relative;
}
.job-filter > .vc_column-inner > .wpb_wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
section.vc_section.job-examples {
flex: 1;
}
.job-filter select {
display: none; /*hide original SELECT element:*/
}
/*style the arrow inside the select element:*/
.select-selected:after,
.select-selected:before {
position: absolute;
content: "";
}
.select-selected:after {
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #737373 transparent transparent transparent;
}
.select-selected:before {
top: 50%;
transform: translateY(-50%);
left: 10px;
width: 20px;
height: 20px;
background: url("https://seeblindspot.com/wp-content/uploads/2024/05/pin-alt.svg")
center center no-repeat;
background-size: cover;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
border-color: transparent transparent #737373 transparent;
top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div {
padding: 8px 16px;
}
.select-selected {
position: relative;
color: #3b3b3b;
background-color: #fff;
padding: 10px 40px 10px 40px;
cursor: pointer;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0px 1px 2px 0px #1018280d;
}
/*style items (options):*/
.select-items {
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
box-shadow: 0px 8px 8px -4px #10182808;
box-shadow: 0px 20px 24px -4px #10182814;
border: 1px solid #e0e0e0;
border-radius: 0 0 8px 8px;
}
/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}
.select-items div:hover,
.same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
section.vc_section.bg-light {
background: #f3f3f380;
border-top: 1px solid #e0e0e0;
}
.bg-dark > .vc_column-inner > .wpb_wrapper {
background: #3b3b3b;
border-radius: 28px;
padding: 50px 60px;
color: #fff;
}
.reasons-card > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 10px;
}
.reasons-card .reasons-title {
font-size: 22px;
font-weight: 600;
}
.reasons-card .reasons-subtitle {
font-size: 18px;
font-weight: 500;
line-height: 1.6;
}
.reasons {
position: relative;
}
.reasons.vc_row::after {
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50%;
background: #f3f3f380;
border-bottom: 1px solid #e0e0e0;
/* background: red; */
}
.reasons > .wpb_column {
float: none;
position: relative;
z-index: 2;
}
.faq:not(.w-bg) {
border: 1px solid #e0e0e0;
padding: 50px;
border-radius: 45px;
}
.w-bg{
background: #F3F3F380;
}
.top-b{
border-top: 1px solid #E0E0E0
}
.faq.w-bg .vc_do_toggle {
border-bottom: 1px solid #E0E0E0;
padding-bottom: 20px;
}
.faq .vc_toggle_title > h4 {
position: relative;
display: block;
font-size: 22px;
font-weight: 600;
line-height: 1.5;
color: #3b3b3b;
padding-right: 40px;
}
.faq .vc_toggle_content {
font-size: 18px;
font-weight: 500;
line-height: 1.625;
}
.faq .vc_toggle_content * {
margin-bottom: 16px;
}
.faq .vc_toggle_content a,
.faq .vc_toggle_content a *{
color: #f64747 !important;
font-weight: 600;
}
.faq .vc_toggle_content ul {
list-style: disc;
list-style-position: inside;
}
.faq .vc_toggle_title > h4::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 30px;
height: 30px;
transform: translateY(-50%);
background: url("https://seeblindspot.com/wp-content/uploads/2024/05/arrow-right-down.svg")
right center no-repeat;
background-size: 30px;
transition: all 0.3s ease-in-out;
}
.faq .vc_do_toggle:not(.vc_toggle_active) .vc_toggle_title > h4::after {
filter: grayscale(1);
transform: translateY(-50%) rotate(-90deg);
}
.wpb_single_image.img-tag img {
height: 54px;
width: auto;
}
.vc_row.wpb_row.vc_row-fluid.tps-accordion {
padding-top: 50px;
}
.tps-accordion
.vc_tta-color-grey.vc_tta-style-flat
.vc_tta-panel
.vc_tta-panel-heading {
background: transparent !important;
}
.tps-accordion
.vc_tta-color-grey.vc_tta-style-flat
.vc_tta-panel.vc_active
.vc_tta-panel-title
> a,
.tps-accordion
.vc_tta-color-grey.vc_tta-style-flat
.vc_tta-panel
.vc_tta-panel-title
> a {
color: #3b3b3b;
font-family: "Geist", sans-serif;
font-weight: 600;
font-size: 22px;
line-height: 1.5;
padding: 0;
}
.tps-accordion .vc_tta.vc_general .vc_tta-panel:not(:last-child) {
border-bottom: 1px solid #e4dede;
}
.tps-accordion .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body {
padding: 12px 0 26px 0;
}
.tps-accordion .vc_tta-panel .wpb_single_image {
display: none;
}
.accordion-image > .vc_column-inner > .wpb_wrapper {
height: 540px;
max-width: 605px;
margin-left: auto;
background: #ffe1e1;
border-radius: 20px;
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.accordion-image > .vc_column-inner > .wpb_wrapper img{
height: 500px;
width: auto;
max-width: 90%;
border-radius: 10px;
object-fit: contain;
}
.accordion-image > .vc_column-inner > .wpb_wrapper:after {
content: "";
position: absolute;
z-index: -1;
left: -2px;
width: 50%;
bottom: -2px;
height: 50%;
background: linear-gradient(
334.86deg,
#f64747 37.97%,
rgba(246, 71, 71, 0) 100.96%
);
border-radius: 0 0 2px 22px;
}
.clients-images {
overflow: hidden;
}
.clients-images
.wpb_column.vc_column_container
> .vc_column-inner
> .wpb_wrapper {
display: flex;
gap: 20px;
animation: animate3 80s 0s linear infinite;
}
.clients-images
.wpb_column.vc_column_container
> .vc_column-inner
> .wpb_wrapper
.wpb_single_image
.vc_single_image-wrapper
img {
height: 42px;
width: auto;
max-width: unset;
}
@keyframes animate3 {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-160%, 0, 0);
}
}
@webkit-keyframes animate3 {
0% {
transform: translate3d(0%, 0, 0);
}
100% {
transform: translate3d(-160%, 0, 0);
}
}
#map .mapboxgl-popup-content {
border-radius: 14px;
padding: 14px 18px;
text-align: center;
}
#map .mapboxgl-popup-content img {
object-fit: cover;
border-radius: 50%;
object-position: center;
}
#map .mapboxgl-popup-content h3 {
font-size: 13px;
font-weight: 600;
line-height: 1.5;
color: #3b3b3b;
margin-bottom: 5px;
}
#map .mapboxgl-popup-content h4 {
font-size: 13px;
font-weight: 400;
line-height: 1.5;
color: #475467;
}
#map .mapboxgl-popup-content button.mapboxgl-popup-close-button {
display: none;
}
div#map {
position: relative;
pointer-events: none;
}
.country-item {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
color: #f64747;
font-size: 18px;
font-weight: 600;
line-height: 1.5;
filter: grayscale(1);
opacity: 0.5;
transition: all 0.3s ease-in-out;
}
.active.center.country-item {
filter: grayscale(0);
opacity: 1;
}
.map-carousel .wpb_wrapper {
display: flex;
flex-direction: column;
gap: 20px;
height: 315px;
overflow: hidden;
padding: 30px 0;
}
.newsletter {
color: #fff;
}
.news-title {
color: #ffffff;
font-weight: 700;
font-size: 18px;
line-height: 2;
padding-bottom: 4px;
}
.news-subtitle {
font-weight: 500;
}
.btn-white,
.hs-button.primary.large{
display: inline-block;
background: #fff;
border-radius: 10px;
font-weight: 700;
font-size: 1rem;
line-height: 1.2;
color: #f64747;
letter-spacing: -0.01em;
padding: 0.75rem 1.25rem;
border: 1px solid white;
text-align: center;
}
.btn-white:hover {
border-color: #f64747;
}
.newsletter input[type="email"] {
background: transparent;
border-bottom: 3px solid #e0e0e0;
margin-right: 20px;
color: #ffff;
min-width: 300px;
font-size: 16px;
height: 35px;
outline: none;
}
.hs-form-private {
display: flex;
}
.hs-form-private label {
display: none;
}
@media screen and (max-width: 991px) {
body.opened .sticky-toc {
display: none;
}
#animated2 .bg-red{
background: #f64747;
}
.newsletter input[type="email"] {
min-width: 200px;
}
.stack-results.flex.gap-16 {
flex-wrap: wrap;
}
.heading-beta {
font-size: 16px;
line-height: 26px;
}
.stack-step {
font-size: 13px;
padding-bottom: 0px;
}
.stack-step,
.stack-step + .heading-beta {
text-align: center;
}
.stack-result .heading-beta {
line-height: 1;
padding-bottom: 5px;
}
.stack-result .tps-subtitle {
font-size: 12px;
}
.stack-result {
padding: 10px;
min-width: 40%;
}
.stack-card .btn-main {
width: 100%;
}
.heading-beta .text-red {
padding: 3px;
padding-right: 1.5rem;
border-radius: 5px;
background-size: 1rem;
white-space: break-spaces;
}
.stack-step {
}
.stack-card .select-selected {
font-size: 30px;
line-height: 40px;
}
.stack-price input {
font-size: 50px;
}
.stack-price {
font-size: 40px;
line-height: 80px;
margin-top: 30px;
}
.stack-price.text-center + .flex,
.stack-select {
margin-bottom: 80px;
}
.stack-card:nth-last-of-type(2):not(.active) {
transform: translate3d(0, -40px, -32px);
}
.stack-card:nth-last-of-type(3):not(.active) {
transform: translate3d(0, -80px, -64px);
}
.discover {
text-align: center;
padding-top: 25px;
}
.discover .btn-white {
margin: 0 auto;
}
.pb-0-mob {
padding-bottom: 0 !important;
}
.pt-0-mob {
padding-top: 0 !important;
}
.col-reverse-mob {
flex-direction: column-reverse;
}
.map-carousel .wpb_wrapper {
flex-direction: row;
margin: 0 -20px;
overflow: auto;
height: unset;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.map-carousel .wpb_wrapper ::-webkit-scrollbar {
display: none;
}
.country-item {
flex-shrink: 0;
}
.accordion-image > .vc_column-inner > .wpb_wrapper {
height: 280px;
}
.accordion-image > .vc_column-inner > .wpb_wrapper img{
height: 240px;
width: auto;
border-radius: 10px;
}
#newsletter {
background: #3b3b3b;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
.newsletter {
padding: 30px 0;
}
.newsletter .news-title {
font-size: 16px;
}
.newsletter .news-subtitle {
font-size: 14px;
margin-bottom: 20px;
}
#primary-menu a.w-dropdown-link.dropdown-link {
display: inline-flex;
gap: 5px;
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 8px 10px;
border-radius: 10px;
font-size: 12px;
}
#primary-menu a.w-dropdown-link.dropdown-link span.subtitle {
display: none;
}
#primary-menu a.w-dropdown-link.dropdown-link:not(.refferal) img {
filter: invert(1);
}
nav.w-dropdown-list.dropdown-list.sub-menu {
padding-top: 20px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
#primary-menu a.w-dropdown-link.dropdown-link.refferal .descr,
#primary-menu a.w-dropdown-link.dropdown-link.refferal .text-red {
display: none;
}
#hamburger {
width: 30px;
margin-right: 20px;
padding: 10px;
box-sizing: content-box;
}
#top-line,
#bottom-line,
#middle-line {
transform-box: fill-box;
transform-origin: center;
stroke: #f64747;
}
.opened #top-line,
.opened #bottom-line,
.opened #middle-line {
stroke: #fff;
}
.opened #hamburger #top-line {
animation: down-rotate 0.6s ease-out both;
}
.opened #hamburger #bottom-line {
animation: up-rotate 0.6s ease-out both;
}
.opened #hamburger #middle-line {
animation: hide 0.6s ease-out forwards;
}
@keyframes up-rotate {
0% {
animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
transform: translateY(0px);
}
30% {
transform-origin: center;
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
transform: translateY(-10px);
}
100% {
transform-origin: center;
transform: translateY(-10px) rotate(45deg) scale(0.9);
}
}
@keyframes down-rotate {
0% {
animation-timing-function: cubic-bezier(0.16, -0.88, 0.97, 0.53);
transform: translateY(0px);
}
30% {
transform-origin: center;
animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
transform: translateY(10px);
}
100% {
transform-origin: center;
transform: translateY(10px) rotate(-45deg) scale(0.9);
}
}
@keyframes hide {
29% {
opacity: 1;
}
30% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.nav .logo svg {
height: 25px;
}
.tps-header:not(.m-b-0) {
margin-bottom: 1.5rem !important;
}
.wpb_single_image.img-tag img {
height: 38px;
}
.wpb_single_image.wpb_content_element.vc_align_center.wpb_content_element.col-sticky-animation {
background: #ffe1e1;
border-radius: 16px;
overflow: hidden;
}
.col-sticky-left:not(:last-child) {
margin-bottom: 40px;
}
.accordion-image.two-col-right {
display: none !important;
}
.nav-container.flex.flex-align-center.flex-justify-between {
padding: 16px 24px;
max-width: 100vw;
}
body .vc_section.vc_section-has-fill + .vc_section.page-container-x,
.page .vc_section-has-fill.page-container-x,
.page-container-x,
.careers.page-content-area {
padding-top: 40px;
padding-bottom: 40px;
}
.page-container-bottom {
padding-bottom: 40px;
}
.page-content-area .page-container,
.careers.page-content-area,
.page-container {
padding-left: 24px;
padding-right: 24px;
}
.menu-mobile.flex.flex-align-center.flex-justify-between {
position: fixed;
height: calc(100dvh - 5.5rem);
top: 5.5rem;
background: #000;
left: -100%;
width: 100%;
transition: all 0.3s ease-in-out;
flex-direction: column;
justify-content: center;
align-items: self-start;
padding: 40px;
overflow: auto;
}
.opened .menu-mobile.flex.flex-align-center.flex-justify-between {
left: 0;
}
.opened .hide-phone-large .btn-main {
opacity: 0;
}
.opened .nav {
background: #000;
}
.opened .logo svg path:not(.bullet) {
fill: #fff;
}
ul#primary-menu,
.nav-btns.flex-align-center {
flex-direction: column;
align-items: self-start;
width: 100%;
position: relative;
top: 100px;
}
.nav-btns .btn-outline,
.nav-btns .btn-main {
width: 100%;
}
.nav-btns .btn-outline {
background: #fff;
color: #f64747;
}
#primary-menu li a {
color: #e0e0e0;
}
#aboutUsBenefits > .vc_row.wpb_row.vc_row-fluid.vc_column-gap-30 {
display: flex; /* width: auto; */
justify-content: center;
}
section#aboutUsBenefits {
padding: 0;
overflow-x: hidden;
}
.about-us-slide.wpb_column.vc_column_container.vc_col-sm-4 {
flex: 0 0 80vw;
}
.about-us-slide img.vc_single_image-img.attachment-medium {
height: 200px;
}
.about-us-slide .vc_single_image-wrapper.vc_box_rounded.vc_box_border_grey {
transform-origin: 50% 50%;
right: -32vw;
position: relative;
}
.about-us-slide.active
.vc_single_image-wrapper.vc_box_rounded.vc_box_border_grey {
transform-origin: 0% 50%;
transform: scaleX(1.2) scaleY(1.03) translate(-50%, -50%);
height: 300px;
}
.about-us-slide.active
~ .about-us-slide
.vc_single_image-wrapper.vc_box_rounded.vc_box_border_grey {
transform-origin: 50% 55%;
left: -32vw;
position: relative;
}
.about-us-image {
margin-bottom: 0;
}
.about-us-slide:not(.active) .about-us-txt {
display: none;
}
.title-sep {
text-align: center;
}
.tps-header,
.tps-header *,
h1.entry-title {
font-size: 26px;
}
.tps-header h3 {
font-size: 24px;
}
.hero-title,
.hero-title h1 {
font-size: 2rem;
}
.tps-subtitle * {
font-size: 14px;
}
#famousLocations {
padding: 0 0 40px 0;
}
div#famousLocations .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav {
display: none;
}
.owl-carousel .owl-item.active .vc_grid-item:first-child .famous-card img {
width: 100%;
height: 100%;
right: 0;
bottom: 0;
border-radius: 0;
border: 6px solid #f6474733;
border-radius: 20px;
}
.owl-carousel
.owl-item.active
.vc_grid-item:first-child
.famous-card
.vc_gitem_row.vc_row.vc_gitem-row-position-top
.vc_gitem-col,
.owl-carousel
.owl-item.active
.vc_grid-item:first-child
.famous-card
.vc_gitem_row.vc_row.vc_gitem-row-position-middle
.vc_gitem-col {
background: rgba(255, 255, 255, 0.95);
}
.owl-carousel
.owl-item.active
.vc_grid-item:first-child
.famous-card
.vc_gitem_row.vc_row.vc_gitem-row-position-top::after {
top: 32px;
}
.owl-carousel
.owl-item.active
.vc_grid-item:first-child
.famous-card
.vc_gitem_row.vc_row.vc_gitem-row-position-top
.vc_gitem-col {
border-radius: 10px 10px 0 0;
padding-top: 10px;
}
.owl-carousel
.owl-item.active
.vc_grid-item:first-child
.famous-card
.vc_gitem_row.vc_row.vc_gitem-row-position-middle
.vc_gitem-col {
border-radius: 0 0 10px 10px;
min-height:10px;
}
.flex-col-mb {
flex-direction: column;
}
.hidden-mb {
display: none;
}
.footer-content * {
text-align: center;
justify-content: center;
gap: 16px;
}
.footer .footer-second {
text-align: center;
}
.footer .footer-second .footer-links ul li {
white-space: pre;
}
.footer .footer-second .footer-links {
align-items: center;
justify-content: center;
}
.footer .footer-second .footer-links ul,
.footer-links {
flex-wrap: wrap;
justify-content: center;
}
.px-0-mb {
padding-left: 0 !important;
padding-right: 0 !important;
}
.contact-details:not(:last-child) {
padding-bottom: 30px;
}
.sticky-toc {
position: static;
/* left: -53px; */
/* right: -20px; */
width: 100%;
z-index: 99;
margin-top: -40px;
max-height: 70vh;
overflow: hidden;
margin-bottom: 20px;
}
.article-img {
height: 250px;
}
.ez-toc-icon-toggle-span svg {
display: none;
}
.sticky-toc div#ez-toc-container {
box-shadow: 0;
width: 100%;
overflow: auto;
max-height: 70vh;
display: flex;
flex-direction: column;
}
#ez-toc-container .ez-toc-js-icon-con,
#ez-toc-container .ez-toc-toggle label,
.ez-toc-cssicon {
border: 0;
}
#ez-toc-container .ez-toc-icon-toggle-span::after {
content: "+";
font-size: 30px;
font-weight: 100;
}
div#ez-toc-container .ez-toc-title-container {
display: flex;
justify-content: space-between;
align-items: center;
}
div#ez-toc-container.toc_close .ez-toc-title-container {
padding-bottom: 0;
}
.single-post .article-meta {
flex-wrap: wrap;
}
.single-post span.cat-links {
flex: 0 0 100%;
}
.single-post span.point-before:nth-child(2) {
margin-left: 0;
padding-left: 0;
}
.single-post span.point-before:nth-child(2)::before {
display: none;
}
.card a.article-title {
font-size: 18px;
}
.tps-banner-image {
height: 280px;
width: 100%;
}
.latest-cards {
gap: 20px;
}
.grid.resources {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.tps-posts-filter {
margin-top: 20px;
}
.tps-posts-filter
ul.vc_grid-filter.vc_clearfix.vc_grid-filter-default.vc_grid-filter-size-md.vc_grid-filter-center.vc_grid-filter-color-grey.vc_gitem-post-data {
display: flex;
margin: 0 -24px;
overflow: auto;
max-width: 100vw;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.tps-posts-filter
ul.vc_grid-filter.vc_clearfix.vc_grid-filter-default.vc_grid-filter-size-md.vc_grid-filter-center.vc_grid-filter-color-grey.vc_gitem-post-data::-webkit-scrollbar {
display: none;
}
.tps-posts-filter .vc_grid-filter > .vc_grid-filter-item:first-child {
margin-left: 24px !important;
}
.tps-posts-filter
.vc_grid-filter.vc_grid-filter-size-md
.vc_grid-filter-item
span {
white-space: nowrap;
}
.case-studies-cards
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
font-size: 16px;
}
.case-studies-content {
flex-direction: column-reverse;
}
.case-studies-post
.vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-16-9.vc_gitem-is-link {
height: 280px;
padding: 20px !important;
}
.case-studies-post .vc_gitem-zone-mini * {
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
.case-studies-post .wpb_single_image img {
width: 140px;
margin-bottom: 10px;
}
.case-studies-kpi .wpb_text_column.wpb_content_element p:first-of-type,
.kpis-title{
font-size: 24px;
}
.case-studies-kpi .wpb_text_column.wpb_content_element p:nth-of-type(2),
.kpis-subtitle{
font-size: 13px;
}
.case-studies-kpi .vc_column-inner > .wpb_wrapper {
gap: 16px;
margin-top: 20px;
}
.case-studies-slider .vc_general.vc_pagination {
display: flex;
justify-content: center;
gap: 8px;
}
.case-studies-slider .vc_general.vc_pagination .vc_pagination-item {
width: 30px;
flex: unset;
height: 3px;
gap: 0px;
border-radius: 2px;
background: #e0e0e0;
transition: all 0.3s ease-in-out;
}
.case-studies-slider .vc_general.vc_pagination .vc_pagination-item.vc_active {
background: #f64747;
}
.case-studies-slider li.vc_pagination-item .vc_pagination-trigger {
background: none !important;
height: 3px !important;
margin: 0;
}
.case-studies-slider.w-slider
.vc_tta-tabs.vc_tta-has-pagination:not(.vc_tta-tabs-position-bottom) {
padding-bottom: 0;
}
.tps-mob-header * {
font-family: "Geist", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
padding-bottom: 16px;
color: #3b3b3b;
}
.careers-left > .vc_column-inner > .wpb_wrapper {
padding-bottom: 40px;
}
.job-left-detail {
text-align: center;
}
.job-header > .vc_column-inner > .wpb_wrapper,
.job-details > .vc_column-inner > .wpb_wrapper {
flex-direction: column;
/* justify-content:flex-start; */
align-items: flex-start;
gap: 8px;
}
.job-domain {
margin-left: 0;
}
.job-icon p {
font-size: 13px;
}
.job-view {
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
background: #fff;
border: 1px solid #efefef;
box-shadow: 0px 0px 4px 0px #a1a1a133;
border-radius: 10px;
padding: 4px 12px;
}
.job-view p {
font-weight: 500;
}
.job-view img {
width: 16px;
height: 16px;
}
.job-header.wpb_column.vc_column_container.vc_col-sm-12 {
position: static;
}
section.vc_section.modal-careers {
top: unset;
bottom: 0;
transform: translateX(-50%);
width: 100vw;
max-width: 100vw;
border-radius: 10px 10px 0 0;
transition: max-height 0.3s ease-in-out;
}
.modal-opened section.vc_section.modal-careers {
max-width: 100vw;
}
.modal-footer > .vc_column-inner > .wpb_wrapper {
display: flex;
}
.modal-footer > .vc_column-inner > .wpb_wrapper .vc_do_btn {
flex: 1;
}
.modal-footer > .vc_column-inner > .wpb_wrapper .vc_do_btn button,
.modal-footer > .vc_column-inner > .wpb_wrapper .vc_do_btn a {
width: 100%;
}
.modal-content > .wpb_wrapper strong {
font-size: 18px;
}
}
@media screen and (max-width: 767.98px) {
.kpis-cards {
gap: 15px;
justify-content: space-between;
}
.kpi-card{
flex: 0 0 47%;
width: 47%;
}
.kpis-cards::before,
.kpis-cards::after{
display: none !important;
}
.blankslate #hubspot-messages-iframe-container iframe {
display: none !important;
}
.billboard-city-container .vc_btn3-container.vc_btn3-left {
text-align: center;
}
.text-center-mob .vc_btn3-container.vc_btn3-right {
text-align: center;
margin-top: 20px;
}
.hide-phone {
display: none !important;
}
.reasons-card:not(:last-child) {
margin-bottom: 20px;
}
.bg-dark > .vc_column-inner > .wpb_wrapper {
margin: 0 -24px;
border-radius: 0;
padding: 40px 20px;
text-align: left;
}
.reasons-card > .vc_column-inner > .wpb_wrapper {
flex-direction: row;
flex-wrap: wrap;
position: relative;
}
.reasons-card .reasons-title {
font-size: 16px;
padding-left: 46px;
}
.reasons-card .reasons-subtitle {
font-size: 14px;
padding-left: 46px;
}
.reasons-card .reasons-subtitle *,
.reasons .tps-header *,
.reasons-card .reasons-title * {
text-align: left !important;
}
.reasons-card
.wpb_single_image.wpb_content_element.vc_align_center.wpb_content_element {
position: absolute;
left: 0;
top: 0;
width: 36px;
height: 36px;
}
.faq {
padding: 20px;
border-radius: 16px;
}
.wpb_text_column.wpb_content_element.tps-header {
text-align: center;
}
.faq .vc_toggle_title > h4,
.faq .vc_toggle_content * {
font-size: 14px;
}
.two-sections-right .wpb_single_image img {
max-width: 300px;
height: auto;
}
.two-sections-right > .vc_column-inner > .wpb_wrapper {
text-align: center;
padding-top: 20px;
}
.grid.resources {
grid-template-columns: 1fr;
}
.about-us-slide.active .about-us-txt {
text-align: center;
margin-top: -50px;
}
}
.discover-left {
display: flex;
flex-direction: column;
gap: 10px;
}
.discover-left .btn-white {
display: inline-flex;
align-items: center;
}
.discover-left .tps-subtitle {
line-height: 2;
}
.flex.items-center.discover {
min-height: 70vh;
}
@media screen and (min-width: 768px) {
.kpi-card > .vc_column-inner > .wpb_wrapper{
border-left: 4px solid rgba(246, 71, 71, 0.2);
padding-left:20px;
}
.gallery-image img.vc_single_image-img.attachment-full {
object-position: right;
}
.hide-tablet {
display: none !important;
}
.two-sections-right > .vc_column-inner > .wpb_wrapper {
padding-left: 50px;
}
}
@media screen and (min-width: 992px) {
.article-txt img.alignleft {
float:left;
margin-right: 20px;
}
.article-txt img.alignright {
float:right;
margin-left: 20px;
}
div#map::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: radial-gradient(
circle,
transparent 60%,
rgba(255, 255, 255, 0.1) 67%,
rgba(255, 255, 255, 1) 91%
);
box-shadow: 3px 3px 18px 20px #fff inset;
}
.discover-left {
gap: 30px;
max-width: 50%;
min-height: 500px;
}
.discover-right img {
position: absolute;
right: 0;
bottom: 0;
width: auto;
max-width: 50%;
}
#newsletter {
position: relative;
height: 0;
top: -60px;
z-index: 4;
}
.newsletter {
background: #3b3b3b;
border: 2px solid #1a1a1a;
padding: 32px 40px;
border-radius: 24px;
}
.footer-content {
padding-top: 60px;
}
#primary-menu a.w-dropdown-link.dropdown-link:not(.refferal) {
display: flex;
gap: 10px;
align-items: flex-start;
max-width: 300px;
}
#primary-menu a.w-dropdown-link.dropdown-link:not(.refferal) img {
padding-top: 5px;
}
#primary-menu a.w-dropdown-link.dropdown-link span.subtitle {
color: #868686;
font-weight: 500;
font-size: 14px;
}
#primary-menu a.w-dropdown-link.dropdown-link.refferal {
background: #f3f3f3;
padding: 1.25rem;
position: absolute;
right: 0;
top: 0;
bottom: 0;
max-width: 300px;
}
#primary-menu a.w-dropdown-link.dropdown-link.refferal .flex {
gap: 10px;
padding-bottom: 20px;
}
#primary-menu a.w-dropdown-link.dropdown-link.refferal .title {
color: #737373;
text-transform: uppercase;
}
#primary-menu a.w-dropdown-link.dropdown-link.refferal .descr {
color: #3b3b3b;
font-weight: 500;
font-size: 14px;
}
#primary-menu a.w-dropdown-link.dropdown-link.refferal .text-red {
padding-top: 20px;
display: flex;
align-items: center;
color: #f64747;
font-weight: 600;
}
.hide-phone-large {
display: none !important;
}
#aboutUsBenefits .vc_grid-owl-theme {
display: none;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.col-sticky-left {
height: 800px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 50px;
}
.two-col-right.accordion-image > .vc_column-inner {
position: sticky;
top: 150px;
}
img.vc_single_image-img.attachment-full {
max-width: 100%;
object-fit: contain;
}
.col-sticky-left .col-sticky-animation {
display: none;
}
.two-col-right.accordion-image > .vc_column-inner > .wpb_wrapper {
height: 600px;
overflow: hidden;
}
#map {
margin-right: 50px;
}
#primary-menu .sub-menu {
/* margin-top: .5rem; */
overflow: hidden;
visibility: hidden;
max-height: 0;
height: 0;
position: absolute;
list-style: none;
background: #ffffff;
border: 1px solid #efefef;
border-radius: 20px;
transition: all 0.2s ease-in-out;
box-sizing: content-box;
box-shadow: 0px 2px 6px 0px #3341550a;
top: calc(100% + 3px);
}
#primary-menu > li:nth-of-type(2) .sub-menu {
min-width: 600px;
}
.w-dropdown-toggle.navbar-link.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children {
display: flex;
align-items: center;
gap: 12px;
}
.menu-item-has-children::after {
content: "";
display: inline-block;
width: 1rem;
height: 0.75rem;
background: url("https://seeblindspot.com/wp-content/uploads/2024/05/nav-arrow-up.svg")
center center no-repeat;
filter: grayscale(1);
transform: rotate(180deg);
transition: all 0.3s ease-in-out;
}
.menu-item:hover::after {
transform: rotate(0);
filter: grayscale(0);
}
#primary-menu .menu-item:hover .sub-menu {
max-height: 3000px;
min-height: 100px;
visibility: visible;
height: auto;
padding: 1.25rem 0;
}
#primary-menu .sub-menu a {
padding: 0.25rem 1.25rem;
display: block;
color: #3b3b3b;
}
.two-sections-right > .vc_column-inner > .wpb_wrapper {
padding-left: 70px;
}
.job-filter > .vc_column-inner > .wpb_wrapper {
justify-content: flex-end;
gap: 20px;
}
.select-selected {
min-width: 200px;
}
.careers-left > .vc_column-inner > .wpb_wrapper {
padding-right: 64px;
}
.careers > .wpb-content-wrapper {
display: flex;
}
.job-left-detail {
position: sticky;
top: 128px;
}
section.careers-left {
flex: 0 0 40%;
max-width: 40%;
}
.case-studies-slider:not(.w-slider)
.vc_tta-tabs.vc_tta-has-pagination
.vc_pagination {
margin-left: 25%;
margin-top: 60px;
}
.case-studies-slider .vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
display: flex;
margin-bottom: 0;
margin-top: 120px;
}
.case-studies-slider.w-slider
.vc_tta-tabs.vc_tta-has-pagination
.vc_pagination {
border-top: 1px solid #efefef;
}
.case-studies-kpi.wpb_column.vc_column_container.vc_col-sm-3 {
padding-right: 50px;
}
.tps-banner-image {
flex: 0 0 45%;
max-width: 590px;
height: 420px;
}
.latest-articles .card {
flex: 0 0 30%;
max-width: 30%;
}
.sticky-toc {
position: sticky;
top: 128px;
margin-right: 50px;
}
.sticky-toc .ez-toc-title-toggle {
display: none;
}
.hidden-tablet {
display: none;
}
.footer .footer-container .footer-content-col.first {
-webkit-box-flex: 0;
-ms-flex: 0 0 24.33%;
flex: 0 0 26.33%;
max-width: 26.33%;
}
.footer .footer-container .footer-content-col.middle {
-webkit-box-flex: 0;
-ms-flex: 0 0 15.4%;
flex: 0 0 15.4%;
max-width: 15.4%;
}
.footer .footer-container .footer-content-col.last {
-webkit-box-flex: 0;
-ms-flex: 0 0 26.68%;
flex: 0 0 26.68%;
max-width: 26.68%;
}
}
.blog .grid.resources .card {
animation: zoom-in-zoom-out 300ms ease;
}
@keyframes zoom-in-zoom-out {
0% {
transform: scale(0, 0);
}
100% {
transform: scale(1, 1);
}
}
.stack-card {
border: 1px solid #efefef;
background: #fff;
box-shadow: 0px 1.17px 23.31px 0px #33415508;
border-radius: 14px;
padding: 16px 32px;
width: 100%;
transform-origin: 50% 0;
transform: perspective(100px) translateY(75px) scale(0.9) rotateX(-10deg);
opacity: 0;
transition: all 0.4s ease, max-height 0.75s ease;
}
.stack-card--added {
transform: translateY(0px) scale(1);
opacity: 1;
}
.stack-card:nth-last-of-type(2):not(.active) {
transform: translate3d(0, -45px, -32px);
opacity: 1;
}
.stack-card:nth-last-of-type(2):not(.active):hover {
transform: translate3d(0, calc(-100% - 0px), -32px);
}
.stack-card:nth-last-of-type(3):not(.active) {
transform: translate3d(0, -90px, -64px);
opacity: 0.85;
}
.stack-card:nth-last-of-type(3):not(.active):hover {
transform: translate3d(0, calc(-100% - 10px), -64px);
}
.stack-card:nth-last-of-type(n + 2):not(.active) {
position: absolute;
max-height: 100px;
overflow: hidden;
}
.stack-card:nth-last-of-type(n + 2):not(.active):hover {
opacity: 1;
transition-delay: 0.333s;
}
.stack-card.active ~ .stack-card {
opacity: 0;
pointer-events: none;
}
.stack-cards {
margin-top: 120px;
perspective: 1000px;
position: relative;
max-width: 830px;
margin: 0 auto;
float: none !important;
}
.slider {
-webkit-appearance: none;
width: 100%;
height: 3px;
background: #feeded;
outline: none;
-webkit-transition: 0.2s;
transition: opacity 0.2s;
}
.slider:hover {
opacity: 1;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
background: #f64747;
cursor: pointer;
border-radius: 50%;
}
.slider::-moz-range-thumb {
width: 25px;
height: 25px;
background: #f64747;
cursor: pointer;
}
.stack-step {
//
color: #737373;
font-size: 18px;
font-weight: 600;
line-height: 1;
padding-bottom: 10px;
}
.heading-beta {
font-size: 25px;
font-weight: 500;
line-height: 42px;
color: #3b3b3b;
}
.stack-price {
font-size: 50px;
font-weight: 600;
line-height: 128px;
text-align: center;
color: #3b3b3b;
display: flex;
align-items: flex-start;
justify-content: center;
}
.stack-price input {
font-size: 90px;
outline: none;
border: 0;
color: #3b3b3b;
text-align: center;
}
.stack-price input::-webkit-outer-spin-button,
.stack-price input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.stack-price input[type=number] {
-moz-appearance: textfield;
}
.stack-select select {
display: none;
}
.stack-card .custom-select {
/* font-family: Inter; */
font-size: 60px;
font-weight: 500;
line-height: 80px;
text-align: left;
width: 100%;
margin-top: 50px;
color: #3b3b3b;
outline: none;
}
.stack-card .select-selected{
border-radius: 0;
box-shadow: none;
border:0;
border-bottom: 3px solid #e0e0e0;
padding-left: 0;
}
.stack-card .select-selected:before,
.stack-card .select-selected:after{
display: none;
}
.stack-card .select-items {
font-size: 18px;
line-height: 1.2;
}
.heading-beta .text-red {
/* background: #EFEFEF; */
padding: 5px;
border-radius: 10px;
color: #f64747;
font-weight: 500;
padding-right: 2.5rem;
background: #efefef
url("https://seeblindspot.com/wp-content/uploads/edit-pencil.svg")
96% center no-repeat;
cursor: pointer;
white-space: nowrap;
}
.stack-result {
flex: 1;
border: 1px solid #e0e0e0;
border-radius: 10px;
padding: 10px 16px;
}
.stack-result .tps-subtitle {
color: #aeaeae;
}
.stack-results.flex.gap-16 {
}
.stack-results + .tps-subtitle {
font-size: 14px;
text-align: center;
margin-top: 10px;
color: #737373;
}
.locations {
position: absolute !important;
padding: 3rem 1.25rem 1rem 1.25rem;
bottom: 10%;
right: 5%;
background: rgba(255,255,255,.5);
backdrop-filter: blur(20px);
/* Note: backdrop-filter has minimal browser support */
border-radius: 25px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.locations:not(.text-center)::after {
content: "";
position: absolute;
left: 0.75rem;
top: 0.75rem;
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
background: #f64747;
}
.locations:not(.text-center).orange::after {
background: #fda53f;
}
.locations p {
font-weight: 500;
font-size: 1.0625rem;
line-height: 1.24;
color: rgba(47, 47, 47, 0.9)
}
.gallery-masonry .image img {
border-radius: 26px;
-o-object-fit: cover;
object-fit: cover;
}
.swap-images-container .swap-images .vc_column-inner > .wpb_wrapper {
position: relative;
}
.swap-images-container .swap-images .wpb_single_image .vc_figure {
display: block;
}
.swap-images-container
.swap-images
.vc_single_image-wrapper.vc_box_border_grey {
display: block;
}
.swap-images-container .swap-images .swap-image img {
max-height: 37.5rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 30px;
}
.swap-images-container .swap-images .swap-image.top img {
position: relative;
z-index: 3;
width: 80%;
margin-left: auto;
-o-object-position: top;
object-position: top;
display: block;
}
.swap-images-container .swap-images .swap-image.bottom img {
-o-object-position: bottom;
object-position: bottom;
position: absolute;
z-index: 1;
height: 80%;
width: 100%;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.swap-images-container .swap-images .swap-image.bottom::after {
content: "";
top: 50%;
left: 0;
width: 100%;
height: 80%;
position: absolute;
z-index: 2;
background: rgba(0, 0, 0, 0.7);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 30px;
}
.billboard-banner {
display: flex;
align-items: center;
}
@media only screen and (min-width: 993px) {
.gallery-masonry .wpb_single_image.wpb_content_element.vc_align_left {
display: -ms-grid;
display: grid;
-ms-grid-rows: 1fr auto;
grid-template-rows: 1fr auto;
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
.gallery-masonry > .vc_column-inner > .wpb_wrapper {
position: relative;
-webkit-column-gap: 1.5rem;
column-gap: 1.5rem;
-webkit-column-count: 2;
column-count: 2;
}
.gallery-masonry .image img {
margin: 1rem 0;
}
.gallery-masonry .image.first img {
margin: 30% 0;
}
.gallery-masonry .image.last img {
max-width: 11.875rem;
}
.gallery-masonry .image.landscape img {
max-height: 11.875rem;
}
.gallery-masonry .image.second.portrait img {
max-width: 70%;
min-height: 15rem;
}
.swap-images-container .swap-content .vc_column-inner {
padding-left: 2.5rem;
}
.swap-images-container .swap-images .vc_column-inner {
padding-right: 2.5rem;
}
}
@media screen and (max-width:992px){
.billboard-banner {
flex-direction: column;
text-align: center;
}
.gallery-masonry{
margin-top: 30px;
}
.gallery-masonry > .vc_column-inner > .wpb_wrapper {
-webkit-column-gap: 1rem;
column-gap: 1rem;
-ms-grid-columns: 40% 55%;
grid-template-columns: 40% 55%;
display: -ms-grid;
display: grid;
min-height: 300px;
}
.gallery-masonry .image.first {
grid-row-end: 2;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: 1rem;
}
.gallery-masonry .image.second {
-ms-grid-row: 2;
grid-row-start: 2;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.gallery-masonry .image.second img {
display: block;
width: 80%;
height: 100%;
}
.gallery-masonry .image.last,
.gallery-masonry .image.landscape {
-ms-grid-row: 1;
grid-row-start: 1;
grid-row-end: 3;
}
.gallery-masonry .image.last img,
.gallery-masonry .image.landscape img {
display: block;
height: calc(100% - 2rem);
}
.gallery-masonry .image.second .wpb_wrapper.vc_figure,
.gallery-masonry .image.second .vc_single_image-wrapper,
.gallery-masonry .image.last .wpb_wrapper.vc_figure,
.gallery-masonry .image.last .vc_single_image-wrapper,
.gallery-masonry .image.landscape .wpb_wrapper.vc_figure,
.gallery-masonry .image.landscape .vc_single_image-wrapper {
display: block;
height: 100%;
}
.swap-image.top{
margin-bottom: 30px;
}
}
.gallery-image img.vc_single_image-img.attachment-full {
max-height: 450px;
}
.tps-subtitle h3 {
/* font-family: Inter; */
font-size: 20px;
font-weight: 600;
line-height: 32px;
/* text-align: left; */
color: #3b3b3b;
}
a.select-extra {
font-weight: 600;
font-size: 1rem;
line-height: 1.62;
color: #f64747;
display: inline-block;
position: relative;
padding-left: 20px;
}
a.select-extra::before{
content:"";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1rem;
height: 1rem;
background: url("https://seeblindspot.com/wp-content/uploads/2019/08/red-arrow.svg") left center no-repeat;
background-size: 1rem;
}
.video-lp {border-radius: 20px;overflow: hidden;border: 2px solid #f3f3f3;}
#team{
overflow: hidden;
}
#team .owl-stage {
display: flex;
}
#team .owl-nav {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin-top: 30px;
}
#team .owl-prev, .owl-next {
cursor: pointer;
font-size: 0;
width: 32px;
height: 32px;
color: #f64747;
letter-spacing: -0.01em;
border-radius: 50%;
border: 1px solid #e0e0e0;
border-radius: 50%;
background-size: 20px;
background: #efefef url("https://seeblindspot.com/wp-content/uploads/2021/10/arrow.svg") center center no-repeat;
}
#team .owl-prev{
transform: rotate(180deg);
}
.page-content-area .is-form-style input.is-search-input {
background: transparent;
border: 1px solid #E0E0E0 !important;
box-shadow: 0px 1px 2px 0px #1018280D;
padding: 14px 18px 14px 30px;
border-radius: 8px;
min-height: 54px;
}
.page-content-area .is-form-style button.is-search-submit{
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.page-content-area .is-form-style input.is-search-submit, .page-content-area .is-search-icon {
background: transparent;
border: none;
}
.page-content-area .is-form-style .is-search-submit path{
fill: #AEAEAE;
}
.page-content-area .is-form-style input.is-search-input:focus,
.page-content-area .is-form-style input.is-search-input:active{
border-color: #F64747 !important;
}
.page .is-ajax-search-details a,
.page .is-ajax-search-result a {
color: #3b3b3b;
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-align: center;
}
.page .is-ajax-search-post::before,
.page .is-ajax-search-post-details::before{
content:"";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
width: 20px;
height: 20px;
background: url("https://seeblindspot.com/wp-content/uploads/2024/05/pin-alt.svg")
center center no-repeat;
background-size: cover;
}
.page .is-ajax-search-post,
.page .is-ajax-search-post-details {
padding: 12px 12px 12px 40px;
position: relative;
display: flex;
align-items: center;
}
.page div.is-ajax-search-details,
.page div.is-ajax-search-result {
border: 1px solid #E0E0E0;
box-shadow: 0px 0.81px 16.28px 0px #3341550A;
box-shadow: 0px 0.81px 17.91px 0px #33415514;
background: #fff;
border-radius: 8px;
/* top: 4px; */
margin-top: 2px;
}
.page .is-form-style.is-form-style-3 label{
width: 100% !important;
}
.page .is-ajax-search-categories-details>div:hover,
.page .is-ajax-search-result .is-ajax-search-post:hover,
.page .is-ajax-search-result .is-show-more-results:hover,
.page .is-ajax-search-tags-details>div:hover {
background: #fff;
}
.page .is-search-sections .is-title,
.page .is-search-sections .right-section {
display: flex;
align-items: center;
}
@media screen and (max-width:767px){
.vc_row.wpb_row.vc_row-fluid.tps-accordion {
flex-direction: column-reverse;
gap: 20px;
}
.page div.is-ajax-search-details,
.page div.is-ajax-search-result {
max-width: calc(100% - 62px);
margin-left: 24px;
}
}
.text-w-icon > .wpb_wrapper >div {
display: flex;
gap: 12px;
}
.text-w-icon > .wpb_wrapper > div > p{
flex-shrink: 0;
}
.home .hero {
height: calc(100vh - 8rem);
position: relative;
}
.home .hero-bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: flex-end;
}
.home .hero-bg img {
width: 100vw;
}
.home .hero > .vc_col-sm-12,
.home .hero > .vc_col-sm-12 > .vc_column-inner,
.home .hero > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{
height: 100%;
}
.home .hero .hero-title,
.home .hero .tps-subtitle {
position: relative;
z-index:9;
margin: 0 auto
}
.home .hero .tps-subtitle{
max-width: 600px;
padding-bottom: 30px
}
.home .hero .hero-title {
padding-top: 30px;
padding-bottom: 20px
}
@media screen and (min-height:1000px){
.home .hero .hero-title {
padding-top: 100px;
}
}
@media screen and (max-width:992px){
.home .hero .hero-title {
padding-top:70px;
}
.billboard-img img.vc_single_image-img.attachment-full {
max-height: 300px;
}
.home .hero .hero-title,
.home .hero .tps-subtitle{
padding-left: 24px;
padding-right: 24px;
padding-bottom: 10px
}
}
.orangeWrapper {
text-align: center;
position: relative;
}
.orangeWrapper #animated {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
}
.orangeWrapper .orange {
background: #f64747;
padding: 20px;
border-radius: 20px;
display: inline-block;
min-width: calc(100vw - 48px);
min-height: 200px;
}
section.vc_section.h-full {
max-height: 100vh;
overflow: hidden;
}
.h-full .ssq-center-down.bg-after {
overflow: hidden;
}
.h-full .discover-right img{
max-height: 100%;
}
svg#circles {
position: absolute;
top: 10%;
left: 50%;
transform: translateX(-50%) scale(0);
max-width: 100vw;
will-change: transform;
}
.h-full .ssq-center-down.bg-after{
transform: translate(0, 100%);
will-change: transform;
}
@media screen and (min-width: 992px){
.h-full .discover-left {
min-height: 700px;
align-items: flex-start;
text-align: left;
justify-content: center;
}
.orangeWrapper .orange {
min-width:800px;
}
svg#circles {
top: 0;
}
}
.vc_row.wpb_row.vc_row-fluid.testimonial-down {
/* transform: translateX(-100%); */
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 3;
}
#testimonials {
overflow: hidden;
position: relative;
}
#testimonials .testimonial-row {
display: flex;
align-items: flex-start;
justify-content: right;
margin: 0 24px 20px 24px;
gap:10px;
background: #fff;
border: 1.5px solid #EFEFEF;
box-shadow: 0px 1.17px 23.31px 0px #33415508;
border-radius: 20px;
padding: 14px 16px;
position: relative;
z-index:2;
}
#testimonials .testimonial-row::before{
display: none;
}
.testimonial-row .vc_col-sm-1{
width: 46px;
}
.wpb_text_column.wpb_content_element.testimonial-name {
border: 1px solid #E4DEDE;
background: #E4DEDE;
width: 46px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #737373;
font-weight: 600;
}
.wpb_text_column.wpb_content_element.testimonial-txt{
font-weight: 500;
color: #3B3B3B;
line-height: 26px;
}
#testimonials .hero-content .tps-subtitle {
margin-bottom: 100px;
}
.testimonial-red {
background: #f64747;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 30%;
}
#testimonials .testimonial-down .tps-header{
opacity:0;
}
@media screen and (max-width: 991px){
.wpb_text_column.wpb_content_element.testimonial-txt{
font-size: 13px;
line-height: 20px;
}
#testimonials .testimonial-row{
padding: 8px;
}
#testimonials .testimonial-row:nth-of-type(3){
margin-right: 60px;
}
#testimonials .testimonial-row:nth-of-type(4){
margin-left: 50px;
}
#testimonials .testimonial-row:nth-of-type(6){
margin-left: 100px;
}
#testimonials .hero-content .tps-subtitle {
margin-bottom: 30px;
}
}
#testimonials{
min-height: calc(100vh + 2rem);
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (min-width: 992px){
#testimonials{
padding-bottom: 70px;
}
#testimonials .testimonial-down img.vc_single_image-img.attachment-full{
max-width: 90vw;
margin: 0 auto;
}
#testimonials .testimonial-down img{
border-radius: 20px 20px 0 0;
overflow: hidden;
}
#testimonials .testimonial-row {
margin: 0 auto 20px auto;
max-width: 700px;
width: fit-content;
align-items: center;
}
#testimonials .testimonial-row:nth-of-type(2){
left: 40px;
}
#testimonials .testimonial-row:nth-of-type(3){
left: -150px;
}
#testimonials .testimonial-row:nth-of-type(4){
max-width: 600px;
left: 120px;
}
#testimonials .testimonial-row:nth-of-type(5){
left: -220px;
}
#testimonials .testimonial-row:nth-of-type(6){
}
}
@media screen and (min-width: 1200px){
.testimonial-red{
top: 40%;
}
}
@media screen and (min-width: 1440px){
#testimonials .testimonial-down img.vc_single_image-img.attachment-full{
max-width: 70vw;
}
}
.vc_row.wpb_row.vc_row-fluid.testimonial-down,
.vc_row.wpb_row.vc_row-fluid.testimonial-down > .wpb_column,
.vc_row.wpb_row.vc_row-fluid.testimonial-down > .wpb_column > .vc_column-inner ,
.vc_row.wpb_row.vc_row-fluid.testimonial-down > .wpb_column > .vc_column-inner >.wpb_wrapper {
height: 100%;
}
.vc_row.wpb_row.vc_row-fluid.testimonial-down > .wpb_column > .vc_column-inner >.wpb_wrapper {
display: flex;
flex-direction: column;
justify-content: flex-end
}
@media screen and (min-width:992px) and (max-height:700px){
.home .hero .tps-subtitle {
max-width: 70vw;
padding-bottom: 20px;
font-size: 14px;
}
.home .hero .hero-title{
padding-top:0;
padding-bottom: 10px;
}
.hero-title, .hero-title h1{
font-size: 2.5rem
}
}
.billboard-img {
position: relative;
}
.billboard-img > .wpb_wrapper.vc_figure,
.billboard-img .vc_single_image-wrapper.vc_box_border_grey {
height: 100%;
overflow: hidden;
}
.billboard-img .vc_single_image-wrapper.vc_box_border_grey {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.billboard-img {
flex: 1;
overflow: hidden;
}
.billboard-img img.vc_single_image-img.attachment-full {
max-height: 90%;
width: auto;
object-fit: contain;
height: auto;
margin: 0 auto;
display: block;
max-width: 50vw;
}
.home .hero > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
}
.error_page {
background: #fff;
height: calc(100vh - 6rem);
}
.error_page .wrap {
height: 100%;
}
.error_page .wrap .wrap_float {
height: 100%;
}
.error_page .wrap .wrap_float .content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.error_page .wrap .wrap_float .content ._title {
font-size: 279px;
font-weight: 600;
color: #191919;
text-align: center;
position: relative;
}
.error_page .wrap .wrap_float .content ._title:before {
content: "ERROR";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color: #fff;
color: #191919;
animation: effect 4s infinite linear;
}
.error_page .wrap .wrap_float .content ._title:after {
content: "ERROR";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
background-color: #fff;
color: #191919;
animation: effect 4s infinite linear;
}
.error_page .wrap .wrap_float .content .link {
text-align: center;
padding-top: 30px;
}
.error_page .wrap .wrap_float .content .link a {
font-size: 18px;
padding-left: 40px;
/* padding-top: 30px; */
color: #191919;
position: relative;
color: #f64747;
font-weight: 600;
}
.error_page .wrap .wrap_float .content .link a:before {
background: url("https://newlanding.seeblindspot.com/wp-content/uploads/2019/08/red-arrow.svg") center center no-repeat;
width: 40px;
height: 40px;
background-size: contain;
position: absolute;
left: 0;
top: 50%;
content: "";
transform: rotate(180deg) translateY(50%);
/* filter: grayscale(1); */
}
@-webkit-keyframes effect {
0% {
clip: rect(55px, 9999px, 156px, 0);
}
5% {
clip: rect(47px, 9999px, 130px, 0);
}
10% {
clip: rect(33px, 9999px, 136px, 0);
}
15% {
clip: rect(35px, 9999px, 39px, 0);
}
20% {
clip: rect(63%, 9999px, 159px, 0);
}
25% {
clip: rect(96px, 9999px, 198px, 0);
}
30% {
clip: rect(48px, 9999px, 177px, 0);
}
35% {
clip: rect(50px, 9999px, 134px, 0);
}
40% {
clip: rect(60px, 9999px, 172px, 0);
}
45% {
clip: rect(10px, 9999px, 181px, 0);
}
50% {
clip: rect(2px, 9999px, 160px, 0);
}
55% {
clip: rect(23px, 9999px, 289px, 0);
}
60% {
clip: rect(76px, 9999px, 230px, 0);
}
65% {
clip: rect(62px, 9999px, 273px, 0);
}
70% {
clip: rect(60px, 9999px, 273px, 0);
}
75% {
clip: rect(60px, 9999px, 287px, 0);
}
80% {
clip: rect(2px, 9999px, 214px, 0);
}
85% {
clip: rect(28px, 9999px, 287px, 0);
}
90% {
clip: rect(73px, 9999px, 250px, 0);
}
95% {
clip: rect(79px, 9999px, 170px, 0);
}
100% {
clip: rect(17px, 9999px, 179px, 0);
}
}
@media screen and (max-width: 992px){
.error_page .wrap .wrap_float .content ._title {
font-size: 79px;
}
}
.newsletter-box.wpb_column.vc_column_container.vc_col-sm-6 {
padding: 20px;
background: #fbfbfb;
border: 1px solid #efefef;
border-radius: 20px;
}
.news-header{
font-size: 18px;
font-weight: 600;
line-height: 1.67;
color: #2e2e2e;
}
.news-subheader{
opacity: 0.6;
font-size: .875rem;
color: #2e2e2e;
padding-bottom: 20px;
}
.newsletter-box .hs-email.hs-fieldtype-text.field{
flex:1;
}
.newsletter-box .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field input {
width: calc(100% - 1rem);
background: #fff;
border: 1px solid #e0e0e0;
color: #2e2e2e;
font-size: 16px;
height: 45px;
line-height: 45px;
outline: none;
padding: 0px 10px;
border-radius: 10px;
}
.test-person{
font-weight: 600;
}
.test-job {
font-size: 12px;
line-height: 2;
}
.locations-faq > .vc_column-inner {
background: #fbfbfb;
border: 1px solid #efefef;
border-radius: 10px;
padding: 16px !important;
}
.locations-faq.vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon {
left: unset;
right: 0;
}
.locations-faq.vc_toggle_size_md.vc_toggle_default .vc_toggle_title, .loc-state-title a{
font-family: "Geist", sans-serif;
padding-left: 0;
padding-right: 24px;
font-weight: 600;
line-height: 1;
color: #2e2e2e;
}
.loc-state-toggle img {
cursor: pointer;
width: 10px;
height: 10px;
}
.loc-state-toggle .wpb_single_image .vc_figure{
vertical-align: middle;
}
.locations-faq.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon{
width: 10px;
height: 2px;
}
.locations-faq.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::before {
height: 10px;
width: 1px;
}
.locations-faq.vc_toggle_size_md.vc_toggle_default .vc_toggle_icon::after {
width: 10px;
height: 2px;
}
.locations-faq.vc_toggle_default .vc_toggle_icon::before,
.locations-faq.vc_toggle_default .vc_toggle_icon::after,
.locations-faq.vc_toggle_default .vc_toggle_icon{
background: #f64747;
border-color: #f64747;
}
.locations-faq.vc_toggle_default .vc_toggle_icon::before,
.locations-faq.vc_toggle_default .vc_toggle_icon::after{
border-color: #f64747;
}
.locations-faq .vc_toggle_content,
.loc-state-list {
max-height: 1000px;
transition: all .3s ease-in-out;
overflow: hidden;
}
.locations-faq .vc_toggle_content p a,
.loc-state-list a{
font-weight: 500;
font-size: 14px;
line-height: 1.62;
color: #f64747;
}
.loc-state-list.max-h-0{
max-height:0;
}
.loc-state-list > .wpb_wrapper{
padding-left: 16px !important;
margin: 15px 0 !important;
border-left: 3px solid #f64747;
}
.billboard-city-container.w-b {
padding-bottom: 0 !important;
}
.billboard-banner.w-img .wpb_wrapper.vc_figure,
.billboard-banner.w-img .vc_single_image-wrapper,
.billboard-banner.w-img img.vc_single_image-img.attachment-medium {
width: 100%;
max-width: 1000px;
}
#primary-menu > li:nth-child(3) > div > nav{
min-height: auto !important;
}
/* Header styling - All headers bold with specified font sizes */
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: #2e2e2e;
}
h1 {
font-size: 48px;
}
h2 {
font-size: 42px;
}
h3, h4, h5, h6 {
font-size: 20px;
}
/* Site-wide default: Geist */
html, body {
font-family: "Geist", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2e2e2e;
}
/* Button group: side-by-side on desktop, stacked on mobile */
.button-group {
display: flex;
gap: 1rem;
max-width: 800px; /* adjust as needed */
margin: 2rem auto;
}
.button-group > a {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.5rem;
border: none;
border-radius: 8px;
text-decoration: none;
font-family: inherit; /* inherits Geist */
font-size: 1rem;
font-weight: 600;
transition: opacity 0.2s ease;
}
.button-group > a:hover {
opacity: 0.85;
}
/* Red button */
.btn-red {
background-color: #F64747;
color: #fff;
}
/* Black button */
.btn-black {
background-color: #000;
color: #fff;
}
/* Stack vertically on mobile */
@media (max-width: 768px) {
.button-group {
flex-direction: column;
}
.button-group > a {
width: 100%;
}
}
.article-content {
max-width: 750px;
width: 100%;
margin: 0 auto;
padding-left: 2%;
padding-right: 2%;
box-sizing: border-box;
}
.animated-image-container {
position: relative;
width: 100%;
max-width: 500px;
height: auto;
overflow: hidden;
}
.animated-circle-bg {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
background: #ff6a00; /* orange tone */
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.animated-image-wrapper {
position: relative;
z-index: 2;
}
.animated-image {
width: 100%;
border-radius: 16px;
transform: scale(0.8);
transition: transform 0.6s ease-out;
}
.heroRow {
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
min-height: 600px;
max-height: 800px;
}
.heroCont {
margin-left: auto!important;
margin-right: auto!important;
padding-left: 5%;
padding-right: 5%;
}
#map {
border-radius: 30px;
box-shadow: 0 6px 12px rgb(246 71 71 / 11%);
}
#mapview23{
display: none;
}
#sbHeader a {
padding: 15px;
}
.sb-subTitle {
align-self: self-start;
}
.sb-menu--mobile .sb-subDesc {
align-self: self-start;
text-align: left;
}
@media (max-width: 768px) {
.vc_single_image-wrapper img {
aspect-ratio: auto !important;
}
}
#\31 742215173347-c943568a-7c5a > div > div > div.case-studies-post.wpb_column.vc_column_container.vc_col-sm-9 > div > div > div > div > div > div > div > div.vc_grid-item-mini.vc_clearfix > div > div > div > div.vc_gitem_row.vc_row.vc_gitem-row-position-top > div > div > figure > div > img {
height: 50px;
width: auto;
object-fit: none;
}
#\31 761832352187-c1fba696-f9e7 > div > div > div.case-studies-post.wpb_column.vc_column_container.vc_col-sm-9 > div > div > div > div > div > div > div > div.vc_grid-item-mini.vc_clearfix > div > div > div > div.vc_gitem_row.vc_row.vc_gitem-row-position-top > div > div > figure > div > img {
height: 43px;
}