.swiper-container[data-arrow="false"] .swiper-button-next,
.swiper-container[data-arrow="false"] .swiper-button-prev,
.swiper-container .swiper-pagination-bullets {
display: none;
}
.swiper-container[data-bullets="true"] .swiper-pagination-bullets {
display: block;
}   .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets, 
.swiper-container .swiper-pagination-custom, 
.swiper-container .swiper-pagination-fraction {
position: relative;
width: auto;
left: 50%;
bottom: 0;
margin-top: 20px;
transform: translateX(-50%);
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
width: 7px;
height: 7px;
opacity: 1;
position: relative;
background: #e8e8e8;
transition: all 0.3s ease-in-out 0s;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet:before {
content: "";
width: 17px;
height: 17px;
border-radius: 50px;
border: 1px solid transparent;
position: absolute;
left: -5px;
top: -5px;
transition: all 0.3s ease-in-out 0s;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fc692b;
}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
border-color: #fc692b;
}
.swiper-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px;
}   .swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after {
content: normal;
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
width: auto;
height: auto;
background: none;
opacity: 0;
z-index: 2;
top: 50%;
margin-top: 0;
transform: translateY(-50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.swiper-container .swiper-button-next {
right: 35px;
}
.swiper-container .swiper-button-prev {
left: 35px;
}
.swiper-container:hover .swiper-button-next {
right: 15px; 
opacity: 1;
}
.swiper-container:hover .swiper-button-prev {
left: 15px; 
opacity: 1;
}
.swiper-container .swiper-button-next i,
.swiper-container .swiper-button-prev i {
display: flex;
align-items: center;
justify-content: center;
background: #fc692b;
width: 27px;
height: 42px;
font-size: 13px;
color: #ffffff;
font-weight: 700;
box-shadow: 0 3px 10px rgba(0,0,0,0.12);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.swiper-container .swiper-button-next:hover i,
.swiper-container .swiper-button-prev:hover i {
background: #ffffff;
color: #fc692b;
}
.swiper-container .swiper-button-disabled,
.swiper-container .swiper-button-next.swiper-button-disabled i,
.swiper-container .swiper-button-prev.swiper-button-disabled i {
opacity: 0;
pointer-events: auto;
}
.swiper-container:hover .swiper-button-next.swiper-button-disabled i,
.swiper-container:hover .swiper-button-prev.swiper-button-disabled i {
opacity: 0.7;
} .arrow-style2 .swiper-container .swiper-button-next i,
.arrow-style2 .swiper-container .swiper-button-prev i {
width: 45px;
height: 45px;
font-size: 15px;
border-radius: 100px;
} .arrow-style3 .swiper-container .swiper-button-next i,
.arrow-style3 .swiper-container .swiper-button-prev i {
width: 45px;
height: 45px;
font-size: 15px;
color: #fc692b;
background: transparent;
border: 2px solid;
box-shadow: none;
border-radius: 100px;
}
.arrow-style3 .swiper-container .swiper-button-next:hover i,
.arrow-style3 .swiper-container .swiper-button-prev:hover i {
background: #fc692b;
color: #ffffff;
border-color: transparent;
}   .accordion .card {
border: none;
background: none;
margin-top: 10px;
}
.accordion .card:first-child {
margin-top: 0px !important;
}
.accordion .card-header {
padding: 0;
border: none;
background: none;
}
.accordion .card-header button {
display: flex;
align-items: center;
background: none;
border: none;
outline: none;
cursor: pointer;
width: 100%;
padding: 15px;
text-align: left;
}
.accordion .card-header .accordion-title {
margin-bottom: 0;
}
.accordion .card-body p {
margin-bottom: 0;
}   .accordion.accordion-1 .card-header .accordion-title .collapsed {
background: #f5f5f5;
color: #212121;
}
.accordion.accordion-1 .card-header .accordion-title button {
background: #212121;
color: #ffffff;
padding: 18px 20px;
line-height: normal;
}
.accordion.accordion-1 .card .card-body {
padding: 15px 0;
}   .accordion.accordion-2 .card-header .accordion-title button.collapsed {
background: none !important;
color: #212121;
}
.accordion.accordion-2 .card-header .accordion-title button {
background: #212121;
color: #ffffff;
border: 1px solid #e8e8e8;
padding: 18px 20px;
line-height: normal;
}
.accordion.accordion-2 .card .card-body {
padding: 15px 0;
}   .accordion.accordion-3 .card-header .accordion-title button {
padding: 18px 0px;
line-height: normal;
}
.accordion.accordion-3 .card {
margin-top: 0;
border-radius: 0;
border-bottom: 1px solid #e8e8e8 !important;
}
.accordion.accordion-3 .card:last-child {
border-bottom: none !important;
}
.accordion.accordion-2 .card .card-body {
padding: 15px 0;
}   .accordion.accordion-4 {
margin-top: 1px;
border: 1px solid #e8e8e8;
border-bottom-width: 0px !important;
}
.accordion.accordion-4 .card-header .accordion-title .collapsed {
background: transparent;
color: #212121;
}
.accordion.accordion-4 .card-header .accordion-title button {
background: #212121;
color: #ffffff;
border-bottom: 1px solid #e8e8e8;
padding: 18px 20px;
line-height: normal;
}
.accordion.accordion-4 .card {
margin: 0;
}
.accordion.accordion-4 .card .card-body {
padding: 15px;
border-bottom: 1px solid #e8e8e8;
}   .accordion.accordion-5 .card {
border: none;
margin-top: 15px;
overflow: hidden;
box-shadow: 0 3px 15px rgba(0,0,0,0.08);
}
.accordion.accordion-5 .card:first-child {
margin-top: 0px;
}
.accordion.accordion-5 .card-header .accordion-title .collapsed {
background: #ffffff;
color: #212121;
}
.accordion.accordion-5 .card-header .accordion-title button {
background: #212121;
color: #ffffff;
padding: 18px 20px;
line-height: normal;
}
.accordion.accordion-5 .card .card-body {
padding: 25px;
background: #ffffff;
}   .accordion .card-header button .elementor-accordion-icon-closed {display: none;}
.accordion .card-header .collapsed .elementor-accordion-icon-opened {display: none;}
.accordion .card-header .collapsed .elementor-accordion-icon-closed {display: inline-block;}   .accordion .accordion-icon.accordion-icon-right {
order: 2;
margin-left: auto;
}   .accordion.icon-flat .card-header .elementor-accordion-icon-closed i,
.accordion.icon-flat .card-header .elementor-accordion-icon-opened i {
display: inline-flex;
justify-content: center;
align-items: center;
width: 1em;
height: 1em;
padding: 1.5em;
background: #f3f4ff;
font-size: 12px;
color: #555555; 
transition: all 0.3s ease-in-out 0s;
}
.accordion.icon-flat .card-header .elementor-accordion-icon-opened i {
background: #212121;
color: #ffffff; 
}   .btn-default .finix-button-inner {
display: flex;
align-items: center;
}
.btn-default .finix-button-icon.finix-align-icon-right {
order: 2;
}
.btn-default .finix-button-text {
order: 1;
}
.btn-default.style-default,
.btn-default.style-border,
.btn-default.style-flat {
vertical-align: top;
}
.btn-default.btn-full-width.style-border,
.btn-default.btn-full-width.style-flat {
width: 100%;
}
.text-center .btn-default.btn-full-width.style-border,
.text-center .btn-default.btn-full-width.style-flat {
display: flex;
justify-content: center;
}
.text-right .btn-default.btn-full-width.style-border,
.text-right .btn-default.btn-full-width.style-flat {
display: flex;
justify-content: flex-end;
}   .btn-default.style-border.btn-top-hover,
.btn-default.style-flat.btn-top-hover {
position: relative;
top: 0;
}
.btn-default.style-border.btn-top-hover:hover,
.btn-default.style-flat.btn-top-hover:hover {
top: -5px;
box-shadow: 0 5px 25px rgba(0,0,0,0.08);
}   .btn-default.style-default {
display: inline-block;
font-size: 14px;
color: #fc692b;
line-height: 30px;
text-decoration: none;
position: relative;
}
.btn-default.style-default:before {
content: "";
height: 2px;
width: 0;
position: absolute;
left: auto;
bottom: 0;
right: 0;
-webkit-transition: width 300ms ease 0s, left 300ms ease 0s;
-moz-transition: width 300ms ease 0s, left 300ms ease 0s;
transition: width 300ms ease 0s, left 300ms ease 0s;
}
.btn-default.style-default:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0.3;
height: 2px;
}
.btn-default.style-default:after, 
.btn-default.style-default:before {
background: #fc692b;
}
.btn-default.style-default:hover:before {
width: 100%;
left: 0;
right: auto;
}   .btn-default.style-default .finix-align-icon-left,
.btn-default.style-border .finix-align-icon-left,
.btn-default.style-flat .finix-align-icon-left {
padding-right: 10px;
}
.btn-default.style-default .finix-align-icon-right,
.btn-default.style-border .finix-align-icon-right,
.btn-default.style-flat .finix-align-icon-right {
padding-left: 10px;
}   .btn-default.style-border {
display: inline-block;
position: relative;
border: 2px solid #fc692b;
font-size: 14px;
color: #fc692b;
line-height: 24px;
font-weight: 600;
text-decoration: none;
padding: 10px 40px;
overflow: hidden;
transition: all 0.25s ease-in-out 0s;
}
.btn-default.style-border:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
background: #fc692b;
transition: all 0.25s ease-in-out 0s;
}
.btn-default.style-border .finix-button-inner {
position: relative;
z-index: 2;
}
.btn-default.style-border:hover {
color: #ffffff;
}
.btn-default.style-border.hover-default:before {
top: 0; 
left: 0; 
opacity: 0;
}
.btn-default.style-border.hover-default:hover:before {
opacity: 1;
}
.btn-default.style-border.icon-animation {
transition: inherit;
} .btn-default.style-border.hover-slide-left:before,
.btn-default.style-flat.hover-slide-left:before {
width: 0;
top: 0;
right: 0;
left: auto;
-webkit-transition: width 300ms ease 0s, left 300ms ease 0s;
-moz-transition: width 300ms ease 0s, left 300ms ease 0s;
transition: width 300ms ease 0s, left 300ms ease 0s;
}
.btn-default.style-border.hover-slide-left:hover:before,
.btn-default.style-flat.hover-slide-left:hover:before {
width: 100%;
left: 0;
right: auto;
} .btn-default.style-border.hover-slide-right:before,
.btn-default.style-flat.hover-slide-right:before {
width: 0;
top: 0;
left: 0;
right: auto;
-webkit-transition: width 300ms ease 0s, left 300ms ease 0s;
-moz-transition: width 300ms ease 0s, left 300ms ease 0s;
transition: width 300ms ease 0s, left 300ms ease 0s;
}
.btn-default.style-border.hover-slide-right:hover:before,
.btn-default.style-flat.hover-slide-right:hover:before {
width: 100%;
left: auto;
right: 0;
} .btn-default.style-border.hover-slide-top:before,
.btn-default.style-flat.hover-slide-top:before {
height: 0;
top: auto;
bottom: 0; 
left: 0;
-webkit-transition: height 300ms ease 0s, top 300ms ease 0s;
-moz-transition: height 300ms ease 0s, top 300ms ease 0s;
transition: height 300ms ease 0s, top 300ms ease 0s;
}
.btn-default.style-border.hover-slide-top:hover:before,
.btn-default.style-flat.hover-slide-top:hover:before {
height: 100%;
top: 0;
bottom: auto;
} .btn-default.style-border.hover-slide-bottom:before,
.btn-default.style-flat.hover-slide-bottom:before {
height: 0;
top: 0;
bottom: auto; 
left: 0;
-webkit-transition: height 300ms ease 0s, top 300ms ease 0s;
-moz-transition: height 300ms ease 0s, top 300ms ease 0s;
transition: height 300ms ease 0s, top 300ms ease 0s;
}
.btn-default.style-border.hover-slide-bottom:hover:before,
.btn-default.style-flat.hover-slide-bottom:hover:before {
height: 100%;
top: auto;
bottom: 0;
}   .btn-default.style-flat {
display: inline-block;
position: relative;
background: #fc692b;
font-size: 14px;
color: #ffffff;
line-height: 26px;
font-weight: 600;
text-decoration: none;
padding: 10px 40px;
overflow: hidden;
transition: all 0.3s ease-in-out 0s;
}
.btn-default.style-flat .finix-button-inner {
position: relative;
z-index: 2;
}
.btn-default.style-flat:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
background: #212121;
transition: all 0.25s ease-in-out 0s;
}
.btn-default.style-flat.hover-default:before {top: 0; left: 0; opacity: 0;}
.btn-default.style-flat.hover-default:hover:before {opacity: 1;}   .btn-default.icon-animation .finix-button-inner {
position: relative;
}
.btn-default.icon-animation .finix-button-icon {
display: flex;
align-items: center;
position: absolute;
opacity: 0;
padding: 0;
transition: all 0.3s ease-in-out 0s;
}
.btn-default.icon-animation:hover .finix-button-icon {
opacity: 1;
} .btn-default.icon-animation .finix-button-inner .finix-align-icon-left {
left: 0;
}
.btn-default.icon-animation .finix-button-inner .finix-align-icon-left + .finix-button-text {
position: relative;
right: 0px;
transition: all 0.3s ease-in-out 0s;
}
.btn-default.icon-animation:hover .finix-button-inner .finix-align-icon-left {
left: -13px;
}
.btn-default.icon-animation:hover .finix-button-inner .finix-align-icon-left + .finix-button-text {
right: -13px;
} .btn-default.icon-animation .finix-button-inner .finix-align-icon-right {
right: 0;
}
.btn-default.icon-animation .finix-button-inner .finix-align-icon-right + .finix-button-text {
position: relative;
left: 0px;
transition: all 0.3s ease-in-out 0s;
}
.btn-default.icon-animation:hover .finix-button-inner .finix-align-icon-right {
right: -13px;
}
.btn-default.icon-animation:hover .finix-button-inner .finix-align-icon-right + .finix-button-text {
left: -13px;
}   .blog-post-main .post-inner .post-category {
display: inline-block;
background: #fc692b;
color: #ffffff;
padding: 3px 20px;
text-transform: uppercase;
font-size: 11px;
line-height: 22px;
font-weight: 600;
letter-spacing: 0.1em;
border-radius: 3px;
} .blog-post-main .post-inner .post-content .post-info {
margin-top: 15px;
}
.blog-post-main .post-inner .post-content .post-title {
font-size: 18px;
line-height: 24px;
font-weight: 600;
margin: 0;
}
.blog-post-main .post-inner .post-content .post-title a {
color: inherit;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
.blog-post-main .post-inner .post-content .post-title a:hover {
color: #fc692b;
}
.blog-post-main .post-inner .post-content .post-description{
transition: all 0.3s ease-in-out 0s;
}
.blog-post-main .post-inner .post-content .post-title + .post-description {
margin-top: 10px;
}   .blog-style-1 .post-inner .post-image {
position: relative;
overflow: hidden;
}
.blog-style-1 .post-inner .post-image img{
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.blog-style-1 .post-inner:hover .post-image img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.blog-style-1 .post-inner .post-image .post-category {
position: absolute;
top: 20px;
left: 20px;
}
.blog-style-1 .post-inner .post-content {
background: #ffffff;
padding: 25px;
box-shadow: 0 3px 20px rgba(0,0,0,0.05);
margin: 0 15px;
border-radius: 5px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.blog-style-1 .post-inner .post-image + .post-content {
margin-top: -30px;
} .blog-style-1 .post-inner .post-content .post-meta {
display: flex;
flex-wrap: wrap;
}
.blog-style-1 .post-inner .post-content .meta-author a {
color: #323232;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease-in-out 0s;
}
.blog-style-1 .post-inner .post-content .meta-author a:hover {
color: #fc692b;
}
.blog-style-1 .post-inner .post-content .meta-author img {
width: 35px;
border-radius: 50px;
margin-right: 7px;
}
.blog-style-1 .post-inner .post-content .meta-date {
font-size: 14px;
line-height: 20px;
color: #999999;
align-self: center;
margin-left: 12px;
}
.blog-style-1 .post-inner .post-content .meta-date i {
padding-right: 10px;
color: #fc692b;
}   .blog-style-2 .post-inner .post-content {
background-size: cover;
background-position: center center;
padding: 45px 40px;
box-shadow: none;
margin: 0;
position: relative;
z-index: 1;
border: 1px solid #e8e8e8;
}
.blog-style-2 .post-inner .post-content:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 1;
z-index: -1;
background: rgba(255,255,255,1);
transition: all 0.3s ease-in-out 0s;
}
.blog-style-2 .post-inner:hover .post-content:before {
background: rgba(0,0,0,0.7);
}
.blog-style-2 .post-inner:hover .post-content:before {
opacity: 0.7;
visibility: hidden;
background: transparent !important;
}
.blog-style-2 .post-inner .post-content:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 1;
z-index: -2;
background: rgba(0,0,0,0.7);
transition: all 0.3s ease-in-out 0s;
} .blog-style-2 .post-inner .post-meta {
display: flex;
flex-wrap: wrap;
}
.blog-style-2 .post-inner .post-category {
letter-spacing: inherit;
text-transform: inherit;
margin-right: 10px;
border-radius: 30px;
}
.blog-style-2 .post-inner .post-category + .meta-date {
margin-left: 5px;
}
.blog-style-2 .post-inner .meta-date {
font-weight: 700;
align-self: center;
font-size: 14px;
color: #323232;
transition: all 0.3s ease-in-out 0s;
}
.blog-style-2 .post-inner .meta-date i {
margin-right: 7px;
}
.blog-style-2 .post-inner:hover .meta-date {
color: #ffffff;
} .blog-style-2 .post-inner .post-content .post-info {
margin-top: 25px;
}
.blog-style-2 .post-inner .post-content .post-title {
font-size: 22px;
line-height: 28px;
}
.blog-style-2 .post-inner:hover .post-content .post-title a {
color: #ffffff;
}
.blog-style-2 .post-inner:hover .post-content .post-title a:hover {
color: #ffffff;
text-decoration: underline;
}
.blog-style-2 .post-inner:hover .post-content .post-description {
color: #ffffff !important;
}
.blog-style-2 .post-inner .post-content .post-link {
display: block;
margin-top: 20px;
}
.blog-style-2 .post-inner .post-content .read-link {
display: inline-flex;
align-items: center;
color: #fc692b;
font-weight: 700;
font-size: 14px;
transition: all 0.3s ease-in-out 0s;
}
.blog-style-2 .post-inner:hover .post-content .read-link {
color: #ffffff;
}
.blog-style-2 .post-inner .post-content .read-link i {
font-size: 23px;
margin-left: 10px;
transition: all 0.3s ease-in-out 0s;
}
.blog-style-2 .post-inner .post-content .read-link:hover i {
margin-left: 18px;
}   .blog-style-3 .post-inner {
padding: 0;
margin: 10px;
margin-bottom: 15px;
box-shadow: 0 3px 20px rgba(0,0,0,0.05);
}
.blog-style-3 .post-inner .post-content {
padding: 30px;
padding-bottom: 20px;
}
.blog-style-3 .post-inner .post-content .post-description {
margin-top: 15px;
}
.blog-style-3 .post-inner .post-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style-type: none;
}
.blog-style-3 .post-inner .post-meta > div {
display: flex;
align-items: center;
padding: 0;
line-height: normal;
}
.blog-style-3 .post-inner .post-meta > div:not(:last-child) {
margin-right: 18px;
}
.blog-style-3 .post-inner .post-meta a,
.blog-style-3 .post-inner .post-meta span {
color: #999999;
font-size: 14px;
text-transform: capitalize;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
.blog-style-3 .post-inner .post-meta a:hover {
color: #fc692b;
}
.blog-style-3 .post-inner .post-meta i {
padding-right: 10px;
color: #fc692b;
} .blog-style-3 .post-inner .post-image {
position: relative;
}
.blog-style-3 .post-inner .post-image a {
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.blog-style-3 .post-inner .post-image img{
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
transition: all 0.3s ease-in-out 0s;
}
.blog-style-3 .post-inner:hover .post-image img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
} .blog-style-3 .post-image .meta-date {
background: #fc692b;
position: absolute;
right: 25px;
bottom: -25px;
width: 55px;
padding: 10px 0;
font-size: 20px;
color: #ffffff;
line-height: 22px;
text-align: center;
border-radius: 3px;
}
.blog-style-3 .post-image .meta-date span {
display: block;
font-size: 12px;
line-height: normal;
letter-spacing: 1px;
padding-top: 5px;
text-transform: uppercase;
} .blog-style-3 .post-content .post-link {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #e8e8e8;
}
.blog-style-3 .post-content .post-link a {
align-items: center;
display: flex;
font-size: 13px;
font-weight: 400;
color: #323232;
text-transform: uppercase;
}
.blog-style-3 .post-content .post-link a i {
font-size: 22px;
margin-left: auto;
}   .client-logo-main .swiper-slide {
align-self: center;
}
.client-logo-main .client-logo {
text-align: center;
}
.client-logo-main .client-logo img {
max-width: 100%;
transition: all 0.3s ease-in-out 0s;
}   .client-logo-main.style-border .client-logo {
border: 1px solid #e5e5e5;
}   .client-logo-main.style-greyscale .client-logo img {
-webkit-filter: grayscale(100%); filter: grayscale(100%);
opacity: 0.5;
}
.client-logo-main.style-greyscale .client-logo:hover img {
filter: inherit;
opacity: 1;
}   .client-logo-main .client-logo-inner.grid-column-6,
.client-logo-main .client-logo-inner.grid-column-5,
.client-logo-main .client-logo-inner.grid-column-4,
.client-logo-main .client-logo-inner.grid-column-3,
.client-logo-main .client-logo-inner.grid-column-2,
.client-logo-main .client-logo-inner.grid-column-1 {
display: grid;
grid-gap: 20px;
}
.client-logo-main .client-logo-inner.grid-column-6 {
grid-template-columns: repeat(6, 1fr);
}
.client-logo-main .client-logo-inner.grid-column-5 {
grid-template-columns: repeat(5, 1fr);
}
.client-logo-main .client-logo-inner.grid-column-4 {
grid-template-columns: repeat(4, 1fr);
}
.client-logo-main .client-logo-inner.grid-column-3 {
grid-template-columns: repeat(3, 1fr);
}
.client-logo-main .client-logo-inner.grid-column-2 {
grid-template-columns: repeat(2, 1fr);
}
.client-logo-main .client-logo-inner.grid-column-1 {
grid-template-columns: repeat(1, 1fr);
}   .gallery-item-main .swiper-slide {
align-self: center;
}
.gallery-item-main .gallery-item {
text-align: center;
}
.gallery-item-main .gallery-item img {
max-width: 100%;
transition: all 0.3s ease-in-out 0s;
}
.gallery-item-main .gallery-item .popup-img {
display: inline-block;
position: relative;
}
.gallery-item-main .gallery-item .popup-img:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000000;
opacity: 0;
transition: all 0.3s ease-in-out 0s;
}
.gallery-item-main .gallery-item .popup-img:hover:before {
opacity: 0.35;
}   .gallery-item-main .gallery-item-inner.grid-column-6,
.gallery-item-main .gallery-item-inner.grid-column-5,
.gallery-item-main .gallery-item-inner.grid-column-4,
.gallery-item-main .gallery-item-inner.grid-column-3,
.gallery-item-main .gallery-item-inner.grid-column-2,
.gallery-item-main .gallery-item-inner.grid-column-1 {
display: grid;
grid-gap: 20px;
}
.gallery-item-main .gallery-item-inner.grid-column-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-item-main .gallery-item-inner.grid-column-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-item-main .gallery-item-inner.grid-column-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-item-main .gallery-item-inner.grid-column-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-item-main .gallery-item-inner.grid-column-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-item-main .gallery-item-inner.grid-column-1 {
grid-template-columns: repeat(1, 1fr);
}   .wpcf7-form .wpcf7-form-control-wrap {
display: inline-block;
width: 100%;
margin-bottom: 0px;
}
.wpcf7-form .wpcf7-form-control-wrap input,
.wpcf7-form .wpcf7-form-control-wrap select,
.wpcf7-form .wpcf7-form-control-wrap textarea {
width: 100%;
height: auto;
padding: 15px 20px;
background: transparent;
outline: none;
border: 2px solid #e8e8e8;
font-size: 14px;
font-weight: normal !important;
vertical-align: top;
outline: none;
box-shadow: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.wpcf7-form .wpcf7-form-control-wrap textarea {
height: auto;
padding: 20px;
}
.wpcf7-form .wpcf7-form-control-wrap input:focus,
.wpcf7-form .wpcf7-form-control-wrap select:focus,
.wpcf7-form .wpcf7-form-control-wrap textarea:focus {
border-color: #fc692b;
}
.wpcf7-form .wpcf7-submit {
display: inline-block;
background: #fc692b;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 24px;
font-weight: 600;
padding: 10px 35px;
cursor: pointer;
border: 2px solid #fc692b;
border-radius: 3px;
transition: all 0.3s ease-in-out 0s;
}
.wpcf7-form .wpcf7-submit:hover {
background: transparent;
color: #fc692b;
}
.wpcf7-form .btn-full,
.wpcf7-form .btn-full input {
width: 100%;
}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item:first-child,
.wpcf7-form .wpcf7-radio .wpcf7-list-item:first-child,
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item:first-child {
margin-left: 0;
}
.wpcf7-form .wpcf7-acceptance {
position: relative;
display: inline-block;
padding-left: 25px;
}
.wpcf7-form .wpcf7-acceptance input {
position: absolute;
left: 0;
top: 6px;
width: auto;
padding: 0;
}   .wpcf7-form .wpcf7-checkbox .wpcf7-list-item > label {
display: flex;
padding: 0;
margin: 0;
align-items: center;
}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item input {
width: auto;
margin-right: 10px;
}   .wpcf7-form .wpcf7-radio .wpcf7-list-item > label {
display: flex;
padding: 0;
margin: 0;
align-items: center;
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item input {
width: auto;
margin-right: 10px;
}   .wpcf7-form .wpcf7-form-control-wrap[class*='quiz-'] label{
display: flex;
align-items: center;
margin: 0;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-quiz-label {
margin-right: 15px;
}   .form-style-flat .wpcf7-form-control-wrap input,
.form-style-flat .wpcf7-form-control-wrap select,
.form-style-flat .wpcf7-form-control-wrap textarea {
background: #f7f7f7;
border: 2px solid #f2f2f2;
}
.form-style-flat .wpcf7-form-control-wrap input:focus,
.form-style-flat .wpcf7-form-control-wrap select:focus,
.form-style-flat .wpcf7-form-control-wrap textarea:focus {
border-color: #fc692b;
}   .form-style-shadow .wpcf7-form-control-wrap input,
.form-style-shadow .wpcf7-form-control-wrap select,
.form-style-shadow .wpcf7-form-control-wrap textarea {
background: #ffffff;
border: 2px solid #ffffff;
box-shadow: 0 3px 15px rgba(0,0,0,0.05);
}   .form-style-border-bottom .wpcf7-form-control-wrap input,
.form-style-border-bottom .wpcf7-form-control-wrap select,
.form-style-border-bottom .wpcf7-form-control-wrap textarea {
padding: 15px 0px;
border: none;
border-bottom: 2px solid #e8e8e8;
}
.form-style-border-bottom .wpcf7-form-control-wrap textarea {
height: auto;
padding: 15px 0;
}
.form-style-border-bottom .wpcf7-form-control-wrap input:focus,
.form-style-border-bottom .wpcf7-form-control-wrap select:focus,
.form-style-border-bottom .wpcf7-form-control-wrap textarea:focus {
border-color: #fc692b;
}
.wpcf7-form .wpcf7-form-control-wrap select {
background-image: url(//saki.itsha.ru/wp-content/plugins/finix-core/assest/images/select-dropdown-arrow.svg);
background-repeat: no-repeat;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-position: 96% center;
background-size: 18px;
}   .wpcf7 form .ajax-loader {
margin: 0;
margin-left: 15px;
margin-top: 0;
top: 8px;
}
.wpcf7 form .btn-full .ajax-loader,
.wpcf7 form .btn-block .ajax-loader,
.wpcf7 form .btn-full + .ajax-loader,
.wpcf7 form .btn-block + .ajax-loader {
top: 12px;
position: absolute;
left: 50%;
margin-left: -12px;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
margin-top: 20px;
padding: 7px 20px;
border-radius: 3px;
}
.wpcf7-form .wpcf7-form-control-wrap input.wpcf7-not-valid,
.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-not-valid {
border-color: #f79292;
}
.form-style-flat .wpcf7-form .wpcf7-form-control-wrap input.wpcf7-not-valid,
.form-style-flat .wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-not-valid {
background: #f7e5e5;
border-color: #f79292;
}
.wpcf7 form .wpcf7-not-valid-tip {
font-size: 14px;
padding-top: 2px;
}
.wpcf7 form.sent .wpcf7-response-output {
background: #cff9d3;
border-color: #a9daae;
color: #379e41;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
background: #fddcdc;
border-color: #f3aaaa;
color: #dc3232;
}
.wpcf7 form.spam .wpcf7-response-output {
background: #ffe5d7;
border-color: #f1ba9e;
color: #f56e28;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
background: #fbf6e7;
border-color: #efcd75;
color: #d69c04;
}   .demo-item {padding: 20px; background: #ffffff; border-radius: 15px; box-shadow: 0 5px 35px rgba(0,0,0,0.1); position: relative; top: 0; transition: all 0.3s ease-in-out 0s;}
.demo-item .new-label {position: absolute; top: 35px; right: 35px; width: 70px; height: 40px; background: #ff005e; display: flex; justify-content: center; align-items: center;
z-index: 2; font-size: 16px; color: #ffffff; font-weight: 500; border-radius: 7px; box-shadow: 0 5px 20px rgba(0,0,0,0.2);}
.demo-item .demo-item-image {position: relative; border-radius: 12px; overflow: hidden;}
.demo-item:hover {top: -12px;}
.demo-item .demo-item-image:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0a0c13; z-index: 1; opacity: 0; transition: all 0.3s ease-in-out 0s;}
.demo-item:hover .demo-item-image:before {opacity: 0.85;}
.demo-item .builder-button {display: flex; justify-content: center; grid-gap: 10px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); width: 100%; text-align: center; padding: 0 20px; margin-top: 10px; z-index: 2; opacity: 0; transition: all 0.3s ease-in-out 0s;}
.demo-item:hover .builder-button {opacity: 1; margin-top: 0;}
.demo-item .builder-button .demo-button {background: #ffffff; color: #323232; text-transform: uppercase; font-size: 13px; font-weight: 500; padding: 10px 20px; text-decoration: none; border-radius: 3px; transition: all 0.3s ease-in-out 0s;}
.demo-item .builder-button .demo-button:hover {background: #fc692b; color: #ffffff;}
.demo-item .demo-name {display: block; text-align: center; margin-top: 15px; font-size: 17px; font-weight: 500; color: #323232;}   .feature-box .feature-icon {
margin-bottom: 20px;
}
.feature-box .feature-icon i {
font-size: 40px;
line-height: normal;
color: #fc692b;
}
.feature-box .feature-info p {
margin-bottom: 0;
}   .feature-box .title {
font-weight: 700;
margin-bottom: 10px;
}
.feature-box h1.title {
font-size: 32px;
line-height: 36px;
}
.feature-box h2.title {
font-size: 30px;
line-height: 34px;
}
.feature-box h3.title {
font-size: 28px;
line-height: 32px;
}
.feature-box h4.title {
font-size: 26px;
line-height: 30px;
}
.feature-box h5.title {
font-size: 24px;
line-height: 28px;
}
.feature-box h6.title {
font-size: 20px;
line-height: 26px;
}   .feature-box.icon-left {
display: flex;
}
.feature-box.icon-left .feature-icon {
flex: 0 0 50px;
margin-right: 25px;
margin-bottom: 0;
position: relative;
top: 5px;
}
.feature-box.icon-left .feature-info {
align-self: center;
}
.feature-box.icon-small.icon-left .feature-icon {
flex: 0 0 40px;
margin-right: 20px;
}   .feature-box.icon-right {
display: flex;
}
.feature-box.icon-right .feature-icon {
flex: 0 0 50px;
margin-right: 0;
margin-left: 25px;
margin-bottom: 0;
position: relative;
top: 5px;
order: 2;
}
.feature-box.icon-right .feature-info {
text-align: right;
order: 1;
align-self: center;
}
.feature-box.icon-small.icon-right .feature-icon {
flex: 0 0 40px;
margin-left: 20px;
}   .feature-box .feature-link {
display: inline-block;
position: relative;
font-size: 14px;
font-weight: 500;
color: #fc692b;
line-height: 26px;
text-decoration: none;
margin-top: 15px;
transition: all 0.3s ease-in-out 0s;
}
.feature-box .feature-link:after, 
.feature-box .feature-link:before {
background: #fc692b;
}
.feature-box .feature-link:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0.3;
height: 2px;
}
.feature-box .feature-link:before {
content: "";
height: 2px;
width: 0;
position: absolute;
left: auto;
bottom: 0;
right: 0;
-webkit-transition: width 300ms ease 0s, left 300ms ease 0s;
-moz-transition: width 300ms ease 0s, left 300ms ease 0s;
transition: width 300ms ease 0s, left 300ms ease 0s;
}
.feature-box .feature-link:hover:before {
width: 100%;
left: 0;
right: auto;
}
.feature-box.style-default.icon-left .feature-icon {
flex: 0 0 30px;
}   .feature-box.style-border .feature-icon i {
display: inline-flex;
justify-content: center;
align-items: center;
width: 1em;
height: 1em;
border: 2px solid;
color: #fc692b;
padding: 1.1em;
font-size: 30px;
}   .feature-box.style-flat .feature-icon i {
display: inline-flex;
justify-content: center;
align-items: center;
width: 1em;
height: 1em;
background: #fc692b;
color: #ffffff;
padding: 1.1em;
font-size: 30px;
}   .feature-box .feature-icon.icon-rounded i {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.feature-box .feature-icon.icon-round i {
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
}   .feature-box.style-default.image-small .feature-icon img {
width: 50px;
}
.feature-box.style-default.image-mediam .feature-icon img {
width: 70px;
}
.feature-box.style-default.image-large .feature-icon img {
width: 90px;
}   .feature-box.style-border[class*=image-] .feature-icon {
display: inline-flex;
padding: 12px;
border: 2px solid #fc692b;
}
.feature-box.style-border.icon-small .feature-icon,
.feature-box.style-border.image-small .feature-icon {
padding: 10px;
}
.feature-box.style-border.icon-large .feature-icon,
.feature-box.style-border.image-large .feature-icon {
padding: 15px;
}   .feature-box.style-flat[class*=image-] .feature-icon {
display: inline-flex;
padding: 12px;
background: #fc692b;
}
.feature-box.style-flat.icon-small .feature-icon,
.feature-box.style-flat.image-small .feature-icon {
padding: 10px;
}
.feature-box.style-flat.icon-large .feature-icon,
.feature-box.style-flat.image-large .feature-icon {
padding: 15px;
}
.feature-box.style-border[class*=image-] .feature-icon img {
max-width: 100%;
}
.feature-box.style-border.image-small .feature-icon,
.feature-box.style-flat.image-small .feature-icon,
.feature-box.style-shadow.image-small .feature-icon {
width: 55px;
height: 55px;
}
.feature-box.style-border.image-mediam .feature-icon,
.feature-box.style-flat.image-mediam .feature-icon,
.feature-box.style-shadow.image-mediam .feature-icon {
width: 75px;
height: 75px;
}
.feature-box.style-border.image-large .feature-icon,
.feature-box.style-flat.image-large .feature-icon,
.feature-box.style-shadow.image-large .feature-icon {
width: 95px;
height: 95px;
}   .feature-box.style-default.icon-left[class*=image-] .feature-icon,
.feature-box.style-border.icon-left[class*=image-] .feature-icon,
.feature-box.style-flat.icon-left[class*=image-] .feature-icon {
display: inline-flex;
align-self: flex-start;
flex: none;
}   .feature-box.style-default.icon-right[class*=image-] .feature-icon,
.feature-box.style-border.icon-right[class*=image-] .feature-icon,
.feature-box.style-flat.icon-right[class*=image-] .feature-icon {
display: inline-flex;
align-self: flex-start;
flex: none;
}   .feature-box.shadow-enable,
.feature-box.border-hover {
position: relative;
top: 0;
background: #ffffff;
padding: 40px;
box-shadow: 0 15px 50px rgba(0,0,0,0.07);
border-radius: 3px;
transition: all 0.3s ease-in-out 0s;
}
.feature-box.shadow-enable:hover,
.feature-box.border-hover:hover {
top: -7px;
} .feature-box.border-hover:before {
content: "";
height: 3px;
width: 0;
background: #fc692b;
position: absolute;
left: auto;
bottom: 0;
right: 0;
-webkit-transition: width 400ms ease 0s, left 400ms ease 0s;
-moz-transition: width 400ms ease 0s, left 400ms ease 0s;
transition: width 400ms ease 0s, left 400ms ease 0s;
}
.feature-box.border-hover:hover:before {
width: 100%;
left: 0;
right: auto;
}   .feature-box.style-shadow {
position: relative;
top: 0;
background: #ffffff;
padding: 40px;
border-radius: 3px;
box-shadow: 0 3px 25px rgba(0,0,0,0.07);
transition: all 0.3s ease-in-out 0s;
}
.feature-box.style-shadow:hover {
top: -10px;
}
.feature-box.style-shadow:hover {
background: #fc692b;
}
.feature-box.style-shadow .title, 
.feature-box.style-shadow .feature-icon i, 
.feature-box.style-shadow .feature-info {
transition: all 0.3s ease-in-out 0s;
}
.elementor-element .feature-box.style-shadow:hover a, 
.elementor-element .feature-box.style-shadow:hover .title, 
.elementor-element .feature-box.style-shadow:hover .feature-icon i, 
.elementor-element .feature-box.style-shadow:hover .feature-info,
.elementor-element .feature-box.style-shadow:hover .feature-info p, 
.elementor-element .feature-box.style-shadow:hover .feature-link {
color: #ffffff !important;
}
.elementor-element .feature-box.style-shadow:hover .feature-link:after, 
.elementor-element .feature-box.style-shadow:hover .feature-link:before {
background: #ffffff !important;
}   .feature-box.style-icon-bg .feature-icon {
display: inline-block;
position: relative;
z-index: 0;
}
.feature-box.style-icon-bg .feature-icon:after {
content: "";
position: absolute;
border-radius: 50%;
text-align: center;
background-color: #fc692b;
width: 65px;
height: 65px;
left: -30px;
z-index: -1;
top: -20px;
opacity: 0.1;
}   .features-step.step-style-1 .step-inner {
display: flex;
}
.features-step.step-style-1 .icons-info {
position: relative;
min-width: 85px;
}
.features-step.step-style-1 .icons-info .step-number {
display: flex;
justify-content: center;
align-items: center;
position: absolute; 
left: 0; 
top: 0; 
z-index: 1;
width: 35px; 
height: 35px; 
background: #fc692b; 
color: #ffffff; 
font-size: 15px; 
font-weight: 600; 
text-align: center;
border-radius: 50px;
}
.features-step.step-style-1 .icons-info .step-number:before {
content: ""; 
width: 50px; 
height: 1px; 
background: #fc692b; 
position: absolute; 
left: 42px; 
top: 17px;
}
.features-step.step-style-1 .step-info {
width: 100%; 
margin-left: 20px;
}
.features-step.step-style-1 .step-info .title {
margin-bottom: 10px;
}
.features-step.step-style-1 .step-icon {
font-size: 80px; 
color: #fc692b; 
line-height: 75px;
opacity: 0.1;
margin-bottom: 0;
} .features-step.step-style-1.step-right .icons-info {
order: 2;
}
.features-step.step-style-1.step-right .step-info {
order: 1;
text-align: right;
margin-left: 0;
margin-right: 20px;
}
.features-step.step-style-1.step-right .icons-info .step-number {
left: auto;
right: 0;
}
.features-step.step-style-1.step-right .icons-info .step-number:before {
left: auto;
right: 42px;
}   .features-step.step-style-2 .step-inner {
display: flex;
}
.features-step.step-style-2 .icons-info {
position: relative;
margin-right: 25px;
margin-top: 5px;
}
.features-step.step-style-2 .step-info .title {
margin-bottom: 10px;
}
.features-step.step-style-2 .step-number {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 60px;
height: 60px;
background: #fc692b;
color: #ffffff;
font-size: 24px;
font-weight: 700;
border-radius: 80px;
transform: scale(1.0);
transition: all 0.3s ease-in-out 0s;
}
.features-step.step-style-2 .step-number:before {
content: ""; 
background: #fc692b; 
position: absolute; 
left: -7px; 
right: -7px;
top: -7px;
bottom: -7px;
opacity: 0.3;
z-index: -1;
border-radius: 80px;
transition: all 0.3s ease-in-out 0s;
}
.features-step.step-style-2:hover .step-number {
transform: scale(0.9);
}
.features-step.step-style-2:hover .step-number:before {
left: 0px; 
right: 0px;
top: 0px;
bottom: 0px;
} .features-step.step-style-2.step-right .icons-info {
order: 2;
margin-right: 0;
}
.features-step.step-style-2.step-right .step-info {
order: 1;
text-align: right;
margin-left: 0;
margin-right: 20px;
}   .flipbox-main {
display: flex;
position: relative;
flex-direction: column;
justify-content: center;
align-items: center;
transform-style: preserve-3d;
perspective: 1200px;
}
.flipbox-main .main-inner {
position: relative;
transition-property: box-shadow, transform;
transition-duration: 0.9s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.flipbox-main .flipbox-content {
display: flex;
flex-direction: column;
align-items: stretch;
background-size: cover;
background-position: center;
background: #fc692b;
backface-visibility: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.flipbox-main.shadow-enable .flipbox-content  {
box-shadow: 0 5px 25px rgba(0,0,0,0.07);
} .flipbox-main .main-inner,
.flipbox-main .flipbox-content {
transform-style: inherit;
perspective: inherit;
}
.flipbox-main .main-inner,
.flipbox-main .flipbox-content,
.flipbox-main .flipbox-inner {
width: 100%;
min-height: inherit;
border-radius: inherit;
}
.flipbox-main .flipbox-inner {
display: flex;
flex: 1 auto;
padding: 25px;
min-height: 270px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.flipbox-main .flipbox-content.image-enable:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}   .flipbox-main .flip-front .flipbox-inner {
transform: translate3d(0, 0, 60px) scale(0.85);
}   .flipbox-main .flip-back {
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: rotate3d(0, 1, 0, 180deg);
background: #212121;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.flipbox-main .flip-back .flipbox-inner {
transform: translate3d(0, 0, 60px) scale(0.95);
}
.flipbox-bottom .flip-back, 
.flipbox-top .flip-back {
transform: rotateY(-180deg) rotateZ(-180deg);
}   .flipbox-main:hover .main-inner {
transform: rotate3d(0, 1, 0, 180deg);
transform-origin: 50% 50% !important;
}
.flipbox-main:hover.flipbox-right .main-inner {
transform: rotate3d(0, -1, 0, 180deg);
}
.flipbox-main:hover.flipbox-bottom .main-inner {
transform: rotate3d(1, 0, 0, 180deg);
}
.flipbox-main:hover.flipbox-top .main-inner {
transform: rotate3d(-1, 0, 0, 180deg);
}   .flipbox-main .flipbox-icon,
.flipbox-main .flipbox-title,
.flipbox-main .flipbox-btn,
.flipbox-main .flipbox-description {
display: block;
width: 100%;
}
.flipbox-main .flipbox-icon i {
display: block;
font-size: 40px;
line-height: normal;
color: #ffffff;
margin-bottom: 15px;
}
.flipbox-main .flipbox-title .title {
color: #ffffff;
margin: 0;
margin-bottom: 15px;
}
.flipbox-main .flipbox-description {
color: #ffffff;
} .flipbox-main .flipbox-btn .style-default {
display: inline-block;
font-size: 15px;
color: #ffffff;
line-height: 30px;
font-weight: 500;
text-decoration: none;
position: relative;
}
.flipbox-main .flipbox-btn .style-default:before {
content: "";
height: 2px;
width: 0;
position: absolute;
left: auto;
bottom: 0;
right: 0;
-webkit-transition: width 300ms ease 0s, left 300ms ease 0s;
-moz-transition: width 300ms ease 0s, left 300ms ease 0s;
transition: width 300ms ease 0s, left 300ms ease 0s;
}
.flipbox-main .flipbox-btn .style-default:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0.3;
height: 2px;
}
.flipbox-main .flipbox-btn .style-default:after, 
.flipbox-main .flipbox-btn .style-default:before {
background: #ffffff;
}
.flipbox-main .flipbox-btn .style-default:hover:before {
width: 100%;
left: 0;
right: auto;
} .flipbox-main .flipbox-btn .style-border,
.flipbox-main .flipbox-btn .style-flat {
display: inline-block;
position: relative;
background: #ffffff;
color: #323232;
font-size: 14px;
padding: 8px 20px;
overflow: hidden;
text-decoration: none;
z-index: 0;
vertical-align: top;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flipbox-main .flipbox-btn .style-border {
background: transparent;
border: 2px solid;
color: #ffffff;
}
.flipbox-main .flipbox-btn .style-border:hover {
color: #323232;
border-color: #ffffff;
}   .flipbox-main .flipbox-btn .style-border:before,
.flipbox-main .flipbox-btn .style-flat:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
background: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
} .flipbox-main .flipbox-btn .style-border.hover-default:before,
.flipbox-main .flipbox-btn .style-flat.hover-default:before {
top: 0;
left: 0;
opacity: 0;
}
.flipbox-main .flipbox-btn .style-border.hover-default:hover:before,
.flipbox-main .flipbox-btn .style-flat.hover-default:hover:before {
opacity: 1;
} .flipbox-main .flipbox-btn .style-border.hover-slide-left:before,
.flipbox-main .flipbox-btn .style-flat.hover-slide-left:before {
width: 0;
top: 0;
right: 0;
left: auto;
-webkit-transition: width 300ms ease 0s, left 300ms ease 0s;
-moz-transition: width 300ms ease 0s, left 300ms ease 0s;
transition: width 300ms ease 0s, left 300ms ease 0s;
}
.flipbox-main .flipbox-btn .style-border.hover-slide-left:hover:before,
.flipbox-main .flipbox-btn .style-flat.hover-slide-left:hover:before {
width: 100%;
left: 0;
right: auto;
} .flipbox-main .flipbox-btn .style-border.hover-slide-right:before,
.flipbox-main .flipbox-btn .style-flat.hover-slide-right:before {
width: 0;
top: 0;
left: 0;
right: auto;
-webkit-transition: width 300ms ease 0s, left 300ms ease 0s;
-moz-transition: width 300ms ease 0s, left 300ms ease 0s;
transition: width 300ms ease 0s, left 300ms ease 0s;
}
.flipbox-main .flipbox-btn .style-border.hover-slide-right:hover:before,
.flipbox-main .flipbox-btn .style-flat.hover-slide-right:hover:before {
width: 100%;
left: auto;
right: 0;
} .flipbox-main .flipbox-btn .style-border.hover-slide-top:before,
.flipbox-main .flipbox-btn .style-flat.hover-slide-top:before {
height: 0;
top: auto;
bottom: 0; 
left: 0;
-webkit-transition: height 300ms ease 0s, top 300ms ease 0s;
-moz-transition: height 300ms ease 0s, top 300ms ease 0s;
transition: height 300ms ease 0s, top 300ms ease 0s;
}
.flipbox-main .flipbox-btn .style-border.hover-slide-top:hover:before,
.flipbox-main .flipbox-btn .style-flat.hover-slide-top:hover:before {
height: 100%;
top: 0;
bottom: auto;
} .flipbox-main .flipbox-btn .style-border.hover-slide-bottom:before,
.flipbox-main .flipbox-btn .style-flat.hover-slide-bottom:before {
height: 0;
top: 0;
bottom: auto; 
left: 0;
-webkit-transition: height 300ms ease 0s, top 300ms ease 0s;
-moz-transition: height 300ms ease 0s, top 300ms ease 0s;
transition: height 300ms ease 0s, top 300ms ease 0s;
}
.flipbox-main .flipbox-btn .style-border.hover-slide-bottom:hover:before,
.flipbox-main .flipbox-btn .style-flat.hover-slide-bottom:hover:before {
height: 100%;
top: auto;
bottom: 0;
}   .flipbox-main.flipbox-3 .flip-front .flipbox-title .title{
margin-bottom: 0;
}   .flipbox-main .flipbox-content.align-h-left {
text-align: left;
}
.flipbox-main .flipbox-content.align-h-center {
text-align: center;
}
.flipbox-main .flipbox-content.align-h-right {
text-align: right;
}   .flipbox-main .align-v-top .flipbox-inner {
justify-content: flex-start;
}
.flipbox-main .align-v-middle .flipbox-inner {
justify-content: center;
}
.flipbox-main .align-v-bottom .flipbox-inner {
justify-content: flex-end;
}   .elementor-section .list ul {
list-style-type: none;
list-style-position: inside;
padding: 0;
margin: 0;
}
.elementor-section .list ul li {
padding: 0;
padding-bottom: 10px;
}
.elementor-section .list ul li:last-child {
padding-bottom: 0 !important;
}
.elementor-section .list ul li i {
margin-right: 10px;
}
.elementor-section .list ul li span {
align-self: center;
}   .list.list-circle ul {
list-style-type: circle;
}
.list.list-square ul {
list-style-type: square;
}
.list.list-disc ul {
list-style-type: disc;
}
.list.list-decimal ul {
list-style-type: decimal;
}
.list.list-decimal-zero ul {
list-style-type: decimal-leading-zero;
}
.list.list-lower-alpha ul {
list-style-type: lower-alpha;
}
.list.list-upper-alpha ul {
list-style-type: upper-alpha;
}
.list.list-lower-roman ul {
list-style-type: lower-roman;
}   .list.icon-default li,
.list.icon-border li,
.list.icon-flat li {
display: flex;
}
.list.icon-default li i,
.list.icon-border li i,
.list.icon-flat li i {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
}
.list.icon-default li i {
width: auto;
font-size: 13px;
color: #fc692b;
margin-right: 8px;
}   .list.icon-border li i {
border: 1px solid;
font-size: 10px;
color: #fc692b;
}   .list.icon-flat li i {
background: #fc692b;
font-size: 10px;
color: #ffffff;
}   .list.icon-default.size-small li i, 
.list.icon-border.size-small li i, 
.list.icon-flat.size-small li i {
width: 26px;
height: 26px;
font-size: 12px;
}
.list.icon-default.size-small li i {
font-size: 16px;
width: auto;
}   .list.icon-default.size-mediam li i, 
.list.icon-border.size-mediam li i, 
.list.icon-flat.size-mediam li i {
width: 35px;
height: 35px;
font-size: 18px;
}
.list.icon-default.size-mediam li i {
font-size: 25px;
width: auto;
}   .list.icon-default.size-large li i, 
.list.icon-border.size-large li i, 
.list.icon-flat.size-large li i {
width: 40px;
height: 40px;
font-size: 20px;
}
.list.icon-default.size-large li i {
font-size: 30px;
width: auto;
}   .list.icon-default.size-extra-large li i, 
.list.icon-border.size-extra-large li i, 
.list.icon-flat.size-extra-large li i {
width: 45px;
height: 45px;
font-size: 22px;
}
.list.icon-default.size-extra-large li i {
font-size: 35px;
width: auto;
}   .list.icon-default.icon-rounded li i, 
.list.icon-border.icon-rounded li i, 
.list.icon-flat.icon-rounded li i {
border-radius: 3px;
}
.list.icon-default.icon-round li i, 
.list.icon-border.icon-round li i, 
.list.icon-flat.icon-round li i {
border-radius: 50px;
}   .list.text-center ul li {
text-align: center;
justify-content: center;
}
.list.text-right ul li {
text-align: right;
justify-content: flex-end;
}   .marquee-slider {
overflow: hidden;
}
.marquee-slider.slide-bg-on {
padding: 30px 0;
}
.marquee-slider-inner {
display: flex;
gap: 70px;
background: #fc692b;
position: relative;
padding: 30px 0;
}
.slide-bg-on .marquee-slider-inner:before {
content: "";
position: absolute;
background: #1d2327;
left: -5px;
right: -5px;
top: 0;
bottom: 0;
z-index: -1;
transform: rotate(1.3deg);
}
.marquee-slider .marquee-slide {
display: flex;
gap: 70px;
animation-duration: 30s;
animation-direction: normal;
animation-play-state: running;
animation-name: marqueeAnimationLeft;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.marquee-slider.slide-position-right .marquee-slide {
animation-name: marqueeAnimationRight;
}
.marquee-slider.marquee-hover-paused:hover .marquee-slide {
animation-play-state: paused;
}
.marquee-slider .marquee-item .title {
font-size: 32px;
color: #ffffff;
line-height: 1.3em;
white-space: nowrap;
margin: 0;
}
@keyframes marqueeAnimationLeft {
0% {transform: translate(0)}
to {transform: translate(-100%)}
}
@keyframes marqueeAnimationRight {
0% {transform: translate(-100%)}
to {transform: translate(0)}
}   .newsletter-main .mc4wp-form-fields {
display: flex;
position: relative;
}
.newsletter-main .input-area {
width: 100%;
}
.newsletter-main .input-area input {
width: 100%;
height: 55px;
outline: none;
border: none;
padding: 0 20px;
background: #ffffff;
box-shadow: 0 4px 17px rgba(0,0,0,0.07);
transition: all 0.3s ease-in-out 0s;
}
.newsletter-main .button-area {
margin-left: 10px;
}
.newsletter-main .button-area button {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100%;
height: 55px;
background: #fc692b;
color: #ffffff;
font-size: 14px;
line-height: 24px;
padding: 8px 30px;
border: none;
outline: none;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
.newsletter-main .button-area button i {
padding-right: 8px;
}
.newsletter-main .button-area button:hover {
background: #121212;
color: #ffffff;
}   .newsletter-main.newsletter-style-2 .input-area input {
border: 2px solid #e8e8e8;
box-shadow: none;
}
.newsletter-main.newsletter-style-2 .input-area input:focus {
border-color: #fc692b;
}   .newsletter-main.button-bottom .mc4wp-form-fields {
display: block;
}
.newsletter-main.button-bottom .mc4wp-form-fields .button-area {
margin-left: 0;
margin-top: 15px;
display: inline-block;
} .newsletter-main.button-bottom.align-center .mc4wp-form-fields {
text-align: center;
}
.newsletter-main.button-bottom.align-right .mc4wp-form-fields {
text-align: right;
}
.newsletter-main.button-bottom.align-justify .mc4wp-form-fields .button-area {
width: 100%;
}   .pricing-table {
position: relative;
}
.pricing-table .pricing-title {
margin: 0;
margin-bottom: 25px;
}
.pricing-table h2.pricing-title {
font-size: 36px;
line-height: 42px;
}
.pricing-table h3.pricing-title {
font-size: 30px;
line-height: 38px;
}
.pricing-table h4.pricing-title {
font-size: 26px;
line-height: 32px;
}
.pricing-table h5.pricing-title {
font-size: 22px;
line-height: 28px;
margin-bottom: 15px;
}
.pricing-table h6.pricing-title {
font-size: 18px;
line-height: 24px;
}
.pricing-table .pricing-icon i {
display: block;
font-size: 50px;
line-height: normal;
color: #fc692b;
margin-bottom: 30px;
}
.pricing-table .pricing-price {
font-size: 40px;
line-height: 40px;
font-weight: 600;
color: #323232;
display: flex;
}
.pricing-table .pricing-price > label {
margin-bottom: 0;
}
.pricing-table .pricing-price > span {
font-size: 12px;
color: #8b8d9e;
font-weight: 400;
line-height: normal;
padding-left: 5px;
margin-bottom: 5px;
align-self: flex-end;
}
.pricing-table .pricing-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.pricing-table .pricing-list li {
display: flex;
align-items: center;
line-height: 22px;
text-align: left;
padding: 0;
margin-bottom: 15px;
}
.pricing-table .pricing-list li:last-child {
margin-bottom: 0 !important;
}
.pricing-table .pricing-list li i {
color: #fc692b;
padding-right: 15px;
}   .pricing-table .pricing-list.icon-right li span {
order: 1;
}
.pricing-table .pricing-list.icon-right li i {
order: 2;
margin-left: auto;
}   .pricing-table .pricing-button {
margin-top: 40px;
text-align: center;
} .pricing-table .pricing-button .style-border {
display: inline-block;
border: 2px solid;
font-size: 14px;
color: #fc692b;
line-height: 22px;
text-transform: uppercase;
text-decoration: none;
padding: 10px 30px;
transition: all 0.3s ease-in-out 0s;
}
.pricing-table .pricing-button .style-border:hover {
background: #fc692b;
color: #ffffff;
} .pricing-table .pricing-button .style-flat {
display: inline-block;
background: #fc692b;
font-size: 14px;
color: #ffffff;
line-height: 22px;
text-transform: uppercase;
text-decoration: none;
padding: 12px 32px;
transition: all 0.3s ease-in-out 0s;
} .pricing-table .pricing-button.text-justify .pricing-btn {
width: 100%;
text-align: center;
} .pricing-table.pricing-2 .highlite-title,
.pricing-table.pricing-3 .highlite-title,
.pricing-table.pricing-4 .highlite-title {
background: #212121;
color: #ffffff;
display: inline-block;
position: absolute;
right: 25px;
top: 25px;
padding: 2px 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
font-weight: 500;
line-height: 24px;
}
.pricing-table.pricing-3 .highlite-title {
right: -25px;
top: -20px;
line-height: 22px;
}
.pricing-table.pricing-4 .highlite-title {
top: auto;
right: 25px;
bottom: -10px;
border-radius: 3px;
}   .pricing-table.pricing-1 {
padding: 40px 50px;
border-top: 5px solid transparent;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.pricing-table.pricing-1 .pricing-header {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 30px;
margin-bottom: 30px;
}
.pricing-table.pricing-1.selected {
background: #ffffff;
border-top-color: #fc692b;
overflow: hidden;
box-shadow: 0 5px 50px rgba(0,0,0,0.05);
} .pricing-table .text-center .pricing-price {
justify-content: center;
}
.pricing-table .text-right .pricing-price,
.pricing-table .text-right .pricing-list li {
justify-content: flex-end;
}
.pricing-table .text-right .pricing-list li i {
order: 2;
padding-left: 15px;
padding-right: 0;
}
.pricing-table .text-right .pricing-list li span {
order: 1;
} .pricing-table.pricing-1 .highlite-title {
background: #212121;
color: #ffffff;
display: inline-block;
position: absolute;
right: -40px;
top: 35px;
padding: 2px 50px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 12px;
font-weight: 500;
line-height: 24px;
transform: rotate(45deg);
}   .pricing-table.pricing-2 {
padding: 40px 50px;
background: #ffffff;
box-shadow: 0 5px 50px rgba(0,0,0,0.05);
}
.pricing-table.pricing-2.selected {
background: #fc692b;
background-image: linear-gradient(90deg, #fc692b, #fe506a);
}
.pricing-table.pricing-2 .pricing-header {
display: inline-flex;
flex-wrap: wrap;
margin-bottom: 35px;
}
.pricing-table.pricing-2 .pricing-header .pricing-title {
display: block;
width: 100%;
order: 2;
}
.pricing-table.pricing-2 .pricing-header .pricing-icon {
display: block;
width: 100%;
order: 1;
}
.pricing-table.pricing-2 .pricing-header .pricing-icon i {
margin-bottom: 15px;
}
.pricing-table.pricing-2 .pricing-header .pricing-price {
display: block;
width: 100%;
order: 3;
}
.pricing-table.pricing-2 .pricing-list li {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 12px;
margin-bottom: 12px;
}
.pricing-table.pricing-2 .pricing-list li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.pricing-table.pricing-2 .pricing-button {
margin-top: 35px;
} .pricing-table.pricing-2.selected .pricing-title,
.pricing-table.pricing-2.selected .pricing-icon i,
.pricing-table.pricing-2.selected .pricing-price,
.pricing-table.pricing-2.selected .pricing-price > span,
.pricing-table.pricing-2.selected .pricing-list li,
.pricing-table.pricing-2.selected .pricing-list li i {
color: #ffffff;
}
.pricing-table.pricing-2.selected .pricing-list li {
border-bottom-color: rgba(255,255,255,0.3);
}
.pricing-table.pricing-2.selected .pricing-button .style-border {
border-color: #ffffff;
color: #ffffff;
}
.pricing-table.pricing-2.selected .pricing-button .style-border:hover {
background: #ffffff;
color: #454545;
}   .pricing-table.pricing-3 {
padding: 40px 50px;
padding-left: 45px;
background: #ffffff;
border: 3px solid #e8e8e8;
border-radius: 5px;
}
.pricing-table.pricing-3.selected {
background: #fc692b;
border: none;
padding: 43px 50px;
}
.pricing-table.pricing-3 .pricing-header {
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid rgb(210 210 210 / 0.4);
}
.pricing-table.pricing-3 .pricing-icon {
position: absolute;
right: 0;
bottom: 30px;
}
.pricing-table.pricing-3 .pricing-icon i {
margin: 0;
}   .pricing-table.pricing-4 {
background: #ffffff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 5px 35px rgba(0,0,0,0.07);
}
.pricing-table.pricing-4 .pricing-header {
position: relative;
background: #212121;
padding: 45px 25px;
border-radius: 5px;
}
.pricing-table.pricing-4 .pricing-title {
position: absolute;
left: 25px;
bottom: -10px;
background: #fc692b;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px 20px;
border-radius: 3px;
margin-bottom: 0px;
}
.pricing-table.pricing-4 .pricing-icon {
position: absolute;
right: 40px;
bottom: 40px;
}
.pricing-table.pricing-4 .pricing-icon i {
margin: 0;
}
.pricing-table.pricing-4 .pricing-content {
padding: 45px 25px;
}
.pricing-table.pricing-4 .pricing-button {
padding: 40px 25px;
padding-bottom: 25px;
padding-top: 0;
margin-top: 0;
}
.pricing-table.pricing-4.selected .pricing-header {
background: #fc692b;
background-image: linear-gradient(90deg, #fc692b, #fe506a);
}
.pricing-table.pricing-4 .pricing-list li {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 13px;
margin-bottom: 13px;
}
.pricing-table.pricing-4 .pricing-list li:last-child {
border-bottom: none;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.pricing-table.pricing-4 .pricing-list.icon-right li i{
padding-right: 0;
padding-left: 10px;
}
.pricing-table.pricing-4 .pricing-title,
.pricing-table.pricing-4 .pricing-price,
.pricing-table.pricing-4.selected .pricing-icon i,
.pricing-table.pricing-4 .pricing-price > span {
color: #ffffff;
}   .images-parallax {
display: inline-block; 
position: relative;
}
.parallax-img {
position: absolute; 
z-index: 8;
}
.parallax-img.img-1 {
top: 70px; 
left: -70px;
}
.parallax-img.img-2 {
bottom: 130px; 
right: -100px;
}
.parallax-img.img-3 {
bottom: 30px; 
left: -40px;
}
.parallax-img img {
-webkit-animation-name: fadebounce;
-moz-animation-name: fadebounce;
animation-name: fadebounce;
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.parallax-img.img-1 img {
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
animation-duration: 3s;
}
.parallax-img.img-2 img {
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
animation-duration: 5s;
}
.parallax-img.img-3 img {
-webkit-animation-duration: 7s;
-moz-animation-duration: 7s;
animation-duration: 7s;
}
.main-img {
position: relative;
z-index: 5;
} @-moz-keyframes fadebounce {
0% {-moz-transform:translateY(0); transform:translateY(0); opacity:1}
50% {-moz-transform:translateY(15px); transform:translateY(15px); opacity:1}
100% {-moz-transform:translateY(0); transform:translateY(0); opacity:1}
}
@-webkit-keyframes fadebounce {
0% {-webkit-transform:translateY(0); transform:translateY(0); opacity:1}
50% {-webkit-transform:translateY(15px); transform:translateY(15px); opacity:1}
100% {-webkit-transform:translateY(0); transform:translateY(0); opacity:1}
}
@keyframes fadebounce {
0% {transform:translateY(0); opacity:1}
50% {transform:translateY(15px);opacity:1}
100% {transform:translateY(0);opacity:1}
}   .portfolio-main .grid-item img {
max-width: 100%;
}
.portfolio-main .grid-item .item-info {
padding-top: 15px;
}
.portfolio-main .grid-item .item-info .portfolio-title {
font-size: 20px;
line-height: 32px;
margin-bottom: 0;
}
.portfolio-main .grid-item .item-info .portfolio-title .title-link {
color: #323232;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-main .grid-item .item-info .portfolio-title .title-link:hover {
color: #fc692b;
}
.portfolio-main .grid-item .item-info .portfolio-category {
color: #969696;
font-size: 16px;
line-height: 28px;
}   .portfolio-main .grid-item .portfolio-item .item-img {
position: relative;
overflow: hidden;
border-radius: 3px;
box-shadow: 0 5px 20px rgba(0,0,0,0.07);
}
.portfolio-main .grid-item .portfolio-item .item-img img {
transform: scale(1.0);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-main .grid-item .portfolio-item:hover .item-img img {
transform: scale(1.07);
}   .portfolio-main .portfolio-wrapper .b-isotope-filter {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
grid-gap: 10px;
margin-bottom: 20px;
justify-content: center;
list-style-type: none;
}
.portfolio-main .portfolio-wrapper .b-isotope-filter.filter-style-1 li a {
display: inline-block;
padding: 7px 30px;
background: #f5f5f5;
color: #757575;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
font-weight: 500;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-main .portfolio-wrapper .b-isotope-filter.filter-style-1 li.current a {
background: #fc692b;
color: #ffffff;
} .portfolio-main .portfolio-wrapper .b-isotope-filter.filter-style-2 {
grid-gap: 15px;
}
.portfolio-main .portfolio-wrapper .b-isotope-filter.filter-style-2 li a {
display: inline-block;
position: relative;
padding: 5px 10px;
color: #757575;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
line-height: 22px;
font-weight: 500;
border-bottom: 2px solid #e8e8e8;
border-radius: 3px;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-main .portfolio-wrapper .b-isotope-filter.filter-style-2 li.current a {
border-bottom-color: #fc692b;
} .portfolio-main .portfolio-wrapper .b-isotope-filter.filter-style-3 {
grid-gap: 10px;
}
.portfolio-main .portfolio-wrapper .b-isotope-filter.filter-style-3 li a {
display: inline-block;
position: relative;
padding: 7px 27px;
color: #757575;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 13px;
line-height: 22px;
font-weight: 500;
border: 2px solid #e8e8e8;
border-radius: 3px;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-main .portfolio-wrapper .b-isotope-filter.filter-style-3 li.current a {
color: #fc692b;
border-color: #fc692b;
}   .portfolio-main .portfolio-style-1 .portfolio-item .portfolio-control {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
background: #fc692b;
z-index: 1;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-main .portfolio-style-1 .portfolio-item:hover .portfolio-control {
opacity: 1;
}
.portfolio-main .portfolio-style-1 .portfolio-item .portfolio-control .popup-link {
color: #ffffff;
font-size: 40px;
}   .portfolio-main .portfolio-style-2 .portfolio-item {
position: relative;
}
.portfolio-main .portfolio-style-2 .portfolio-item:hover .item-img img {
transform: scale(1.03);
}
.portfolio-main .portfolio-style-2 .grid-item .item-info {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
display: flex;
text-align: left;
background: #ffffff;
padding: 20px;
box-shadow: none;
border-radius: 3px;
transition: all 0.25s ease-in-out 0s;
transform: translateY(1em);
-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
transition: clip-path 0.85s, -webkit-clip-path 0.85s, transform 0.85s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.portfolio-main .portfolio-style-2 .portfolio-item:hover .item-info {
transform: translateY(0);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.portfolio-main .portfolio-style-2 .item-info .popup-link {
padding-left: 25px;
margin-left: auto;
align-self: center;
font-size: 20px;
color: #fc692b;
transition: all 0.25s ease-in-out 0s;
}   .portfolio-main .portfolio-style-3 .portfolio-item {
position: relative;
}
.portfolio-main .portfolio-style-3 .grid-item .item-info {
position: absolute;
left: 20px;
right: 20px;
top: 20px;
bottom: 20px;
opacity: 0;
display: flex;
align-items: flex-end;
text-align: left;
background: #ffffff;
padding: 30px;
box-shadow: none;
border-radius: 3px;
transition: all 0.25s ease-in-out 0s;
}
.portfolio-main .portfolio-style-3 .portfolio-item:hover .item-info {
opacity: 1;
}
.portfolio-main .portfolio-style-3 .item-info .portfolio-category {
color: #fc692b;
font-weight: 500;
}
.portfolio-main .portfolio-style-3 .item-info .portfolio-title {
font-size: 20px;
line-height: 28px;
}
.portfolio-main .portfolio-style-3 .item-info .popup-link {
position: absolute;
top: 30px;
right: 30px;
font-size: 16px;
width: 45px;
height: 45px;
background: transparent;
border: 1px solid #e8e8e8;
color: #fc692b;
display: flex;
justify-content: center;
align-items: center;
border-radius: 60px;
transition: all 0.25s ease-in-out 0s;
}
.portfolio-main .portfolio-style-3 .item-info .popup-link:hover {
right: 22px;
background: #fc692b;
border: 1px solid #fc692b;
color: #ffffff;
}   .portfolio-main {
overflow: hidden;
}
.portfolio-main .portfolio-wrapper .b-isotope-grid {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
} .portfolio-main.desk-grid-5 .portfolio-wrapper .b-isotope-grid .grid-item {width: 20%;}
.portfolio-main.desk-grid-4 .portfolio-wrapper .b-isotope-grid .grid-item {width: 25%;}
.portfolio-main.desk-grid-3 .portfolio-wrapper .b-isotope-grid .grid-item {width: 33.33%;}
.portfolio-main.desk-grid-2 .portfolio-wrapper .b-isotope-grid .grid-item {width: 50%;} .portfolio-main.grid-space-0 .portfolio-wrapper .b-isotope-grid .grid-item {padding: 0;}
.portfolio-main.grid-space-10 .portfolio-wrapper .b-isotope-grid .grid-item {padding: 5px;}
.portfolio-main.grid-space-20 .portfolio-wrapper .b-isotope-grid .grid-item {padding: 10px;}
.portfolio-main.grid-space-30 .portfolio-wrapper .b-isotope-grid .grid-item {padding: 15px;} .portfolio-main.grid-space-10 .portfolio-wrapper .b-isotope-grid {margin-left: -5px; margin-right: -5px;}
.portfolio-main.grid-space-20 .portfolio-wrapper .b-isotope-grid {margin-left: -10px; margin-right: -10px;}
.portfolio-main.grid-space-30 .portfolio-wrapper .b-isotope-grid {margin-left: -15px; margin-right: -15px;}   .section-title .title-tagline {
display: inline-block;
position: relative;
font-size: 13px;
line-height: 18px;
color: #fc692b;
font-weight: 700;
letter-spacing: 3px;
margin-bottom: 10px;
padding-left: 20px;
text-transform: uppercase;
}
.section-title .title-tagline:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #fc692b transparent;
position: absolute;
left: 0px;
top: 3px;
}
.section-title.sub_title-2 .title-tagline {
padding: 5px 25px;
color: #ffffff;
line-height: 22px;
background: #fc692b;
}
.section-title.sub_title-2 .title-tagline:before {
content: normal;
}
.section-title .main-title {
margin: 0;
}
.section-title .main-title span{
color: #fc692b;
}
.section-title .divider {
display: flex;
vertical-align: top;
width: 50px;
height: 3px;
background: #fc692b;
margin: 0;
margin-top: 20px;
}
.elementor-section .elementor-widget-text-editor p
.elementor-section .elementor-text-editor p {
margin-bottom: 0;
}
.elementor-section .elementor-widget-text-editor a,
.elementor-section .elementor-text-editor a {
color: #fc692b;
text-decoration: underline;
}
.elementor-section .elementor-widget-text-editor a:hover,
.elementor-section .elementor-text-editor a:hover {
text-decoration: none;
}
.elementor-section .elementor-widget-text-editor .link-light,
.elementor-section .elementor-text-editor .link-light {
color: #ffffff;
} .section-title.text-center .divider {
margin-left: auto;
margin-right: auto;
} .section-title.text-right .divider {
margin-left: auto;
}   .skill {
display: inline-block; 
width: 100%;
}
.skill-bar {
position: relative;
width: 100%; 
height: 4px; 
margin: 30px 0 20px 0; 
background-color: #e8e8e8;
}
.skill-bar:not(:first-child) {
margin-top: 55px;
}
.skill-bar:last-child {
margin-bottom: 0px;
}
.skill .progress-bar {
position: relative;
height:100%; 
background:#fc692b; 
color: #212121; 
padding:0px;
box-shadow:none;  
-webkit-transition: width .9s ease;
-moz-transition: width .9s ease;
transition: width .9s ease;
}
.skill .progress-title {
font-size: 16px;
font-weight: 500;
color: #212121;
position: absolute;
text-align: left; 
margin: 0;
margin-top: -20px;
}
.skill .progress-title > i {
margin-right: 8px;
}
.skill .progress-bar .progress-value .progress-type {
padding-left: 1px;
} .skill .progress-bar .progress-value {
position: absolute;
right: 0;
bottom: 100%;
color: #212121;
font-size: 13px;
font-weight: 700;
padding-bottom: 5px;
}
.skill.value-track .progress-bar .progress-value {
content: '20';
background: #212121;
color: #fff;
padding: 0 7px;
-webkit-border-radius: 4px 4px 0;
border-radius: 4px 4px 0;
height: 23px;
line-height: 23px;
font-size: 12px;
bottom: 100%;
padding-bottom: 0;
font-weight: 600;
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
}
.skill.value-track .progress-bar .progress-value:after {
content: '';
width: 0;
height: 0;
border-top: 4px solid #212121;
border-left: 7px solid transparent;
position: absolute;
right: 0;
bottom: -4px;
} .skill.value-outside .progress-bar {
position: initial;
}   .skill.skill-1 .progress-title {
margin-top: -15px;
top: -10px;
line-height: 1;
}   .skill.skill-2 .skill-bar {
border: 1px solid #e8e8e8;
height: auto;
padding: 3px;
background: none;
}
.skill.skill-2 .progress-bar {
height: 4px;
}
.skill.skill-2 .progress-title {
top: -10px;
}
.skill.skill-2.value-track .progress-bar .progress-value{
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}   .skill.skill-3 {
vertical-align: top;
}
.skill.skill-3 .skill-bar {
height: auto;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 5px;
background: none !important;
}
.skill.skill-3 .skill-bar:not(:first-child) {
margin-top: 47px;
}
.skill.skill-3 .progress-bar {
height: 8px;
}
.skill.skill-3 .progress-title {
top: -10px;
}   .social-icons .social-info {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0;
grid-gap: 10px;
}
.social-icons .social-info li {
padding: 0;
}
.social-icons .social-info li a {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
top: 0;
transition: all 0.3s ease-in-out 0s;
}
.social-icons .social-info li a i {
width: 1em;
height: 1em;
position: relative;
display: block;
}   .social-icons.style-default li a {
font-size: 16px;
color: #fc692b;
border: 1px solid transparent;
}
.social-icons.style-default li a:hover {
color: #212121;
}   .social-icons.style-border li a {
padding: .5em;
line-height: 1;
font-size: 14px;
color: #fc692b;
border: 1px solid;
}
.social-icons.style-border li a:hover {
color: #ffffff;
background: #fc692b;
border-color: transparent;
}   .social-icons.style-flat li a {
padding: .5em;
line-height: 1;
font-size: 14px;
color: #ffffff;
border: 1px solid transparent;
background: #fc692b;
}
.social-icons.style-flat li a:hover {
color: #ffffff;
background: #212121;
}   .social-icons.style-flat.icon-full-section .social-info {
padding: 0;
margin: 0;
grid-gap: 0 !important;
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.social-icons.style-flat.icon-full-section li {
display: flex;
justify-content: center;
flex: 0 0 20%;
padding: 10px;
}
.social-icons.style-flat.icon-full-section li a {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
font-size: 30px;
border-radius: 80px;
box-shadow: 0 3px 25px rgba(0,0,0,0.08);
}
.social-icons.style-flat.icon-full-section li:nth-child(even) a {
width: 80px;
height: 80px;
font-size: 22px;
}   .social-icons .social-info.hover-top li a:hover {
top: -5px;
}
.social-icons .social-info.hover-zoom li a {
transform: scale(1.0);
}
.social-icons .social-info.hover-zoom li a:hover {
transform: scale(1.2);
}
.social-icons .social-info.hover-animation li a:hover i {
-webkit-animation: toTopFromBottom 0.25s forwards;
-moz-animation: toTopFromBottom 0.25s forwards;
animation: toTopFromBottom 0.25s forwards;
}
@-webkit-keyframes toTopFromBottom {
49% {-webkit-transform: translateY(-100%);}
50% {opacity: 0; -webkit-transform: translateY(100%);}
51% {opacity: 1;}
}
@-moz-keyframes toTopFromBottom {
49% {-moz-transform: translateY(-100%);}
50% {opacity: 0; -moz-transform: translateY(100%);}
51% {opacity: 1;}
}
@keyframes toTopFromBottom {
49% {transform: translateY(-100%);}
50% {opacity: 0; transform: translateY(100%);}
51% {opacity: 1;}
}   .social-icons.text-center .social-info{
justify-content: center;
}
.social-icons.text-right .social-info{
justify-content: flex-end;
}   .small-feature .feature-inner {
background: #ffffff;
padding: 30px;
border-radius: 3px;
box-shadow: 0 5px 25px rgba(0,0,0,0.05);
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.small-feature .feature-inner .feature-icon i {
display: block;
color: #fc692b;
font-size: 44px;
line-height: normal;
margin-bottom: 18px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.small-feature.hover-enable:hover .feature-icon i {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
}
.small-feature .feature-inner .feature-title {
display: block;
margin: 0;
color: #323232;
}
.small-feature .feature-inner .feature-title a {
color: inherit;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.small-feature .feature-inner .feature-title a:hover {
text-decoration: none;
} .small-feature.feature-style-1:hover .feature-inner {
background: #fc692b;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}
.small-feature.feature-style-1:hover .feature-inner .feature-icon i,
.small-feature.feature-style-1:hover .feature-inner .feature-title {
color: #ffffff;
}   .small-feature.feature-style-2 .feature-inner {
display: flex;
position: relative;
top: 0;
overflow: hidden;
background: #ffffff;
}
.small-feature.feature-style-2 .feature-inner .feature-bg-icon {
position: absolute;
right: -15px;
bottom: -15px;
font-size: 80px;
line-height: 1em;
color: #fc692b;
opacity: 0.1;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.small-feature.feature-style-2 .feature-inner .feature-icon {
align-self: baseline;
}
.small-feature.feature-style-2 .feature-inner .feature-icon i {
font-size: 44px;
color: #fc692b;
margin-right: 25px;
margin-bottom: 0;
}
.small-feature.feature-style-2 .feature-inner .feature-title {
align-self: center;
color: #323232;
} .small-feature.feature-style-2:hover .feature-inner {
background: #fc692b;
top: -8px;
}
.small-feature.feature-style-2:hover .feature-inner .feature-bg-icon,
.small-feature.feature-style-2:hover .feature-inner .feature-icon i,
.small-feature.feature-style-2:hover .feature-inner .feature-title {
color: #ffffff;
} .small-feature.feature-style-2.iconbox-right .feature-inner .feature-bg-icon {
right: auto;
left: -15px;
}
.small-feature.feature-style-2.iconbox-right .feature-inner .feature-icon {
order: 2;
}
.small-feature.feature-style-2.iconbox-right .feature-inner .feature-icon i {
margin-right: 0;
margin-left: 25px;
}
.small-feature.feature-style-2.iconbox-right .feature-inner .feature-title {
order: 1;
text-align: right;
margin-left: auto;
}   .services-box {
position: relative;
}
.services-box .services-box-img .services-img {
overflow: hidden;
border-radius: 7px;
}
.services-box .services-box-img .services-img img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
transition: all 0.3s ease-in-out 0s;
}
.services-box:hover .services-box-img .services-img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.services-box .services-box-info {
position: relative;
display: flex;
align-items: center;
z-index: 1;
background: #ffffff;
border-radius: 7px;
box-shadow: 0 5px 25px rgb(0 0 0 / 7%);
transition: all 0.25s ease-in-out 0s;
}
.services-box .services-box-info .services-box-title {
display: block;
color: #222733;
margin-bottom: 10px;
transition: all 0.25s ease-in-out 0s;
}
.services-box .services-box-info .services-box-content {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
transition: all 0.25s ease-in-out 0s;
}   .services-box.services-style-1 .services-box-info {
padding: 20px 35px;
margin: 0 20px;
margin-top: -60px;
text-align: center;
}
.services-box.services-style-1 .services-info-inner {
transform: translateY(25px);
will-change: transform;
transition: transform 0.25s ease-out;
}
.services-box.services-style-1:hover .services-info-inner {
transform: translateY(-30px);
}
.services-box.services-style-1 .services-box-info .services-box-icon {
display: block;
padding: 0;
margin-bottom: 15px;
transition: all 0.25s ease-in-out 0s;
}
.services-box.services-style-1 .services-box-icon i {
font-size: 44px;
line-height: normal;
color: #fc692b;
}
.services-box.services-style-1:hover .services-box-info .services-box-icon {
opacity: 0;
} .services-box.services-style-1 .services-box-info .services-link {
opacity: 0;
will-change: opacity;
transition: opacity 0.25s ease-out;
}
.services-box.services-style-1:hover .services-box-info .services-link {
opacity: 1;
}
.services-box.services-style-1 .services-box-info .services-link a {
display: inline-block;
color: #fc692b;
font-size: 13px;
font-weight: 600;
overflow: hidden;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
vertical-align: top;
margin-top: 15px;
transition: all 0.25s ease-in-out 0s;
}
.services-box.services-style-1 .services-box-info .services-link a span {
padding-right: 10px;
}   .services-box.services-style-2 {
padding-bottom: 115px;
}
.services-box.services-style-2 .services-box-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 35px 35px;
margin: 0 20px;
}
.services-box.services-style-2 .services-box-icon {
position: absolute;
top: 25px;
right: 25px;
padding: 0;
width: 75px;
height: 75px;
display: flex;
align-items: center;
justify-content: center;
background: #fc692b;
border-radius: 3px;
transition: all 0.25s ease-in-out 0s;
}
.services-box.services-style-2 .services-box-icon i {
font-size: 34px;
line-height: normal;
color: #ffffff;
}
.services-box.services-style-2 .services-box-info .services-link {
height: 0;
overflow: hidden;
transition: all 0.25s ease-in-out 0s;
}
.services-box.services-style-2 .services-box-info .services-link a {
display: flex;
align-items: center;
justify-content: space-between;
color: #fc692b;
font-size: 13px;
font-weight: 600;
overflow: hidden;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
vertical-align: top;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #e8e8e8;
transition: all 0.25s ease-in-out 0s;
}
.services-box.services-style-2 .services-box-info .services-link a span {
padding-right: 10px;
}
.services-box.services-style-2:hover .services-box-info {background: #fc692b; padding-bottom: 20px;}
.services-box.services-style-2:hover .services-box-info .services-box-title {color: #ffffff;}
.services-box.services-style-2:hover .services-box-info .services-box-content {color: #ffffff;}
.services-box.services-style-2:hover .services-box-info .services-link {height: 60px;}
.services-box.services-style-2:hover .services-box-info .services-link a {color: #ffffff; border-color: rgb(255 255 255 / 40%);}   .services-box.services-style-3 .services-box-inner {
padding: 15px;
background: #ffffff;
border: 1px solid #e8e8e8;
transition: all 300ms ease;
}
.services-box.services-style-3 .services-box-inner:hover {
box-shadow: 0 10px 60px rgba(0,0,0,0.07);
}
.services-box.services-style-3 .services-box-info {
background: none;
box-shadow: none;
border-radius: inherit;
padding: 10px 15px;
padding-top: 30px;
}
.services-box.services-style-3 .services-box-img {
position: relative;
}
.services-box.services-style-3 .services-box-icon {
position: absolute;
bottom: -8px;
left: 25px;
z-index: 2;
padding: 0;
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background: #fc692b;
border-radius: 3px;
transition: all 0.3s ease-in-out 0s;
}
.services-box.services-style-3 .services-box-icon:before {
content: "";
position: absolute;
bottom: 0;
left: -8px;
border-right: 10px solid #fc692b;
border-bottom: 9px solid transparent;
}
.services-box.services-style-3 .services-box-icon:after {
content: "";
position: absolute;
bottom: 0;
right: -8px;
border-left: 10px solid #fc692b;
border-bottom: 9px solid transparent;
}
.services-box.services-style-3 .services-box-icon i {
font-size: 34px;
line-height: normal;
color: #ffffff;
}
.services-box.services-style-3 .services-box-info .services-link {
overflow: hidden;
transition: all 0.25s ease-in-out 0s;
}
.services-box.services-style-3 .services-box-info .services-link a {
display: flex;
align-items: center;
color: #fc692b;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
vertical-align: top;
margin-top: 20px;
transition: all 0.25s ease-in-out 0s;
}
.services-box.services-style-3 .services-box-info .services-link a span {
padding-right: 10px;
}   .quick-info {
display: flex;
align-items: center;
flex-wrap: wrap;
grid-gap: 15px;
}
.quick-info.text-left .info-text {
display: flex;
}
.quick-info.text-left .info-text span {
margin-right: 5px;
}
.quick-info.text-top .info-text {
display: block;
}
.quick-info.text-top .info-text span {
display: block;
}
.quick-info .small-images {
display: flex;
align-items: center;
}
.quick-info .small-images img {
height: 50px;
}
.quick-info .small-images i {
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
width: 50px;
height: 50px;
margin-left: -20px;
background: #fc692b;
color: #ffffff;
border: 2px solid #ffffff;
border-radius: 60px;
}
.quick-info .info-text {
align-self: center;
line-height: normal;
}
.quick-info .info-text span {
color: #fc692b;
}
.quick-info .info-text p {
margin-bottom: 0;
}
.quick-info .info-text a {
color: inherit;
transition: all 0.3s ease-in-out 0s;
}
.quick-info .info-text a:hover {
color: #fc692b;
}   .rounded-skill{
display: inline-block;
position: relative; 
text-align: center; 
font-size: 16px;
color: #222222;
}
.rounded-skill canvas{
position: absolute; 
top: 0; 
left:0;
}
.rounded-skill .counter {
font-size: 30px;
font-weight: 600;
}   .skill-fuature.skill-left {
display: flex;
align-items: center;
}
.skill-fuature.skill-left .skill-inner {
align-self: flex-start; 
}
.skill-fuature.skill-left .fuature-inner {
width: 100%;
padding-left: 25px;
}   .skill-fuature.skill-top .fuature-inner {
padding-top: 25px;
}   .skill-fuature.skill-right {
display: flex;
align-items: center;
}
.skill-fuature.skill-right .skill-inner {
order: 2;
align-self: flex-start; 
}
.skill-fuature.skill-right .fuature-inner {
width: 100%;
order: 1;
text-align: right;
padding-right: 25px;
}   .tab.tab-style1 .nav-tabs{
display: flex;
flex-wrap: inherit;
border: 1px solid #e8e8e8;
}
.tab .tab-content {
padding-top: 30px;
}
.tab.tab-style1 .nav-tabs .nav-item {
width: 100%;
margin: 0;
padding: 0;
border-right: 1px solid #e8e8e8;
}
.tab.tab-style1 .nav-tabs .nav-item:last-child {
border-right:none;
}
.tab.tab-style1 .nav-tabs .nav-link {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
background: none;
border: none;
font-size: 14px;
font-weight: 500;
padding: 15px;
margin-top: 3px;
color: #656565;
transition: all 0.3s ease-in-out 0s;
}
.tab.tab-style1 .nav-tabs .nav-link:before {
content: "";
position: absolute;
width: 0;
height: 3px;
left: auto;
right: 0;
bottom: -1px;
background: #fc692b;
-webkit-transition: width 300ms ease 0s, left 300ms ease 0s;
-moz-transition: width 300ms ease 0s, left 300ms ease 0s;
transition: width 300ms ease 0s, left 300ms ease 0s;
}
.tab.tab-style1 .nav-tabs .nav-link.active:before {
width: 100%;
left: 0;
right: auto;
}
.tab.tab-style1 .nav-tabs .nav-link i {
margin-right: 10px;
}
.tab.tab-style1 .nav-tabs .nav-link.active {
color: #fc692b;
}   .tab.tab-style2 .tab-content {
padding-top: 40px;
}
.tab.tab-style2 .nav-tabs {
border: none;
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.tab.tab-style2 .nav-tabs .nav-item {
flex: 2;
min-width: 20%;
padding: 0 10px;
}
.tab.tab-style2 .nav-tabs .nav-link {
position: relative;
padding: 25px 25px;
font-size: 14px;
line-height: 22px;
font-weight: 500;
color: #656565;
text-align: center;
background: #f6f8ff;
border: none;
border-radius: 2px;
transition: all 0.3s ease-in-out 0s;
}
.tab.tab-style2 .nav-tabs .nav-link i {
display: block;
color: #fc692b;
font-size: 34px;
margin-bottom: 15px;
}
.tab.tab-style2 .nav-tabs .nav-link.active {
background: #fc692b;
color: #ffffff;
}
.tab.tab-style2 .nav-tabs .nav-link.active i {
color: #ffffff;
}
.tab.tab-style2 .nav-tabs .nav-link:after {
position: absolute;
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
margin-top: 0;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: transparent;
border-width: 10px;
margin-left: -10px;
transition: all 0.3s ease-in-out 0s;
}
.tab.tab-style2.tabs-border .nav-tabs .nav-link:after {
border-width: 12px;
margin-left: -12px;
}
.tab.tab-style2 .nav-tabs .nav-link.active:after {
border-top-color: #fc692b;
}   .tab.tab-style2 .nav-tabs.icon-left .nav-item a {
display: flex;
align-items: center;
justify-content: center;
}
.tab.tab-style2 .nav-tabs.icon-left .nav-link i {
font-size: 26px;
margin-bottom: 0;
margin-right: 15px;
}   .tab.tab-style2 .nav-tabs.icon-right .nav-item a {
display: flex;
align-items: center;
justify-content: center;
}
.tab.tab-style2 .nav-tabs.icon-right .nav-link i {
order: 2;
font-size: 26px;
margin-bottom: 0;
margin-left: 15px;
}   .tab.tab-style2.tabs-border .nav-tabs .nav-link {
border: 2px solid #edf1ff;
}
.tab.tab-style2.tabs-border .nav-tabs .nav-link.active {
border-color: transparent !important;
}   .tab.tab-style2.tabs-shadow .nav-tabs .nav-link {
box-shadow: 0 4px 20px rgba(0,0,0,0.07);
}   .tab.tab-style3 .nav-tabs{
display: flex;
flex-wrap: inherit;
border: 1px solid #e8e8e8;
}
.tab.tab-style3 .tab-content {
border: 1px solid #e8e8e8;
border-top: none;
padding: 35px;
}
.tab.tab-style3 .nav-tabs .nav-item {
width: 100%;
margin: 0;
padding: 0;
border-right: 1px solid #e8e8e8;
}
.tab.tab-style3 .nav-tabs .nav-item:last-child {
border-right:none;
}
.tab.tab-style3 .nav-tabs .nav-link {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
background: #ffffff;
border: none;
font-size: 14px;
font-weight: 500;
padding: 15px;
color: #656565;
border-radius: 0;
transition: all 0.3s ease-in-out 0s;
}
.tab.tab-style3 .nav-tabs .nav-link i {
margin-right: 10px;
}
.tab.tab-style3 .nav-tabs .nav-link.active {
background: #fc692b;
color: #ffffff;
}   .team-member .member-image {
position: relative;
overflow: hidden;
}
.team-member .member-image img {
max-width: 100%;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
transition: all 0.3s ease-in-out 0s;
}
.team-member .team-member-inner:hover .member-image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
} .team-member .member-info .member-name {
font-size: 18px;
line-height: 28px;
margin: 0;
}
.team-member .member-info .member-name a {
color: inherit;
text-decoration: none;
transition: all 0.3s ease-in-out 0s;
}
.team-member .member-info .member-name a:hover {
color: #fc692b;
}
.team-member .member-info .member-position {
display: block;
font-size: 15px;
color: #fc692b;
transition: all 0.3s ease-in-out 0s;
} .team-member .team-social ul {
display: inline-flex; 
flex-wrap: wrap; 
list-style-type: none; 
grid-gap: 15px;
padding: 0; 
margin: 0; 
}
.team-member .team-social ul li {
padding: 0;
margin: 0;
}
.team-member .team-social ul li a {
display: inline-block; 
font-size: 15px; 
color: #626262; 
text-align: center;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
transition: all 0.2s ease-in-out 0s;
}
.team-member .team-social ul li a:hover {
color: #fc692b;
}
.team-member .team-social ul li a:hover:hover i {
-webkit-animation: toTopFromBottom 0.25s forwards;
-moz-animation: toTopFromBottom 0.25s forwards;
animation: toTopFromBottom 0.25s forwards;
} .team-member.team-grayscale .member-image img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}
.team-member.team-grayscale .team-member-inner:hover .member-image img {
filter: inherit;
}   .team-member.team-style-1 {
margin-bottom: -10px;
}
.team-member.team-style-1 .member-image {
-webkit-box-shadow: 0 3px 16px rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 16px rgba(0,0,0,0.1);
box-shadow: 0 3px 16px rgba(0,0,0,0.1);
}
.team-member.team-style-1 .member-image img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
transform: scale(1.0);
transition: all 0.3s ease-in-out 0s;
}
.team-member.team-style-1 .team-member-inner:hover .member-image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.team-member.team-style-1 .member-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background: -webkit-linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
background: -moz-linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
background: linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
}
.team-member.team-style-1 .team-member-inner:hover .member-image:before {
opacity: 1;
} .team-member.team-style-1 .member-info {
position: relative;
z-index: 1;
background: #ffffff; 
padding: 20px;
margin: 0 20px;
margin-top: -25px; 
margin-bottom: 10px;
text-align: center;
border-bottom: 3px solid #fc692b;
border-radius: 3px;
box-shadow: 0 2px 15px rgba(0,0,0,0.07);
}
.team-member.team-style-1 .member-info:before {
content: "";
position: absolute;
left: 0; 
right: 0;
top: 0; 
bottom: 0;
opacity: 0;
z-index: -1;
background: #fc692b;
border-radius: 3px;
background-image: linear-gradient(90deg, #fc692b, #fe506a);
transition: all 0.3s ease-in-out 0s;
}
.team-member.team-style-1 .team-member-inner:hover .member-info:before {
opacity: 1;
}
.team-member.team-style-1 .team-member-inner:hover .member-name a,
.team-member.team-style-1 .team-member-inner:hover .member-position {
color: #ffffff;
} .team-member.team-style-1 .team-social {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
z-index: 2;
opacity: 0;
text-align: center;
transition: all 0.3s ease-in-out 0s;
}
.team-member.team-style-1 .team-social ul {
grid-gap: 17px;
}
.team-member.team-style-1 .team-social li a {
font-size: 16px; 
color: #ffffff;
}
.team-member.team-style-1 .team-member-inner:hover .team-social {
bottom: 35px;
opacity: 1;
}   .team-member.team-style-2 .member-image {
-webkit-box-shadow: 0 3px 16px rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 16px rgba(0,0,0,0.1);
box-shadow: 0 3px 16px rgba(0,0,0,0.1);
}
.team-member.team-style-2 .member-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background: -webkit-linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 70%);
background: -moz-linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 70%);
background: linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 70%);
}
.team-member.team-style-2 .team-member-inner:hover .member-image:before {
opacity: 1;
} .team-member.team-style-2 .team-social {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
opacity: 0;
text-align: center;
transition: all 0.3s ease-in-out 0s;
}
.team-member.team-style-2 .team-member-inner:hover .team-social {
bottom: 18px;
opacity: 1;
}
.team-member.team-style-2 .team-social ul {
grid-gap: 17px;
}
.team-member.team-style-2 .team-social li a {
font-size: 16px; 
color: #ffffff;
}
.team-member.team-style-2 .member-info {
margin-top: 15px;
text-align: center;
}   .team-member.team-style-3 .member-inner {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
z-index: 1;
opacity: 0;
padding: 20px;
background: #fc692b;
background-image: linear-gradient(90deg, #fc692b, #fe506a);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-member.team-style-3 .team-member-inner:hover .member-inner {
opacity: 1;
} .team-member.team-style-3 .member-inner .member-info {
width: 100%;
text-align: center;
} .team-member.team-style-3 .member-info .member-name a,
.team-member.team-style-3 .member-info .member-name a:hover,
.team-member.team-style-3 .member-info .member-position {
color: #ffffff;
} .team-member.team-style-3 .team-social {
position: absolute;
top: 25px;
right: 25px;
}
.team-member.team-style-3 .team-social ul {
display: inline-flex;
flex-wrap: wrap;
list-style-type: none;
justify-content: center;
grid-gap: 13px;
padding: 0;
margin: 0;
width: 22px;
}
.team-member.team-style-3 .team-social li a {
font-size: 16px; 
color: #ffffff;
}
.team-member.team-style-3 .team-social li a:hover {
color: #ffffff;
}   .team-member.team-style-4 {
margin-bottom: -10px;
}
.team-member.team-style-4 .member-image {
-webkit-box-shadow: 0 3px 16px rgba(0,0,0,0.1);
-moz-box-shadow: 0 3px 16px rgba(0,0,0,0.1);
box-shadow: 0 3px 16px rgba(0,0,0,0.1);
}
.team-member.team-style-4 .member-image img,
.team-member.team-style-4 .team-member-inner:hover .member-image img {
transform: inherit;
} .team-member.team-style-4 .member-info {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
padding: 20px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0,0,0,0.07);
}
.team-member.team-style-4 .member-info:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.9;
background: #fc692b;
transform: translateX(-100%);
transition: transform .65s cubic-bezier(.19,1,.22,1);
background-image: linear-gradient(90deg, #fc692b, #fe506a);
}
.team-member.team-style-4 .team-member-inner:hover .member-info:before {
transform: translateX(0);
}
.team-member.team-style-4 .member-info .member-name-pos {
position: absolute;
top: 30px;
bottom: 30px;
left: 30px;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
.team-member.team-style-4 .member-info .member-position,
.team-member.team-style-4 .member-info .member-name {
opacity: 0;
transform: translateX(-20px);
transition: transform 1s .25s,opacity 1s .25s;
transition-timing-function: cubic-bezier(.19,1,.22,1);
}
.team-member.team-style-4 .team-member-inner:hover .member-info .member-position,
.team-member.team-style-4 .team-member-inner:hover .member-info .member-name {
transform: translateX(0);
opacity: 1;
}
.team-member.team-style-4 .member-info .member-name {
font-size: 20px;
line-height: 30px;
}
.team-member.team-style-4 .team-member-inner .member-name a,
.team-member.team-style-4 .team-member-inner .member-name a:hover,
.team-member.team-style-4 .team-member-inner .member-position {
color: #ffffff;
} .team-member.team-style-4 .team-social {
position: absolute;
left: auto;
right: 25px;
top: 30px;
z-index: 2;
opacity: 0;
transform: translateX(-20px);
transition: transform 1s .40s,opacity 1s .40s;
transition-timing-function: cubic-bezier(.19,1,.22,1);
}
.team-member.team-style-4 .team-member-inner:hover .team-social {
transform: translateX(0);
opacity: 1;
}
.team-member.team-style-4 .team-social ul {
width: 18px;
justify-content: center;
grid-gap: 13px;
}
.team-member.team-style-4 .team-social li a {
font-size: 16px; 
color: #ffffff;
}
.team-member.team-style-4 .team-social li a:hover {
color: #ffffff;
}   .team-member.team-style-5 .member-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
z-index: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background: -webkit-linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
background: -moz-linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
background: linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
}
.team-member.team-style-5 .member-inner {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
z-index: 2;
text-align: center;
}
.team-member.team-style-5 .member-inner .member-info {
padding-bottom: 0;
transition: all 0.25s ease-in-out 0s;
}
.team-member.team-style-5 .team-member-inner .member-name a,
.team-member.team-style-5 .team-member-inner .member-position {
color: #ffffff;
}
.team-member.team-style-5 .team-member-inner .member-name a:hover {
color: #fc692b;
}
.team-member.team-style-5 .team-member-inner .team-social {
position: absolute;
left: -10px;
top: 20px;
z-index: 5;
opacity: 0;
transition: all 0.3s ease-in-out 0s;
}
.team-member.team-style-5 .team-member-inner .team-social ul {
grid-gap: 3px;
width: 45px;
}
.team-member.team-style-5 .team-social ul li a {
display: flex;
justify-content: center;
align-items: center;
position: relative;
left: 0;
width: 45px;
height: 45px;
background: #fc692b;
color: #ffffff;
}
.team-member.team-style-5 .team-social ul li a:hover {
color: #ffffff;
transform: inherit;
left: 5px;
}
.team-member.team-style-5 .team-member-inner:hover .team-social {
left: 20px;
opacity: 1;
}   .team-member.team-style-6 .member-image {
margin-left: 25px;
margin-right: 25px;
}
.team-member.team-style-6 .member-image {
overflow: hidden;
}
.team-member.team-style-6 .member-info {
margin-top: 20px;
text-align: center;
}
.team-member.team-style-6 .member-info .team-social {
margin-top: 10px;
}   .team-member .team-member-grid .member-info {
margin-bottom: 0;
}
.team-member .team-member-grid.desk-grid-5,
.team-member .team-member-grid.desk-grid-4,
.team-member .team-member-grid.desk-grid-3,
.team-member .team-member-grid.desk-grid-2 {
display: grid;
grid-gap: 25px;
}
.team-member .team-member-grid.desk-grid-5 {
grid-template-columns: repeat(5, 1fr);
}
.team-member .team-member-grid.desk-grid-4 {
grid-template-columns: repeat(4, 1fr);
}
.team-member .team-member-grid.desk-grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.team-member .team-member-grid.desk-grid-2 {
grid-template-columns: repeat(2, 1fr);
}   .elementor-page.single-team .site-content-contain {
padding: 100px 0;
}
.single-team .team-detail-info{background: #f9f9f9; padding: 40px; color: #323232;}
.single-team .user-quote {position: relative; font-style: italic;}
.single-team .user-quote:before { content: "\201c"; font-family: 'Playfair Display', serif;  color: #fc692b; opacity: 0.2; position: absolute; z-index: 0; left: 0; top: 0; font-size: 200px; font-style: normal; line-height: 130px;}
.team-detail-info .member-info {padding-left: 15px;} .team-detail-info .img-align-start {align-self: flex-start;}
.team-detail-info .user-image {position: relative;}
.team-detail-info .user-experience {position: absolute; bottom: 100px; top: 100px; right: 0; padding: 15px 15px;
font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 26px; letter-spacing: 3px; text-align: center; background: #fc692b; color: #ffffff; border-radius: 0 10px 10px 0; writing-mode: vertical-lr;  transform: rotate(180deg);} .team-detail-info .personal-info {margin-bottom: 15px;}
.team-detail-info .personal-info .user-position {position: relative; font-size: 13px; line-height: 18px; color: #fc692b; font-weight: 700;
letter-spacing: 3px; margin-bottom: 10px; padding-left: 20px; text-transform: uppercase;}
.team-detail-info .personal-info .user-position:before {content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px;
border-color: transparent transparent #fc692b transparent; position: absolute; left: 0px; top: 3px;}
.team-detail-info .personal-info .user-name {font-size: 46px;} .team-detail-info .contact-details {margin: 30px 0;}
.team-detail-info .contact-details ul {list-style-type: none; padding: 0; margin: 0;}
.team-detail-info .contact-details ul li {display: flex; margin-bottom: 8px; align-items: center;}
.team-detail-info .contact-details ul li:last-child {margin-bottom: 0;}
.team-detail-info .contact-details ul li i {display: flex; flex: none; justify-content: center; align-items: center; align-self: flex-start; width: 42px; height: 42px; background: #ffffff; color: #fc692b; font-size: 17px; margin-right: 20px;
box-shadow: 0 5px 15px rgba(0,0,0,0.07); border-radius: 3px;}
.team-detail-info .contact-info {display: flex; align-items: center;}
.team-detail-info .contact-info .contact-btn a {display: inline-block; background: #212121; font-size: 13px; color: #ffffff; line-height: 24px; font-weight: 500; text-transform: uppercase;
letter-spacing: 0.5px; text-decoration: none; padding: 12px 30px; margin-right: 10px; transition: all 0.3s ease-in-out 0s; border-radius: 3px;}
.team-detail-info .contact-info .contact-btn a:hover {background: #fc692b; color: #ffffff;}
.team-detail-info .contact-info .social-info {position: relative; padding-right: 15px;}
.team-detail-info .contact-info .social-info .social-icon {position: relative; width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; background: #ffffff; color: #fc692b; font-size: 16px; text-decoration: none; cursor: pointer; z-index: 1;
box-shadow: 0 5px 15px rgba(0,0,0,0.07); border-radius: 3px;}
.team-detail-info .contact-info .social-info ul {display: flex; list-style-type: none; grid-gap:10px; padding:0; margin:0; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; pointer-events: none; transition: all 0.3s ease-in-out 0s;}
.team-detail-info .contact-info .social-info ul li a {position: relative; top: 0; width: 48px; height: 48px; display: flex; justify-content: center; align-items: center; background: #ffffff; color: #fc692b; font-size: 16px; text-decoration: none; transition: all 0.2s ease-in-out 0s;
box-shadow: 0 5px 15px rgba(0,0,0,0.07); border-radius: 3px;}
.team-detail-info .contact-info .social-info ul li a:hover {top: -5px;}
.team-detail-info .contact-info .social-info:hover ul {left: 58px; opacity: 1; pointer-events: auto;}   .testimonial-main .testimonial-slider {
overflow: hidden;
}
.testimonial-main .testimonial-slider .swiper-wrapper {
overflow: visible;
}
.testimonial-main .testimonial-inner .author-description p{
margin: 0;
} .testimonial-main .testimonial-inner .author-details {
display: flex;
}
.testimonial-main .author-details .author-photo img {
width: 60px;
}
.testimonial-main .author-details .author-info {
align-self: center;
margin-left: 15px;
}
.testimonial-main .author-details .author-name {
font-size: 20px;
line-height: 26px;
font-weight: 600;
margin: 0;
}
.testimonial-main .author-details .author-position {
font-size: 14px;
color: #757575;
font-weight: 500;
}   .testimonial-main.testimonial-style-1 .testimonial-inner {
position: relative;
}
.testimonial-main.testimonial-style-1 .testimonial-inner .icon-quote {
position: absolute;
top: 20px;
left: 40px;
z-index: 2;
opacity: 0.12;
font-size: 70px;
line-height: 1;
color: #fc692b;
}
.testimonial-main.testimonial-style-1 .testimonial-inner .author-description {
position: relative;
background: #ffffff;
padding: 50px;
font-size: 17px;
line-height: 28px;
margin-top: 10px;
margin-bottom: 25px;
border-radius: 3px;
box-shadow: 0 3px 20px rgba(0,0,0,0.07);
}
.testimonial-main.testimonial-style-1 .testimonial-inner .author-description:before {
content: "";
position: absolute;
left: 55px;
bottom: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-color: #ffffff transparent transparent transparent;
}   .testimonial-main.testimonial-style-2 .testimonial-inner {
position: relative;
}
.testimonial-main.testimonial-style-2 .author-photo {
margin-bottom: 20px;
position: relative;
display: inline-block;
}
.testimonial-main.testimonial-style-2 .author-photo img {
width: 80px;
}
.testimonial-main.testimonial-style-2 .author-photo .quote {
background: #fc6634;
color: #fff;
display: inline-flex;
width: 30px;
height: 30px;
font-size: 13px;
border-radius: 50px;
position: absolute;
bottom: 0;
right: 0;
justify-content: center;
align-items: center;
}
.testimonial-main.testimonial-style-2 .testimonial-inner .icon-quote {
font-size: 100px;
line-height: 1;
color: #fc692b;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
opacity: 0.2;
display: flex;
align-items: center;
}
.testimonial-main.testimonial-style-2 .testimonial-inner .author-description {
font-size: 22px;
line-height: 1.5;
font-weight: 600;
}
.testimonial-main.testimonial-style-2 .testimonial-inner .author-details {
margin-top: 10px;
}
.testimonial-main.testimonial-style-2 .author-details .author-info {
align-self: center;
display: flex;
margin-left: 0;
}
.testimonial-main.testimonial-style-2 .author-details .author-name {
align-self: center;
}
.testimonial-main.testimonial-style-2 .author-details .author-position {
font-size: 14px;
align-self: center;
color: #fc692b;
margin-left: 15px;
} .testimonial-main.testimonial-style-2 .testimonial-inner.text-center .icon-quote,
.testimonial-main.testimonial-style-2 .testimonial-inner.text-center .author-details {
justify-content: center;
} .testimonial-main.testimonial-style-2 .testimonial-inner.text-right .icon-quote,
.testimonial-main.testimonial-style-2 .testimonial-inner.text-right .author-details {
justify-content: flex-end;
} .testimonial-style-2.position-center .swiper-container .swiper-button-next,
.testimonial-style-2.position-center .swiper-container .swiper-button-prev {
opacity: 1;
background-image: none;
}
.testimonial-style-2.position-center .swiper-container .swiper-button-next {
right: 15px;
}
.testimonial-style-2.position-center .swiper-container .swiper-button-prev {
left: 15px;
} .testimonial-style-2.position-bottom .swiper-container .swiper-button-next,
.testimonial-style-2.position-bottom .swiper-container .swiper-button-prev {
display: inline-block;
opacity: 1;
position: relative;
transform: translateY(0);
margin-top: 25px;
}
.testimonial-style-2.position-bottom .swiper-container .swiper-button-next,
.testimonial-style-2.position-bottom .swiper-container .swiper-button-prev {
right: auto;
left: auto;
transform: inherit;
}
.testimonial-style-2.position-bottom.arrow-default .swiper-container .swiper-button-next {
transform: translateX(35px);
}
.testimonial-style-2.position-bottom.arrow-default .swiper-container .swiper-button-prev {
transform: translateX(-35px);
}
.testimonial-style-2.position-bottom.arrow-style2 .swiper-container .swiper-button-next,
.testimonial-style-2.position-bottom.arrow-style3 .swiper-container .swiper-button-next {
transform: translateX(50px);
}
.testimonial-style-2.position-bottom.arrow-style2 .swiper-container .swiper-button-prev,
.testimonial-style-2.position-bottom.arrow-style3 .swiper-container .swiper-button-prev {
transform: translateX(-50px);
} .testimonial-style-2.position-bottom.arrow-default.text-left .swiper-container .swiper-button-next {
transform: translateX(40px);
}
.testimonial-style-2.position-bottom.arrow-default.text-left .swiper-container .swiper-button-prev {
transform: translateX(-28px);
} .testimonial-style-2.position-bottom.arrow-default.text-right .swiper-container .swiper-button-next {
transform: translateX(28px);
}
.testimonial-style-2.position-bottom.arrow-default.text-right .swiper-container .swiper-button-prev {
transform: translateX(-40px);
} .testimonial-style-2.position-bottom.arrow-style2.text-left .swiper-container .swiper-button-next,
.testimonial-style-2.position-bottom.arrow-style3.text-left .swiper-container .swiper-button-next {
transform: translateX(60px);
}
.testimonial-style-2.position-bottom.arrow-style2.text-left .swiper-container .swiper-button-prev,
.testimonial-style-2.position-bottom.arrow-style3.text-left .swiper-container .swiper-button-prev {
transform: translateX(-46px);
} .testimonial-style-2.position-bottom.arrow-style2.text-right .swiper-container .swiper-button-next,
.testimonial-style-2.position-bottom.arrow-style3.text-right .swiper-container .swiper-button-next {
transform: translateX(46px);
}
.testimonial-style-2.position-bottom.arrow-style2.text-right .swiper-container .swiper-button-prev,
.testimonial-style-2.position-bottom.arrow-style3.text-right .swiper-container .swiper-button-prev {
transform: translateX(-60px);
}   .testimonial-main.testimonial-style-3 .testimonial-inner {
position: relative;
background: #ffffff;
padding: 40px;
font-size: 17px;
line-height: 28px;
margin-top: 10px;
margin-bottom: 20px;
box-shadow: 0 3px 15px rgba(0,0,0,0.07);
}
.testimonial-main.testimonial-style-3 .testimonial-inner .icon-quote {
position: absolute;
bottom: 40px;
right: 40px;
z-index: 2;
font-size: 50px;
line-height: 1;
color: #fc692b;
}
.testimonial-main.testimonial-style-3 .testimonial-inner .author-description:before {
content: normal;
}
.testimonial-main.testimonial-style-3 .testimonial-inner .author-details {
margin-top: 25px;
}
.testimonial-main.testimonial-style-3 .swiper-container .swiper-button-next,
.testimonial-main.testimonial-style-3 .swiper-container .swiper-button-prev {
background-image: none;
}   .counter-default .number {
display: flex;
align-items: center;
font-size: 46px;
line-height: 1;
font-weight: 400;
margin-bottom: 10px;
}
.counter-default .counter-title {
margin-bottom: 0;
}
.counter-default .counter-icon {
font-size: 50px;
color: #fc692b;
line-height: normal;
}
.counter .timer {
display: inline-block;
}
.counter .suffix {
color: #fc692b;
margin-left: 3px;
}
.counter .counter-text {
margin-top: 5px;
}
.counter.counter-light .suffix {
color: #ffffff;
}   .counter-style-1 .counter-icon {
margin-bottom: 15px;
} .counter-style-1.text-center .number {
justify-content: center;
} .counter-style-1.text-right .number {
justify-content: flex-end;
}   .counter-style-2.icon-left {
display: flex;
}
.counter-style-2.icon-left .counter-icon {
margin-right: 25px;
} .counter-style-2.icon-right {
display: flex;
justify-content: flex-end;
}
.counter-style-2.icon-right .counter-icon {
order: 2;
margin-left: 25px;
}
.counter-style-2.icon-right .number {
justify-content: flex-end;
}
.counter-style-2.icon-right .counter-info {
width: 100%;
text-align: right;
}
.counter-style-2.icon-right .number .timer {
order: 2;
}
.counter-style-2.icon-right .number .suffix {
order: 1;
margin-left: 0;
margin-right: 3px;
}   .counter-style-3 {
position: relative;
z-index: 0;
padding-top: 15px;
}
.counter-style-3 .counter-icon {
position: absolute;
top: 0;
left: 50px;
font-size: 60px;
opacity: 0.3;
z-index: -1;
} .counter-style-3.text-center .number {
justify-content: center;
} .counter-style-3.text-right .number {
justify-content: flex-end;
}   .video-box {
position: relative;
z-index: 0;
}
.video-box .style-border,
.video-box .style-flat {
display: inline-block;
}
.video-button {
display: inline-flex; 
position: relative; 
text-decoration: none;
}
.video-button:hover {
text-decoration: none;
}
.video-button {
display: flex;
flex: none;
align-items: center;
justify-content: center;
background: #fc692b; 
width: 1em;
height: 1em;
padding: 1.4em;  
color: #ffffff; 
font-size: 22px; 
text-align: center;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
transition: all .3s ease;
}
.video-button i:before {
position: relative; 
left: 3px;
}
.video-box .video-text {
flex: none;
align-self: center;
padding-left: 15px;
color: #323232;
font-size: 14px;
font-weight: 500;
}
.video-button:hover {
background: #323232;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}   .video-box .title-right {
display: flex;    
}   .title-bottom .video-button {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.video-box .title-bottom .video-text {
display: block;
padding-left: 0;
padding-top: 15px;
}   .video-box .video-img {
position: relative;
overflow: hidden;
}
.video-box .video-img:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.5);
}
.video-box .video-img + .video-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}   .style-flat .video-button {
color: #ffffff;
}
.style-flat .video-button {
position: relative;
transition: all 0.5s ease;
}
.style-flat.pulse-effect-active .video-button:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
background: #fc692b;
animation-name: pulse-in-border;
animation-duration: 3s;
animation-iteration-count: infinite; }
.style-flat.pulse-effect-active .video-button:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
background: #fc692b;
animation-name: pulse-out-border;
animation-duration: 3.5s;
animation-iteration-count: infinite; }
@keyframes pulse-in-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
opacity: 0;
}
}
@keyframes pulse-out-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
opacity: 0;
}
}   .style-border .video-button {
background: transparent;
border: 2px solid #fc692b;
color: #fc692b;
}
.style-border.pulse-effect-active .video-button:before,
.style-border.pulse-effect-active .video-button:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid #fc692b;
}
.style-border.pulse-effect-active .video-button:before {
-webkit-animation: ripple 2s linear infinite;
-moz-animation: ripple 2s linear infinite;
animation: ripple 2s linear infinite;
}
.style-border.pulse-effect-active .video-button:after {
-webkit-animation: ripple 2s linear 1s infinite;
-moz-animation: ripple 2s linear 1s infinite;
animation: ripple 2s linear 1s infinite;
}
@-webkit-keyframes ripple {
0% { -webkit-transform: scale(1); }
75% { -webkit-transform: scale(1.60); opacity: 1; }
100% { -webkit-transform: scale(1.85); opacity: 0; }
}
@keyframes ripple {
0% { transform: scale(1); }
75% { transform: scale(1.60); opacity: 1; }
100% { transform: scale(1.85); opacity: 0; }
}   .wp24-dc #dc-form-1 {
border-radius: 5px;
overflow: hidden;
}
.wp24-dc #dc-form-1 .dot {
display: none;
}
.wp24-dc #dc-form-1 #dc-domain-1 {
width: 100%;
height: 55px;
font-size: 16px;
padding: 10px 20px;
margin: 0;
border: none;
outline: none;
}
.wp24-dc #dc-form-1 #dc-tld-1 {
width: 200px;
height: 55px;
border: none;
font-size: 16px;
padding: 10px 20px;
margin: 0;
outline: none;
border-left: 1px solid #e8e8e8;
background: rgb(255 255 255) url(//saki.itsha.ru/wp-content/plugins/finix-core/assest/images/down-arrow.png) no-repeat scroll calc(100% + -20px) center/8px auto;
background-size: 9px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wp24-dc #dc-form-1 #dc-submit-1 {
height: 55px;
border: none;
padding: 10px 30px;
background: #000000;
font-size: 15px;
color: #ffffff;
cursor: pointer;
}
.domain-check.text-center .wp24-dc form > div {
justify-content: center;
}
.domain-check.text-right .wp24-dc form > div {
justify-content: end;
} .domain-check .wp24-dc form > div,
.domain-check .wp24-dc .dc-form > div {
align-items: inherit;
}
.wp24-dc #dc-form-1 span {
display: flex;
align-items: center;
background: #ffffff;
padding-left: 20px;
}
.wp24-dc #dc-form-1 span + #dc-domain-1 {
padding-left: 5px;
} .wp24-dc #dc-result-1 .table {
display: block;
}
.wp24-dc #dc-result-1 .table .table-row {
display: inline-flex;
align-items: baseline;
background: #fc692b;
color: #ffffff;
padding: 5px 30px;
margin: 3px;
border-radius: 3px;
}
.wp24-dc #dc-result-1 .table .table-row .table-cell-domain {
display: block;
line-height: 36px;
font-size: 28px;
padding: 0;
}
.wp24-dc #dc-result-1 .table .table-row .table-cell-status {
display: block;
line-height: 22px;
padding-left: 5px;
color: #ffffff !important;
} .web-host-title {
margin-top: 10px;
margin-bottom: 20px;
}
.web-host-list ul {
display: flex;
flex-wrap: wrap;
grid-gap: 10px;
list-style-type: none;
padding: 0;
margin: 0;
}
.domain-check.text-center .web-host-list ul {
justify-content: center;
}
.domain-check.text-right .web-host-list ul {
justify-content: flex-end;
}
.web-host-list ul li {
margin: 0;
padding: 5px 22px;
border-radius: 50px;
font-size: 14px;
border: 2px solid #e0e0e0;
transition: all 0.3s ease-in-out 0s;
}
.web-host-list ul li:hover {
background: #fc692b;
color: #fff;
border-color: transparent;
}
.web-host-list ul li span {
color: #fc692b;
font-size: 16px;
font-weight: 600;
padding-right: 3px;
transition: all 0.3s ease-in-out 0s;
}
.web-host-list ul li:hover span {
color: #fff;
}   .finix-form-element .form-main-title {
margin-bottom: 20px;
}
.finix-form-element .form-main-title span {
color: #fc692b;
}
.finix-form-element .form-info-content {
margin-bottom: 30px;
}
.finix-form-element .wpcf7-form-control-checkbox {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.finix-form-element .wpcf7-form-control-checkbox .remember input {
margin-right: 5px;
} 
.finix-form-element .wpcf7-form-control-action {
display: flex;
align-items: center;
justify-content: space-between;
}
.finix-form-element .signup-form .wpcf7-form-control-action {
margin-top: 15px;
}
.finix-form-element .form-link {
color: #fc692b;
transition: all 0.3s ease-in-out 0s;
}
.finix-form-element .form-link:hover {
text-decoration: underline;
}
.finix-form-element .success-check {
margin-bottom: 20px;
}
.finix-form-element .success-check i {
display: inline-flex;
justify-content: center;
align-items: center;
width: 1em;
height: 1em;
background: #e5f9f0;
color: #10c58a;
padding: 1.1em;
font-size: 34px;
margin-bottom: 15px;
border-radius: 70px;
}
.finix-form-element.after-login .form-link {
color: #ffffff;
padding: 3px 10px;
border-radius: 3px;
background: #fc692b;
font-size: 12px;
font-weight: 400;
margin-left: 5px;
border: 2px solid #fc692b;
text-transform: uppercase;
}
.finix-form-element.after-login .form-link:hover {
color: #fc692b;
background: transparent;
text-decoration: none;
}
.finix-form-element .wpcf7-form-divider-separator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
width: 100%;
margin: 25px 0;
}
.finix-form-element .wpcf7-form-divider-separator:before,
.finix-form-element .wpcf7-form-divider-separator:after {
display: block;
content: "";
border-bottom: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border-top: 1px solid #e8e8e8;
}
.finix-form-element .wpcf7-form-divider-separator .divider-separator-inner {
margin: 0 20px;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 14px;
font-weight: 500;
color: #969696;
text-transform: uppercase;
letter-spacing: 1.5px;
}