:root { --brand-color-primary: var(--brand-color-primary);
--brand-color-secondary: var(--brand-color-secondary);
--brand-color-accent: var(--brand-color-accent);
--brand-color-base-background: var(--brand-color-base-background);
--brand-color-surface: var(--brand-color-surface);
--brand-color-headline-text: var(--brand-color-headline-text);
--brand-color-body-text: var(--brand-color-headline-text);
--brand-color-muted-text: var(--brand-color-muted-text);
--brand-color-link: var(--brand-color-headline-text);
--brand-color-link-hover: var(--brand-color-primary);
--brand-color-button-text: #FFFFFF;
--brand-color-footer-background: var(--brand-color-base-background);
--brand-color-footer-headline-text: var(--brand-color-headline-text);
--brand-color-footer-body-text: var(--brand-color-muted-text); --brand-font-heading-family: "Noto Serif", serif;
--brand-font-body-family: "Manrope", sans-serif;
--brand-font-accent-family: "Noto Serif", serif;
--brand-font-heading-weight: 600;
--brand-font-body-weight: 400;
--brand-font-button-weight: 500;
--brand-font-base-body-size: 16px;
--brand-font-small-text-size: 14px;
--brand-font-heading-line-height: 1.2;
--brand-font-body-line-height: 1.5;
--brand-font-heading-letter-spacing: 0em;
--brand-font-button-letter-spacing: 0em;
--color-accent: var(--brand-color-primary);
--color-text: var(--brand-color-headline-text);
--color-accent-dark: var(--brand-color-headline-text);
--color-accent-light: var(--brand-color-secondary);
--color-text-muted: var(--brand-color-muted-text);
--color-border: var(--color-border);
--color-btn: var(--brand-color-button-text); --color-bg-alt: var(--color-bg-alt);
--color-bg-soft: var(--brand-color-surface);
--color-bg-accent: var(--color-bg-accent); --color-accent-hover: var(--brand-color-accent); --btn-bg: var(--brand-color-primary);
--btn-bg-hover: var(--brand-color-accent);
--btn-text: var(--brand-color-button-text);
--radius-xs: 6px;
--radius-sm: 10px;
--radius-md: 12px;
--radius-lg: 16px;
--h1-size: 48px;
--h2-size: 38px;
--h3-size: 28px;
--h4-size: 24px;
--h5-size: 18px;
--p-size: var(--brand-font-base-body-size);
--subtitle: 20px;
}
body{
font-family: var(--brand-font-body-family);
background: var(--brand-color-base-background);
font-size: var(--p-size);
font-weight: var(--brand-font-body-weight);
line-height: var(--brand-font-body-line-height);
color: var(--brand-color-body-text);
}
div, p, form, input, a, span, button{
box-sizing: border-box;
font-family: var(--brand-font-body-family);
}
h1, h2, h3, h4, h5, h6{
margin: 0;
font-weight: var(--brand-font-heading-weight);
font-family: var(--brand-font-heading-family);
color: var(--brand-color-headline-text);
line-height: var(--brand-font-heading-line-height);
letter-spacing: var(--brand-font-heading-letter-spacing);
}
h1{
font-size: var(--h1-size);
line-height: 1.2em;
}
h2{
font-size: var(--h2-size);
line-height: 1.2em;
}
h4{
font-size: var(--h4-size);
}
h5{
font-size: var(--h5-size);
}
p{
font-size: var(--p-size);
margin-bottom: 0;
color: var(--brand-color-body-text);
line-height: var(--brand-font-body-line-height);
}
input:focus, textarea:focus{
outline: none;
}
a{
color: var(--brand-color-link);
}
a:hover{
text-decoration: none;
transition: all 0.3s ease-in-out;
color: var(--brand-color-link-hover);
}
.header__actions{
display: flex;
gap: 16px;
justify-content: end;
}
.header__actions .search-form__button{
position: absolute;
width: max-content;
right: 0;
border-radius: 12px;
padding: 0 12px;
}
.header__actions .form-control{
margin: 0;
border-radius: 12px;
}
.btn_green{
background: var(--btn-bg);
border-radius:  var(--radius-md);
display: flex;
align-items: center;
justify-content: center;
height: 48px;
width: max-content;
padding-left: 24px;
padding-right: 24px;
font-family: var(--brand-font-body-family);
font-weight: var(--brand-font-button-weight);
font-size: 16px;
letter-spacing: var(--brand-font-button-letter-spacing);
color: var(--brand-color-button-text);
transition: all 0.5s ease-in-out;
}
.btn_green:hover{
background: var(--color-accent-hover);
color: var(--color-btn);
transition: all 0.5s ease-in-out;
}
.btn_green_border{
border: 1px solidvar(--brand-color-muted-text);
background: var(--brand-color-button-text);
color: var(--brand-color-muted-text);
}
.entry-content a{
text-decoration: underline;
}
.subheader{
font-family: var(--brand-font-heading-family);
color: var(--brand-color-muted-text);
font-size: 24px;
margin-top: 32px;
margin-bottom: 48px;
line-height: 150%;
}
.subscribe .newsletter{
margin-bottom: 60px;
}
.article .subscribe .newsletter{
margin-bottom: 0;
}
.learn-more{
display: flex;
align-items: center;
}
.bg_light_white{
background: #FDFCFF;
}
.learn-more img{
margin-left: 12px;
max-width: 16px;
}
.form_wrap {
display: flex;
}
.terms_field{
margin-top: -10px;
}
.agree_text{
color: var(--color-text);;
}
.newsletter__text{
display: none !important;
}
.agree_text a{
color: var(--color-text);
}
.terms_field label {
display: flex;
color: var(--color-text);
font-size: var(--brand-font-small-text-size);
font-weight: 400;
}
.terms_field label a{
display: contents;
color: var(--color-text);
}
.terms_field label input{
display: block;
width: auto;
margin-right: 8px;
}
.mc4wp-form-fields{
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
.mc4wp-form-fields .mc4wp-response{
margin-top: -10px;
margin-bottom: 10px;
}
.mc4wp-form-fields input[type="email"]{
width: 268px;
padding: 10px 16px;
margin-bottom: 0;
}
.mc4wp-form-fields input[type="submit"]{
width: 244px;
margin-left: 8px;
border: none;
}
.bg_green{
padding-top: 70px;
padding-bottom: 70px;
background: var(--color-bg-alt);
}
ul,li{
display: block;
margin: 0;
padding: 0;
padding-inline-start: 0;
}
a{
text-decoration: none;
}
.coming_soon{
display: flex;
height: 100vh;
}
.coming_soon .hero__left, .coming_soon .hero__right{
width: 50%;
display: flex;
align-items: center;
}
.coming_soon .hero__right{
background: var(--color-bg-alt);
}
.coming_soon .hero__left{ }
.header .logo{
max-width: 170px;
margin-bottom: 90px;
display: block;
position: absolute;
top: 30px;
}
.site-branding {
display: flex;
align-items: center;
gap: 20px;
}
.site-logo img {
max-height: 60px;
width: auto;
}
.footer .site-identity{
margin-top: -3px;
}
.site-identity {
display: flex;
flex-direction: column;
}
.site-title {
margin: 0;
font-size: 22px;
font-weight: 700;
color: var(--brand-color-headline-text);
line-height: 1.2;
font-family: var(--brand-font-body-family);
}
.site-title a {
text-decoration: none;
color: inherit;
}
.site-tagline {
margin: 2px 0 0;
font-size: var(--brand-font-small-text-size);
color: var(--brand-color-muted-text);
font-weight: 500;
}
.hero__about .hero__short{
display: block;
font-size: 24px;
font-weight: 700;
color: var(--color-text);
margin-bottom: 25px;
}
.hero__btns{
display: flex;
gap: 16px;
}
.home_hero_chips ul{
padding-left: 17px;
margin-top: 22px;
}
.home_hero_chips.hero__desc{
margin-bottom: 0;
}
.home_hero_chips ul li{
display: list-item;
margin-bottom: 8px;
}
.hero__about .hero__title{
color: var(--brand-color-headline-text);
font-weight: 700;
font-size: var(--h1-size);
line-height: 1.2em;
margin: 0;
}
.home .hero__about .hero__title {
margin-bottom: 20px;
}
.hero__about .hero__desc{
font-size: var(--p-size);
font-weight: 400;
color: var(--color-text);
margin-bottom: 15px;
line-height: 24px;
max-width: 470px;
}
.hero__about .hero__register{
margin-bottom: 30px;
font-size: 16px;
font-weight: 400;
color: var(--color-text);
line-height: 24px;
max-width: 470px;
}
.blog-card__category a{
color: var(--brand-color-button-text);
}
.items{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.items .item{
width: 30%;
margin-bottom: 65px;
}
.items .item:nth-child(7), .items .item:nth-child(8){
margin-bottom: 0;
} .latest-blog {
padding: 70px 0;
background: var(--color-bg-alt);
position: relative;
}
.blog__heading.heading {
text-align: center;
max-width: 760px;
margin: 0 auto 60px;
}
.blog__short {
display: inline-flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
font-size: 18px;
color: var(--color-accent);
}
.blog__short::before,
.blog__short::after {
content: "";
width: 60px;
height: 1px;
background: var(--color-border);
}
.blog__title {
font-family: var(--brand-font-heading-family);
font-size: 64px;
line-height: 1.05;
margin-bottom: 16px;
color: var(--color-text);
}
.heading p.blog__desc {
font-size: 20px;
color: var(--color-text-muted);
margin-bottom: 70px;
}
.custom-logo-link img{
max-width: 140px;
height: auto;
}
.blog__slider-wrap {
position: relative;
}
.blog__slider .slick-list {
margin: 0 -12px;
}
.blog__slide {
padding: 0 12px;
height: auto;
display: flex !important;
}
.blog-card {
background: var(--brand-color-button-text)dfa;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
display: flex;
flex-direction: column;
height: 100%;
padding: 14px;
width: 100%;
transition: all 0.35s ease;
box-shadow: 0 8px 25px rgba(44, 42, 40, 0.04);
}
.blog__slider .slick-track {
display: flex !important;
}
.blog__slider .slick-slide {
height: auto;
display: flex !important;
}
.blog-card:hover {
transform: translateY(-6px);
}
.blog-card__image-wrap {
position: relative;
display: block;
overflow: hidden;
border-radius: calc(var(--radius-md) - 6px);
margin-bottom: 20px;
}
.blog-card__image {
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
transition: transform 0.6s ease;
}
.blog-card:hover .blog-card__image {
transform: scale(1.05);
}
.blog-card__category {
position: absolute;
top: 0;
left: 0;
z-index: 22;
padding: 8px 18px;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--brand-color-button-text);
background: var(--color-accent);
border-bottom-right-radius: 18px;
}
.blog-card__content {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.blog-card__date {
font-size: var(--brand-font-small-text-size);
color: var(--color-accent-light);
margin-bottom: 12px;
}
.blog-card__title {
font-family: var(--brand-font-heading-family);
font-size: 20px;
line-height: 1.2;
margin-bottom: 14px;
color: var(--color-text);
}
.blog-card__title a {
text-decoration: none;
color: inherit;
}
.blog-card__title a:hover {
color: var(--color-accent);
}
.blog-card__excerpt {
font-size: 16px;
color: var(--color-text-muted);
margin-bottom: 20px;
}
.blog-card__link {
margin-top: auto;
font-size: 16px;
font-weight: 500;
text-decoration: none;
color: var(--color-accent);
display: inline-flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
}
.blog-card__link:hover {
gap: 12px;
color: var(--color-accent-dark);
}
.case_slider .slick-prev,
.blog__slider .slick-prev,
.case_slider .slick-next,
.blog__slider .slick-next {
width: 56px;
height: 56px;
transition: all 0.3s ease-in-out;
border-radius: 50%;
background: #faf5ef;
border: 1px solid var(--color-border);
z-index: 2;
}
.case_slider .slick-prev,
.blog__slider .slick-prev {
left: -30px;
}
.case_slider .slick-prev:before,
.blog__slider .slick-prev:before{
position: absolute;
background: url(//smallspacelogic.com/wp-content/themes/trustframe/assets/img/previous.svg) no-repeat center top;
width: 18px;
height: 18px;
content: '';
background-size: contain;
right: 50%;
margin-right: -9px;
top: 50%;
margin-top: -9px;
transition: all 0.3s ease-in-out;
}
.case_slider .slick-next:before,
.blog__slider .slick-next:before{
position: absolute;
background: url(//smallspacelogic.com/wp-content/themes/trustframe/assets/img/next.svg) no-repeat center top;
width: 18px;
height: 18px;
content: '';
transition: all ease 0.2s;
background-size: contain;
right: 50%;
margin-right: -9px;
top: 50%;
margin-top: -9px;
}
.case_slider .slick-next,
.blog__slider .slick-next {
right: -30px;
}
.case_slider .slick-prev:before,
.blog__slider .slick-prev:before,
.case_slider .slick-next:before,
.blog__slider .slick-next:before {
color: var(--color-accent);
font-size: 20px;
transition: all 0.3s ease-in-out;
}
.blog__slider .slick-prev:hover,
.case_slider .slick-prev:hover,
.case_slider .slick-next:hover,
.blog__slider .slick-next:hover {
background: var(--color-accent);
transition: all 0.3s ease-in-out;
}
.case_slider .slick-prev:hover:before,
.blog__slider .slick-prev:hover:before,
.case_slider .slick-next:hover:before,
.blog__slider .slick-next:hover:before {
color: var(--brand-color-button-text);
transition: all 0.3s ease-in-out;
}
.case_slider .slick-dots,
.blog__slider .slick-dots {
margin-top: 30px;
}
.case_slider .slick-dots li button:before,
.blog__slider .slick-dots li button:before {
font-size: 10px;
color: #d6c9bc;
font-size: 10px;
color: #d6c9bc;
background: var(--brand-color-muted-text);
border-radius: 100%;
width: 10px;
height: 10px;
content: '';
margin-top: 15px;
}
.case_slider{
position: relative;
}
.case_slider .slick-dots li.slick-active button:before,
.blog__slider .slick-dots li.slick-active button:before {
color: var(--color-accent);
}
.item .item__icon{
width: 64px;
height: 64px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 18px;
margin: 0 auto;
}
.item .item__icon img{
max-width: 100%;
}
.item .item__title{
text-align: center;
font-size: 16px;
font-weight: 700;
color: var(--color-text);
margin-top: 15px;
}
header.header .nav .logo{
max-width: 170px;
display: block;
margin-bottom: 0;
position: relative;
top: 0;
}
.nav{
display: flex;
align-items: center;
}
.nav__link{
margin-left: 55px;
display: block;
font-size: 16px;
font-weight: 400;
color: var(--brand-color-muted-text);
text-decoration: none;
}
.container{
max-width: 1210px;
margin: 0 auto;
}
.about h2{
color: var(--color-text);
font-family: var(--brand-font-heading-family);
font-size: var(--h2-size);
line-height: 1.2em;
margin-bottom: 24px;
margin-top: 24px;
}
.about h3{
color: var(--color-text);
font-size: var(--h3-size);
margin-bottom: 24px;
margin-top: 40px;
line-height: 1.2em;
}
.about h4{
margin-top: 20px;
margin-bottom: 15px;
}
.about p, .about a{
color: var(--color-text);
font-size: var(--p-size);
}
.about{
padding-bottom: 50px;
}
.about p{
line-height: 150%;
display: block;
margin-bottom: 24px;
}
.about a{
text-decoration: underline;
}
.menu{
display: flex;
align-items: center;
}
#primary-menu{
display: flex;
justify-content: center;
}
#primary-menu li:not(:last-of-type){
padding: 0 30px 0 0;
}
#primary-menu li a{
color: var(--brand-color-muted-text);
font-family: var(--brand-font-body-family);
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
}
header .nav{
padding-top: 16px;
padding-bottom: 16px;
position: absolute;
width: 100%;
z-index: 898;
}
header .nav.sticky{
position: fixed;
background: var(--brand-color-button-text);
z-index: 8988989;
box-shadow: 11px 11px 40px 0 rgba(73,65,58,.08);
}
.nav .menu-menu-1-container .menu li a,
.nav .menu-header-menu-container .menu li a
{
position: relative;
}
.nav .menu-menu-1-container .menu li a:before,
.nav .menu-header-menu-container .menu li a:before
{
content: '';
position: absolute;
left: 0;
opacity: 0;
bottom: -3px;
height: 1px;
background: var(--brand-color-muted-text);
width: 100%;
transition: all 0.3s ease-in-out;
}
.nav .menu-menu-1-container .menu li a:hover:before,
.nav .menu-header-menu-container .menu li a:hover:before
{
opacity: 1;
transition: all 0.3s ease-in-out;
}
.home .hero{
padding-top: 170px;
padding-bottom: 110px;
background: var(--color-bg-soft);
}
.home .hero .hero__img {
width: 610px;
position: relative;
left: 0;
top: 0;
}
.hero{
padding-top: 100px;
display: flex;
position: relative;
padding-bottom: 150px;
}
.hero .heading p{
max-width: 770px;
}
.hero .heading a{
margin: 55px auto 0 auto;
color: var(--color-text);
}
.hero__short_title, .short_tag{
font-family: var(--brand-font-body-family);
font-weight: 700;
font-size: 24px;
color: var(--color-text);;
margin-bottom: 18px;
display: block;
line-height: 1.3em;
display: none !important;
}
.hero__title{
font-family: var(--brand-font-heading-family);
font-weight: 700;
font-size: 50px;
line-height: 61px;
color: var(--brand-color-headline-text);
margin: 20px 0;
}
.hero .hero__desc{
font-family: var(--brand-font-body-family);
font-weight: 400;
font-size: 18px;
color: var(--color-text);
margin-bottom: 30px;
}
.featured-hubs.section--soft{
padding-top: 0;
}
main.section--soft{
padding: 0;
}
.section--soft{
padding: 70px 0;
background: var(--color-bg-soft);
position: relative;
overflow: hidden;
}
.section--soft .heading{
margin-bottom: 50px;
max-width: 830px;
}
.heading__label {
display: inline-flex;
align-items: center;
gap: 16px;
margin-bottom: 18px;
color: var(--color-accent);
font-family: var(--brand-font-body-family);
font-size: 18px;
font-weight: 500;
line-height: 1.2;
}
.heading__label::before,
.heading__label::after {
content: "";
width: 58px;
height: 1px;
background: var(--color-border);
display: none;
}
.heading__title {
margin: 0 0 18px;
color: var(--color-text);
font-family: var(--brand-font-heading-family);
font-size: var(--h2-size);
line-height: 1.02;
font-weight: 600;
letter-spacing: -0.02em;
}
.heading__desc {
margin: 0 auto;
max-width: 720px;
color: var(--color-text-muted);
font-family: var(--brand-font-body-family);
font-size: var(--p-size);
line-height: 1.65;
}
.starting-point{
padding-top: 0;
}
.starting-point-card {
display: flex;
flex-direction: column;
height: 100%;
min-height: 100%;
padding: 32px 28px;
border: 1px solid var(--color-border);
border-radius: var(--radius-sm);
background: var(--brand-color-button-text)dfa;
text-decoration: none;
box-shadow: 0 10px 30px rgba(44, 42, 40, 0.04);
transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.starting-point-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 42px rgba(44, 42, 40, 0.08);
border-color: rgba(185, 146, 103, 0.35);
}
.starting-point-card__icon {
width: 56px;
height: 56px;
margin-bottom: 24px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(185, 146, 103, 0.12);
color: var(--color-accent);
flex-shrink: 0;
}
.starting-point-card__title {
margin: 0 0 16px;
color: var(--color-text);
font-family: var(--brand-font-heading-family);
font-size: var(--h3-size);
line-height: 1.08;
font-weight: 600;
letter-spacing: -0.02em;
}
.starting-point-card__text {
margin: 0 0 18px;
color: var(--color-text-muted);
font-family: var(--brand-font-body-family);
font-size: var(--p-size);
line-height: 1.7;
}
.starting-point-card__meta {
margin: 0 0 24px;
color: #8c7b69;
font-family: var(--brand-font-body-family);
font-size: 15px;
line-height: 1.6;
}
.starting-point-card__link {
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--color-accent);
font-family: var(--brand-font-body-family);
font-size: var(--p-size);
font-weight: 600;
line-height: 1.3;
transition: gap 0.25s ease, color 0.25s ease;
}
.starting-point-card:hover .starting-point-card__link {
gap: 14px;
color: var(--color-accent-dark);
}
.starting-point-card__arrow {
line-height: 1;
}
.featured-hub-card {
display: flex;
flex-direction: column;
align-items: center;
min-height: 286px;
padding: 36px 26px 30px;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: rgba(255, 253, 250, 0.94);
text-align: center;
text-decoration: none;
box-shadow: 0 10px 28px rgba(44, 42, 40, 0.04);
transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
margin-bottom: 30px;
}
.featured-hub-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 42px rgba(44, 42, 40, 0.08);
border-color: rgba(185, 146, 103, 0.35);
}
.featured-hub-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 74px;
height: 74px;
margin-bottom: 22px;
border-radius: 50%;
background: rgba(185, 146, 103, 0.1);
color: var(--color-accent);
flex-shrink: 0;
}
.featured-hub-card__title {
margin: 0 0 14px;
color: var(--color-text);
font-family: var(--brand-font-heading-family);
font-size: 20px;
line-height: 1.15;
font-weight: 600;
letter-spacing: -0.02em;
}
.featured-hub-card__text {
margin: 0 0 22px;
color: var(--color-text-muted);
font-family: var(--brand-font-body-family);
font-size: 16px;
line-height: 1.65;
}
.featured-hub-card__link {
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--color-accent);
font-family: var(--brand-font-body-family);
font-size: 16px;
font-weight: 600;
line-height: 1.3;
transition: gap 0.25s ease, color 0.25s ease;
}
.featured-hub-card:hover .featured-hub-card__link {
gap: 14px;
color: var(--color-accent-dark);
}
.featured-hub-card__arrow {
line-height: 1;
}
.hero__img img{
max-width: 100%;
height: auto;
}
.heading{
text-align: center;
max-width: 860px;
margin: 0 auto;
}
.heading h2{
margin-bottom: 25px;
}
.heading h1{
margin-bottom: 25px;
}
.heading p{
font-size: 18px;
font-weight: 400;
max-width: 570px;
margin: 0 auto;
text-align: center;
}
.heading__green span{
color: var(--color-text);;
}
.heading__green h2{
color: var(--color-text);;
}
.heading__green p{
color: var(--color-text);
}
.main_title_white{
font-family: var(--brand-font-heading-family);
font-style: normal;
font-weight: 700;
font-size: 40px;
color: var(--color-text);;
}
.white_description{
font-family: var(--brand-font-body-family);
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: var(--color-text);;
margin-bottom: 40px;
}
.management{
padding-top: 150px;
}
.legal{
text-align: center;
background: var(--color-bg-alt);
border-radius: 20px;
padding: 80px 100px;
}
.legal .heading{
margin-bottom: 80px;
}
.product_slider__dots{
display: none;
}
.product_slider{
padding-top: 90px;
}
.slider__img{
max-width: 100%;
object-fit: cover;
}
.product_slider .slick-dots{
top: 0;
height: fit-content;
display: flex;
justify-content: space-around;
}
.product_slider .slick-dots li{
width: fit-content;
}
.product_slider .slick-dots li span{
font-family: var(--brand-font-heading-family);
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 150%;
color: var(--color-text);;
}
.product_slider .slick-dots li.slick-active span{
color: var(--color-text);;
border-bottom: 3px solid var(--color-text);;
padding: 0 0 10px 0;
}
.product_slider button,
.product_slider button:focus,
.product_slider button:hover{
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: var(--color-bg-soft);;
opacity: 0.5;
z-index: 9;
top: 50%;
margin-top: -28px;
}
.product_slider button.slick-next{
right: -75px;
}
.product_slider button.slick-prev{
left: -75px;
}
.product_slider button:before{
display: none;
}
.product_slider__info{
max-width: 770px;
margin: 0 auto;
font-family: var(--brand-font-body-family);
text-align: left;
font-weight: 400;
line-height: 150%;
color: var(--color-text);;
}
.product_slider__info p{
font-size: 18px;
margin: 30px 0 15px 0;
line-height: 1.5em;
}
.product_slider__info a{
font-size: 16px;
color: var(--color-text);;
display: flex;
align-items: center;
}
.product_slider__info a img{
width: 20px;
height: 20px;
margin-left: 8px;
}
.product_slider__info a:hover{
outline: none;
border: none;
text-decoration: none;
}
.home section.cases{
padding-top: 70px;
}
section.cases{
padding-top: 0;
}
section.cases .heading{
margin-bottom: 40px;
}
.case{
padding: 35px;
box-shadow: 0px 0px 30px rgba(92, 100, 124, 0.1);
border-radius: 20px;
}
.case .case__img img{
max-width: 100%;
height: 283px;
object-fit: cover;
border-radius: 10px;
}
.blog__list .case__about a:hover{
text-decoration: underline;
}
.case_slider .case{
margin-right: 15px;
}
.case_slider .slick-list{
padding-bottom: 15px;
}
.case .case__title{
color: var(--color-text);
font-size: var(--subtitle);
font-family: var(--brand-font-body-family);
margin-top: 25px;
margin-bottom: 15px;
}
.case .case__desc{
font-size: var(--p-size);
line-height: 1.5em;
margin-bottom: 22px;
display: block;
}
.case .case__btn{
color: var(--brand-color-muted-text);
}
.process{
padding-top: 70px;
position: relative;
padding-bottom: 70px;
}
.count__progress{
display: flex;
gap: 15px;
margin-left: 45px;
}
.count__item span{
font-size: 42px;
font-family: var(--brand-font-heading-family);
color: var(--color-accent);
}
.count__item{
display: flex;
flex-direction: column;
gap: 4px;
}
.count__name{
font-size: 16px;
color: var(--color-accent);
}
.process .heading{
text-align: left;
margin-left: 45px;
}
.process .heading p{
text-align: left;
margin-bottom: 46px;
}
.process .process_img img{
max-width: 100%;
border-radius: var(--radius-lg);
height: auto;
}
.process .marked_list{
padding-left: 40px;
position: relative;
}
.process .marked_list:after{
background: var(--color-text);;
width: 3px;
height: 95%;
position: absolute;
left: 0;
top: 10px;
content: '';
}
.process .marked_list li{
margin-bottom: 60px;
position: relative;
}
.process .marked_list li:last-child{
margin-bottom: 0;
}
.process .marked_list li:after{
position: absolute;
width: 16px;
height: 16px;
background: var(--color-text);;
border-radius: 100%;
left: -47px;
top: 6px;
content: '';
}
.features .heading h2{
color: var(--color-text);;
}
.features .heading p{
color: var(--color-text);;
font-size: 18px;
line-height: 1.5em;
margin-bottom: 40px;
}
.features .heading__btn{
margin: 30px auto 0 auto;
}
.advantages{
display: flex;
flex-wrap: wrap;
}
.advantage{
margin-right: 30px;
max-width: 48%;
}
.advantage:nth-child(even){
margin-right: 0;
}
.advantage:nth-child(3), .advantage:nth-child(4){
margin-bottom: 0;
}
.advantage .advantage__img{
max-width: 64px;
}
.advantage .advantage__img img{
max-width: 100%;
}
.advantage .advantage__title{
font-size: 18px;
line-height: 1.5em;
color: var(--color-text);
margin-bottom: 12px;
margin-top: 24px;
}
.advantage .advantage__desc{
color: var(--color-text);
font-size: 16px;
line-height: 1.5em;
}
.pricing{
padding-top: 150px;
background: #FDFCFF;
padding-bottom: 150px;
}
.pricing .heading{
margin-bottom: 80px;
}
.pricing .plan{
border-radius: 10px;
overflow: hidden;
padding: 30px 20px 20px 20px;
height: 400px;
position: relative;
box-shadow: 0px 0px 30px rgba(92, 100, 124, 0.1);
}
.pricing .plan .plan__mark{
width: 100%;
top: 0;
left: 0;
height: 15px;
position: absolute;
}
.pricing .plan .plan__title{
font-size: 18px;
color: var(--color-text);
margin-bottom: 10px;
}
.pricing .plan .plan__price{
position: relative;
}
.plan__value{
color: var(--color-text);
font-size: 24px;
height: 45px;
font-weight: 700;
display: flex;
position: relative;
}
.plan__value .plan__price{
font-size: 30px;
}
.pricing .plan .plan__value .plan__currency{
position: relative;
left: 0;
top: 6px;
color: var(--color-text);
font-size: var(--brand-font-small-text-size);
margin-right: 5px;
}
.plan__value .plan__price{
color: var(--color-text);
font-size: 30px;
font-weight: 700;
}
.plan__value .plan__price span{
color: var(--color-text);
font-size: var(--brand-font-small-text-size);
}
.plan__list{
border-top: 1px solid#C7D1D0;
padding-top: 20px;
margin-top: 17px;
}
.plan__list li{
position: relative;
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 15px;
}
.plan__list li:last-child{
margin-bottom: 0;
}
.plan__list li img{
margin-right: 10px;
}
.pricing .plan .plan__btn{
position: absolute;
bottom: 20px;
left: 20px;
width: 220px;
}
.faq{
padding-top: 70px;
}
.faq .heading{
margin-bottom: 60px;
}
.faq__about{
font-weight: normal;
font-size: var(--brand-font-small-text-size);
line-height: 26px;
color: #3F4A56;
position: relative;
margin-bottom: 5px;
}
.faq__about .faq__item{
margin-bottom: 20px;
box-shadow: 0px 0px 30px rgba(92, 100, 124, 0.1);
border-radius: 10px;
}
.faq__about .faq__titles{
padding: 35px;
border-radius: 10px;
position: relative;
cursor: pointer;
color: var(--color-text);
transition: all 0.5s ease-in-out;
font-size: 18px;
line-height: 1.5em;
}
.faq__about .faq__item.active > .faq__titles:after{
transform: rotate(-180deg);
}
.faq__about .faq__item.active > .faq__titles{
padding: 25px 60px 25px 35px
}
.faq__about .faq__item .faq__titles:after{
position: absolute;
background: url(//smallspacelogic.com/wp-content/themes/trustframe/assets/img/arrow-down.svg) no-repeat center top;
top: 50%;
margin-top: -12px;
right: 40px;
width: 24px;
height: 25px;
content: '';
transition: all ease 0.2s;
background-size: contain;
}
.faq__about .faq__item .faq__content{
padding: 0 0 35px 35px;
font-weight: 400;
font-size: 16px;
max-width: 765px;
}
.faq__about .faq__item{
background: var(--brand-color-button-text);
}
.connection{
padding-top: 150px;
padding-bottom: 60px;
}
.connection .contracts{
background: var(--color-bg-soft);;
border-radius: 20px;
padding: 100px 0;
}
.contracts__logo{
text-align: center;
margin-bottom: 40px;
display: block;
}
.contracts__logo img{
max-width: 140px;
height: auto;
}
.connection .contracts .heading__btn{
margin: 40px auto 0 auto;
}
.footer{
padding-top: 50px;
background: var(--brand-color-footer-background);
}
.footer__desc{
font-size: var(--brand-font-small-text-size);
margin-top: 5px;
color: var(--brand-color-footer-body-text);
}
.footer .footer__title{
font-family: var(--brand-font-body-family);
color: var(--brand-color-footer-headline-text);
font-weight: 700;
font-size: 16px;
margin-bottom: 24px;
text-decoration: underline;
}
.footer .menu{
display: flex;
flex-direction: column;
align-items: self-start;
}
.footer .menu li a{
font-size: 16px;
color: var(--brand-color-footer-body-text);
}
.footer .social-links{
display: flex;
gap: 16px;
margin-top: 25px;
}
.footer .social-links li a i{
color: var(--brand-color-footer-headline-text);
font-size: 20px;
}
.footer .social-links li a:hover i{
opacity: 0.7;
}
.footer .menu li{
margin-bottom: 15px;
}
.footer .lang{
display: flex;
align-items: center;
margin-right: 40px;
}
#copyright-menu{
display: flex;
}
#copyright-menu li{
margin-right: 32px;
}
#copyright-menu li:last-child{
margin-right: 0;
}
.footer .lang .lang__item{
opacity: 0.7;
color: var(--brand-color-footer-body-text);
}
.terms{
display: flex;
align-items: center;
}
.footer .lang .lang__item.current{
color: var(--brand-color-footer-body-text);
opacity: 1;
margin-right: 16px;
}
.terms .menu-copyright-menu-container .menu li{
margin-bottom: 0;
}
.terms .menu-copyright-menu-container .menu{
display: flex;
flex-direction: row;
}
.terms .menu-copyright-container .menu{
flex-direction: row;
}
.terms .menu-copyright-container .menu li{
margin-bottom: 0;
}
.features-de .btn_green{
width: 270px;
}
body.de .btn_green{
width: 270px;
}
.copyright_row{
margin-top: 60px;
padding-top: 24px;
border-top: 1px solid #C7D1D0;
padding-bottom: 24px;
}
.footer .copyright{
text-align: center;
color: var(--brand-color-footer-body-text);
font-size: 16px;
}
.footer .menu li:last-child{
margin-bottom: 0;
} .analyze{
padding-top: 150px;
}
.line{
width: 100%;
max-width: 810px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.line .line__item{
position: relative;
}
.line .line__item:after{
position: absolute;
content: '';
right: -170px;
top: 0;
margin-top: 30px;
width: 80px;
height: 22px;
background-size: cover;
background-repeat: no-repeat;
background-image: url(//smallspacelogic.com/wp-content/themes/trustframe/assets/img/green-arrow.svg);
}
.line{
margin-top: 80px;
text-align: center;
}
.line .line__item:last-child:after{
display: none;
}
.line .line__item .line_title{
margin-top: 16px;
font-size: 30px;
line-height: 45px;
color: var(--color-text);
}
.define__img{
max-width: 600px;
}
.define__img img{
max-width: 100%;
}
.define .heading{
text-align: left;
}
.define .heading p{
text-align: left;
}
.process_list li{
display: flex;
}
.process_list li h4{
font-size: 20px;
line-height: 30px;
color: var(--color-text);
margin-bottom: 10px;
}
.process_list{
padding-top: 40px;
}
.define .define__img{
margin-top: -30px;
}
.process_list li:last-child  .process_list__about{
margin-bottom: 0;
}
.process_list li .process_list__about{
margin-bottom: 32px;
padding-left: 24px;
}
.process_list li:last-child{
margin-bottom: 0;
}
.define{
padding-top: 150px;
padding-bottom: 150px;
}
.review .heading p{
text-align: left;
}
.review{
padding-top: 150px;
padding-bottom: 150px;
}
.review .heading{
text-align: left;
}
.analyze .heading{
margin-bottom: 40px;
}
.data{
text-align: center;
font-size: 17px;
}
footer .menu li a:hover{
text-decoration: underline;
}
.data a,
.faq a,
.hero__desc a,
.heading__desc a{
text-decoration: underline;
}
.data .data__icon{
text-align: center;
margin-bottom: 24px;
}
.data .data__title{
margin-bottom: 15px;
font-size: 20px;
}
.analyze__img{
margin-top: 80px;
margin-bottom: 80px;
max-width: 100%;
}
.analyze__img img{
max-width: 100%;
}
.hero-pricing{
padding-bottom: 80px;
}
.pricing-page{
padding-top: 0;
padding-bottom: 0;
background: var(--brand-color-button-text);
}
.page-template-template-about .hero{
padding-top: 140px;
padding-bottom: 50px;
}
.founder{
padding-top: 100px;
}
.founder__img img{
max-width: 100%;
}
.founder .content__title{
margin-bottom: 20px;
}
.founder .content{
font-size: 18px;
font-weight: 400;
color: var(--color-text);
}
.built{
padding-top: 150px;
padding-bottom: 150px;
}
.built .content__title{
margin-bottom: 20px;
}
.built .built__img img{
max-width: 100%;
}
.careers .heading{
text-align: left;
}
.careers .heading__title{
max-width: 350px;
}
.careers{
padding-top: 150px;
}
.careers .pages li{
border-top: 1px solid #CBCDD8;
border-bottom: 1px solid #CBCDD8;
padding: 30px 0;
position: relative;
}
.careers .pages li:after{
position: absolute;
background: url(//smallspacelogic.com/wp-content/themes/trustframe/assets/img/arrow-right-big.svg) no-repeat center top;
top: 50%;
margin-top: -11px;
right: 0;
width: 33px;
height: 22px;
content: '';
background-size: contain;
}
.careers .pages li a{
color: var(--brand-color-headline-text);
font-size: 24px;
font-weight: 600;
}
.hero-careers .heading{
max-width: 100%;
}
.hero-careers .heading__img{
margin-top: 60px;
}
.hero-careers .heading__img img{
max-width: 100%;
}
section.how{
padding-top: 150px;
}
.how .heading{
text-align: left;
}
.how .heading p{
text-align: left;
}
.how .process_list{
padding-top: 0;
}
.benefits{
padding-top: 150px;
padding-bottom: 120px;
}
.perks{
margin-top: 80px;
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 30px;
}
.perks .perks__item{
max-width: 355px;
padding: 30px 25px;
height: 300px;
}
.positions .heading{
text-align: left;
max-width: 100%;
}
.positions__item{
display: flex;
align-items: center;
padding: 35px;
box-shadow: 0px 0px 30px rgba(92, 100, 124, 0.1);
border-radius: 10px;
margin-bottom: 20px;
}
.positions .positions__item:last-child{
margin-bottom: 0;
}
.positions__item .positions__department{
width: 50%;
}
.positions__item .position__btn{
margin-left: auto;
width: 110px;
}
.positions__item .positions__object{
color: var(--color-text);;
font-weight: 400;
font-size: 16px;
}
.positions__name{
font-family: var(--brand-font-body-family);
font-size: 24px;
color: var(--color-text);
margin-bottom: 25px;
}
.positions__name a{
color: var(--color-text);
font-weight: 700;
}
.positions__location{
font-family: var(--brand-font-body-family);
font-size: 20px;
color: var(--color-text);
margin-bottom: 25px;
}
.careers_contact.contracts{
background: transparent;
padding: 0;
}
.positions__time{
font-family: var(--brand-font-body-family);
color: var(--color-text);
font-size: 16px;
}
.positions{
padding-bottom: 150px;
}
.connection.bg_green{
padding: 100px 0;
margin-bottom: 60px;
}
.careers_contact{
color: var(--color-text);
}
.careers_contact h2{
font-size: 30px;
color: var(--color-text);
}
.features .heading__btn_mobile{
display: none;
}
.loading_block{
top: -30px;
display: none;
width: 100%;
height: 100%;
position: relative;
}
.position .loading_block, .position .nothing_found_block{
top: 50px
}
.loading_block_active{
display: block;
}
.loading_icon{
width: 50px;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}
.nothing_found_block{
margin: 0 auto!important;
}
.nothing_found_block__text{
font-family: var(--brand-font-body-family);
font-size: 18px;
color: #3F3F4D;
font-weight: 400;
line-height: 180%;
text-align: center;
margin: 0 auto 20px auto;
}
.filter__name{
margin-right: 32px;
font-weight: 400;
font-size: 18px;
color: var(--color-text);
}
.filter{
margin-bottom: 48px;
}
.filter .filter__item{
position: relative;
}
.filter{
display: flex;
align-items: center;
margin-top: 80px;
}
.filter .filter__item:before {
background: url(//smallspacelogic.com/wp-content/themes/trustframe/assets/img/arrow-down.svg) no-repeat center top;
width: 20px;
height: 20px;
-webkit-background-size: cover;
background-size: cover;
content: '';
position: absolute;
right: 25px;
top: 12px;
}
.filter .filter__item select{
width: 100%;
background: transparent;
height: 100%;
padding-left: 16px;
border: none;
appearance: none;
}
.filter .filter__item{
width: 300px;
height: 48px;
position: relative;
background: #FFFFFE;
border: 1px solid #C7D1D0;
border-radius: 5px;
}
.positions{
padding-top: 150px;
}
.hero-single-career{
padding-top: 80px;
padding-bottom: 0;
}
.hero-single-career .hero__title{
margin-top: 0;
}
.instance{
padding-bottom: 150px;
}
.instance .title{
color: var(--brand-color-headline-text);
font-size: 30px;
line-height: 1.5em;
margin-bottom: 24px;
margin-top: 56px;
}
.instance .list li{
position: relative;
font-size: 16px;
line-height: 1.5em;
color: var(--color-text);
margin-bottom: 16px;
padding-left: 32px;
max-width: 640px;
}
.instance .list li:before{
content: '';
left: 0;
top: 5px;
position: absolute;
width: 16px;
height: 16px;
border-radius: 100%;
background: var(--color-text);;
}
.instance .list li:last-child{
margin-bottom: 0;
}
.compensation{
margin-top: 50px;
padding: 40px 0;
border-top: 1px solid #C7D1D0;
border-bottom: 1px solid #C7D1D0;
display: flex;
align-items: center;
}
.compensation .compensation__img{
max-width: 64px;
margin-right: 16px;
}
.compensation .compensation__img img{
max-width: 100%;
}
.compensation__desc h5{
font-size: 18px;
color: var(--color-text);
margin-bottom: 10px;
}
.compensation__desc p{
font-size: 16px;
color: var(--color-text);
}
.instance .btn{
width: 108px;
margin-top: 40px;
}
.learn-more{
color: var(--brand-color-muted-text);
display: flex;
align-items: center;
}
.case__item .case__img{
position: relative;
overflow: hidden;
border-radius: 8px;
}
.case__item .case__img img{
max-width: 100%;
border-radius: 10px;
height: 250px;
object-fit: cover;
}
.case__title{
font-size: 20px;
color: var(--color-text);
margin-bottom: 10px;
}
.case__title a{
color: var(--color-text);
}
.case__desc{
font-size: 16px;
color: var(--color-text);
margin-bottom: 20px;
}
.hero-cases{
padding-bottom: 0;
}
.case__item_hero{
display: flex;
align-items: center;
margin-bottom: 80px;
}
.case__item_hero .case__title {
font-family: var(--brand-font-heading-family);
font-size: 32px;
line-height: 1.2;
margin-bottom: 14px;
color: var(--color-text);
}
.case__img{
margin-bottom: 25px;
}
.case__desc{
font-size: 18px;
color: var(--color-text);
margin-bottom: 40px;
}
.case__desc a{
font-size: 16px;
color: var(--color-text-muted);
margin-bottom: 20px;
}
.case__item_hero .case__img{
width: 570px;
margin-right: 30px;
margin-bottom: 0;
}
.case__item_hero .case__about{
max-width: 520px;
}
.case__without_img{
width: 100%;
background: #8C8C8C;
height: 250px;
margin-bottom: 25px;
border-radius: 10px;
}
.case__item_hero .case__without_img{
width: 570px;
margin-right: 30px;
height: 400px;
}
.case__item{
margin-bottom: 50px;
}
.more_posts, .loadMore{
width: 230px;
margin: 35px auto 0 auto;
color: var(--brand-color-muted-text);
}
form{
max-width: 100%;
}
.hero-contact .hero__title{
margin-top: 0;
}
form .line{
display: flex;
justify-content: space-between;
margin-top: 0;
}
form .line input{
width: 270px;
}
form input{
width: 100%;
padding: 12px 16px;
border: 1px solid #C7D1D0;
border-radius: 5px;
color: var(--color-text);
margin-bottom: 24px;
}
form input::placeholder, form textarea::placeholder{
color: var(--color-text);
}
.page-template-template-contact .hero{
padding-top: 140px;
padding-bottom: 0;
}
form textarea{
border: 1px solid #C7D1D0;
border-radius: 5px;
padding: 12px 16px;
resize: none;
height: 144px;
margin-bottom: 20px;
width: 100%;
}
.wpcf7 form .wpcf7-response-output{
position: absolute;
margin: 0 0 12px 0;
bottom: -30px;
width: 100%;
text-align: center;
}
.box-modal{
position: relative;
width: 630px;
padding: 60px 30px 30px 30px;
background: var(--brand-color-button-text);
border-radius: 10px;
box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
}
.box-modal_close {
position: absolute;
right: 25px;
top: 25px;
cursor: pointer;
background: var(--brand-color-button-text)
}
.box-modal .title{
text-align: center;
font-size: 30px;
margin-bottom: 30px;
}
.box-modal h3{
font-size: 20px;
margin-top: 30px;
margin-bottom: 24px;
}
.box-modal form select {
width: 100%;
height: 48px;
border: 1px solid #C7D1D0;
border-radius: 5px;
padding: 13px 16px;
margin-bottom: 10px;
}
.box-modal form input[type="submit"]{
margin-bottom: 0;
margin: 0 auto;
}
.wpcf7 input[type="file"]{
padding: 1px;
background: transparent;
border: 0;
}
form{
position: relative;
}
form input[type="submit"]{
cursor: pointer;
background: var(--brand-color-muted-text);
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
height: 48px;
width: 170px;
font-family: var(--brand-font-body-family);
font-weight: 400;
font-size: 16px;
color: var(--brand-color-button-text);
}
.address .contact__img img{
max-width: 100%;
}
.address .content h2{
margin-bottom: 40px
}
.address .content p{
margin-bottom: 8px;
}
.address .content a{
color: var(--color-text);
}
.address .content p:last-child{
margin-bottom: 30px;
}
.blog .hero{
padding-top: 80px;
padding-bottom: 40px;
}
.tags{ align-items: center;
justify-content: center;
display: none;
}
.tags li{
margin-right: 22px;
}
.tags li:last-child{
margin-right: 0;
}
.tags li a{
color: var(--brand-color-muted-text);
}
.tags li a{
padding: 8px 10px;
background: var(--brand-color-surface);
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.tags li a.active{
background: var(--color-bg-soft);;
}
.tags li a:hover{
background: var(--color-bg-soft);;
transition: all 0.3s ease-in-out;
}
.portfolio.blog{
padding-top: 80px;
}
.wrapp__item{
display: none;
}
.active_item.wrapp__item{
display: block;
}
.single-post .hero{
display: none;
}
body.blog .hero{
display: none;
}
body.blog .portfolio.blog{
padding-top: 150px;
}
.article{
padding-top: 140px;
}
.posted-on .updated{
display: none;
}
.author__info{
display: flex;
align-items: center;
margin-bottom: 25px;
}
.author__about h5{
margin-bottom: 5px;
}
.author__info img{
width: 56px;
height: 56px;
object-fit: cover;
border-radius: 100%;
}
.blog-search {
margin-bottom: 0;
}
.cases_posts_list.blog__list{
padding-top: 40px;
}
.blog-search__field {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.blog-search__input {
flex: 1;
min-width: 260px;
height: 50px;
padding: 0 16px;
border: 1px solid #dcdcdc;
outline: none;
}
.blog-search__btn {
height: 50px;
padding: 0 24px;
border: none;
cursor: pointer;
}
.blog-search__empty {
padding: 40px 0;
text-align: center;
}
.author__info .author__about{
margin-left: 16px;
}
.article .date .posted-on{
margin-bottom: 20px;
display: block;
}
.article .date .posted-on a{
color: var(--color-text);
font-size: 16px;
cursor: none;
}
.article .category a{
margin-bottom: 16px;
}
.post-info {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 40px;
}
.post-info .post-info__col{
width: 48%;
}
.post-info .post-info__col .post-info__item:before{
opacity: 0;
}
.post-info__item {
display: flex;
gap: 5px;
position: relative;
margin-bottom: 5px;
}
.post-info__item a{
text-decoration: underline;
}
.post-info__item:before{
content: '';
width: 5px;
height: 5px;
border-radius: 100%;
background: #989494;
position: absolute;
right: -13px;
top: 9px;
}
.post-info__item:nth-child(3):before{
display: none;
}
.post-info__item:nth-child(4):before{
opacity: 0;
}
.post-info__item:nth-child(4) {
margin-bottom: 0;
margin-left: auto;
}
.post-info__label {
font-size: var(--p-size);
font-weight: 700;
color: var(--color-text);
}
.article h1{
font-size: var(--h1-size);
margin-bottom: 25px;
border-bottom: 1px solid #cecece;
padding-bottom: 25px;
}
.article h2{
font-size: 30px;
margin-bottom: 20px;
}
.article .entry-content p{
margin-bottom: 16px;
line-height: 24px;
}
.newsletter{
background: var(--color-bg-alt);
border-radius: 20px;
padding: 50px;
}
.newsletter{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 80px;
}
.newsletter .newsletter__about{
max-width: 620px;
}
.newsletter h2{
font-size: 30px;
color: var(--color-text);;
margin-bottom: 16px;
max-width: 480px;
}
.newsletter .newsletter__desc{
font-size: 18px;
color: var(--color-text);;
margin-bottom: 32px;
}
.newsletter .newsletter__about .newsletter__text{
font-size: var(--brand-font-small-text-size);
color: var(--color-text);;
}
.newsletter .newsletter__about .newsletter__text a{
color: var(--color-text);;
}
.search form{
width: 570px;
margin: 0 auto;
}
.search__input{
position: relative;
}
.search__input:before{
position: absolute;
background: url(//smallspacelogic.com/wp-content/themes/trustframe/assets/img/search.svg) no-repeat center top;
left: 15px;
top: 14px;
width: 20px;
height: 20px;
content: '';
transition: all ease 0.2s;
background-size: contain;
}
.search form input{
border: 1px solid #C7D1D0;
border-radius: 5px;
padding-left: 20px;
height: 48px;
width: 100%;
}
.page-template-template-faq .hero{
padding-bottom: 40px;
}
.page-template-template-faq .faq{
padding-top: 0;
padding-bottom: 50px;
}
.hero-impressum{
padding-bottom: 0;
}
.hero.hero-impressum-2{
padding-bottom: 0;
}
.lang{
display: flex;
flex-direction: column;
}
.nav .menu-menu-1-container .menu li.current-menu-item a:before,
.nav .menu-header-menu-container .menu li.current-menu-item a:before
{
opacity: 1;
}
.posted-on a{
pointer-events: none;
}
body.blog .heading h1{
margin-bottom: 0 !important;
}
.blog__list .case__info .case__cat a{
font-size: var(--p-size);
color: var(--color-text);
font-weight: 400;
}
.blog__list .case__btn{
display: none !important
}
.blog__list .case__item .case__date a{
font-size: var(--p-size);
color: var(--color-text);
}
.blog__list .case__info{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.blog__list .case__item_hero .case__info{
flex-direction: column;
align-items: flex-start;
}
.tags_mobile{
display: none;
}
.btn__wrapp{
padding: 0 15px;
}
.copyright_row .lang{
display: flex;
flex-direction: row;
}
.copyright_row .lang li a{
padding: 0;
text-transform: uppercase;
opacity: 0.7;
font-size: 16px;
color: var(--brand-color-footer-body-text);
margin-right: 16px;
}
.copyright_row .lang li.current-lang a{
color: var(--brand-color-footer-body-text);
opacity: 1;
}
footer .current_page_item.current_page_parent a{
background: transparent;
}
footer .current-menu-item a{
position: relative;
}
footer .current-menu-item a:before{
content: '';
position: absolute;
left: 0;
opacity: 1;
bottom: -3px;
height: 1px;
background: var(--brand-color-muted-text);
width: 100%;
transition: all 0.3s ease-in-out;
}
.contact__img{
width: 560px;
margin-left: -80px;
margin-bottom: 100px;
}
.hero-contact .hero__desc{
max-width: 470px;
}
form .wpcf7-form-control-wrap{
position: relative;
display: block;
}
form .wpcf7-not-valid-tip{
position: absolute;
left: 0;
bottom: 0;
text-align: left;
}
.hero-contact form input[type="submit"]{
margin-top: 20px;
}
.loadMore{
display: none;
}
.loadMore.active{
display: flex;
}
.header-de .btn_green.stayUpdated{
width: 270px;
}
body.de .plan__value{
line-height: 1em;
}
body.de .plan__list li{
font-size: var(--brand-font-small-text-size);
}
.page-template-template-impressum .hero{
padding-bottom: 0;
padding-top: 140px;
}
.page-template-template-impressum .about{
padding-top: 30px;
}
body.de .wpcf7 form .wpcf7-response-output{
bottom: -80px;
font-size: var(--brand-font-small-text-size);
}
body.de .box-modal{
padding: 50px 30px 90px 30px;
}
.box-modal form  label span{
pointer-events: none;
}
.overlay_bar{
display: none;
}
.relative{
position: relative;
}
.overlay_bar.active{
position: absolute;
width: 100%;
height: 100%;
z-index: 9999;
background: #000;
opacity: 0.7;
display: block;
}
.popup::-webkit-scrollbar {
display: none;
}
.page-template-template-about .about{
padding-bottom: 50px;
}
.popup{
position: fixed;
overflow: scroll;
width: 100%;
height: 100vh;
max-width: 630px;
background: var(--brand-color-button-text);
top: 20px;
left: 50%;
margin-right: -50%;
transform: translate(-50%, 0);
opacity: 0;
z-index: -1;
transition: all 0.2s ease-in-out;
border-radius: 10px;
}
.popup .close{
position: absolute;
right: 25px;
top: 25px;
cursor: pointer;
}
body.relative{
position: relative;
}
.popup.active{
opacity: 1;
z-index: 88888;
transition: all 0.2s ease-in-out;
}
.about ul li{
display: list-item;
list-style-type: disc;
font-size: var(--p-size);
}
.about ol{
padding-left: 15px;
}
.about ol li{
display: list-item;
list-style: auto;
font-size: var(--p-size);
}
.about_founder .about{
padding-top: 35px;
padding-bottom: 0;
}
.about a{
color: var(--color-text) !important;
text-decoration: underline !important;
}
.about_founder .heading__desc{
max-width: 100%;
}
.about ul{
list-style-type: none;
padding-left: 15px;
}
#stayUpdated .desc{
font-family: var(--brand-font-body-family);
font-weight: 400;
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
.page-template-template-success .hero {
padding-top: 35px;
padding-bottom: 35px;
}
.success .btn_green{
margin: 40px auto 160px auto;
}
.blog-search-desc{
margin-bottom: 20px;
}
.page-template-template-success .success .info{
text-align: center;
max-width: 70%;
margin: 0 auto;
}
.page-template-template-success .success .info__description{
font-size: 22px;
}
.wpcf7-acceptance{
padding-left: 25px;
margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item{
margin: 0 !important;
}
body .wpcf7 form.sent .wpcf7-response-output{
bottom: -40px;
}
.wpcf7-acceptance .wpcf7-list-item a{
color: var(--color-text);
text-decoration: underline;
}
.wpcf7-acceptance input[type="checkbox"]{
position: absolute;
margin: 0;
left: 0;
top: 6px;
width: 22px;
}
.gdpr_line{
position: absolute;
bottom: 115px;
z-index: 2;
}
.header__actions .search-form{
width: 100%;
max-width: 180px;
}
.hero-contact form input[type="submit"]{
margin-top: 60px;
}
.about_founder{
padding-top: 150px;
}
.about_founder .heading h1{
text-align: center;
font-size: var(--h1-size)
}
.about_founder .heading .heading__subtitle{
font-weight: 700;
text-align: center;
font-size: 18px;
}
.about_founder .heading .heading__desc h2,
.about_founder .heading .heading__desc h3{
font-weight: 700;
margin-top: 30px;
}
.about_founder .heading .heading__desc{
margin-left: 0;
padding-top: 40px;
text-align: left;
}
.about_founder .about_founder__img{
text-align: center;
}
.about_founder .about_founder__img img{
width: 250px;
height: 250px;
object-fit: cover;
object-position: center top;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
margin: 0 auto 20px auto;
}
figure {
margin: 1rem 0 1rem;
}
.hero-product{
padding-top: 140px;
}
.hero-product .hero__desc{
margin-bottom: 30px;
margin-top: 20px;
}
.hero__price{
font-size: var(--h3-size);
margin-bottom: 25px;
font-weight: 700;
}
.product-gallery {
max-width: 100%;
}
.product-gallery__main {
position: relative;
margin-bottom: 16px;
background: #f8f8f8;
border-radius: 8px;
overflow: hidden;
}
.product-gallery__slide {
display: flex !important;
align-items: center;
justify-content: center;
height: 100%;
}
.product-gallery__slide img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.product-gallery__thumbs {
margin: 0 -6px;
}
.product-gallery__thumb {
padding: 0 6px;
cursor: pointer;
}
.hero.hero-collection{
padding-top: 140px;
display: flex;
position: relative;
padding-bottom: 50px;
background: var(--color-bg-soft);
}
.hero.hero-collection h1{
margin-bottom: 20px;
font-weight: 700;
}
.product-gallery__thumb img {
display: block;
width: 100%;
height: 120px;
object-fit: cover;
border: 2px solid transparent;
border-radius: 6px;
transition: 0.2s ease;
}
.product-gallery__thumb.slick-current img {
border-color: #222;
}
.product-gallery__thumb:hover img {
border-color: #999;
}
.product-gallery__main .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 52px;
height: 52px;
border: none;
border-radius: 50%;
background: rgba(255, 255, 255, 0.75);
font-size: 0;
cursor: pointer;
transition: 0.2s ease;
}
.product-gallery__main .slick-arrow:hover {
background: rgba(255, 255, 255, 0.95);
}
.product-gallery__main .slick-prev {
left: 20px;
}
.product-gallery__main .slick-next {
right: 20px;
}
.product-gallery__main .slick-prev::before,
.product-gallery__main .slick-next::before {
display: block;
font-size: 34px;
line-height: 1;
color: #6b6b6b;
opacity: 1;
}
.product-gallery__main .slick-prev::before {
content: "←";
}
.product-gallery__main .slick-next::before {
content: "→";
}
.hero-product h1{
margin-bottom: 25px;
border-bottom: 1px solid #cecece;
padding-bottom: 25px;
}
.article.article-about{
padding-top: 40px;
}
.cases.section--soft{
padding-top: 0;
}
section.error-404{
padding-top: 140px;
}
section.error-404 .page-title{
font-size: var(--h1-size);
font-family: var(--brand-font-heading-family);
font-weight: 700;
margin-bottom: 0;
line-height: 1.2em;
}
section.error-404 .page-subtitle {
display: inline-block;
font-size: var(--h2-size);
font-family: var(--brand-font-heading-family);
font-weight: 700;
}
.breadcrumbs {
margin-bottom: 24px;
}
.hero-about .breadcrumbs{
margin-top: 20px;
}
.case_slider .case:hover {
transform: translateY(-6px);
}
.breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.breadcrumbs__item {
font-size: var(--brand-font-small-text-size);
line-height: 1.4;
}
.breadcrumbs__item a {
text-decoration: none;
}
.breadcrumbs__item--current span {
opacity: 0.7;
}
.breadcrumbs__sep {
opacity: 0.5;
} @media screen and (max-width: 1450px){
.hero__img{
width: auto;
}
.process .process_img{
width: auto;
}
} @media screen and (max-width: 1200px){
.starting-point__title {
font-size: 54px;
}
.nav, .container{
padding: 0 15px;
}
.advantage{
max-width: 205px;
}
.pricing .plan .plan__btn{
width: auto;
margin: 0;
position: absolute;
bottom: -10px;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}
.home .hero .hero__img{
width: 480px;
}
.blog__slider .slick-next {
right: -5px;
}
.blog__slider .slick-prev {
left: -5px;
}
} @media screen and (max-width: 992px){
:root {
--h1-size: 30px;
--h2-size: 28px;
--h3-size: 24px;
--h4-size: 22px;
--h5-size: 17px;
--p-size: 16px;
}
.blog-search__input{
min-width: 186px;
}
section.error-404{
padding-top: 120px;
}
section.error-404 .page-title{
font-size: 90px;
}
.starting-point {
padding: 90px 0;
}
.about_founder .about{
padding-top: 0;
}
.about_founder .heading h1{
line-height: 1.4em;
}
.hero .hero__desc,
.heading__desc,
.heading .hero__desc
{
font-size: var(--p-size);
}
.home_hero_chips ul li{
margin-bottom: 5px;
}
.home_hero_chips ul li span{
font-size: var(--p-size);
}
.btn_green{
font-size: var(--brand-font-small-text-size);
}
.starting-point__grid {
grid-template-columns: 1fr;
gap: 22px;
}
.starting-point__title {
font-size: 46px;
}
.starting-point__desc {
font-size: 18px;
}
.home .hero .hero__img {
width: 100%;
position: relative;
left: 0;
top: 0;
}
.site-branding{
gap: 10px;
}
.blog__slider .slick-prev,
.blog__slider .slick-next{
display: none !important;
}
.wpcf7 form .wpcf7-response-output{
position: absolute;
margin: 0 0 5px 0;
font-size: var(--brand-font-small-text-size);
bottom: -33px;
width: 100%;
text-align: center;
}
.section--soft, .latest-blog{
padding: 55px 0;
}
.heading__label{
font-size: 15px;
}
.site-tagline{
display: none;
}
.heading h2{
margin-bottom: 18px;
}
.mobile__menu .site-tagline{
display: block;
text-align: center;
margin-top: 30px;
}
.header__actions{
margin-top: 25px;
}
.starting-point .col-lg-4{
margin-bottom: 21px;
}
.header__actions .form-control {
margin: 0;
border-radius: 12px;
padding: 10px 12px;
}
.header__actions .search-form{
width: 100%;
}
.header__actions .search-form__button.btn_green{
margin: 0;
}
.box-modal{
padding: 60px 30px 44px 30px;
}
.header .logo{
position: relative;
}
.hero{
flex-direction: column;
height: auto;
}
.hero .hero__left{
width: 100%;
padding-left: 25px;
}
.hero .hero__right{
width: 100%;
}
.hero__about {
max-width: 560px;
margin-right: auto;
margin-left: 0;
}
.hero .hero__right {
width: 100%;
padding: 40px;
height: auto;
}
.items .item{
width: 23%;
margin-bottom: 40px;
}
.items .item:nth-child(5), .items .item:nth-child(6),.items .item:nth-child(7), .items .item:nth-child(8) {
margin-bottom: 0;
}
#menuToggle {
display: block;
position: relative;
z-index: 9;
-webkit-user-select: none;
user-select: none;
}
#menuToggle input {
display: block;
width: 40px;
height: 32px;
right: 0;
position: absolute;
cursor: pointer;
opacity: 0;
z-index: 2;
-webkit-touch-callout: none;
}
#menuToggle span {
display: block;
width: 18px;
height: 2px;
border-radius: 20px;
margin-bottom: 3px;
position: relative;
background: var(--brand-color-muted-text);
z-index: 1;
margin-left: auto;
transition: all .6s ease-in-out;
}
#menuToggle span:last-child{
margin-bottom: 0;
}
#menuToggle input:checked ~ span:nth-last-child(1) {
opacity: 1;
-webkit-transform: rotate(45deg) translateY(-4px) translateX(-4px);
-moz-transform: rotate(45deg) translateY(-4px) translateX(-4px);
-ms-transform: rotate(45deg) translateY(-4px) translateX(-4px);
-o-transform: rotate(45deg) translateY(-4px) translateX(-4px);
transform: rotate(45deg) translateY(-4px) translateX(-4px);
background: var(--brand-color-muted-text);
transition: all .6s ease-in-out;
}
#menuToggle input:checked ~ span:nth-last-child(3) {
opacity: 0;
transform: rotate(0deg) scale(0.2, 0.2);
transition: all .6s ease-in-out;
background: var(--brand-color-muted-text);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
transition: all .6s ease-in-out;
background: var(--brand-color-muted-text);
}
.mobile__menu{
z-index: 2;
position: fixed;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
right: 0;
top: 0;
transform-origin: 0 0;
transform: translate(100%, 0);
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
display: none;
}
.mobile__menu.active{
display: block;
position: fixed;
z-index: 2;
transform-origin: 0 0;
width: 100%;
transform: translate(0%, 0) !important;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0) !important;
}
.mobile__menu{
background: var(--brand-color-button-text);
padding-bottom: 80px;
height: auto;
margin-top: 81px;
}
.mobile__menu .lang{
flex-direction: row;
}
#primary-menu.menu .sub-menu li a{
padding: 8px 12px 10px 12px !important;
}
header .nav{
position: relative;
z-index: 99;
background: var(--brand-color-button-text);
}
.mobile__menu .menu-menu-1-container,
.mobile__menu .menu-header-menu-new-container,
.mobile__menu .menu-header-menu-container
{
padding-top: 30px;
}
.mobile__menu #primary-menu
{
flex-direction: column;
align-items: flex-start;
padding: 35px 12px 0 10px;
}
.mobile__menu #primary-menu li
{
margin-bottom: 30px;
padding: 0;
}
.mobile__menu .menu-menu-1-container #primary-menu li:last-child,
.mobile__menu .menu-header-menu-new-container #primary-menu li:last-child,
.mobile__menu .menu-header-menu-container #primary-menu li:last-child
{
margin-bottom: 0;
}
.overlay_bar{
display: none;
}
.overlay_bar.active{
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
background: #000;
opacity: 0.7;
display: block;
}
.mobile__menu .lang{
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
}
.mobile__menu .menu-menu-1-container .menu .sub-menu,
.mobile__menu .menu-header-menu-container .menu .sub-menu
{
top: 0;
left: 0;
padding: 0;
box-shadow: none;
width: auto;
display: none;
}
.mobile__menu .menu-menu-1-container #primary-menu .sub-menu li,
.mobile__menu .menu-header-menu-container #primary-menu .sub-menu li
{
margin-bottom: 15px;
margin-top: 20px;
}
.mobile__menu .menu-menu-1-container .menu .sub-menu.active,
.mobile__menu .menu-header-menu-container .menu .sub-menu.active
{
z-index: 99;
position: relative;
top: 0;
left: 0;
padding: 0;
box-shadow: none;
width: auto;
display: block;
}
.menu .sub-menu li:before{
display: none;
}
.menu .sub-menu li:hover{
background: transparent;
}
.menu .sub-menu li{
padding:0!important;
background: transparent;
margin-bottom: 18px;
}
.menu-item-has-children:after{
top: 0;
margin-top: 0;
right: -33px;
}
.menu-item-has-children.active:after{
right: -10px;
}
.mobile__menu .menu-menu-1-container #primary-menu li,
.mobile__menu .menu-header-menu-container #primary-menu li
{
text-align: center;
}
.mobile__menu .lang a{
color: var(--brand-color-muted-text);
}
.mobile__menu .lang a:first-child{
margin-right: 16px;
}
.mobile__menu .lang a:last-child{
margin-right: 0;
}
.home .hero{
padding-top: 140px;
padding-bottom: 70px;
}
.hero__img {
position: relative;
top: 0;
}
.heading h2{
line-height: 1.4em;
}
.heading h1{
font-size: 30px;
line-height: 36px;
}
.heading{
max-width: 520px;
}
.management{
padding-top: 100px;
}
.legal .heading{
margin: 0 auto 48px auto;
}
.product_slider .slick-dots li span{
font-size: 24px;
}
.product_slider .slick-dots li.slick-active span{
padding: 0 0 5px 0;
}
.legal{
padding: 80px 30px;
}
section.cases{
padding-top: 55px;
}
.case .case__img img{
height: auto;
}
.case {
padding: 15px 15px 26px 15px;
margin-bottom: 20px;
}
.process .process_img{
position: relative;
top: 0;
}
.process{
padding-top: 100px
}
.heading{
margin: 0 auto 48px auto;
}
.process .heading{
margin: 0;
}
.process .process_img{
top: 40px;
}
.process{
padding-top: 100px;
padding-bottom: 120px;
}
.features{
padding-top: 100px;
padding-bottom: 100px;
}
.features .heading__btn_mobile{
display: flex;
margin: 50px auto 0 auto;
}
.advantage{
max-width: 45%;
}
.features .heading{
margin: 0;
}
.features .heading p{
margin-bottom: 48px;
font-size: 16px;
}
.data {
text-align: center;
font-size: 16px;
}
.pricing .heading{
margin: 0 auto 40px auto;
}
.pricing{
padding-top: 100px;
}
.pricing .row:last-child{
flex-direction: column;
align-items: center;
}
.pricing .plan .plan__btn{
width: 90%;
}
.pricing .plan{
margin-bottom: 32px;
}
.pricing{
padding-bottom: 80px;
}
.faq{
padding-top: 100px;
padding-bottom: 100px;
}
.faq .heading{
margin: 0 auto 48px auto;
}
.faq__about .faq__item:last-child{
margin-bottom: 0;
}
.faq__about{
margin-bottom: 0;
}
.connection{
padding-top: 100px;
padding-bottom: 100px;
}
.connection .contracts .heading{
margin: 0 auto;
}
.footer .custom-logo-link{
margin-bottom: 20px;
display: block;
}
.footer .social-links{
margin-bottom: 20px;
}
.heading p{
font-size: 16px;
}
header .nav{
position: absolute;
width: 100%;
height: 81px;
transition: all 0.4s ease;
}
header .sticky.nav{
position: fixed;
transition: all 0.4s ease;
}
.line{
flex-direction: column;
}
.line .line__item{
margin-bottom: 80px;
}
.line .line__item:after{
right: 14px;
top: 100px;
width: 55px;
height: 16px;
margin-top: 68px;
transform: rotate(90deg);
}
.line .line__item:last-child{
margin-bottom: 0;
}
.line .line__item .line_title{
font-size: 24px;
}
.hero-product{
padding-bottom: 80px;
}
.define{
padding-top: 100px;
padding-bottom: 100px;
}
.define .heading{
margin: 0;
}
.process_list{
margin-bottom: 48px;
}
.define .define__img{
margin-top: 0;
max-width: 100%;
}
.review{
padding-top: 100px;
padding-bottom: 100px;
}
.review .heading{
margin: 0;
margin-bottom: 48px;
}
.analyze{
padding-top: 100px;
}
.analyze .row{
flex-direction: column;
align-items: center;
}
.analyze .data{
margin-bottom: 40px;
}
.analyze .analyze__img{
margin-top: 20px;
}
.contracts .heading h2{
font-size: 24px;
}
.advantage:nth-child(3), .advantage:nth-child(4){
margin-bottom: 40px;
}
.pricing-page{
padding-top: 0;
padding-bottom: 0;
}
.hero__about .hero__desc{
max-width: 505px;
}
.pricing .col-lg-3:last-child .plan{
margin-bottom: 0;
}
.page-template-template-pricing .hero-pricing{
padding-bottom: 0;
}
.page-template-template-about .hero {
padding-top: 120px;
padding-bottom: 100px;
}
.page-template-template-pricing .hero{
padding-bottom: 0;
}
.page-template-template-about .hero__img{
position: relative;
max-width: 600px;
width: 100%;
top: 0;
}
.hero .hero__desc{
line-height: 1.5em;
}
.founder .content, .built .content{
max-width: 520px;
}
.founder .content p, .built .content p{
font-size: 16px;
}
.founder .content h2, .built .content h2{
font-size: 30px;
}
.founder, .built__img{
max-width: 600px;
}
.careers{
padding-top: 100px;
}
.careers .heading{
margin: 0;
margin-bottom: 48px;
}
.careers .heading__title{
max-width: 100%;
}
.built{
padding-top: 80px;
padding-bottom: 80px;
}
.hero.hero-careers{
padding-bottom: 100px;
}
section.how{
padding-top: 100px;
}
.how .heading{
margin: 0;
margin-bottom: 48px;
}
.perks{
justify-content: start;
column-gap: 25px;
}
.perks .perks__item{
max-width: 355px;
}
.positions{
padding-top: 100px;
padding-bottom: 100px;
}
.benefits {
padding-top: 100px;
padding-bottom: 100px;
}
.positions__item .positions__department{
width: 70%;
}
.positions__place{
width: 30%;
}
.positions__item{
flex-wrap: wrap;
}
.positions__item .position__btn{
margin: 40px auto 0 auto;
}
.hero-single-career .hero__title{
font-size: 40px;
margin-bottom: 16px;
}
.instance .title{
font-size: 24px;
margin-top: 40px;
}
.instance .list li{
max-width: 100%;
}
.instance{
padding-bottom: 100px;
}
.article{
padding-top: 130px;
}
.newsletter{
flex-direction: column;
}
.page-template-template-faq .hero{
padding-bottom: 0;
}
.page-template-template-faq .faq{
padding-top: 40px;
}
form .line{
flex-direction: column;
}
form .line span{
width: 100%;
}
.box-modal{
width: 100%;
}
form .line input{
width: 100%;
}
.hero-contact .line{
flex-direction: row;
}
.hero-contact form .line span {
width: 49%;
}
.hero-contact .hero__title{
font-size: 40px;
}
.hero-contact{
padding-bottom: 74px;
}
.tags_mobile{
display: block;
}
.tags_mobile:before {
background: url(//smallspacelogic.com/wp-content/themes/trustframe/assets/img/arrow-down.svg) no-repeat center top;
width: 20px;
height: 20px;
-webkit-background-size: cover;
background-size: cover;
content: '';
position: absolute;
right: 25px;
top: 12px;
}
.tags_mobile select{
width: 100%;
background: transparent;
height: 100%;
padding-left: 16px;
border: none;
appearance: none;
}
.tags_mobile{
width: 336px;
height: 48px;
position: relative;
background: #FFFFFE;
border: 1px solid #C7D1D0;
border-radius: 5px;
margin: 0 auto;
}
.tags{
display: none;
}
.blog .heading{
margin: 0 auto;
}
.blog .hero{
padding-bottom: 0;
}
.blog .portfolio.blog{
padding-top: 48px;
}
.case__item_hero{
flex-direction: column;
align-items: flex-start;
}
.case__item_hero .case__img{
width: 100%;
margin-bottom: 24px;
margin-right: 0;
}
.case__item .case__img img{
height: auto;
}
.case__item_hero .case__title{
font-size: 30px;
max-width: 515px;
}
.case__item_hero .case__about{
max-width: 620px;
}
.post-type-archive-cases section.cases{
padding-top: 0;
}
.contact__img{
width: 100%;
margin-left: 0;
margin-bottom: 80px;
}
} @media screen and (max-width: 768px){
.hero-product h1{
margin-top: 20px;
}
.hero.hero-collection h1{
margin-bottom: 0;
}
.product-gallery__thumb img {
height: 100px;
}
.post-info__col .post-info__item{
width: 100%;
max-width: 100%;
}
.product-gallery__main .slick-arrow {
width: 40px;
height: 40px;
}
.product-gallery__main .slick-prev {
left: 10px;
}
.product-gallery__main .slick-next {
right: 10px;
}
.product-gallery__main .slick-prev::before,
.product-gallery__main .slick-next::before {
font-size: 26px;
}
.post-info__item{
max-width: 48%;
width:48%;
gap: 1px;
}
.post-info{
max-width: 100%;
gap: 6px;
}
.post-info__item:last-child{
margin-left: 0;
}
.post-info__item:before{
opacity: 0;
}
.post-info__wrapper {
flex-direction: column;
gap: 20px;
}
.post-info__column {
flex: 1 1 100%;
}
.post-info__label,
.post-info__value {
font-size: 13px;
}
.site-logo img {
max-height: 50px;
width: auto;
}
.hero__about .hero__short{
font-size: 20px;
}
.faq__about .faq__titles{
padding: 25px 60px 25px 35px;
}
.faq__about .faq__item.active > .faq__titles:after {
margin-top: 0;
}
.starting-point {
padding: 72px 0;
}
.starting-point__eyebrow {
gap: 10px;
font-size: 16px;
}
.starting-point__eyebrow::before,
.starting-point__eyebrow::after {
width: 32px;
}
.starting-point__title {
font-size: 38px;
}
.starting-point__desc {
font-size: 17px;
}
.starting-point-card {
padding: 24px 20px;
border-radius: var(--radius-lg);
}
.starting-point-card__text {
font-size: 16px;
}
} @media screen and (max-width: 576px){
.wpcf7{
margin-top: 40px;
}
.footer .footer__title{
font-weight: 700;
font-size: 16px;
margin-bottom: 14px;
text-decoration: underline;
margin-top: 20px;
}
.copyright_row{
margin-top: 55px;
}
.footer .copyright{
font-size: var(--brand-font-small-text-size);
}
.footer .menu li {
margin-bottom: 5px;
}
.footer .menu li a {
font-size: 15px;
color: var(--brand-color-muted-text);
}
.about{
padding-bottom: 50px;
}
.hero__left .hero__about .logo{
max-width: 102px;
}
.hero__left .hero__about .logo img{
max-width: 100%;
}
.hero__about .hero__short{
font-size: 18px;
}
.hero .hero__right{
width: 100%;
padding: 32px 24px;
height: auto;
}
.hero .hero__left{
padding: 0 15px;
}
.items .item{
width: 48%;
}
.items .item:nth-child(5), .items .item:nth-child(6){
margin-bottom: 40px;
}
.hero__about .hero__title{
max-width: 90%;
line-height: 42px;
}
.process .heading{
text-align: center;
}
.process .heading p{
text-align: center;
}
.process .heading__btn{
margin: 0 auto;
}
.case .case__desc{
margin-bottom: 22px;
}
.process {
padding-top: 60px;
padding-bottom: 60px;
}
.process .process_img{
top: 0;
margin-top: 40px;
}
.hero__left .hero__about .logo{
margin-bottom: 40px;
}
.custom-logo-link{
max-width: 100px;
display: block;
}
.custom-logo-link img{
max-width: 100%;
}
.home .hero{
padding-top: 110px;
padding-bottom: 0;
}
.featured-hubs{
padding-top: 0;
}
.header__actions .search-form{
max-width: 100%;
}
.hero__short_title, .short_tag, .heading__short{
font-size: 18px;
}
.product_slider__dots{
display: block;
font-family: var(--brand-font-heading-family);
font-style: normal;
font-weight: 700;
font-size: 24px;
margin-bottom: 24px;
text-align: center;
color: var(--color-text);
}
.product_slider__item{
margin-bottom: 40px;
}
.product_slider__item:last-child{
margin-bottom: 0;
}
.process .marked_list li{
margin-bottom: 30px;
font-size: 18px;
color: var(--color-text);
font-weight: 700;
}
.management{
padding-top: 80px;
}
.product_slider{
padding-top: 0;
}
.advantage{
max-width: 100%;
}
.advantage{
margin-right: 0;
}
.faq{
padding-top: 55px;
padding-bottom: 20px;
}
.features {
padding-top: 55px;
padding-bottom: 55px;
}
.connection {
padding-top: 55px;
padding-bottom: 55px;
}
.connection .heading h2{
font-size: 20px;
}
.connection .contracts{
padding: 80px 16px;
}
.footer .custom-logo-link{
max-width: 156px;
}
.footer .menu-footer-menu-1-container .menu, .footer .menu-footer-menu-2-container .menu{
margin-bottom: 48px;
}
.footer .copyright{
text-align: center;
margin-top: 24px;
}
.mobile__menu{
padding-left: 15px;
padding-right: 15px;
}
.line{
flex-direction: row;
}
.line .line__item {
margin-bottom: 0;
}
.line .line__item img{
max-width: 64px;
height: auto;
}
.line .line__item .line_title {
font-size: 20px;
}
.line .line__item:after{
transform: rotate(0);
right: -58px;
top: -46px;
width: 40px;
height: 22px;
margin-top: 68px;
background-image: url(//smallspacelogic.com/wp-content/themes/trustframe/assets/img/mobilearrow.svg);
}
.hero-product{
padding-bottom: 0;
}
.define {
padding-top: 80px;
padding-bottom: 80px;
}
.review {
padding-top: 80px;
padding-bottom: 80px;
}
.careers .pages li{
padding: 30px 0 55px 0;
}
.careers .pages li:after{
top: auto;
margin-top: 48px;
left: 0;
right: auto;
}
.founder .content, .built .content{
margin-bottom: 25px;
}
.built{
padding-top: 80px;
padding-bottom: 80px;
}
.founder{
padding-top: 0;
}
.page-template-template-about .hero {
padding-top: 110px;
padding-bottom: 40px;
}
.hero__about .hero__title {
max-width: 100%;
}
.positions__item .positions__department{
width: 100%;
}
.positions__place{
width: 100%;
}
.positions__item .positions__department{
margin-bottom: 30px;
}
.positions__item .position__btn {
margin: 30px auto 0 auto;
width: 100%;
}
.filter{
flex-direction: column;
align-items: flex-start;
}
.filter__name{
margin-bottom: 16px;
}
.positions {
padding-top: 80px;
padding-bottom: 80px;
}
.benefits {
padding-top: 80px;
padding-bottom: 80px;
}
.hero.hero-careers {
padding-bottom: 80px;
}
section.how{
padding-top: 80px;
}
.hero-single-career .hero__title{
font-size: 30px;
margin-bottom: 8px;
}
.instance .title{
font-size: 20px;
margin-top: 32px;
}
.instance .list li{
max-width: 100%;
}
.instance{
padding-bottom: 80px;
}
.instance .btn{
width: 100%;
}
.hero-help-center-faq .heading {
margin: 0 auto 25px auto;
}
.box-modal .title{
font-size: 24px;
margin-bottom: 24px;
}
.box-modal h3{
font-size: 18px;
margin-top: 15px;
margin-bottom: 16px;
}
.hero-contact form .line{
flex-direction: column;
}
.hero-contact form .line span {
width: 100%;
}
.hero-contact{
padding-bottom: 20px;
}
.tags_mobile{
width: 100%;
}
o-contact .wpcf7-not-valid-tip{
text-align: left
}
.hero-contact form input[type="submit"]{
max-width: 100%;
margin-top: 0;
width: 100%;
}
form input[type="submit"]{
max-width: 100%;
width: 100%;
}
form textarea{
margin-bottom: 20px;
}
.perks .perks__item{
width: 100%;
max-width: 100%;
}
.wpcf7 form .wpcf7-response-output{
bottom: -45px;
font-size: var(--brand-font-small-text-size);
}
.box-modal{
padding: 50px 30px 50px 30px;
}
.hero-contact .wpcf7 form .wpcf7-response-output{
bottom: -25px;
}
.post-type-archive-careers .connection.bg_green{
padding: 0;
}
body.de .btn_green{
width: 100%;
}
body.de footer .terms{
flex-direction: column;
align-items: flex-start;
}
body.de footer .terms{
flex-direction: column;
align-items: flex-start;
}
body.de footer .lang{
margin-bottom: 20px;
}
.footer .menu-footer-menu-1-de-container .menu, .footer .menu-resources-container .menu{
margin-bottom: 48px;
}
body.de .faq__about .faq__titles{
padding: 35px 56px 35px 35px;
}
.header-de .btn_green.stayUpdated {
width: 100%;
}
.popup{
width: 90%;
height: 95vh;
}
.popup.active{
z-index: 88888;
}
.page-template-template-success .success .info{
max-width: 80%;
}
.page-template-template-success .hero{
padding-top: 50px;
}
.success .btn_green {
margin: 40px auto 60px auto;
}
.mc4wp-form-fields{
display: flex;
align-items: center;
margin-bottom: 16px;
flex-direction: column;
}
.mc4wp-form-fields input{
width: 100%;
padding: 10px 16px;
margin-bottom: 15px;
}
.mc4wp-form-fields input[type="submit"]{
width: 100%;
margin-left:0;
border: none;
}
body .newsletter h2{
font-size: 20px;
line-height: 30px;
}
.newsletter {
background: var(--color-bg-alt);
border-radius: 20px;
padding: 40px 20px;
}
.mc4wp-form-fields p, .mc4wp-form-fields p label{
width: 100%;
}
.form_wrap{
flex-direction: column;
width: 100%;
}
.mc4wp-form-fields input[type="email"]{
width: 100%;
}
.gdpr_line{
bottom: 120px;
}
.hero-contact form input[type="submit"]{
margin-top: 70px;
}
.custom-logo-link img{
position: relative;
z-index: 5;
}
}