.tf-title-section .title-section .blurred-text {
color: transparent;
-webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: rgba(31,36,44,0.07);
white-space: nowrap;
}
.tf-title-section .sub-title p {
margin: 0;
}
.tf-title-section .title-section .blurred-text { -webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-repeat: no-repeat;
background-size: 70%;
animation: shine 5s linear infinite;
position: relative;
}
.tf-title-section .title-section .heading,
.tf-title-section .title-section .sub-title {
position: relative;
z-index: 1;
}.tf-accordion .accordion-title.icon_after .accordion-icon {
float: right;
}
.tf-accordion .tf-accordion-item:last-of-type {
margin-bottom: 0 !important;
}
.tf-accordion .accordion-title {
cursor: pointer;
display: flex;
align-items: center;
overflow: hidden;
}
.accordion-icon-open,
.tf-accordion-item.active .accordion-icon-close {
display: none;
}
.accordion-icon-close,
.tf-accordion-item.active .accordion-icon-open {
display: block;
}
.tf-accordion .accordion-title > span.wrap-accordion-icon {
display: flex;
justify-content: center;
align-items: center;
}
.accordion-title,
.wrap-accordion-icon {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;  
}.timeline img {
border: 0;
max-width: 100%;
}
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
padding-left: 0px !important;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 1px;
background-color: #d3e6f3;
left: 50%;
margin-left: -1.5px;
}
.timeline li {
margin-bottom: 25px;
position: relative;
}
.timeline li:before,
.timeline li:after {
content: " ";
display: table;
}
.timeline li:after {
clear: both;
}
.timeline li .timeline-panel {
width: 45%;
float: left;
background: #fff;
border: 1px solid #d2e3f9;
padding: 15px;
position: relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.timeline li .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #d2e3f9;
border-right: 0 solid #d2e3f9;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline li .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline li.timeline-inverted .timeline-panel {
float: right;
}
.timeline li.timeline-inverted .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline li.timeline-inverted .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline li .tl-circ {
position: absolute;
top: 23px;
left: 50%;
text-align: center;
background: #2196f3;
color: #fff;
width: 25px;
height: 25px;
line-height: 25px;
margin-left: -13px;
border: 5px solid #d2e3f9;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
z-index: 1;
}
.tl-heading h4{
margin: 0; font-size: 18px;
color: #2b3138;
text-transform: uppercase;
}
.tl-heading .be-title{
color: #2b3138;
}
@media (max-width: 991px) {
.timeline li .timeline-panel {
width: 44%;
}
}
@media (max-width: 700px) {
ul.timeline:before , .timeline.timeline-one-sided:before{
left: 40px;
}
ul.timeline li .timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}
ul.timeline li .tl-circ {
top: 22px;
left: 28px;
margin-left: 0;
}
ul.timeline > li > .timeline-panel {
float: right;
}
ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-panel {
display: block;
}
}
.be-pack.timeline .timeline_pic {
padding: 0px 15px 0px 0px;
}
.be-title {
display: inline-block;
}
.tl-content img {
float: left;
}
.be-content p {
margin-bottom: 5px;
}
.tl-content {
display: flex;
justify-content: center;
align-items: center;
} .timeline.timeline-one-sided .tl-content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.timeline.timeline-one-sided:before {
left: 33.70%;
}
.timeline.timeline-one-sided li {
padding-left: 0px;
}
.timeline.timeline-one-sided .be-title{
margin-bottom: 0px;
}
.timeline.timeline-one-sided li .timeline-panel {
float: right;
width: calc(70% - 90px);
padding: 15px;
}
.timeline.timeline-one-sided li .timeline-panel:before {
left: -15px;
right: auto;
border-right-width: 15px;
border-left-width: 0;
}
.timeline.timeline-one-sided li .timeline-panel:after {
left: -14px;
right: auto;
border-right-width: 14px;
border-left-width: 0;
}
.timeline.timeline-one-sided li .tl-circ {
left: 32.5%;
margin-left: 0;
} @media (max-width: 700px) { .timeline.timeline-one-sided:before {
left: 40px;
} .timeline.timeline-one-sided li .timeline-panel {
width: calc(100% - 90px);
float: right;
}
.timeline.timeline-one-sided .be-title{
margin-bottom: 15px;
} .timeline.timeline-one-sided li .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline.timeline-one-sided li .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
} .timeline.timeline-one-sided li .tl-circ {
left: 28px;
top: 22px;
margin-left: 0;
} .timeline.timeline-one-sided li {
padding-left: 0;
}
}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}.tf-team {
overflow: hidden;
}
.tf-team.default .social {
display: inline-block;
align-items: center;
width: 100%; 
margin-top: 5px;   
}
.tf-team.default .social a {
width: 36px;
height: 36px;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 5px;
background: #F0F4F9;
border-radius: 50%;
}
.tf-team.default .social a:first-child {
margin-left: 0;
}
.tf-team.default .social a:last-child {
margin-right: 0;
} .tf-team.style1 .content:after,
.tf-team .social a,
.tf-team.style1 .content,
.tf-team .image-team img {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.tf-team.style1 .image-team {
margin-bottom: 92px;
}
.tf-team.style1 {
text-align: center;
}
.tf-team.style1 .content {
padding: 30px 10px 27px 10px;
}
.tf-team.style1:hover .content {
padding-bottom: 76px;
}
.tf-team.style1 .content {
position: absolute;
bottom: 0;
left: 22px;
right: 22px;
overflow: hidden;
}
.tf-team.style1 .content:before,
.tf-team.style1 .content:after {
content: '';
position: absolute;
z-index: 2;
bottom: 0;
height: 3px;
width: 0;
background: rgb(255, 112, 41);
transition: 0;
}
.tf-team.style1 .content:before {
left: 0;
}
.tf-team.style1 .content:after {
-webkit-transition: width 0.7s;
-moz-transition: width 0.7s;
-ms-transition: width 0.7s;
-o-transition: width 0.7s;
transition: width 0.7s;
right: 0;
}
.tf-team.style1:hover .content:before {
width: 100%;
-webkit-transition: width 0.7s;
-moz-transition: width 0.7s;
-ms-transition: width 0.7s;
-o-transition: width 0.7s;
transition: width 0.7s;
}
.tf-team.style1:hover .content:after {
width: 100%;
transition: 0s;
background: transparent !important;
}
.tf-team.style1:hover .inner-image img {
-webkit-transform: scale(1.1); 
-ms-transform: scale(1.1); 
transform: scale(1.1); 
}
.tf-team.style1 .social {
display: flex;
justify-content: center;
align-items: center;
width: 100%;   
position: absolute;
left: 0px;
bottom: 0; 
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.tf-team.style1:hover .social {
bottom: 22px;
}
.tf-team.style1 .social a {
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
margin: 5px;
background: #F0F4F9;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
.tf-team.style1 .social a:first-child {
margin-left: 0;
}
.tf-team.style1 .social a:last-child {
margin-right: 0;
}
.tf-team.style1:hover .social a {
opacity: 1;
visibility: visible;
}
.tf-team.style1 .social a:nth-child(1) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.tf-team.style1 .social a:nth-child(2) {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.tf-team.style1 .social a:nth-child(3) {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
} .tf-team.style2 {
text-align: left;
}
.tf-team.style2 .image-team {
margin-bottom: 38px;
}
.tf-team.style2 .image-team .inner-image {
position: relative;
}
.tf-team.style2 .social {
position: absolute;
top: 26px;
right: 21px;
border-radius: 5px;
overflow: hidden;
z-index: 3;
}
.tf-team.style2 .social a {
width: 54px;
height: 54px;
display: flex;
justify-content: center;
align-items: center;
background: #F0F4F9;
transition: transform .4s ease-in, opacity .4s;
border-radius: 5px;
}
.tf-team.style2 .hover-social {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.tf-team.style2 .social .social-item a {
transform: translateY(-20px);
opacity: 0;
margin-top: 2px;
}
.tf-team.style2:hover .social .inner-social .social-item a {
opacity: 1;    
transform: translateY(0);
transition: transform .4s ease-in-out, opacity .4s ease-in-out;
}
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(1) {
transition-delay: 0s; }
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(2) {
transition-delay: 0.1s; }
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(3) {
transition-delay: 0.2s; }
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(4) {
transition-delay: 0.3s; }
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(5) {
transition-delay: 0.4s; }
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(6) {
transition-delay: 0.5s; }
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(7) {
transition-delay: 0.6s; }
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(8) {
transition-delay: 0.7s; }
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(9) {
transition-delay: 0.8s; }
.tf-team.style2:hover .social .inner-social .social-item a:not(:first-child):nth-child(10) {
transition-delay: 0.9s; }
.tf-team.style2 .content {
position: absolute;
bottom: 0;
left: 22px;
right: 22px;
overflow: hidden;
box-shadow: 0px 3px 20px 0px rgb(0 0 0 / 6%);
padding: 25px 33px 18px 33px;
z-index: 2;
}
.tf-team .inner-image {
position: relative;
overflow: hidden;
}
.tf-team.style2:hover .inner-image img {
-webkit-transform: scale(1.1); 
-ms-transform: scale(1.1); 
transform: scale(1.1); 
}
.tf-team.style2:hover {
cursor: pointer;
}