@media(max-width: 991px) {
.custom-align-center {
text-align: center;
}
.custom-align-left {
text-align: left;
}
.custom-align-right {
text-align: right;
}
}
.top:after,
.bottom:after,
.left:after,
.right:after {
display: none;
} .rt-swiper-nav .swiper-navigation > div {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
column-gap: 12px;
text-align: center;
background-image: none;
width: 110px;
line-height: 1;
outline: none;
font-size: 13px;
color: var(--faktorie-body-color);
background-color: var(--faktorie-grey-color-1);
margin-top: 0;
top: 50%;
transform: translateY(-50%);
transition: all 0.31s ease-in-out;
}
.rt-swiper-nav .swiper-navigation > div:hover {
background: var(--faktorie-primary-color);
color: #ffffff;
}
.rt-swiper-nav .swiper-button-prev {
left: 0;
}
.rt-swiper-nav .swiper-button-next {
right: 0;
}
.rt-swiper-nav .swiper-pagination-bullets {
position: relative;
margin-top: 30px;
display: inline-block;
}
.rt-swiper-nav .swiper-pagination .swiper-pagination-bullet {
width: 30px;
height: 4px;
background: var(--faktorie-grey-color-2);
border-radius: 0;
opacity: 1;
transition: all 0.4s ease-in-out;
}
.rt-swiper-nav .swiper-pagination .swiper-pagination-bullet-active {
background: var(--faktorie-primary-color);
}
.rt-swiper-nav .swiper-navigation > div:after {
display: none;
}
.rt-swiper-slider .icon-faktorie-right-arrow {
font-size: 12px;
} .top-right .rt-swiper-slider .swiper-navigation {
position: absolute;
right: 0;
top: -70px;
}
.top-right .rt-swiper-slider .swiper-button-prev {
left: -230px;
}
.top-right .rt-swiper-slider .swiper-button-next {
right: 0;
}
.elementor-section-full_width .top-right .rt-swiper-slider .swiper-navigation {
right: calc( ((100% - 1290px ) / 2 ) + 12px );
}
@media(max-width: 1290px) {    
.elementor-section-full_width .top-right .rt-swiper-slider .swiper-navigation {
right: 12px;
}
} .bottom-center .rt-swiper-slider .swiper-navigation {
position: absolute;
right: 0;
left: 0;
bottom: -70px;
display: flex;
justify-content: center;
column-gap: 15px;
}
.bottom-center .rt-swiper-slider .swiper-button-prev {
left: 0px;
}
.bottom-center .rt-swiper-slider .swiper-button-next {
right: 0;
}
.bottom-center .rt-swiper-nav .swiper-navigation > div {
position: relative;
top: 0;
transform: unset;
} .rt-button .button-text-left {
margin-left: 10px;
}
.rt-button .button-text-right {
margin-right: 10px;
}
.rt-button .icon {
font-size: 12px;
}
.rt-button .icon-right i {
font-size: 10px;
border-left: 1px solid var(--faktorie-border-color);
padding-left: 10px;
}
.rt-button .icon-left i {
font-size: 10px;
border-right: 1px solid var(--faktorie-border-color);
padding-right: 10px;
} .rt-call-action .rt-action-item {
display: flex;
align-items: center;
gap: 40px;
background-color: var(--faktorie-primary-color);
padding-right: 40px;
position: relative;
z-index: 0;
}
.rt-call-action .rt-action-img {
max-width: 220px;
}
.rt-call-action .rt-title {
flex: 1;
font-size: 30px;
padding: 24px 0;
margin-bottom: 0;
color: var(--faktorie-white-color);
line-height: 1.4;
}
.rt-call-action .rt-phone {
font-size: 30px;
margin-bottom: 0;
color: var(--faktorie-white-color);
}
.rt-call-action .rt-phone > span {
display: block;
font-size: 18px;
font-weight: 400;
margin-bottom: 4px;
}
.rt-call-action .rt-phone a {
color: var(--faktorie-white-color);
}
@media(max-width: 1199px) {
.rt-call-action .rt-title,
.rt-call-action .rt-phone {
font-size: 24px;
}
}
@media(max-width: 991px) {
.rt-call-action .rt-action-item {
flex-direction: column;
gap: 24px;
padding: 70px 35px;
text-align: center;
}
.rt-call-action .rt-title {
padding: 0;
text-align: center;
}
} .rt-section-title .title-holder {
position: relative;
}
.rt-section-title .entry-title {
position: relative;
margin-bottom: 0;
line-height: 1.3;
}
.rt-section-title .entry-title span {
color: var(--faktorie-primary-color);
}
.rt-section-title .sub-title {
position: relative;
display: inline-block;
color: var(--faktorie-primary-color);
font-size: 16px;
font-weight: 600;
margin-bottom: 7px;
letter-spacing: 0.6px;
line-height: 1.4;
z-index: 1;
}
.rt-section-title .shadow-title-wrap {
position: absolute;
top: -10px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 0;
}
.rt-section-title .shadow-title {
display: inline-block;
font-size: 60px;
line-height: 48px;
font-weight: 700;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #E4E9F1;
text-transform: uppercase;
} .rt-section-title.style1 .sub-title {
font-size: 14px;
text-transform: uppercase;
}
.rt-section-title.style1 .line {
position: absolute;
height: 6px;
background: #ffe7dd;
display: block;
bottom: 0;
z-index: -1;
}
.rt-section-title.style1.has-animation .line {
width: 0;
transition: all ease 1s;
}
.rt-section-title.style1.active-animation .line {
width: 100%;
} .rt-section-title.style2 .sub-title {
color: var(--faktorie-primary-color);
margin-bottom: 15px;
}
.rt-section-title.style2 .entry-text {
margin-top: 15px;
}
.rt-section-title.style2 .line {
position: relative;
top: -3px;
height: 4px;
background: var(--faktorie-primary-color);
display: inline-block;
margin-left: 20px;
}
.rt-section-title.style2.has-animation .line {
width: 0;
transition: all ease 1s;
}
.rt-section-title.style2.active-animation .line {
width: 40px;
} .rt-section-title.style3 .sub-title {
color: var(--faktorie-meta-color);
}
.rt-section-title.style3 .line {
position: relative;
margin-top: 10px;
height: 4px;
background: var(--faktorie-primary-color);
display: block;
}
.rt-section-title.style3.has-animation .line {
width: 0;
transition: all ease 1s;
}
.rt-section-title.style3.active-animation .line {
width: 40px;
}
@media(max-width: 767px) {
.rt-section-title .entry-text br {
display: none;
}
} .rt-title-text {
position: relative;
}
.rt-title-text .entry-title {
position: relative;
margin-bottom: 12px;
line-height: 1.3;
}
.rt-title-text .entry-title span {
position: relative;
display: inline-block;
z-index: 0;
}
.rt-title-text .entry-title span:before {
position: absolute;
content: "";
height: 6px;
width: 100%;
background: var(--faktorie-primary-color);
display: block;
bottom: 8px;
left: 0;
z-index: -1;
}
.rt-title-text .entry-subtitle {
position: relative;
display: inline-block;
color: var(--faktorie-primary-color);
font-size: 14px;
font-weight: 600;
margin-bottom: 7px;
letter-spacing: 0.6px;
text-transform: uppercase;
line-height: 1.4;
z-index: 1;
}
.rt-title-text .line {
position: absolute;
height: 6px;
background: #ffe7dd;
display: block;
bottom: 0;
z-index: -1;
}
.rt-title-text.has-animation .line {
width: 0;
transition: all ease 1s;
}
.rt-title-text.active-animation .line {
width: 100%;
}
.rt-title-text .entry-content {
color: var(--faktorie-body-color);
}
.rt-title-text ul {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.rt-title-text ul li {
font-size: 17px;
font-weight: 600;
color: var(--faktorie-heading-color);
position: relative;
margin-bottom: 8px;
display: flex;
align-items: center;
}
.rt-title-text ul li:last-child {
margin-bottom: 0 !important;
}
.rt-title-text ul li i {
font-size: 10px;
margin-right: 10px;
width: 18px;
height: 18px;
color: var(--faktorie-white-color);
background-color: var(--faktorie-primary-color);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media(max-width: 991px) {
.custom-align-center .rt-title-text {
text-align: center;
}
}
@media(max-width: 767px) {
.rt-section-title .entry-title br,
.rt-title-text .entry-title br,
.rt-title-text .entry-content br {
display: none;
}
}
.title-text-style2 .shadow-title {
display: flex;
align-items: center;
font-size: 36px;
line-height: 1.3;
font-weight: 700;
margin-bottom: 26px;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #E4E9F1;
}
.title-text-style2 .shadow-title svg {
margin-right: 8px;
} .lan .letter {
display: inline-block;
line-height: 1;
}
.rt-hero-banner {
position: relative;
}
.rt-hero-banner .entry-title {
position: relative;
font-size: 60px;
margin-bottom: 18px;
line-height: 1.1;
}
.rt-hero-banner .shadow-title {
position: relative;
font-size: 60px;
font-weight: 500;
margin-bottom: 8px;
line-height: 1.1;
}
.rt-hero-banner .entry-subtitle {
position: relative;
display: inline-block;
color: var(--faktorie-primary-color);
font-size: 14px;
font-weight: 600;
margin-bottom: 7px;
letter-spacing: 0.6px;
text-transform: uppercase;
line-height: 1.4;
z-index: 1;
}
.rt-hero-banner .line {
position: absolute;
height: 6px;
background: #ffe7dd;
display: block;
bottom: 0;
z-index: -1;
}
.rt-hero-banner.has-animation .line {
width: 0;
transition: all ease 1s;
}
.rt-hero-banner.active-animation .line {
width: 100%;
}
.rt-hero-banner .entry-content {
color: var(--faktorie-body-color);
}
.rt-hero-banner .button-list {
display: flex;
column-gap: 20px;
margin-top: 10px;
}
@media(max-width: 767px) {
.rt-hero-banner .entry-title br,
.rt-hero-banner .entry-content br {
display: none;
}
}
@media(max-width: 415px) {
.rt-hero-banner .button-list {
display: block;
}
.rt-hero-banner .button-list .rt-button2 {
margin-top: 8px;
}
.rt-hero-banner .button-list .btn-common {
width: 100%;
}
} .rt-about-author .rt-about-item {
display: flex;
align-items: center;
column-gap: 15px;
}
.rt-about-author .rt-about-item .rt-title {
font-size: 18px;
line-height: 26px;
margin-bottom: 0;
margin-top: 5px;
}
.rt-about-author .rt-about-item .rt-designation {
font-weight: 500;
font-size: 13px;
line-height: 26px;
margin-bottom: 0;
color: var(--faktorie-body-color);
} .rt-social-links {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 99;
width: 60px;
background-color: var(--faktorie-white-color);
box-shadow: 0 0 30px 0 rgb(0 0 0 / 15%);
padding: 45px 0 25px;
text-align: center;
font-size: 15px;
}
.rt-social-links .rt-social-item {
display: grid;
grid-gap: 10px;
padding-top: 70px;
}
.rt-social-links .rt-social-item a {
color: var(--faktorie-grey-color-3);
}
.rt-social-links .rt-social-item a:hover {
color: var(--faktorie-primary-color);
}
.rt-social-links .social-label {
position: relative;
font-weight: 600;
letter-spacing: 1px;
transform: rotate(90deg);
white-space: nowrap;
color: var(--faktorie-heading-color);
}
.rt-social-links .social-label:before {
position: absolute;
content: "";
left: 68px;
top: 13px;
height: 1px;
width: 35px;
background-color: var(--faktorie-border-color);
} .rt-info-box .rt-info-item {
position: relative;
}
.rt-info-box .rt-info-item .rt-content {
position: relative;
word-break: break-word;
z-index: 1;
}
.rt-info-box .rt-info-item .rt-icon {
color: var(--faktorie-primary-color);
font-size: 50px;
position: relative;
transition: all 0.31s ease-in-out;
}
.rt-info-box .rt-info-item:hover .rt-icon {
color: var(--faktorie-primary-color);
}
.rt-info-box .rt-info-item .rt-img img {
max-width: 100px;
}
.rt-info-box .rt-info-item .rt-title {
position: relative;
font-size: 20px;
margin-bottom: 0;
line-height: 1.4;
}
.rt-info-box .rt-info-item .rt-title a {
color: var(--faktorie-heading-color);
}
.rt-info-box .rt-info-item .rt-title a:hover {
color: var(--faktorie-primary-color);
}
.rt-info-box .rt-info-item .rt-text {
color: var(--faktorie-body-color);
margin-top: 7px;
transition: all ease 0.31s;
}
.rt-info-box .rt-info-item .rt-button {
margin-top: 20px;
} .rt-info-style1 .rt-info-item {
display: flex;
align-items: center;
column-gap: 20px;
}
.rt-info-style1 .rt-info-item .rt-icon {
position: relative;
color: var(--faktorie-primary-color);
background-color: var(--faktorie-light-color);
font-size: 44px;
width: 90px;
height: 90px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.rt-info-style1 .rt-info-item .rt-icon:before {
position: absolute;
content: "";
top: 0;
height: 3px;
width: 28px;
background-color: var(--faktorie-primary-color);
transition: all 0.31s ease-in-out;
}
.rt-info-style1 .rt-info-item:hover .rt-icon,
.rt-info-style1 .hover-animation-active .rt-icon {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
box-shadow: 0 10px 20px 0 rgb(254 103 45 / 35%);
}
.rt-info-style1 .rt-info-item:hover .rt-icon:before,
.rt-info-style1 .hover-animation-active .rt-icon:before {
background-color: var(--faktorie-white-color);
} .rt-info-style2 .rt-info-item {
display: flex;
align-items: flex-start;
column-gap: 20px;
padding: 24px;
background-color: var(--faktorie-grey-color-1);
} .rt-info-style3 .rt-info-item {
display: flex;
align-items: center;
column-gap: 20px;
padding: 35px;
box-shadow: 0px 4px 40px rgb(0 0 0 / 10%);
background-color: var(--faktorie-white-color);
}
.rt-info-style3 .rt-info-item .rt-icon {
position: relative;
color: var(--faktorie-primary-color);
background-color: var(--faktorie-light-color);
font-size: 44px;
width: 90px;
height: 90px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.rt-info-style3 .rt-info-item .rt-icon:before {
position: absolute;
content: "";
top: 0;
height: 3px;
width: 28px;
background-color: var(--faktorie-primary-color);
transition: all 0.31s ease-in-out;
}
.rt-info-style3 .rt-info-item:hover .rt-icon,
.rt-info-style3 .hover-animation-active .rt-icon {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
box-shadow: 0 10px 20px 0 rgb(254 103 45 / 35%);
}
.rt-info-style3 .rt-info-item:hover .rt-icon:before,
.rt-info-style3 .hover-animation-active .rt-icon:before {
background-color: var(--faktorie-white-color);
} .rt-info-style4 .rt-info-item .rt-media {
display: flex;
align-items: center;
column-gap: 15px;
}
.rt-info-style4 .rt-info-item .rt-text {
margin-top: 15px;
}
.rt-info-style4 .rt-info-item .rt-icon {
color: var(--faktorie-body-color);
}
.rt-info-style4 .rt-info-item .rt-title {
border-left: 1px solid var(--faktorie-border-color);
padding-left: 15px;
} .rt-info-style5 .rt-info-item {
padding: 35px;
box-shadow: 0px 4px 40px rgb(0 0 0 / 10%);
background-color: var(--faktorie-white-color);
}
.rt-info-style5 .rt-info-item .rt-icon {
position: relative;
color: var(--faktorie-primary-color);
background-color: var(--faktorie-light-color);
font-size: 44px;
width: 80px;
height: 80px;    
display: inline-flex;
align-items: center;
justify-content: center;
}
.rt-info-style5 .rt-info-item .rt-media {
margin-bottom: 18px;
}
.rt-info-style5 .rt-info-item .rt-icon:before {
position: absolute;
content: "";
top: 0;
height: 3px;
width: 28px;
background-color: var(--faktorie-primary-color);
transition: all 0.31s ease-in-out;
}
.rt-info-style5 .rt-info-item:hover .rt-icon,
.rt-info-style5 .hover-animation-active .rt-icon {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
box-shadow: 0 10px 20px 0 rgb(254 103 45 / 35%);
}
.rt-info-style5 .rt-info-item:hover .rt-icon:before,
.rt-info-style5 .hover-animation-active .rt-icon:before {
background-color: var(--faktorie-white-color);
} .rt-info-style6 .rt-info-item {
display: flex;
align-items: flex-start;
column-gap: 20px;
}
.rt-info-style6 .rt-info-item .rt-icon {
font-size: 70px;
} .rt-info-style7 .rt-info-item {
display: flex;
align-items: center;
column-gap: 20px;
padding: 24px;
padding-left: 0;
border-radius: 6px;
}
.rt-info-style7 .rt-info-item .rt-title {
font-size: 22px;
}
.rt-info-style7 .rt-info-item .rt-number {
font-weight: 600;
font-size: 100px;
text-transform: capitalize;
color: var(--faktorie-grey-color-2);
position: absolute;
top: 50%;
left: 20px;
line-height: 1;
transform: translateY(-50%);
z-index: -1;
}
.rt-info-style7 .rt-info-item .rt-img {
display: inline-block;
border: 7px solid var(--faktorie-white-color);
box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
position: relative;
z-index: 2;
}
.rt-info-style7 .rt-info-item .rt-img img {
max-width: 224px;
}
.rt-info-style7 .rt-info-item .rt-content {
padding-left: 30px;
padding-bottom: 40px;
}
.rt-info-style7 .rt-info-item .clip-path1 {
position: absolute;
right: 0;
width: 100%;
height: 100%;
background: var(--faktorie-grey-color-1);
clip-path: polygon(30% 0, 100% 0, 100% 100%, 10% 100%);
}
.rt-info-style7 .rt-info-item .clip-path2 {
height: 100%;
width: 213px;
margin-left: 35px;
background: var(--faktorie-grey-color-2);
position: absolute;
clip-path: polygon(45% 0, 100% 0, 100% 100%, 0% 100%);
}
.rt-info-box .rt-info-item .rt-button {
position: absolute;
right: 5px;
bottom: 5px;
}
.rt-info-style7 .rt-info-item .btn-common {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
min-width: 54px;
height: 54px;
background-color: var(--faktorie-white-color);
color: var(--faktorie-primary-color);
border: none;
}
.rt-info-style7 .rt-info-item .btn-common i {
border-left: none;
transform: rotate(-45deg);
line-height: 1;
margin-left: 0;
padding-left: 0;
}
.rt-info-style7 .rt-info-item:hover .btn-common::before {
height: 400%;
}
.rt-info-style7 .rt-info-item:hover .btn-common {
color: var(--faktorie-white-color);
}
@media(max-width: 1199px) {
.rt-info-style7 .rt-info-item .clip-path1 {
clip-path: polygon(20% 0, 100% 0, 100% 100%, 10% 100%);
}
}
@media(max-width: 480px) {
.rt-info-style7 .rt-info-item {
display: block;
margin-bottom: 24px;
padding: 24px;
background-color: #F5F6F7;
}
.rt-info-style7 .rt-info-item .rt-content {
padding-left: 0;
padding-bottom: 0;
padding-top: 30px;
}
.rt-info-style7 .rt-info-item .clip-path1 {
clip-path: unset;
}
.rt-info-style7 .rt-info-item .clip-path2 {
display: none;
}
.rt-info-style7 .rt-info-item .rt-img,
.rt-info-style7 .rt-info-item .rt-img img {
width: 100%;
max-width: 100%;
}
.rt-info-style7 .rt-info-item .rt-button {
position: relative;
right: 0;
bottom: 0;
}
} .rt-info-style8 .rt-info-item {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 20px;
background-color: var(--faktorie-grey-color-1);
padding: 55px 40px;
}
.rt-info-style8 .rt-info-item:before {
position: absolute;
content: "";
top: 0;
height: 6px;
width: 70px;
background-color: #323233;
transition: all 0.31s ease-in-out;
}
.rt-info-style8 .rt-info-item .rt-title {
font-size: 24px;
}
.rt-info-style8 .rt-info-item .rt-icon {
font-size: 70px;
}
.rt-info-style8 .rt-info-item .rt-content {
flex: 1;
}
.rt-info-style8 .rt-info-item .rt-button {
position: unset;
margin-top: 0;
}
.rt-info-style8 .rt-info-item .btn-common {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
width: 60px;
height: 60px;
background-color: var(--faktorie-grey-color-3);
color: var(--faktorie-white-color);
border: none;
}
.rt-info-style8 .rt-info-item .btn-common i {
border-left: none;
transform: rotate(-45deg);
line-height: 1;
margin-left: 0;
padding-left: 0;
font-size: 16px;
}
.rt-info-style8 .rt-info-item:hover .btn-common::before {
height: 400%;
}
.rt-info-style8 .rt-info-item:hover .btn-common {
color: var(--faktorie-white-color);
}
@media(max-width: 480px) {
.rt-info-style8 .rt-info-item {
padding: 30px;
display: block;
text-align: center;
}
.rt-info-style8 .rt-info-item .rt-content {
margin-top: 20px;
margin-bottom: 20px;
}
.rt-info-style8 .rt-info-item:before {
left: 0;
right: 0;
margin: 0 auto;
}
} .rt-info-style9 .rt-info-item {
display: flex;
align-items: center;
background-color: #1c1c1e;
padding: 40px 50px;
}
.rt-info-style9 .rt-info-item > * {
flex: 0 0 25%;
}
.rt-info-style9 .rt-info-item .rt-title {
font-size: 24px;
color: var(--faktorie-white-color);
}
.rt-info-style9 .rt-info-item .rt-title a {
font-size: 24px;
color: var(--faktorie-white-color);
}
.rt-info-style9 .rt-info-item .rt-year {
font-size: 24px;
font-weight: 700;
color: var(--faktorie-white-color);
text-align: center;
}
.rt-info-style9 .rt-info-item .rt-media {
text-align: center;
}
.rt-info-style9 .rt-info-item .rt-icon {
font-size: 70px;
}
.rt-info-style9 .rt-info-item .rt-img img {
max-width: initial;
}
.rt-info-style9 .rt-info-item .rt-button {
position: unset;
margin-top: 0;
text-align: right;
}
.rt-info-style9 .rt-info-item .btn-common {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--faktorie-meta-color);
}
.rt-info-style9 .rt-info-item .btn-common i {
border-left: none;
transform: rotate(-45deg);
line-height: 1;
margin-left: 7px;
font-size: 16px;
}
.rt-info-style9 .rt-info-item:hover .btn-common::before {
height: 400%;
}
.rt-info-style9 .rt-info-item:hover .btn-common {
color: var(--faktorie-primary-color);
}
@media(max-width: 767px) {
.rt-info-style9 .rt-info-item {
display: block;
text-align: center;
padding: 30px;
}
.rt-info-style9 .rt-info-item .rt-title,
.rt-info-style9 .rt-info-item .rt-year,
.rt-info-style9 .rt-info-item .rt-media {
margin-bottom: 20px;
}
.rt-info-style9 .rt-info-item .rt-button {
text-align: center;
}
} .rt-skills {
overflow: hidden;
}
.rt-skills .rt-skill-each {
margin-top: 15px;
margin-bottom: 16px;
}
.rt-skills .rt-skill-each:last-child {
margin-bottom: 0;
}
.rt-skills .rt-skill-each .rt-name {
color: var(--faktorie-heading-color);
font-size: 17px;
font-weight: 600;
margin-bottom: 10px;
letter-spacing: 0.3px;
}
.rt-skills .rt-skill-each .progress {
background-color: var(--faktorie-grey-color-1);
border-radius: 0;
box-shadow: none;
height: 8px;
overflow: visible;
margin: 0;
}
.rt-skills .rt-skill-each .progress .progress-bar {
position: relative;
background: var(--faktorie-primary-color);
border-radius: 0;
height: 8px;
overflow: inherit;
}
.rt-skills .rt-skill-each .progress .progress-bar > span {
font-size: 18px;
font-weight: 600;
color: var(--faktorie-heading-color);
position: absolute;
right: 0;
top: -34px;
padding-bottom: 10px;
line-height: 1;
} .banner-slider .slider-content {
position:  relative;
z-index: 9;
}
.banner-slider .single-slider {
background-size: cover;
background-position: center;
min-height: 600px;
display: flex;
align-items: center;
}
.banner-slider .swiper-slide:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(16, 16, 16, 0.5);
z-index: 0;
}
.banner-slider .slider-content .sub-title {
position: relative;
display: inline-block;
color: var(--faktorie-primary-color);
font-size: 14px;
font-weight: 600;
margin-bottom: 7px;
letter-spacing: 0.6px;
line-height: 1.4;
z-index: 1;
}
.banner-slider .slider-content .sub-title .line {
position: absolute;
height: 6px;
background: #ffe7dd;
display: block;
bottom: 0;
z-index: -1;
width: 0px;
transition: all ease 1s;
}
.banner-slider .slider-content .active-animation .line {
width: 100%;
}
.banner-slider .slider-content .shadow-title {
font-size: 60px;
font-weight: 500;
margin-bottom: 8px;
line-height: 1;
color: var(--faktorie-white-color);
}
.banner-slider .slider-content .slider-title {
font-size: 60px;
color: #ffffff;
margin-bottom: 20px;
line-height: 1.1;
}
.banner-slider .slider-content .slider-title.left {
margin-right: auto;
}
.banner-slider .slider-content .slider-title.center {
margin-left: auto;
margin-right: auto;
}
.banner-slider .slider-content .slider-title.right {
margin-left: auto;
}
.banner-slider .slider-content .slider-text {
color: #ffffff;
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
}
.banner-slider .slider-content .slider-text ul {
list-style: none;
margin: 0;
padding: 0;
}
.banner-slider .slider-content .slider-text ul li {
display: flex;
align-items: center;
}
.banner-slider .slider-content .slider-text ul li:before {
content: '\e828';
font-family: "radius-faktorie-font";
font-size: 5px;
height: 17px;
width: 17px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 10px;
line-height: 1;
color: var(--faktorie-white-color);
background-color: var(--faktorie-primary-color);
}
.banner-slider .slider-content .slider-text.left {
margin-right: auto;
}
.banner-slider .slider-content .slider-text.center {
margin-left: auto;
margin-right: auto;
}
.banner-slider .slider-content .slider-text.right {
margin-left: auto;
}
.banner-slider .rt-swiper-slider .swiper-pagination-bullets {
position: absolute;
bottom: 30px;
} .banner-slider .animation .single-slide .sub-title {
transform: translateY(70px);
transition: all ease 1.2s;
opacity: 0;
visibility: hidden;
}
.banner-slider .animation .single-slide.swiper-slide-active  .sub-title  {
transform: translateY(0);
transition-delay: 0.5s;
opacity: 1;
visibility: visible;
}
.banner-slider .animation .single-slide .shadow-title {
transform: translateY(70px);
transition: all ease 1.2s;
opacity: 0;
visibility: hidden;
}
.banner-slider .animation .single-slide.swiper-slide-active .shadow-title  {
transform: translateY(0);
transition-delay: 1s;
opacity: 1;
visibility: visible;
}
.banner-slider .animation .single-slide .slider-title {
transform: translateY(70px);
transition: all ease 1.2s;
opacity: 0;
visibility: hidden;
}
.banner-slider .animation .single-slide.swiper-slide-active .slider-title  {
transform: translateY(0);
transition-delay: 1.5s;
opacity: 1;
visibility: visible;
}
.banner-slider .animation .single-slide .slider-text {
transform: translateY(70px);
transition: all ease 1.2s;
opacity: 0;
visibility: hidden;
}
.banner-slider .animation .single-slide.swiper-slide-active .slider-text  {
transform: translateY(0);
transition-delay: 2s;
opacity: 1;
visibility: visible;
}
.banner-slider .animation .single-slide .slider-btn-area {
transform: translateY(70px);
transition: all ease 1.2s;
opacity: 0;
visibility: hidden;
}
.banner-slider .animation .single-slide.swiper-slide-active .slider-btn-area  {
transform: translateX(0);
transition-delay: 2.5s;
opacity: 1;
visibility: visible;
}
@media(max-width: 767px) {
.banner-slider .slider-content .slider-text br {
display: none;
}
.banner-slider .swiper-navigation {
display: none;
}
} .rt-image-banner .rt-banner-item {
position: relative;
}
.rt-image-banner .rt-banner-item img {
position: relative;
}
.rt-image-banner ul {
list-style: none;
margin: 0;
padding: 0;
}
@media(max-width: 1024px) {
.rt-image-banner .rt-banner-item img {
width: 100%;
}
} .rt-banner-style1 .rt-banner-item {
display: block;
}
.rt-banner-style1 .rt-banner-item img {
width: 100%;
} @media only screen and (min-width: 1200px) {
.rt-banner-style2 .rt-image {
padding-left: 40px;
}
}
.rt-banner-style2 .rt-image {
position: relative;
display: inline-block;
padding-right: 33px;
z-index: 1;
}
.rt-banner-style2 .rt-image .shape {
height: 427px;
width: 267px;
background-color: var(--faktorie-primary-color);
position: absolute;
top: -33px;
right: 0;
z-index: -1;
}
.rt-banner-style2 .rt-image .dot-shape {
position: absolute;
bottom: -35px;
left: 0;
z-index: -1;
}
.rt-banner-style2 .rt-image .dot-shape img {
border-radius: 0 !important;
} @media only screen and (min-width: 1200px) {
.rt-banner-style3 .rt-image {
padding-left: 40px;
}
}
.rt-banner-style3 .rt-image {
position: relative;
display: inline-block;
z-index: 1;
}
.rt-banner-style3 .rt-image .shape {
width: 61px;
height: 536px;
background-color: var(--faktorie-primary-color);
transform: rotate(-9.68deg);
position: absolute;
top: auto;
right: 20px;
bottom: 15px;
z-index: -1;
}
.rt-banner-style3 .rt-image .dot-shape {
position: absolute;
bottom: -35px;
left: 0;
z-index: -1;
}
.rt-banner-style3 .rt-image .dot-shape img {
border-radius: 0 !important;
}
.rt-banner-style3 .rt-image > img {
clip-path: polygon(0 0, 82% 0%, 100% 100%, 0% 100%);
} .rt-banner-style4 .rt-image {
position: relative;
display: inline-block;
padding: 25px;
z-index: 1;
}
.rt-banner-style4 .rt-image .shape {
width: 420px;
height: 100%;
background-color: var(--faktorie-primary-color);
position: absolute;
top: 0;
left: 0;
z-index: -1;
clip-path: polygon(0 0%, 98% 0, 53% 100%, 0% 100%);
}
@media(max-width: 475px) {
.rt-banner-style4 .rt-image .shape {
width: 300px;
}
} .rt-banner-style5 .rt-image {
position: relative;
display: inline-block;
padding: 25px;
z-index: 1;
}
.rt-banner-style5 .rt-image .shape {
width: 335px;
height: 100%;
background-color: var(--faktorie-primary-color);
clip-path: polygon(0 0, 100% 0, 100% 100%, 37% 100%);
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
@media(max-width: 480px) {
.rt-banner-style5 .rt-image .shape {
width: 100%;
}
} .rt-banner-style6 .rt-image {
position: relative;
display: inline-block;
z-index: 1;
padding: 66px 66px 66px 0px;
}
.rt-banner-style6 .rt-image > img {
width: 100%;
border-radius: 10px;
border: 10px solid #ffffff;
}
.rt-banner-style6 .rt-image .dot-shape {
position: absolute;
top: 0px;
left: -40px;
z-index: -1;
}
.rt-banner-style6 .rt-image .dot-shape img {
border-radius: 0 !important;
}
.rt-banner-style6 .rt-image .shape {
position: absolute;
top: 0;
right: 0;
background-color: var(--faktorie-grey-color-2);
width: 594px;
height: 100%;
z-index: -1;
clip-path: polygon(26% 0, 100% 0, 99% 100%, 0% 100%);
}
.rt-banner-style6 .rt-image .shape .icon {
position: absolute;
}
.rt-banner-style6 .rt-image .shape .icon1 {
top: 0;
right: 0;
}
.rt-banner-style6 .rt-image .shape .icon2 {
top: 100px;
right: 0;
}
.rt-banner-style6 .rt-image .shape .icon3 {
top: 190px;
right: 0;
}
.rt-banner-style6 .rt-image .shape .icon4 {
top: 285px;
right: 0;
}
.rt-banner-style6 .rt-image .shape .icon5 {
top: 380px;
right: 0;
}
.rt-banner-style6 .rt-image .shape .icon6 {
top: 475px;
right: 0;
}
.rt-banner-style6 .rt-image .shape .icon7 {
top: 570px;
right: 0;
}
@media(max-width: 1024px) {
.rt-banner-style2 .rt-image,
.rt-banner-style3 .rt-image,
.rt-banner-style4 .rt-image,
.rt-banner-style5 .rt-image,
.rt-banner-style6 .rt-image {
display: block;
}
.rt-banner-style5 .rt-image {
padding-left: 0;
}
.rt-banner-style4 .rt-image .shape {
display: none;
}
.rt-banner-style4 .rt-image > img {
clip-path: unset;
}
} .rt-shape-style1 {
position: relative;
width: 100%;
}
.rt-shape-style1 .rt-shape-item {
display: inline-block;
bottom: 0;
left: 0;
background-color: var(--faktorie-primary-color);
width: 272px;
height: 87px;
z-index: 1;
-webkit-mask: var(--faktorie-shape);
mask: var(--faktorie-shape);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
.rt-shape-style2 .rt-img {
display: inline-block;
} .rt-video-layout {
position: relative;
z-index: 1;
}
.rt-video-layout .rt-video .rt-img {
position: relative;
display: inline-block;
}
.rt-video-layout .rt-video .rt-img:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
} .rt-video-style1 {
text-align: center;
}
.rt-video-style1 .rt-video {
position: relative;
z-index: 1;
border-radius: 6px;
display: block;    
}
.rt-video-style1 .rt-video .rt-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
margin: 0 auto;
text-align: center;
z-index: 2;
}
.rt-video-style1 .rt-video .rt-img img {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
object-fit: cover;
}
.rt-video-style1 .rt-video .video-title {
font-size: 18px;
font-weight: 500;
color: var(--faktorie-white-color);
margin-top: 35px;
margin-bottom: 0;
line-height: 1.5;
letter-spacing: 0.6px;
} .rt-video-style2 .rt-video {
position: relative;
z-index: 1;
border-radius: 8px;
display: inline-block;
}
.rt-video-style2 .rt-video .rt-icon {
display: inline-flex;
align-items: center;
column-gap: 32px;
position: absolute;
left: 0;
bottom: -35px;
z-index: 1;
background-color: var(--faktorie-primary-color);
padding: 30px 30px 30px 0;
}
.rt-video-style2 .rt-video .video-title {
flex: 1;
font-size: 18px;
font-weight: 600;
color: var(--faktorie-white-color);
margin-bottom: 0;
line-height: 1.4;
}
.rt-video-style2 .rt-video:after {
content: "";
height: 250px;
width: 250px;
background-color: var(--faktorie-primary-color);
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.rt-video-style2 .rt-video .rt-img {
margin-left: 35px;
margin-bottom: 35px;
}
.rt-video-style2 .rt-video .rt-img img {
object-fit: cover;
}
@media(max-width: 1199px) {
.rt-video-style2 {
text-align: center;
}
} .rt-video-style3 {
text-align: center;
}
.rt-video-style3 .rt-play {
z-index: 3;
} .rt-contact-info .rt-item {
display: flex;
column-gap: 20px;
align-items: center;
}
.rt-contact-info .rt-item-icon {
background: var(--faktorie-light-color);
color: var(--faktorie-primary-color);
line-height: 1;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
}
.rt-contact-info .rt-item-content {
flex: 1;
}
.rt-contact-info .rt-item-icon .icon-faktorie-message {
font-size: 24px;
}
.rt-contact-info .entry-title {
display: block;
font-size: 18px;
margin-bottom: 2px;
line-height: 1.4;
}
.rt-contact-info .contact-list {
list-style: none;
margin: 0;
padding: 0;
}
.rt-contact-info .contact-list li {
color: var(--faktorie-body-color);
}
.rt-contact-info .contact-list li a {
color: var(--faktorie-body-color);
}
.rt-contact-info .contact-list li a:hover {
color: var(--faktorie-primary-color);
}
.rt-contact-info .contact-list li span {
font-weight: 600;
}
.rt-contact-info .contact-list li i {
margin-right: 5px;
}
.rt-contact-info .contact-list li svg {
margin-right: 5px;
font-size: 20px;
} .rt-progress-bar {
overflow: hidden;
}
.rt-progress-bar .entry-name {
color: var(--faktorie-heading-color);
font-size: 17px;
font-weight: 600;
margin-bottom: 10px;
letter-spacing: 0.3px;
line-height: 1.4;
}
.rt-progress-bar .progress {
background-color: var(--faktorie-white-color);
border: 1px solid var(--faktorie-border-color);
border-radius: 50px;
overflow: visible;
height: 16px;
padding: 3px 5px;
}
.rt-progress-bar .progress .progress-bar {
position: relative;
background: var(--faktorie-primary-color);
border-radius: 50px;
height: 8px;
overflow: inherit;
animation-duration: 1.5s;
animation-delay: 1.2s;
animation-name: fadeInLeft;
}
.rt-progress-bar .progress .progress-bar > span {
font-size: 18px;
font-weight: 600;
color: var(--faktorie-heading-color);
position: absolute;
right: 0;
top: -34px;
padding-bottom: 10px;
line-height: 1;
} .rt-counter-box .rt-item {
position: relative;
}
.rt-counter-box .rt-item .rt-media i {
font-size: 50px;
}
.rt-counter-box .rt-item .counter-number {
display: inline-flex;
font-size: 50px;
margin-bottom: 10px;
line-height: 1;
}
.rt-counter-box .rt-item .rt-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
line-height: 1.2;
} .rt-counter-style1 .rt-item {
background-color: var(--faktorie-grey-color-1);
padding: 30px;
min-width: 160px;
text-align: center;
}
.rt-counter-style1 .rt-item .rt-media {
margin-bottom: 15px;
}
.rt-counter-style1 .rt-item .counter-number {
color: var(--faktorie-primary-color);
}
.rt-counter-style1 .item-angle:after {
position: absolute;
content: "";
left: 0;
bottom: -24px;
background-color: var(--faktorie-grey-color-1);
clip-path: polygon(0 0, 100% 100%, 100% 0);
width: 24px;
height: 26px;
z-index: -1;
} .rt-counter-style2 .rt-item {
position: relative;
display: flex;
align-items: center;
column-gap: 24px;
}
.rt-counter-style2 .rt-item .rt-media i {
background-color: var(--faktorie-light-color);
color: var(--faktorie-primary-color);
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 90px;
padding: 12px;
margin-bottom: 0;
}
.rt-counter-style2 .rt-item .rt-title {
color: var(--faktorie-body-color);
}
.rt-counter-style2 .rt-item .counter-unit {
color: var(--faktorie-primary-color);
}
.rt-counter-style2 .item-divider::after {
content: "";
position: absolute;
right: 0;
width: 50px;
height: 30px;
display: block;
background: var(--faktorie-grey-color-2);
clip-path: polygon(0 0, 33% 0, 100% 100%, 64% 100%);
}
@media(max-width: 1024px) {
.rt-counter-style2 .item-divider::after {
display: none;
}
} .rt-counter-style3 .rt-item {
position: relative;
display: flex;
align-items: center;
column-gap: 24px;
}
.rt-counter-style3 .rt-item .rt-media i {
background-color: var(--faktorie-light-color);
color: var(--faktorie-primary-color);
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 90px;
padding: 12px;
margin-bottom: 0;
}
.rt-counter-style3 .rt-item .rt-title {
color: var(--faktorie-body-color);
margin-bottom: 10px;
}
.rt-counter-style3 .rt-item .counter-number {
margin-bottom: 0;
}
.rt-counter-style3 .rt-item .counter-unit {
color: var(--faktorie-primary-color);
}
.rt-counter-style3 .item-divider::after {
content: "";
position: absolute;
right: 0;
width: 50px;
height: 30px;
display: block;
background: var(--faktorie-grey-color-2);
clip-path: polygon(0 0, 33% 0, 100% 100%, 64% 100%);
}
@media(max-width: 1024px) {
.rt-counter-style3 .item-divider::after {
display: none;
}
} .rt-accordion .rt-accordion-button::after,
.rt-accordion .rt-accordion-button:not(.collapsed)::after {
display: none;
}
.rt-accordion .rt-accordion-button:focus {
z-index: 3;
outline: 0;
box-shadow: none;
}
.rt-accordion .rt-accordion-header {
margin-bottom: 8px;
}
.rt-accordion .rt-accordion-item:last-child .rt-accordion-header {
margin-bottom: 0;
}
.rt-accordion .accordion-item:last-child {
margin-bottom: 0 !important;
}
.rt-accordion .accordion-collapse.show {
color: var(--faktorie-body-color);
position: relative;
border-radius: 0;
transition: all ease 0.31s;
}
.rt-accordion .accordion-body {
margin-bottom: 15px;
padding: 10px 30px;
transition: all ease 0.31s;
}
.rt-accordion .accordion-body p {
margin-bottom: 0;
}
.rt-accordion .rt-title-left {
margin-left: 55px;
}
.rt-accordion .rt-title-right {
margin-right: 55px;
}
.rt-accordion .rt-accordion-icon-left {
position: absolute;
}
.rt-accordion .rt-accordion-icon-right {
position: absolute;
right: 20px;
margin-right: 0;
}
.rt-accordion .rt-accordion-icon {
font-size: 18px;
}
.rt-accordion-button .rt-accordion-icon-closed {
display: none;
}
.rt-accordion-button.collapsed .rt-accordion-icon-closed {
color: var(--faktorie-primary-color);
background-color: var(--faktorie-white-color);
width: 42px;
height: 42px;
font-size: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.rt-accordion-button .rt-accordion-icon-opened {
color: var(--faktorie-primary-color);
background-color: var(--faktorie-white-color);
width: 42px;
height: 42px;
font-size: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.rt-accordion-button.collapsed .rt-accordion-icon-opened {
display: none;
} .rt-accordion-style-1 .rt-accordion-header .rt-accordion-button:not(.collapsed) {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
transition: all ease 0.31s;
}
.rt-accordion-style-1 .rt-accordion-header .rt-accordion-button {
position: relative;
background: var(--faktorie-grey-color-1);
color: var(--faktorie-heading-color);
font-size: 20px;
line-height: 1.4;
width: 100%;
padding: 16px 20px;
text-align: left;
transition: all ease 0.31s;
display: flex;
align-items: center;
} .rt-accordion-style-2 .accordion-body {
margin-bottom: 15px;
padding: 10px 30px;
}
.rt-accordion-style-2 .rt-accordion-header .rt-accordion-button {
position: relative;
background: transparent;
color: var(--faktorie-heading-color);
border: 1px solid var(--faktorie-border-color);
font-size: 20px;
line-height: 1.4;
width: 100%;
padding: 16px 20px;
text-align: left;
transition: all ease 0.31s;
display: flex;
align-items: center;
}
.rt-accordion-style-2 .rt-accordion-button .rt-accordion-icon-opened {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
}
.rt-accordion-style-2 .rt-accordion-button.collapsed .rt-accordion-icon-closed {
color: var(--faktorie-primary-color);
background-color: var(--faktorie-grey-color-1);
}
@media(max-width: 425px) {
.rt-accordion-style-1 .rt-accordion-header .rt-accordion-button,
.rt-accordion-style-2 .rt-accordion-header .rt-accordion-button {
font-size: 18px;
}
} .rt-tab-content .rt-tab-pane:first-of-type {
display: block;
animation: rtTabFadeInUp 0.8s;
}
.rt-tab-content .rt-tab-pane:last-of-type {
display: none;
animation: rtTabFadeInUp 0.8s;
} 
.rt-tab-content.rt-active .rt-tab-pane:first-of-type {
display: none;
animation: rtTabFadeInUp 0.8s;
}
.rt-tab-content.rt-active .rt-tab-pane:last-of-type {
display: block;
animation: rtTabFadeInUp 0.8s;
} .tab-content .tab-pane.active {
animation: rtTabFadeInUp 0.8s;
}
@keyframes rtTabFadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.rtTabFadeInUp {
animation-name: rtTabFadeInUp;
} .price-switch-box--style-1 {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 50px;
}
.price-switch-box--style-1 .pack-name {
font-size: 16px;
color: var(--faktorie-heading-color);
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 10px;
}
.price-switch-box--style-1 .pack-name:first-of-type {
color: var(--faktorie-primary-color);
}
.price-switch-box--active .pack-name:last-of-type {
color: var(--faktorie-primary-color);
}
.price-switch-box--active .pack-name:first-of-type {
color: var(--faktorie-heading-color);
}
.pricing-switch-container {
width: 46px;
height: 18px;
clear: both;
text-align: center;
position: relative;
border-radius: 0;
background-color: var(--faktorie-grey-color-2);
}
.pricing-switch-container .pricing-switch {
cursor: pointer;
width: 100%;
float: left;
height: 18px;
line-height: 18px;
position: relative;
z-index: 888;
transition: .3s ease-in-out;
text-transform: uppercase;
}
.pricing-switch-container .pricing-switch.pricing-switch-active {
color: #000;
}
.pricing-switch-container .switch-button {
height: 18px;
width: 18px;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
z-index: 555;
margin: 0;
border: none;
transition: all .31s ease-in-out;
background-color: var(--faktorie-primary-color);
}
.pricing-switch-container .pricing-switch:nth-child(2).pricing-switch-active~.switch-button {
left: 1px;
}
.pricing-switch-container .pricing-switch:nth-child(1).pricing-switch-active~.switch-button {
left: 60%;
} .rt-pricing-tab .nav-tabs {
position: relative;
display: inline-flex;
justify-content: center;
border-bottom: none;
border-radius: 50px;
height: 100%;
margin: 0 auto 50px;
text-align: center;
gap: 15px;
}
.rt-pricing-tab .nav-tabs li {
position: relative;
}
.rt-pricing-tab .nav-tabs .nav-link {
color: var(--faktorie-heading-color);
background-color: var(--faktorie-grey-color-1);
border-radius: 0;
border: none;
font-size: 16px;
font-weight: 600;
padding: 5px 20px;
}
.rt-pricing-tab .nav-tabs .nav-link.active {
background-color: var(--faktorie-grey-color-3);
color: var(--faktorie-white-color);
}
.rt-pricing-tab .offer {
position: relative;
background-color: var(--faktorie-primary-color);
padding: 5px 7px;
line-height: 1;
color: #ffffff;
font-size: 13px;
}
.rt-pricing-tab .offer:after {
position: absolute;
content: "";
bottom: -6px;
left: 15px;
margin: 0 auto;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid var(--faktorie-primary-color);;
}
.rt-pricing-tab .nav-tabs li .offer {
position: absolute;
top: 0;
left: 100px;
min-width: 78px;
}
@media(max-width: 340px) {
.rt-pricing-tab .nav-tabs {
gap: 5px;
}
.rt-pricing-tab .nav-tabs .nav-link {
font-size: 17px;
padding: 5px 12px;
}
} .rt-pricing-tab .rt-price-tab-box {
position: relative;
background-color: var(--faktorie-grey-color-1);
border-color: var(--faktorie-border-color);
border-style: solid;
border-width: 1px;
padding: 50px 60px 60px;
height: 100%;
transition: all 0.3s ease-in-out;
transform: translateY(0);
}
.rt-pricing-tab .rt-price-tab-box:hover {
transform: translateY(-6px);
border-color: var(--faktorie-primary-color);
}
.rt-pricing-tab .price-header {
margin-bottom: 35px;
}
.rt-pricing-tab .price-header .rt-title {
font-size: 22px;
font-weight: 600;
margin-bottom: 18px;
}
.rt-pricing-tab .price-header .rt-price {
color: var(--faktorie-heading-color);
font-size: 40px;
font-weight: 800;
line-height: 1;
}
.rt-pricing-tab .price-header .rt-price del {
display: block;
font-size: 16px;
font-weight: 500;
color: var(--faktorie-meta-color);
margin-bottom: 15px;
}
.rt-pricing-tab .price-header .price-unit {
display: block;
font-size: 16px;
font-weight: 500;
margin-top: 10px;
color: var(--faktorie-meta-color);
}
.rt-pricing-tab .price-header .save-price {
display: inline-flex;
justify-content: center;
background: var(--faktorie-primary-color);
font-size: 15px;
font-weight: 500;
color: #ffffff;
border-radius: 30px;
padding: 4px 12px;
line-height: 1.4;
}
.rt-pricing-tab .rt-price-button {
margin-top: 35px;
}
.rt-pricing-tab .rt-price-button a {
padding: 17px 40px;
}
.rt-pricing-tab .rt-features ul {
display: inline-grid;
text-align: left;
gap: 14px;
margin: 0;
padding: 0;
}
.rt-pricing-tab .rt-features li {
color: var(--faktorie-heading-color);
font-size: 17px;
display: flex;
gap: 10px;
}
.rt-pricing-tab .rt-features li i {
position: relative;
top: 5px;
font-size: 16px;
color: var(--faktorie-grey-color-3);
}
.rt-pricing-tab .price-note {
font-size: 18px;
padding: 15px 30px;
background: #f4f7f9;
color: var(--faktorie-primary-color);
font-weight: 600;
margin-top: 20px;
} .rt-testimonial-default .item-content .item-rating {
list-style: none;
margin: 0;
padding: 0;
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 14px;
}
.rt-testimonial-default .item-content .item-rating .active {
color: var(--faktorie-rating-color); 
font-weight: 900;
}
.rt-testimonial-default .item-content .item-rating .deactive {
font-weight: 900;
color: var(--faktorie-grey-color-2);
}
.rt-testimonial-default .item-content .tquote {
display: block;
margin-bottom: 15px;
font-size: 80px;
color: var(--faktorie-grey-color-2);
}
.rt-testimonial-default .item-content .item-title {
position: relative;
font-size: 22px;
margin-bottom: 0;
line-height: 1.4;
}
.rt-testimonial-default .item-content .item-designation {
font-size: 15px;
letter-spacing: 0.2px;
color: var(--faktorie-body-color);
}
.rt-testimonial-default .item-content .tcontent {
font-size: 16px;
color: var(--faktorie-grey-color-3);
margin-bottom: 25px;
font-style: italic;
}
.rt-testimonial-default .rt-item .line {
position: relative;
top: -5px;
height: 3px;
width: 0;
background: var(--faktorie-primary-color);
display: inline-block;
transition: all ease 1s;
}
.rt-testimonial-default .rt-item.active-animation .line {
width: 40px;
} .testimonial-multi-layout-1 .item-content {    
border: 1px solid var(--faktorie-border-color);
padding: 35px 49px;
}
.testimonial-multi-layout-1 .item-content .item-img {
margin-bottom: 12px;
}
.testimonial-multi-layout-1 .item-content .item-img img {
border-radius: 50%;
max-width: 90px;
}
@media(max-width: 425px) {
.testimonial-multi-layout-1 .item-content {
padding: 35px 25px;
}
} .testimonial-multi-layout-2 .item-content {
background: var(--faktorie-grey-color-1);
padding: 65px 49px;
}
.testimonial-multi-layout-2 .logo-rating {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
margin-bottom: 30px;
}
.testimonial-multi-layout-2 .item-content .autor-content {
display: inline-flex;
align-items: center;
gap: 15px;
}
.testimonial-multi-layout-2 .item-content .author-info {
text-align: left;
}
.testimonial-multi-layout-2 .item-content .item-img img {
border-radius: 50%;
max-width: 90px;
} .testimonial-slider-layout4 .item-content {
background-color: transparent;
padding: 0;
}
.testimonial-slider-layout4 .item-content .tcontent {
font-size: 22px;
line-height: 36px;
}
.testimonial-slider-layout4 .rt-thumnail-area {
width: 300px;
margin-bottom: 30px;
}
.testimonial-slider-layout4 .rt-thumnail-area.left {
margin-right: auto;
text-align: left;
}
.testimonial-slider-layout4 .rt-thumnail-area.center {
margin: 0 auto 30px;
text-align: center;
}
.testimonial-slider-layout4 .rt-thumnail-area.right {
margin-left: auto;
text-align: right;
}
.testimonial-slider-layout4 .rt-thumnail-area .item-img img {
border-radius: 50%;
object-fit: cover;
filter: grayscale(1);
cursor: pointer;
}
.testimonial-slider-layout4 .swiper-slide-thumb-active .item-img img {
filter: grayscale(0) !important;
}
.testimonial-slider-layout4 .tquote {
position: absolute;
left: 0;
top: 0;
display: block;
margin-bottom: 15px;
font-size: 70px;
color: var(--faktorie-grey-color-2);
}
@media(max-width: 767px) {
.testimonial-slider-layout4 .swiper-navigation {
display: none;
}
} .testimonial-slider-layout5 .rt-item .line {
left: 10px;
}
.testimonial-slider-layout5 .item-content {
background-color: transparent;
padding: 0;
}
.testimonial-slider-layout5 .rt-thumnail-area {
width: 300px;
margin-top: 30px;
}
.testimonial-slider-layout5 .rt-thumnail-area.left {
margin-right: auto;
text-align: left;
}
.testimonial-slider-layout5 .rt-thumnail-area.center {
margin: 30px auto 0;
text-align: center;
}
.testimonial-slider-layout5 .rt-thumnail-area.right {
margin-left: auto;
text-align: right;
}
.testimonial-slider-layout5 .rt-thumnail-area .item-img img {
border-radius: 50%;
object-fit: cover;
filter: grayscale(1);
cursor: pointer;
}
.testimonial-slider-layout5 .swiper-slide-thumb-active .item-img img {
filter: grayscale(0) !important;
}
@media(max-width: 767px) {
.testimonial-slider-layout5 .swiper-navigation {
display: none;
}
} .rt-team-default .team-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.rt-team-default .team-title {
font-size: 22px;
margin-bottom: 0;
line-height: 1.2;
}
.rt-team-default .team-title a {
color: var(--faktorie-heading-color);
}
.rt-team-default .team-title a:hover {
color: var(--faktorie-primary-color);
}
.rt-team-default .team-designation {
color: var(--faktorie-body-color);
font-size: 15px;
margin-top: 5px;
letter-spacing: 0.2px;
line-height: 1;
transition: all 0.31s ease-in-out;
}
.rt-team-default .team-content p {
margin-bottom: 0;
margin-top: 14px;
}
.rt-team-default .team-button {
text-align: center;
margin-top: 40px;
}
.rt-team-default .team-social {
position: absolute;
right: 2px;
top: 2px;
list-style: none;
margin: 0;
padding: 0;
z-index: 1;
}
.rt-team-default .team-social .social-item {
position: relative;
margin-bottom: 2px;
}
.rt-team-default .team-social-dropdown {
position: absolute;
top: 47px;
left: 0;
bottom: 0;
list-style: none;
margin: 0;
padding: 0;
}
.rt-team-default .team-social-dropdown li {
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.31s ease-in-out;
}
.rt-team-default .social-item:hover .team-social-dropdown li {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.rt-team-default .team-social-dropdown li:nth-child(1) {
transition-delay: 0.1s;
}
.rt-team-default .team-social-dropdown li:nth-child(2) {
transition-delay: 0.2s;
}
.rt-team-default .team-social-dropdown li:nth-child(3) {
transition-delay: 0.3s;
}
.rt-team-default .team-social-dropdown li:nth-child(4) {
transition-delay: 0.4s;
}
.rt-team-default .team-social-dropdown li:nth-child(5) {
transition-delay: 0.5s;
}
.rt-team-default .team-social-dropdown li:nth-child(6) {
transition-delay: 0.6s;
}
.rt-team-default .team-social-dropdown .social-link {
height: 45px;
width: 45px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--faktorie-white-color);
color: var(--faktorie-primary-color);
box-shadow: 0 0 10px 0 rgb(0 0 0 / 9%);
font-size: 14px;
border: none;
}
.rt-team-default .team-social-dropdown .social-link:hover {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
}
.rt-team-default .team-social .social-hover-icon {
position: relative;
height: 45px;
width: 45px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--faktorie-white-color);
color: var(--faktorie-primary-color);
font-size: 16px;
border: none;
}
.rt-team-default .team-social .social-hover-icon:before {
position: absolute;
content: "";
bottom: 0;
height: 3px;
width: 28px;
background-color: var(--faktorie-primary-color);
}
.rt-team-default .team-social .social-hover-icon:hover {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
}
.rt-team-default .team-thums img {
width: 100%;
} .rt-team-multi-layout-1 .team-item {
position: relative;
z-index: 1;
}
.rt-team-multi-layout-1 .team-content-wrap {
position: relative;
}
.rt-team-multi-layout-1 .team-thums {
position: relative;
overflow: hidden;
}
.rt-team-multi-layout-1 .team-thums img {
transform: scale(1.01);
transition: .31s cubic-bezier(.52,1.64,.37,.66);
}
.rt-team-multi-layout-1 .team-item:hover .team-thums img {
transform: scale(1.05);
}
.rt-team-multi-layout-1 .team-item .team-content {
background-color: var(--faktorie-grey-color-1);
padding: 24px;
} .rt-team-multi-layout-2 .team-item {
position: relative;
z-index: 1;
}
.rt-team-multi-layout-2 .team-thums {
position: relative;
overflow: hidden;
}
.rt-team-multi-layout-2 .team-thums:after {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
background-color: rgba(var(--faktorie-heading-color-rgb), 0.4);
transition: all 0.31s ease-in-out;
}
.rt-team-multi-layout-2 .team-item:hover .team-thums:after {
opacity: 1;
visibility: visible;
}
.rt-team-multi-layout-2 .team-content {
background-color: var(--faktorie-white-color);
padding: 14px 24px 18px;
position: absolute;
overflow: hidden;
left: 0;
right: 12px;
bottom: 12px;
z-index: 1;
}
.rt-team-multi-layout-2 .team-content:before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 4px;
background-color: var(--faktorie-primary-color);
z-index: -1;
transition: all 0.31s ease-in-out;
}
.rt-team-multi-layout-2 .team-item:hover .team-content:before {
width: 100%;
}
.rt-team-multi-layout-2 .team-item:hover .team-title a,
.rt-team-multi-layout-2 .team-item:hover .team-designation,
.rt-team-multi-layout-2 .team-item:hover p {
color: var(--faktorie-white-color);
} .rt-team-multi-layout-3 .team-content-wrap {
background-color: var(--faktorie-grey-color-1);
position: relative;
overflow: hidden;
}
.rt-team-multi-layout-3 .image-content-wrap {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 25px;
padding: 0 30px 0 0;
}
.rt-team-multi-layout-3 .team-thums {
position: relative;
max-width: 212px;
width: 100%;
overflow: hidden;
}
.rt-team-multi-layout-3 .team-thums img {
transition: .31s cubic-bezier(.52,1.64,.37,.66);
}
.rt-team-multi-layout-3 .team-item:hover .team-thums img {
transform: scale(1.05);
}
.rt-team-multi-layout-3 .team-content {
flex: 1;
padding: 20px 0;
}
@media(max-width: 480px) {
.rt-team-multi-layout-3 .image-content-wrap {
display: block;
padding: 0;
}
.rt-team-multi-layout-3 .team-content {
display: block;
padding: 0px 24px 30px 24px;
}
.rt-team-multi-layout-3 .team-thums {
bottom: 0;
max-width: inherit;
margin-bottom: 24px;
}
} .rt-team-multi-layout-4 .team-item {
position: relative;
z-index: 1;
margin-bottom: 24px;
}
.rt-team-multi-layout-4 .team-item:hover p {
color: var(--faktorie-white-color);
}
.rt-team-multi-layout-4 .team-item:hover .team-title a,
.rt-team-multi-layout-4 .team-item:hover .team-title a:hover {
color: var(--faktorie-white-color);
}
.rt-team-multi-layout-4 .team-item:hover .team-designation {
color: var(--faktorie-white-color);
}
.rt-team-multi-layout-4 .team-thums {
position: relative;
overflow: hidden;
}
.rt-team-multi-layout-4 .team-thums:after {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
background-color: rgba(var(--faktorie-heading-color-rgb), 0.4);
transition: all 0.31s ease-in-out;
}
.rt-team-multi-layout-4 .team-item:hover .team-thums:after {
opacity: 1;
visibility: visible;
}
.rt-team-multi-layout-4 .team-content {
background-color: var(--faktorie-white-color);
box-shadow: 0px 0px 35px rgb(0 0 0 / 8%);
padding: 24px;
position: absolute;
overflow: hidden;
left: 12px;
right: 12px;
bottom: -24px;
z-index: 1;
transition: all 0.31s ease-in-out;
}
.rt-team-multi-layout-4 .team-content:before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 4px;
width: 100%;
background-color: var(--faktorie-primary-color);
z-index: -1;
transition: height 0.31s ease-in-out;
}
.rt-team-multi-layout-4 .team-item:hover .team-content:before {
height: 100%;
}
.rt-team-multi-layout-4 .team-social li {
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.31s ease-in-out;
}
.rt-team-multi-layout-4 .team-social li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 44px;
width: 44px;
align-items: center;
justify-content: center;
background: var(--faktorie-white-color);
color: var(--faktorie-heading-color);
}
.rt-team-multi-layout-4 .team-social li a:hover {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
}
.rt-team-multi-layout-4 .team-item:hover .team-social li {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.rt-team-multi-layout-4 .team-social li:nth-child(1) {
transition-delay: 0.6s;
}
.rt-team-multi-layout-4 .team-social li:nth-child(2) {
transition-delay: 0.5s;
}
.rt-team-multi-layout-4 .team-social li:nth-child(3) {
transition-delay: 0.4s;
}
.rt-team-multi-layout-4 .team-social li:nth-child(4) {
transition-delay: 0.3s;
}
.rt-team-multi-layout-4 .team-social li:nth-child(5) {
transition-delay: 0.2s;
}
.rt-team-multi-layout-4 .team-social li:nth-child(6) {
transition-delay: 0.1s;
}
.rt-team-multi-layout-4 .rt-swiper-slider .team-item {
margin-bottom: 48px;
}
.rt-team-multi-layout-4 .related-team .swiper-slide {
margin-bottom: 48px;
} .rt-team-multi-layout-5 .team-item {
position: relative;
margin-bottom: 12px;
z-index: 1;
}
.rt-team-multi-layout-5 .team-thums {
position: relative;
overflow: hidden;
}
.rt-team-multi-layout-5 .team-content {
padding: 20px 0 0;
}
.rt-team-multi-layout-5 .team-thums img {
filter: grayscale(1);
transition: all 0.31s ease-in-out;
}
.rt-team-multi-layout-5 .team-item:hover .team-thums img {
filter: grayscale(0);
}
.rt-team-multi-layout-5 .rt-swiper-slider .team-item {
margin-bottom: 24px;
}
.rt-team-multi-layout-5 .team-content svg {
position: absolute;
width: 90px;
bottom: -20px;
right: 0;
color: var(--faktorie-body-color);
transition: all 0.31s ease-in-out;
}
.rt-team-multi-layout-5 .team-item:hover .team-content svg {
color: var(--faktorie-primary-color);
} .team-single .team-thumb {
text-align: center;
position: relative;
z-index: 2;
}
.team-single .team-heading {
margin-bottom: 25px;
line-height: 1;
}
.team-single .team-heading .entry-title {
font-size: 36px;
margin-bottom: 5px;
margin-top: -12px;
line-height: 1.4;
}
.team-single .team-heading .designation {
color: var(--faktorie-primary-color);
font-size: 15px;
font-weight: 600;
line-height: 1;
letter-spacing: 0.2px;
}
.team-single .team-heading .designation span {
font-size: 18px;
color: var(--faktorie-primary-color);
font-weight: 600;
}
.team-single .team-contents {
padding-left: 30px;
}
.team-single ul.team-social-social {
margin: 7px 0 0;
padding: 0;
list-style: none;
display: flex;
gap: 10px;
}
.team-single ul.team-social-social li a {
font-size: 16px;
text-align: center;
color: var(--faktorie-heading-color);
background: var(--faktorie-grey-color-1);
width: 45px;
height: 45px;
line-height: 45px;
display: block;
}
.team-single .team-contents ul.team-social-social li a:hover {
background-color: var(--faktorie-primary-color);
color: #ffffff;
}
.team-single .team-contents ul li:last-child {
margin-right: 0;
} .team-single .team-info {
display: inline-block;
margin-top: 10px;
}
.team-single .team-info ul {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.team-single .team-info ul li {
display: block;
color: var(--faktorie-heading-color);
font-weight: 600;
margin-right: 0;
margin-bottom: 5px;
width: 45%;
float: left;
}
.team-single .team-info ul li span {
color: var(--faktorie-meta-color);
font-weight: 500;
}
.team-single .team-info a {
color: var(--faktorie-heading-color);
}
.team-single .team-info a:hover {
color: var(--faktorie-primary-color);
}
.team-single .team-single-content h3 {
position: relative;
font-size: 22px;
margin-bottom: 15px;
line-height: 1.4;
}
.team-single .rt-skill-wrap {
margin-top: 40px;
padding-left: 30px;
}
.team-single .team-contact-wrap {
margin-top: 60px;
}
.team-single .team-contact-wrap h3 {
position: relative;
font-size: 22px;
margin-bottom: 15px;
line-height: 1.4;
}
.single-related-team {
border-top: 1px solid var(--faktorie-border-color);
margin-top: 120px;
padding-top: 110px;
}
@media(max-width:1024px) {
.post-type-archive-faktorie_team .content-area,
.single-faktorie_team .content-area {
padding-top: 100px;
padding-bottom: 100px;
}
.single-related-team {
margin-top: 70px;
padding-top: 70px;
}
}
@media(max-width:991px) {
.team-single .team-contents {
margin-top: 24px;
padding-left: 0;
}
.team-single .rt-skill-wrap {
padding-left: 0;
}
.team-single .team-thumb img {
width: 100%;
}
.team-single .team-heading .entry-title {
margin-top: 0;
}
}
@media(max-width:767px) {
.post-type-archive-faktorie_team .content-area,
.single-faktorie_team .content-area {
padding-top: 70px;
padding-bottom: 70px;
}
.team-single .team-info ul li {
width: 100%;
}
} @media(max-width: 1024px) {
.post-type-archive-faktorie_service .content-area,
.single-faktorie_service .content-area {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media(max-width: 767px) {
.post-type-archive-faktorie_service .content-area,
.single-faktorie_service .content-area {
padding-top: 70px;
padding-bottom: 70px;
}
}
.rt-service-default .service-item {
position: relative;
overflow: hidden;
}
.rt-service-default .entry-title {
font-size: 22px;
margin-bottom: 0;
line-height: 1.4;
}
.rt-service-default .entry-title a {
color: var(--faktorie-heading-color);
}
.rt-service-default .entry-title a:hover {
color: var(--faktorie-primary-color);
}
.rt-service-default .service-icon {
margin-bottom: 18px;
transition: all 0.31s ease-in-out;
}
.rt-service-default .service-text {
margin-top: 12px;
}
.rt-service-default .service-action {
margin-top: 18px;
}
.rt-service-default .service-button {
text-align: center;
margin-top: 40px;
}
.rt-service-default .service-item .service-figure {
overflow: hidden;
}
.rt-service-default .service-item:hover .service-figure img {
transform: scale(1.05);
filter: grayscale(1) !important;
}
.rt-service-default .hover-animation-active .service-figure img {
filter: grayscale(1) !important;
}
.rt-service-default .service-item .service-figure.counter-on:after {
right: 50px;
top: 150px;
font-size: 50px;
counter-increment: post-counter;
content: "0" counter(post-counter);
font-weight: 800;
line-height: 1;
position: absolute;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: var(--faktorie-border-color);
-webkit-background-clip: text;
transition: all 0.31s ease-in-out;
}
.rt-service-default .hover-animation-active .service-figure.counter-on:after,
.rt-service-default .service-item:hover .service-figure.counter-on:after {
top: 100px;
} .rt-service-layout-1 .service-item {
background-color: var(--faktorie-white-color);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.rt-service-layout-1 .service-item .service-content {
position: relative;
padding: 35px;
}
.rt-service-layout-1 .service-item .service-icon {
position: relative;
color: var(--faktorie-primary-color);
background-color: var(--faktorie-light-color);
font-size: 44px;
width: 80px;
height: 80px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.rt-service-layout-1 .service-item .service-icon:before {
position: absolute;
content: "";
top: 0;
height: 3px;
width: 28px;
background-color: var(--faktorie-primary-color);
transition: all 0.31s ease-in-out;
}
.rt-service-layout-1 .service-item:hover .service-icon:before,
.rt-service-layout-1 .hover-animation-active .service-icon:before {
background-color: var(--faktorie-white-color);
}
.rt-service-layout-1 .service-item:hover .service-icon,
.rt-service-layout-1 .hover-animation-active .service-icon {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
box-shadow: 0 10px 20px 0 rgba(254, 103, 45, 0.35);
}
.rt-service-layout-1.service-slider-style4 .service-item {
box-shadow: unset;
} .rt-service-layout-2 .service-item .service-icon {
position: absolute;
top: -35px;
font-size: 34px;
background-color: var(--faktorie-white-color);
color: var(--faktorie-primary-color);
width: 70px;
height: 70px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.rt-service-layout-2 .service-item:hover .service-icon,
.rt-service-layout-2 .hover-animation-active .service-icon {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
}
.rt-service-layout-2 .service-item .service-icon:before {
position: absolute;
content: "";
top: 0;
height: 3px;
width: 28px;
background-color: var(--faktorie-primary-color);
transition: all 0.31s ease-in-out;
}
.rt-service-layout-2 .service-item:hover .service-icon:before,
.rt-service-layout-2 .hover-animation-active .service-icon:before {
background-color: var(--faktorie-white-color);
}
.rt-service-layout-2 .service-item .service-content {
position: relative;
padding: 50px 35px 35px;
background-color: var(--faktorie-grey-color-1);
transition: all 0.4s ease-in-out;
}
.rt-service-layout-2 .service-item:hover .service-content,
.rt-service-layout-2 .hover-animation-active .service-content {
transform: translateY(-65px);
padding-bottom: 100px;
margin-bottom: -65px;
}
.rt-service-layout-2 .service-item .service-figure img {
filter: grayscale(0);
width: 100%;
object-fit: cover;
transform: scale(1.01);
transition: 0.31s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.rt-service-layout-2 .service-action {
overflow: hidden;
transition: all 0.4s ease-in-out;
position: absolute; 
opacity: 0;
visibility: hidden;
bottom: 35px; 
margin-top: 0;
transform: translateY(100%);
}
.rt-service-layout-2 .service-item:hover .service-action,
.rt-service-layout-2 .hover-animation-active .service-action {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rt-service-layout-2 .service-item svg {
position: absolute;
width: 137px;
top: -70px;
right: 35px;
color: var(--faktorie-grey-color-2);
transition: all 0.31s ease-in-out;
} .rt-service-layout-3 .service-item {
display: flex;
justify-content: space-between;
border: 1px solid var(--faktorie-border-color);
}
.rt-service-layout-3 .service-item .service-figure {
position: relative;
overflow: hidden;
max-width: 290px;
width: 100%;
border: 8px solid var(--faktorie-white-color);
}
.rt-service-layout-3 .service-item .service-figure::after {
content: "";
position: absolute;
top: 0;
right: -1px;
bottom: 0;
width: 50px;
display: block;
background: var(--faktorie-white-color);
clip-path: polygon(0 100%, 100% 0, 100% 101%, 0% 100%);
height: 100%;
}
.rt-service-layout-3 .service-item .service-content {
position: relative;
padding: 30px 30px 35px 20px;
background-color: var(--faktorie-white-color);
flex: 1;
}
.rt-service-layout-3 .service-item .icon-title {
display: flex;
align-items: flex-start;
column-gap: 12px;
}
.rt-service-layout-3 .service-item .service-icon {
font-size: 50px;
color: var(--faktorie-primary-color);
margin-bottom: 0;
}
.rt-service-layout-3 .service-item .service-figure img {
filter: grayscale(0);
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.31s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.rt-service-layout-3 .service-item:hover .service-figure img {
transform: scale(1.05);
}
@media(min-width: 992px) and (max-width: 1199px) {
.rt-service-layout-3 .service-item .icon-title {
display: block;
}
.rt-service-layout-3 .service-item .service-icon {
margin-bottom: 12px;
}
}
@media(max-width: 575px) {
.rt-service-layout-3 .service-item {
display: block;
}
.rt-service-layout-3 .service-item .service-figure {
max-width: 100%;
}
} .rt-service-layout-4 .service-item {
border: 1px solid var(--faktorie-border-color);
}
.rt-service-layout-4 .service-item .service-figure {
position: relative;
}
.rt-service-layout-4 .service-item .service-icon {
position: absolute;
top: 0;
left: 35px;
font-size: 34px;
background-color: var(--faktorie-white-color);
color: var(--faktorie-primary-color);
width: 70px;
height: 70px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.rt-service-layout-4 .service-item:hover .service-icon,
.rt-service-layout-4 .hover-animation-active .service-icon {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
}
.rt-service-layout-4 .service-item .service-icon:before {
position: absolute;
content: "";
bottom: 0;
height: 3px;
width: 35px;
background-color: var(--faktorie-primary-color);
transition: all 0.31s ease-in-out;
}
.rt-service-layout-4 .service-item:hover .service-icon:before,
.rt-service-layout-4 .hover-animation-active .service-icon:before {
background-color: var(--faktorie-white-color);
}
.rt-service-layout-4 .service-item .service-content {
position: relative;
padding: 30px 35px 35px;
background-color: var(--faktorie-white-color);
transition: all 0.4s ease-in-out;
}
.rt-service-layout-4 .service-item .service-figure img {
filter: grayscale(0);
width: 100%;
object-fit: cover;
transform: scale(1.01);
transition: 0.31s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.rt-service-layout-4 .service-item svg {
position: absolute;
width: 137px;
bottom: -20px;
right: 35px;
color: var(--faktorie-grey-color-2);
transition: all 0.31s ease-in-out;
}
.rt-service-layout-4 .service-item:hover svg,
.rt-service-layout-4 .hover-animation-active svg {
color: var(--faktorie-primary-color);
}  .rt-service-tab-layout1 .tab-content .tab-pane.active {
animation: rtTabFadeInUp 0.8s;
}
.rt-service-tab-layout1 .service-tab-item {
display: flex;
column-gap: 75px;
}
.rt-service-tab-layout1 .nav-tab {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 0px;
}
.rt-service-tab-layout1 .nav-tab .nav-link {
display: inline-flex;
align-items: center;
text-align: left;
gap: 20px;
background: linear-gradient(90deg, #F4F4F4 40.88%, #D4D6DB 101.82%);
border: 1px solid var(--faktorie-border-color);
padding: 12px 65px 12px 24px;
clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 0 46%, 0% 0%);
color: var(--faktorie-heading-color);
font-weight: 600;
max-width: 330px;
min-height: 89px;
margin-top: -1px;
font-size: 17px;
position: relative;
line-height: 1.4;
z-index: 1;
transition: all ease 0.31s;
}
.rt-service-tab-layout1 .nav-tab .nav-link::after {
content: "";
height: 100%;
width: 0;
background: linear-gradient(90deg, var(--faktorie-secondary-color) 0%, var(--faktorie-primary-color) 111.06%);
clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 0 46%, 0% 0%);
position: absolute;
top: 0;
bottom: 0;
right: 0;
visibility: hidden;
opacity: 0;
transition: all ease 0.31s;
z-index: -1;
}
.rt-service-tab-layout1 .nav-tab .nav-link:hover {
color: var(--faktorie-white-color);
border: 1px solid var(--faktorie-primary-color);
}
.rt-service-tab-layout1 .nav-tab .nav-link:hover::after {
width: calc(100% + 2px);
visibility: visible;
opacity: 1;
left: 0;
}
.rt-service-tab-layout1 .nav-tab .nav-link.active {
color: var(--faktorie-white-color);
background: linear-gradient(90deg, var(--faktorie-secondary-color) 0%, var(--faktorie-primary-color) 111.06%);
border: 1px solid transparent;
}
.rt-service-tab-layout1 .nav-tab .nav-link i {
color: var(--faktorie-primary-color);
font-size: 45px;
transition: all ease 0.31s;
}
.rt-service-tab-layout1 .nav-tab .nav-link:hover i {
color: var(--faktorie-white-color);
}
.rt-service-tab-layout1 .nav-tab .nav-link.active i {
color: var(--faktorie-white-color);
}
.rt-service-tab-layout1 .tab-content {
display: flex;
align-items: center;
flex: 1;
}
.rt-service-tab-layout1 .item-content {
display: flex;
align-items: center;
column-gap: 24px;
position: relative;
z-index: 1;
}
.rt-service-tab-layout1 .item-content .sub-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 12px;
}
.rt-service-tab-layout1 .item-content.image .entry-content {
position: relative;
max-width: 500px;
}
.rt-service-tab-layout1 .item-content .service-figure {
background-color: var(--faktorie-white-color);
padding: 10px;
}
.rt-service-tab-layout1 ul {
list-style: none;
margin: 0;
padding: 0;
}
.rt-service-tab-layout1 ul li {
font-weight: 600;
position: relative;
margin-bottom: 4px;
}
.rt-service-tab-layout1 ul li:before {
content: "\e828";
font-family: "radius-faktorie-font";
font-size: 7px;
line-height: 1;
width: 18px;
height: 18px;
color: var(--faktorie-white-color);
background-color: var(--faktorie-primary-color);
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 10px;
}
.rt-service-tab-layout1 .action-button {
display: block;
margin-top: 30px;
}
.rt-service-tab-layout1 .entry-title .titleline {
position: relative;
height: 4px;
width: 0;
margin-top: 6px;
background: var(--faktorie-primary-color);
border-radius: 4px;
display: block;
transition: all ease 1s;
}
.rt-service-tab-layout1 .entry-title.active-animation .titleline {
width: 40px;
}
.rt-service-tab-layout1 .content-icon {
font-size: 100px;
position: absolute;
right: 35px;
bottom: 0;
z-index: 0;
opacity: 0.1;
}
@media(max-width: 1024px) {
.rt-service-tab-layout1 .service-tab-item {
display: block;
}
.rt-service-tab-layout1 .nav-tab {
display: block;
margin-bottom: 40px;
}
.rt-service-tab-layout1 .nav-tab .nav-link {
margin-bottom: 5px;
}
}
@media(max-width: 685px) {
.rt-service-tab-layout1 .item-content {
display: block;
}
.rt-service-tab-layout1 .nav-tab .nav-link {
min-width: 100%;
}
.rt-service-tab-layout1 .item-content.image .entry-content {
max-width: 100%;
margin-bottom: 50px;
}
.rt-service-tab-layout1 .item-content .service-figure img {
width: 100%;
}
} .rt-service-tab-layout2 {
background: var(--faktorie-grey-color-3);
padding: 130px 0px;
}
.rt-service-tab-layout2 .list-item {
display: flex;
column-gap: 24px;
position: relative;
padding: 40px 0px;
width: 100%;
}
.rt-service-tab-layout2 .list-item:hover::after,
.rt-service-tab-layout2 .list-item.active::after {
visibility: hidden;
opacity: 0;
}
.rt-service-tab-layout2 .list-item:hover::before,
.rt-service-tab-layout2 .list-item.active::before {
width: 100%;
visibility: visible;
opacity: 1;
transition: width 0.4s ease;
left: 0;
}
.rt-service-tab-layout2 .list-item:hover .list-counter,
.rt-service-tab-layout2 .list-item.active .list-counter {
-webkit-text-stroke-color: #fff;
-webkit-text-fill-color: #fff;
}
.rt-service-tab-layout2 .list-item:hover .entry-title,
.rt-service-tab-layout2 .list-item.active .entry-title {
-webkit-text-fill-color: #fff;
}
.rt-service-tab-layout2 .list-item:hover .sub-title,
.rt-service-tab-layout2 .list-item.active .sub-title {
color: #9F9F9F;
}
.rt-service-tab-layout2 .list-item:hover .shape-icon,
.rt-service-tab-layout2 .list-item.active .shape-icon {
border-color: var(--faktorie-primary-color);
}
.rt-service-tab-layout2 .list-item:hover .shape-icon i,
.rt-service-tab-layout2 .list-item.active .shape-icon i {
color: var(--faktorie-white-color);
}
.rt-service-tab-layout2 .list-item.active .list-counter::after {
background-color: var(--faktorie-primary-color);
}
.rt-service-tab-layout2 .list-item::after {
content: "";
height: 1px;
width: 100%;
background: #3a3a3a;
position: absolute;
bottom: 0;
left: 0;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rt-service-tab-layout2 .list-item::before {
content: "";
height: 1px;
width: 0;
background: var(--faktorie-primary-color);
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
transition-duration: 0.75s;
}
.rt-service-tab-layout2 .list-item .list-counter {
display: block;
font-weight: 600;
font-size: 36px;
line-height: 48px;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #575757;
position: relative;
padding-right: 24px;
transition: all 50ms cubic-bezier(0.87, 0, 0.13, 1);
}
.rt-service-tab-layout2 .list-item .list-counter::after {
content: "";
width: 3px;
height: 31px;
background: #575757;
position: absolute;
top: 10px;
margin: 0 22px;
transition: all 50ms cubic-bezier(0.87, 0, 0.13, 1);
}
.rt-service-tab-layout2 .content-wrap {
color: #fff;
flex: 1;
}
.rt-service-tab-layout2 .content-wrap ul {
margin: 0;
padding: 0;
}
.rt-service-tab-layout2 .list-item .entry-title {
display: block;
font-weight: 700;
font-size: 28px;
line-height: 1.3;
background: linear-gradient(90deg, #9F9F9F 3.65%, rgba(159, 159, 159, 0) 119.97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
transition: all 50ms cubic-bezier(0.87, 0, 0.13, 1);
}
.rt-service-tab-layout2 .list-item .sub-title {
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #575757;
transition: all 50ms cubic-bezier(0.87, 0, 0.13, 1);
}
.rt-service-tab-layout2 .list-item .shape-icon {
border: 1px solid #575757;
height: 70px;
width: 70px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
position: relative;
top: 8px;
transition: all 50ms cubic-bezier(0.87, 0, 0.13, 1);
}
.rt-service-tab-layout2 .list-item .shape-icon i {
color: #575757;
transition: all 50ms cubic-bezier(0.87, 0, 0.13, 1);
}
.rt-service-tab-layout2 .list-item .shape-icon i::before {
width: auto;
margin: 0;
}
.rt-service-tab-layout2 .image-column {
height: 100%;
position: relative;
margin-left: 60px;
}
.rt-service-tab-layout2 .image-column .col-img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
overflow: hidden;
clip-path: inset(0 100% 0 0);
transition: clip-path 0s ease 0.6s;
}
.rt-service-tab-layout2 .image-column .col-img img {
width: 100%;
height: 100%;
will-change: transform;
object-fit: cover;
display: block;
}
.rt-service-tab-layout2 .image-column .active {
opacity: 1;
transition: clip-path 0.6s ease;
clip-path: inset(0 0 0 0);
}
.rt-service-tab-layout2 .section-subtitle {
position: relative;
display: inline-block;
color: var(--faktorie-primary-color);
font-size: 14px;
font-weight: 600;
margin-bottom: 7px;
letter-spacing: 0.6px;
text-transform: uppercase;
line-height: 1.4;
z-index: 1;
}
.rt-service-tab-layout2 .section-subtitle .line {
position: absolute;
height: 6px;
background: #ffe7dd;
display: block;
width: 0;
transition: all ease 1s;
bottom: 0;
z-index: -1;
}
.rt-service-tab-layout2 .section-subtitle.active-animation .line {
width: 100%;
}
@media(max-width: 1024px) {
.rt-service-tab-layout2 .image-column {
margin-left: 0;
margin-top: 50px;
height: 480px;
}
}
@media(max-width: 767px) {
.rt-service-tab-layout2 .list-item .entry-title {
font-size: 22px;
}
.rt-service-tab-layout2 .list-item .shape-icon {
display: none;
}
} .single-service .service-thumb {
margin-bottom: 30px;
}
.single-service .single-service-title {
font-size: 36px;
margin-bottom: 12px;
line-height: 1.4;
}
.single-service img {
width: 100%;
} @media(max-width: 1024px) {
.post-type-archive-faktorie_portfolio .content-area,
.single-faktorie_portfolio .content-area {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media(max-width: 767px) {
.post-type-archive-faktorie_portfolio .content-area,
.single-faktorie_portfolio .content-area {
padding-top: 70px;
padding-bottom: 70px;
}
}
.rt-portfolio-default .portfolio-item {
position: relative;
overflow: hidden;
}
.rt-portfolio-default .entry-title {
font-size: 22px;
margin-bottom: 0;
line-height: 1.2;
}
.rt-portfolio-default .entry-title a {
color: var(--faktorie-heading-color);
word-break: break-word;
}
.rt-portfolio-default .portfolio-cat {
display: inline-block;
font-size: 15px;
font-weight: 500;
margin-top: 3px;
letter-spacing: 0.2px;
}
.rt-portfolio-default .portfolio-cat a {
color: var(--faktorie-body-color);
}
.rt-portfolio-default .content-info {
position: relative;
}
.rt-portfolio-default .portfolio-content p {
margin-bottom: 0;
margin-top: 8px;
}
.rt-portfolio-default .portfolio-figure {
position: relative;
overflow: hidden;
}
.rt-portfolio-default .portfolio-figure img {
width: 100%;
}
.rt-portfolio-default .portfolio-button {
text-align: center;
margin-top: 40px;
}
.portfolio-slider-style4 .portfolio-item {
border-right: 1px solid var(--faktorie-border-color);
}
@media(max-width:575px) {
.portfolio-slider-style4 .portfolio-item {
border-right: none;
}
} .rt-portfolio-multi-layout-1 .portfolio-figure:after {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
background-color: rgba(var(--faktorie-heading-color-rgb), 0.4);
transition: all 0.31s ease-in-out;
}
.rt-portfolio-multi-layout-1 .portfolio-item:hover .portfolio-figure:after {
opacity: 1;
visibility: visible;
}
.rt-portfolio-multi-layout-1 .portfolio-figure img {
transform: scale(1.05) translateX(-9px);
transition: 0.61s cubic-bezier(0.21, 0.68, 0.21, 0.71);
}
.rt-portfolio-multi-layout-1 .portfolio-item:hover .portfolio-figure img {
transform: scale(1) translateX(0px);
}
.rt-portfolio-multi-layout-1 .portfolio-content {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 40px;
padding: 24px;
background-color: var(--faktorie-grey-color-1);
transition: all 0.31s ease-in-out;
}
.rt-portfolio-multi-layout-1 .content-action {
position: relative;
left: -20px;
opacity: 0;
visibility: hidden;
transition: all 0.31s ease-in-out;
}
.rt-portfolio-multi-layout-1 .portfolio-item:hover .content-action {
left: 0;
opacity: 1;
visibility: visible;
}
.rt-portfolio-multi-layout-1 .content-action:before {
position: absolute;
content: "";
left: -20px;
top: -10px;
height: 50px;
width: 1px;
background-color: var(--faktorie-grey-color-2);
}
.rt-portfolio-multi-layout-1 .content-action a {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--faktorie-primary-color);
}
.rt-portfolio-multi-layout-1 .portfolio-item:hover .content-action a {
color: var(--faktorie-white-color);
}
.rt-portfolio-multi-layout-1 .portfolio-item:hover .portfolio-content {
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
}
.rt-portfolio-multi-layout-1 .portfolio-item:hover .portfolio-cat a,
.rt-portfolio-multi-layout-1 .portfolio-item:hover .entry-title a {
color: var(--faktorie-white-color);
} .rt-portfolio-multi-layout-2 .portfolio-figure:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
height: 0;
width: 100%;
background-color: rgba(var(--faktorie-heading-color-rgb), 0.4);
transition: height 0.31s ease-in-out;
}
.rt-portfolio-multi-layout-2 .portfolio-item:hover .portfolio-figure:after {
height: 100%;
}
.rt-portfolio-multi-layout-2 .portfolio-content {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 40px;
padding: 20px 24px;
color: var(--faktorie-white-color);
background-color: var(--faktorie-primary-color);
position: absolute;
left: 0;
right: 0;
bottom: -20%;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.41s ease-in-out;
}
.rt-portfolio-multi-layout-2 .portfolio-item:hover .portfolio-content {
bottom: 0;
opacity: 1;
visibility: visible;
}
.rt-portfolio-multi-layout-2 .content-action {
position: relative;
bottom: -20px;
transition: all 0.31s ease-in-out;
transition-delay: 0.3s;
}
.rt-portfolio-multi-layout-2 .portfolio-item:hover .content-action {
bottom: 0;
}
.rt-portfolio-multi-layout-2 .content-action:before {
position: absolute;
content: "";
left: -20px;
top: -10px;
height: 50px;
width: 1px;
background-color: var(--faktorie-border-color);
}
.rt-portfolio-multi-layout-2 .content-action a {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--faktorie-white-color);
}
.rt-portfolio-multi-layout-2 .portfolio-cat a,
.rt-portfolio-multi-layout-2 .entry-title a {
color: var(--faktorie-white-color);
}
@media(max-width: 575px) {
.rt-portfolio-multi-layout-2 .portfolio-content {
bottom: 0;
opacity: 1;
visibility: visible;
}
.rt-portfolio-multi-layout-2 .portfolio-figure:after {
height: 100%;
}
.rt-portfolio-multi-layout-2 .content-action {
bottom: 0;
}
} .rt-portfolio-multi-layout-3 .portfolio-content {
display: flex;
justify-content: space-between;
position: absolute;
left: 15px;
right: 15px;
bottom: 15px;
z-index: 1;
transition: all ease 0.31s;
}
.rt-portfolio-multi-layout-3 .portfolio-content .content-info {
background-color: var(--faktorie-white-color);
padding: 15px 24px 18px;
width: 100%;
margin-right: 40px;
position: relative;
opacity: 0;
visibility: hidden;
left: -15px;
transition: all ease 0.31s;
}
.rt-portfolio-multi-layout-3 .portfolio-content .content-info::after {
content: "";
position: absolute;
top: 0;
right: -25px;
bottom: 0;
width: 26px;
display: block;
background: var(--faktorie-white-color);
clip-path: polygon(0 0%, 100% 0, 2px 100%, 0% 100%);
height: 100%;
}
.rt-portfolio-multi-layout-3 .content-action {
position: relative;
right: -15px;
opacity: 0;
visibility: hidden;
transition: all ease 0.31s;
}
.rt-portfolio-multi-layout-3 .content-action a {
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
height: 100%;
color: var(--faktorie-white-color);
background-color: var(--faktorie-primary-color);
}
.rt-portfolio-multi-layout-3 .content-action a::after {
content: "";
position: absolute;
top: 0;
left: -25px;
bottom: 0;
width: 26px;
display: block;
background: var(--faktorie-primary-color);
clip-path: polygon(95% 0%, 100% 0, 100% 100%, 0 100%);
height: 100%;
}
.rt-portfolio-multi-layout-3 .portfolio-figure:before {
content: "";
height: 0;
width: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 16, 52, 0.87) 88.13%);
position: absolute;
bottom: 0;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 1;
transition: all 0.6s ease-in-out;
}
.rt-portfolio-multi-layout-3 .portfolio-item:hover .portfolio-content .content-info {
left: 0;
opacity: 1;
visibility: visible;
}
.rt-portfolio-multi-layout-3 .portfolio-item:hover .content-action {
right: 0;
opacity: 1;
visibility: visible;
}
.rt-portfolio-multi-layout-3 .portfolio-item:hover .portfolio-figure:before {
opacity: 1;
visibility: visible;
height: 100%;
}
@media(max-width:991px) {
.rt-portfolio-multi-layout-3 .portfolio-item .content-action,
.rt-portfolio-multi-layout-3 .portfolio-item .portfolio-content .content-info {
opacity: 1;
visibility: visible;
left: 0;
right: 0;
}
.rt-portfolio-multi-layout-3 .portfolio-item .portfolio-figure:before {
opacity: 1;
visibility: visible;
height: 100%;
}
} .rt-portfolio-multi-layout-4 .portfolio-content {
position: absolute;
width: max-content;
left: 30px;
right: auto;
bottom: 30px;
top: auto;
background-color: transparent;
overflow: hidden;
padding: 0;
opacity: 0;
will-change: scroll-position;
transition: unset;
}
.rt-portfolio-multi-layout-4 .portfolio-item:hover .portfolio-content {
opacity: 1;
}
.rt-portfolio-multi-layout-4 .entry-title a {
display: inline-block;
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
padding: 8px 16px;
}
.rt-portfolio-multi-layout-4 .portfolio-cat a {
display: inline-block;
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
padding: 4px 16px;
}
.rt-portfolio-multi-layout-4 .portfolio-content p {
display: block;
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
margin-top: 3px;
padding: 4px 16px;
}
.rt-portfolio-multi-layout-4 .content-action a {
display: inline-block;
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
margin-top: 3px;
padding: 4px 16px;
}
.rt-portfolio-multi-layout-4 .rt-portfolio-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.rt-portfolio-multi-layout-4 .rt-portfolio-grid .grid-item > div,
.rt-portfolio-multi-layout-4 .rt-portfolio-grid .portfolio-item,
.rt-portfolio-multi-layout-4 .rt-portfolio-grid .portfolio-figure {
height: 100%;
}
.rt-portfolio-multi-layout-4 .rt-portfolio-grid .grid-item img {
height: 100%;
object-fit: cover;
}
@media(min-width: 992px){
.rt-portfolio-multi-layout-4 .rt-portfolio-grid .grid-item-1 {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.rt-portfolio-multi-layout-4 .rt-portfolio-grid .grid-item-2 {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.rt-portfolio-multi-layout-4 .rt-portfolio-grid .grid-item-3 {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.rt-portfolio-multi-layout-4 .rt-portfolio-grid .grid-item-4 {
grid-column: 3 / 4;
grid-row: 1 / 3;
}
}
@media(max-width: 991px) {
.rt-portfolio-multi-layout-4 .rt-portfolio-grid {
grid-template-columns: 1fr 1fr ;
grid-template-rows: 1fr;
}
}
@media(max-width: 480px) {
.rt-portfolio-multi-layout-4 .rt-portfolio-grid {
grid-template-columns: 1fr ;
grid-template-rows: 1fr;
}
} .rt-portfolio-multi-layout-5 .portfolio-content {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 15px;
margin: 0 15px;
padding: 20px 24px 24px;
background-color: var(--faktorie-white-color);
position: absolute;
left: 0;
right: 0;
bottom: 15px;
z-index: 1;
}
.rt-portfolio-multi-layout-5 .portfolio-content .content-info {
padding-left: 15px;
}
.rt-portfolio-multi-layout-5 .portfolio-content .content-info:before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 4px;
background-color: var(--faktorie-primary-color);
}
.rt-portfolio-multi-layout-5 .entry-title a:hover,
.rt-portfolio-multi-layout-5 .portfolio-cat a:hover {
color: var(--faktorie-primary-color);
}
.rt-portfolio-multi-layout-5 .content-action a {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
width: 48px;
height: 48px;
color: var(--faktorie-primary-color);
border: 1px solid var(--faktorie-border-color);
}
.rt-portfolio-multi-layout-5 .content-action i {
transform: rotate(-45deg);
line-height: 1;
}
.rt-portfolio-multi-layout-5 .portfolio-item:hover .content-action a {
color: var(--faktorie-white-color);
border: 1px solid var(--faktorie-primary-color);
background-color: var(--faktorie-primary-color);
}
.rt-portfolio-multi-layout-5 .portfolio-figure:before {
position: absolute;
content: "";
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
border: 4px solid var(--faktorie-white-color);
padding: 18px;
z-index: 1;
}
.rt-portfolio-multi-layout-5 .portfolio-item:hover .portfolio-figure img {
filter: grayscale(1);
} .rt-portfolio-multi-layout-6 .portfolio-content {
position: absolute;
width: max-content;
left: 30px;
right: auto;
bottom: 30px;
top: auto;
background-color: transparent;
overflow: hidden;
padding: 0;
opacity: 0;
visibility: hidden;
will-change: scroll-position;
transition: unset;
}
.rt-portfolio-multi-layout-6 .portfolio-item:hover .portfolio-content {
opacity: 1;
visibility: visible;
}
.rt-portfolio-multi-layout-6 .content-info {
background-color: var(--faktorie-primary-color);
border-radius: 4px;
padding: 12px 16px;
}
.rt-portfolio-multi-layout-6 .entry-title a {
color: var(--faktorie-white-color);
}
.rt-portfolio-multi-layout-6 .portfolio-cat a {
color: var(--faktorie-white-color);
}
.rt-portfolio-multi-layout-6 .portfolio-content p {
color: var(--faktorie-white-color);
margin-top: 0;
}
.rt-portfolio-multi-layout-6 .content-action a {
display: inline-block;
background-color: var(--faktorie-primary-color);
color: var(--faktorie-white-color);
margin-top: 3px;
padding: 4px 16px;
}
.rt-portfolio-multi-layout-6 .rt-portfolio-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.rt-portfolio-multi-layout-6 .rt-portfolio-grid .grid-item > div,
.rt-portfolio-multi-layout-6 .rt-portfolio-grid .portfolio-item,
.rt-portfolio-multi-layout-6 .rt-portfolio-grid .portfolio-figure {
height: 100%;
}
.rt-portfolio-multi-layout-6 .rt-portfolio-grid .grid-item img {
height: 100%;
object-fit: cover;
}
@media(min-width: 992px){
.rt-portfolio-multi-layout-6 .rt-portfolio-grid .grid-item-1 {
grid-column: 1 / 3;
grid-row: 1 / 3;
}
.rt-portfolio-multi-layout-6 .rt-portfolio-grid .grid-item-2 {
grid-column: 3 / 4;
grid-row: 1 / 3;
}
.rt-portfolio-multi-layout-6 .rt-portfolio-grid .grid-item-3 {
grid-column: 1 / 2;
grid-row: 3 / 4;
}
.rt-portfolio-multi-layout-6 .rt-portfolio-grid .grid-item-4 {
grid-column: 2 / 3;
grid-row: 3 / 4;
}
.rt-portfolio-multi-layout-6 .rt-portfolio-grid .grid-item-5 {
grid-column: 3 / 4;
grid-row: 3 / 4;
}
}
@media(max-width: 991px) {
.rt-portfolio-multi-layout-6 .rt-portfolio-grid {
grid-template-columns: 1fr 1fr ;
grid-template-rows: 1fr;
}
}
@media(max-width: 480px) {
.rt-portfolio-multi-layout-6 .rt-portfolio-grid {
grid-template-columns: 1fr ;
grid-template-rows: 1fr;
}
} .rt-portfolio-multi-layout-7 .portfolio-content {
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 15px;
padding-top: 20px;
}
.rt-portfolio-multi-layout-7 .entry-title a:hover,
.rt-portfolio-multi-layout-7 .portfolio-cat a:hover {
color: var(--faktorie-primary-color);
}
.rt-portfolio-multi-layout-7 .content-action a {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
width: 48px;
height: 48px;
background-color: var(--faktorie-grey-color-3);
color: var(--faktorie-white-color);
}
.rt-portfolio-multi-layout-7 .content-action i {
transform: rotate(-45deg);
line-height: 1;
}
.rt-portfolio-multi-layout-7 .portfolio-item:hover .content-action a {
color: var(--faktorie-white-color);
background-color: var(--faktorie-primary-color);
}
.rt-portfolio-multi-layout-7 .portfolio-item:hover .portfolio-figure img {
filter: grayscale(1);
}
.rt-portfolio-multi-layout-7 .rt-portfolio-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.rt-portfolio-multi-layout-7 .grid-item-1 > div,
.rt-portfolio-multi-layout-7 .grid-item-1 .portfolio-item {
height: 100%;
}
.rt-portfolio-multi-layout-7 .grid-item-1 .portfolio-figure {
height: calc(100% - 78px);
}
.rt-portfolio-multi-layout-7 .grid-item img {
height: 100%;
object-fit: cover;
}
@media(min-width: 992px){
.rt-portfolio-multi-layout-7 .rt-portfolio-grid .grid-item-1 {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.rt-portfolio-multi-layout-7 .rt-portfolio-grid .grid-item-2 {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.rt-portfolio-multi-layout-7 .rt-portfolio-grid .grid-item-3 {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
}
@media(max-width: 991px) {
.rt-portfolio-multi-layout-7 .rt-portfolio-grid {
grid-template-rows: 1fr;
}
}
@media(max-width: 480px) {
.rt-portfolio-multi-layout-7 .rt-portfolio-grid {
grid-template-columns: 1fr ;
grid-template-rows: 1fr;
}
} .portfolio-single .portfolio-thumbnail {
overflow: hidden;
height: 100%;
}
.portfolio-single .portfolio-thumbnail img {
height: 100%;
object-fit: cover;
}
.portfolio-single .portfolio-info {
border: 1px solid var(--faktorie-border-color);
padding: 30px;
}
.portfolio-single .portfolio-info .entry-title {
font-size: 24px;
}
.portfolio-single .portfolio-info p {
padding-top: 15px;
}
.portfolio-single .portfolio-info ul {
list-style: none;
margin: 0;
padding: 0;
}
.portfolio-single .info-list > li {
border-bottom: 1px solid var(--faktorie-border-color);
margin-bottom: 12px;
padding-bottom: 12px;
}
.portfolio-single .info-list li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.portfolio-single .info-list > li > label {
color: var(--faktorie-heading-color);
font-weight: 700;
width: 110px;
display: inline-block;
}
.portfolio-single .info-list > li .portfolio-cat a {
color: var(--faktorie-body-color);
}
.portfolio-single .info-list > li .portfolio-cat a:hover {
color: var(--faktorie-primary-color);
}
.portfolio-single ul.rating {
display: inline-flex;
column-gap: 5px;
}
.portfolio-single ul.rating li i {
color: var(--faktorie-meta-color);
font-size: 15px;
}
.portfolio-single ul.rating li.star-rate i {
color: var(--faktorie-rating-color);
}
.portfolio-single .portfolio-content {
padding-top: 40px;
}
.portfolio-single .portfolio-content > .entry-title {
font-size: 36px;
margin-bottom: 12px;
line-height: 1.4;
}
.portfolio-related {
background-color: var(--faktorie-grey-color-1);
padding-top: 120px;
padding-bottom: 130px;
}
@media(max-width: 991px) {
.portfolio-single .portfolio-info {
margin-top: 30px;
}
.portfolio-related {
padding-top: 80px;
padding-bottom: 80px;
}
} .rt-post-grid-default .rt-item {
position: relative;
overflow: hidden;
background-color: var(--faktorie-white-color);
border: 1px solid var(--faktorie-border-color);
transition: all 0.31s ease-in-out;
}
.rt-post-grid-default .rt-item:hover {
box-shadow: 0 4px 50px 0 rgb(0 0 0 / 10%);
}
.rt-post-grid-default .rt-item .entry-title {
font-size: 22px;
line-height: 1.4;
margin-bottom: 12px;
}
.rt-post-grid-default .rt-item .entry-title a {
color: var(--faktorie-heading-color);
}
.rt-post-grid-default .rt-item .entry-title a:hover {
color: var(--faktorie-primary-color);
}
.rt-post-grid-default ul.entry-meta {
list-style: none;
margin: 0 0 10px;
padding: 0;
line-height: 1.5;
}
.rt-post-grid-default ul.entry-meta li {
display: inline-block;
color: var(--faktorie-meta-color);
font-size: 15px;
margin-right: 18px;
position: relative;
letter-spacing: 0.2px;
text-transform: capitalize;
}
.rt-post-grid-default ul.entry-meta li:last-child {
margin-right: 0;
}
.rt-post-grid-default ul.entry-meta li i {
color: var(--faktorie-primary-color);
padding-right: 8px;
}
.rt-post-grid-default ul.entry-meta li a {
color: var(--faktorie-meta-color);
}
.rt-post-grid-default ul.entry-meta li a:hover {
color: var(--faktorie-primary-color) !important;
}
.rt-post-grid-default .rt-item .post-author a {
color: var(--faktorie-heading-color);
font-weight: 700;
}
.rt-post-grid-default .rt-item .rt-image {
position: relative;
overflow: hidden;
}
.rt-post-grid-default .rt-item .rt-image img {
width: 100%;
transition: 0.31s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.rt-post-grid-default .rt-item:hover .rt-image img {
transform: scale(1.05);
}
.rt-post-grid-default .rt-item .post_excerpt {
margin-top: 10px;
}
.rt-post-grid-default .rt-item .post_excerpt p {
margin-bottom: 0;
}
.rt-post-grid-default .rt-item .rt-image .rt-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.rt-post-grid-default .post-read-more {
margin-top: 24px;
}
@media(max-width: 991px) {
.rt-post-grid-default > div {
justify-content: center;
}
} .rt-post-grid-style1 .rt-item .entry-content {
padding: 25px 30px 30px;
} .rt-post-grid-style2 .rt-item  {
background-color: var(--faktorie-grey-color-1);
}
.rt-post-grid-style2 .rt-item .entry-content {
padding: 25px 30px 30px;
} .rt-post-slider-default .rt-item {
position: relative;
overflow: hidden;
background-color: var(--faktorie-white-color);
border: 1px solid var(--faktorie-border-color);
}
.rt-post-slider-default .rt-item .entry-title {
font-size: 24px;
line-height: 1.4;
margin-bottom: 12px;
}
.rt-post-slider-default .rt-item .entry-title a {
color: var(--faktorie-heading-color);
}
.rt-post-slider-default .rt-item .entry-title a:hover {
color: var(--faktorie-primary-color);
}
.rt-post-slider-default ul.entry-meta {
list-style: none;
margin: 0 0 10px;
padding: 0;
line-height: 1.5;
}
.rt-post-slider-default ul.entry-meta li {
display: inline-block;
color: var(--faktorie-meta-color);
font-size: 15px;
margin-right: 18px;
position: relative;
letter-spacing: 0.2px;
text-transform: capitalize;
}
.rt-post-slider-default ul.entry-meta li:last-child {
margin-right: 0;
}
.rt-post-slider-default ul.entry-meta li i {
color: var(--faktorie-primary-color);
padding-right: 8px;
}
.rt-post-slider-default ul.entry-meta li a {
color: var(--faktorie-meta-color);
}
.rt-post-slider-default ul.entry-meta li a:hover {
color: var(--faktorie-primary-color) !important;
}
.rt-post-slider-default .rt-item .post-author a {
color: var(--faktorie-heading-color);
font-weight: 600;
}
.rt-post-slider-default .rt-item .rt-image {
position: relative;
overflow: hidden;
}
.rt-post-slider-default .rt-item .rt-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.31s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.rt-post-slider-default .rt-item:hover .rt-image img {
transform: scale(1.05);
}
.rt-post-slider-default .rt-item .post_excerpt {
margin-top: 10px;
}
.rt-post-slider-default .rt-item .post_excerpt p {
margin-bottom: 0;
}
.rt-post-slider-default .rt-item .rt-image .rt-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.rt-post-slider-default .post-read-more {
margin-top: 24px;
} .rt-post-slider-style1 .rt-item .entry-content {
padding: 25px 30px 30px;
} .rt-post-slider-style2 .rt-item {
background-color: var(--faktorie-grey-color-1);
}
.rt-post-slider-style2 .rt-item .entry-content {
padding: 25px 30px 30px;
} .rt-logo-default .logo-box {
text-align: center;
}
.rt-logo-default .logo-box .entry-title {
font-size: 18px;
margin-top: 10px;
margin-bottom: 0;
}
.rt-logo-slider .logo-box.gray img {
filter: grayscale(100%);
transition: all ease 0.31s;
opacity: 0.6;
}
.rt-logo-slider .logo-box.gray:hover img {
filter: grayscale(0);
opacity: 1;
}
.rt-logo-grid .logo-box {
background-color: #1C1C1E;
padding: 24px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.rt-logo-grid .logo-box.gray img {
filter: brightness(0) invert(1);
opacity: 0.5;
transition: all ease 0.31s;
}
.rt-logo-grid .logo-box.gray:hover img {
opacity: 1;
} .rt-marquee-slider .rt-marquee {
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.rt-marquee-slider .rt-marquee.marquee_left .rt-marquee-item {
display: inline-block;
will-change: transform;
animation: marquee_left 30s linear infinite;
}
.rt-marquee-slider .rt-marquee.marquee_right .rt-marquee-item {
display: inline-block;
will-change: transform;
animation: marquee_right 40s linear infinite;
}
.rt-marquee-slider .rt-marquee:hover .rt-marquee-item {
animation-play-state: paused;
}
.rt-marquee-slider .rt-marquee-item .entry-title {
display: inline-block;
font-weight: 700;
font-size: 58px;
line-height: 1;
letter-spacing: 4px;
text-transform: uppercase;
position: relative;
margin-right: 50px;
margin-bottom: 0;
}
@media(max-width: 767px) {
.rt-marquee-slider .rt-marquee-item .entry-title {
font-size: 40px;
}
} .marquee-slider-1 .rt-marquee-item .entry-title a {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: var(--faktorie-heading-color);
transition: all 0.5s ease-in-out;
color: white;
background: url(//mikemannconstruction.com/wp-content/themes/faktorie/assets/img/marque_bg.jpg) no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-position: center;
}
.marquee-slider-1 .rt-marquee-item .entry-title a:hover {
-webkit-text-fill-color: var(--faktorie-heading-color);
-webkit-text-stroke-color: var(--faktorie-heading-color);
}
.marquee-slider-1 .rt-marquee-item .entry-title a::after {
content: "";
height: 15px;
width: 15px;
background: var(--faktorie-grey-color-2);
border-radius: 2px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -30px;
} .marquee-slider-2 {
background-color: #1c1c1e;
transform: rotate(-5deg);
background: url(//mikemannconstruction.com/wp-content/themes/faktorie/assets/img/scrolling_bg.png) no-repeat;
background-position: center;
background-size: cover;
padding: 24px 44px;
margin: 0 -25px;
}
.marquee-slider-2 .rt-marquee-item .entry-title a {
color: var(--faktorie-heading-color);
}
.marquee-slider-2 .rt-marquee-item .entry-title a:hover {
color: var(--faktorie-primary-color);
}
.marquee-slider-2 .rt-marquee-item .entry-title a::after {
content: "";
height: 31px;
width: 31px;
background: url(//mikemannconstruction.com/wp-content/themes/faktorie/assets/img/star_icon.svg) no-repeat;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -40px;
} .fixed-sidebar-addon .fixed-bar-coloum {
display: initial;
padding-left: 12px;
padding-right: 12px;
} @media(min-width: 1025px) {
.faktorie-sticky-column {
align-self: flex-start !important;
position: sticky !important;
top: 92px !important;
}
}
.elementor-invisible {
visibility: visible;
}
.height100vh {
height: 100vh;
}
@media(max-width: 1199px) {
.height100vh {
height: inherit;
}    
}
.elementor-section.rt-parallax-bg-yes {
transition: none !important;
}
@media(max-width: 767px) {
.elementor-section.rt-parallax-bg-yes {
background-position: center !important;
background-attachment: scroll !important;
}
}
.faktorie-cta-quote::after {
content: "";
height: 100%;
width: 90%;
background-color: #f6f6f6;
clip-path: polygon(0 0, 88% 0%, 99% 100%, 0% 100%);
position: absolute;
bottom: 0;
left: 0;
z-index: -2;
}
.faktorie-about-right::after {
content: "";
height: 100%;
width: 70%;
background-color: var(--faktorie-grey-color-1);
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
@media(max-width: 1600px) {
.faktorie-cta-quote::after {
width: 95%;
}
}
@media(max-width: 1200px) {
.faktorie-about-right::after,
.faktorie-cta-quote::after {
width: 100%;
clip-path: unset;
}
}
.elementor-widget-container > h5 {
font-size: 20px;
position: relative;
padding-bottom: 15px;
}
.elementor-widget-container > h5:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 4px;
width: 40px;
background-color: var(--faktorie-primary-color);
}
.product-categories li a {
position: relative;
display: inline-flex;
}
.product-categories li {
margin: 0 0 13px;
padding: 0 0 13px;
position: relative;
font-size: 16px;
border-bottom: 1px solid var(--faktorie-border-color);
}
.product-categories li:last-child {
border-bottom: none;
margin: 0;
padding: 0;
}
.product-categories li a {
color: var(--faktorie-body-color);
}
.product-categories li a:hover {
color: var(--faktorie-heading-color);
padding-left: 7px;
}
.product-categories li a:before {
font-size: 10px;
content: '\e811';
font-family: "radius-faktorie-font";
padding-right: 10px;
transition: all ease 0.31s;
}