.product-search .product-search-form .product-search-form {
position: relative;
}
.product-search .product-search-form .product-search-form input,
.product-search .search-wrapper input{
border: none;
border-bottom: 1px solid #e5e5e5;
font-size: 20px;
font-family: var(--primary-font);
padding-right: 60px;
color: var(--primary-color);
padding: 0px 40px 0 20px;
height: 45px;
}
.product-search .product-search-form .product-search-form button[type=submit]{
position: absolute;
right: 20px;
left: auto;
top: auto;
bottom: 12px;
background: none;
padding: 0;
font-size: 0;
}
.product-search .product-search-form .product-search-form button[type=submit]::after{
content: '\f002';
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 13px;
}
.search-results.active {
display: block;
margin: 30px 0 0;
float: left;
width: 100%;
}
.search-results.active ul {
list-style: none;
margin:0 !important;
padding: 0 !important;
}
.search-results.active ul::-webkit-scrollbar-track {
background-color: #d7d7d7;
}
.search-results.active ul::-webkit-scrollbar-thumb {
background-color: #a0a0a0;
}
.search-results.active ul::-webkit-scrollbar {
height:2px;
}
.search-results.active ul li {
display: block;
padding: 0 20px;
position: relative;
float: left;
width: 50%;
}
.search-results.active ul li:last-child {
border-bottom: none;
}
.search-results.active ul li a {
display: flex;
width: 100%;
align-items: center;
position: relative;
border-bottom: 1px solid #e0e0e0;
padding: 0 0 30px;
margin: 0 0 30px;
}
.search-results.active ul li a:hover{
color: #111;
}
.search-results.active ul li a > * {
display: table-cell;
vertical-align: top;
}
.search-results.active .product-image {
width: 15%;
max-width: 15%;
}
.search-results.active .product-data .product-sku,
.search-results.active .product-data .product-categories{
color: #666;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
text-align: left;
}
.search-results.active a:hover .product-data .product-sku,
.search-results.active a:hover .product-data .product-categories{
color: #111;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.product-data {
padding-left: 24px;
}
.search-results.active h3 {
display: block;
text-align: left;
}
.search-results.active .product-data h3,
.search-results.active .product-data .product-price {
margin: 0 0 10px;
}
.product-data div:not(.product-categories) {
display: inline-block;
vertical-align: middle;
}
.product-data{
text-align: left;
}
.product-data .product-price .regular-price{
color: #666;
}
.product-data .product-price .sale-price{
color: #111;
font-weight: 500;
position: relative;
padding: 0 0 0 12px;
margin: 0 0 0 6px;
}
.product-data .product-price .sale-price::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: auto;
width: 6px;
height: 2px;
content: '';
background: #666;
margin: auto;
}
.product-data .product-stock {
padding: 4px 8px;
background: #eeeeee;
border-radius: 4px;
position: absolute;
bottom: 30px;
right: 0;
}
.product-categories > span {
display: inline-block;
margin-right: 4px;
}
.product-categories > span:after {
content: ",";
}
.product-categories > span:last-child:after {
content: "";
}
.product-categories > span:last-child {
margin-right:0;
}
.product-search select {
width: 100% !important;
min-height: 40px !important;
margin-bottom: 16px;
}
.product-search select,
.product-search input {
background: var(--secondary-color);
border:1px solid var(--border-color-1);
}
.search-wrapper {
position: relative;
}
.search-wrapper input {
padding-right: 35px !important;
}
.search-wrapper svg {
position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
fill:#bdbdbd;
animation:loading 500ms 0ms infinite normal linear;
transform-origin: center;
opacity: 0;
}
.search-wrapper.loading svg {
opacity:1;
}
@keyframes loading {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}
@media(min-width: 1200px){
.search-results.active ul {
overflow: auto;
height: 570px;
scrollbar-width: thin;
}
}
@media(max-width: 1199px){
.product-data .product-price{
top: 10px;
}
.product-data h3{
font-size: 20px;
margin: 0 0 15px;
}
}
@media(max-width: 991px){
.search-results.active ul li{
width: 100%;
}
}
@media(max-width: 767px){
.search-results.active .product-image {
width: 20%;
max-width: 20%;
}
.product-search .product-search-form .product-search-form input, .product-search .search-wrapper input{
font-size: 18px;
}
.product-data h3{
margin: 0 0 12px;
}
}
@media(max-width: 575px){
.product-data h3{
font-size: 16px;
margin: 0 0 8px;
}
.search-results .product-data .product-sku, .search-results .product-data .product-categories{
font-size: 13px;
float: left;
width: 100%;
}
.search-results.active ul li{
padding: 0;
}
.search-results.active .product-data{
padding-left: 15px;
}
.product-data .product-price,
.product-data .product-stock{
position: static;
}
.product-data .product-stock{
font-size: 12px;
margin: 10px 0 0;
}
.product-data .product-price{
margin: 0 0 5px;
float: left;
width: 100%;
}
}
@media(max-width: 480px){
.search-results.active .product-image {
width: 70%;
max-width: 70%;
}
} .tiny {
font-size: 1rem;
text-align: center;
margin-bottom: 2rem;
}
.swiper-container {
width: 100%;
height: 100%;
position: relative;
}
.swiper-container:after {
content: '';
display: block;
width: 200%;
height: 1px;
background: linear-gradient(90deg, black 50%, transparent 50%);
background-size: 10% 1px;
background-position: -50px;
background-repeat: repeat-x;
position: absolute;
left: -10%;
top: 40%;
animation: line-slide 60s forwards infinite linear;
z-index: 1;
}
.swiper-container.swiper--bottom:after {
animation-direction: reverse;
}
.swiper-wrapper {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
position: relative;
}
.swiper-slide {
text-align: center; background: transparent;
display: flex;
justify-content: center;
align-items: center;
width: auto;
position: relative;
overflow: hidden;
padding: 0;
}
@keyframes line-slide {
0% {
background-position: -5% 0;
}
100% {
background-position: 100% 0;
}
}
.swiper-container {
overflow: visible;
}
.swiper-pagination {
position: absolute;
bottom: -25px;
} .service-block .swiper-wrapper .swiper-slide .service-box-inner{
flex-direction: column;
display: flex;
align-items: center;
width: 68%;
margin: auto;
}
.service-block .service-box-inner .tt-feature-box-containt{
text-align: center;
}
.service-block .tt-feature-box-containt h4{
font-size: 26px;
text-transform: uppercase;
color: var(--primary-color);
margin-bottom: 0;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.service-block .tt-feature-box-containt .tt-box-border{
padding: 30px 0 25px;
position: relative;
margin-bottom: 25px;
}
.service-block .tt-feature-box-containt .tt-box-border::before,
.service-block .tt-feature-box-containt .tt-box-border::after{
content: '';
position: absolute;
left: 0;
right: 0;
top: auto;
bottom: 0;
margin: auto;
background-color: var(--primary-color);
width: 35px;
height: 1px;
}
.service-block .tt-feature-box-containt .tt-box-border::after{
bottom: 5px;
}
.service-block .tt-feature-box-containt h4:hover{
color: var(--secondary-color);
}
.service-block .tt-feature-box-containt p{
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-bottom: 0;
color: var(--tertiary-color);
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
} .team-wrap.swiper-slide{
padding: 0;
}
.elementor-widget-Team .tt-team-wrap .tt-team .team-wrap {
padding: 0;
background: transparent;
}
.tt-team-wrap .tt-team .team-info-wrapper{
float: left;
width: 100%;
}
.tt-team-wrap .tt-team .team-info-wrapper .team-frame{
position: relative;
}
.tt-team .team-info-wrapper .team-info{
background: transparent;
padding: 20px 0;
float: left;
width: 100%;
text-align: center;
}
.tt-team .team-info-wrapper .team-info .team-designation{
position: relative;
color: var(--tertiary-color);
margin: 0;
display: inline-block;
text-align: center;
font-family: var(--primary-font);
font-size: 18px;
font-style: italic;
font-weight: 400;
text-transform: capitalize;
}
.tt-team .team-info-wrapper .team-info .team-designation::before,
.tt-team .team-info-wrapper .team-info .team-designation::after{
content: '';
position: absolute;
left: -12px;
right: auto;
top: 0;
bottom: 0;
margin: auto;
background-color: var(--tertiary-color);
width: 5px;
height: 1px;
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
.tt-team .team-info-wrapper .team-info .team-designation::after{
left: auto;
right: -12px;
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
.tt-team .team-info-wrapper .team-info .team-title{
text-align: center;
font-size: 30px;
line-height: normal;
font-weight: 400;
text-transform: uppercase;
font-family: var(--primary-font);
color: var(--primary-color);
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.tt-team .team-info-wrapper .team-info .team-title:hover{
color: var(--secondary-color);
}
.team-img{
position: relative;
overflow: hidden;
}
.team-img img{
transform: scale(1.05);
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.team-img:hover img {
transform: scale(1.05) translateX(2%);
-webkit-transform: scale(1.05) translateX(2%);
-moz-transform: scale(1.05) translateX(2%);
-ms-transform: scale(1.05) translateX(2%);
-o-transform: scale(1.05) translateX(2%);
}
.team-info-wrapper .team-img .team-social{
position: absolute;
top: 0;
bottom: 0;
left: auto;
right: 0;
margin: auto;
opacity: 1;
z-index: 1;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.team-info-wrapper .team-img .team-social a {
color: var(--body-bg-color);
padding: 6px;
font-size: 18px;
display: inline-block;
width: 40px;
height: 40px;
background-color: var(--primary-color);
}
.team-info-wrapper .team-img .team-social a svg{
transition: none;
color: var(--body-bg-color);
} .tt-testimonial .swiper-wrapper{
margin-bottom: 50px;
}
.tt-testimonial .swiper-button{
color: var(--tertiary-color);
}
.testimonial-wrap.swiper-slide{
background: transparent;
text-align: center;
}
.tt-testimonial-wrap{
position: relative;
padding-top: 120px;
}
.tt-testimonial-wrap::after{
content: '\f10d';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: auto;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 22px;
width: 80px;
height: 80px;
border-radius: 50%;
z-index: 1;
color: var(--tertiary-color);
border: 1px solid var(--tertiary-color);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.testimonial-wrap .testimonial-details{
width: 70%;
margin: auto;
}
.testimonial-wrap .testimonial-details p{
color: var(--tertiary-color);
font-size: 26px;
font-weight: 400;
line-height: 40px;
font-family: var(--primary-font);
font-style: italic;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
margin-bottom: 35px;
}
.testimonial-rating{
margin-bottom: 18px;
}
.testimonial-rating svg{
color: var(--primary-color);
font-size: 14px;
padding-right: 3px;
}
.testimonial-info span{
color: var(--primary-color);
font-family: var(--primary-font);
font-size: 22px;
font-weight: 600;
letter-spacing: 1px;
margin: 0;
text-transform: uppercase;
}
.testimonial-designation{
display: none;
} .blog-style .tt-post-wrapper.swiper-slide{
background: transparent;
padding: 0;
} .swiper-pagination-clickable .swiper-pagination-bullet{
width: 10px;
height: 10px;
background-color: var(--secondary-color);
position: relative;
}
.swiper-pagination-clickable .swiper-pagination-bullet::after{
content: '';
position: absolute;
left: -3px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: var(--primary-color);
}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
border: 1px solid var(--primary-color);
} .video-section{
max-height: 650px;
position: relative;
}
.elementor-element.heading-center{
position: absolute;
left: 0;
right: 0;
top: 22%;
bottom: auto;
margin: auto;
}  .client-logo .swiper-wrapper .item a{
float: left;
width: 100%;
opacity: 0.3
}
.client-logo .swiper-wrapper .item a:hover{
opacity: 1;
} .tt-services-thumbnail.grid-item .tt-service-img{
display: none;
}
.tt-services-thumbnail.grid-item:nth-child(odd){
padding-right: 60px;
}
.tt-services-thumbnail.grid-item:nth-child(even){
padding-left: 60px;
}
.tt-services-thumbnail.grid-item .title-content-wrap{
padding-bottom: 18px;
margin-bottom: 30px;
border-bottom: 1px solid var(--border-color-1);
}
.tt-services-thumbnail.grid-item .title-content-wrap{
display: flex;
justify-content: space-between;
align-items: center;
}
.tt-services-thumbnail.grid-item .title-content-wrap h4{
color: var(--secondary-color);
font-family: var(--primary-font);
font-size: 28px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 10px;
transition: all 400ms ease-in-out 0s;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
}
.tt-services-thumbnail.grid-item .title-content-wrap h4:hover{
color: var(--primary-color);
}
.tt-services-thumbnail.grid-item .title-content-wrap p{
color: var(--tertiary-color);
font-size: 16px;
font-weight: 400;
margin-bottom: 0;
}
.tt-services-thumbnail.grid-item .service-img-price h3{
font-size: 30px;
margin-bottom: 0;
} .tt-feature-box.swiper-slide .item .tt-services-thumbnail.swiper-slide:last-child .tt-service-inner{
display: flex;
flex-direction: row-reverse;
}
.tt-services-thumbnail.swiper-slide .tt-service-inner{
display: flex;
}
.tt-services-thumbnail.swiper-slide .tt-service-inner .tt-service-img,
.tt-services-thumbnail.swiper-slide .tt-service-inner .title-content-wrap{
width: 50%;
}
.tt-services-thumbnail.swiper-slide .tt-service-inner .title-content-wrap{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 10px;
background: var(--body-bg-light);
}
.tt-services-thumbnail.swiper-slide .tt-service-inner .title-content-wrap button{
background: transparent;
height: 45px;
width: 45px;
border: 1px solid var(--secondary-color);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition: all .4s ease-in-out 0s;
-ms-transition: all .4s ease-in-out 0s;
-o-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
}
.tt-services-thumbnail.swiper-slide .tt-service-inner .title-content-wrap button:hover{
border-color: var(--primary-color);
}
.tt-services-thumbnail.swiper-slide .tt-service-inner .title-content-wrap button:hover svg{
color: var(--primary-color);
}
.tt-services-thumbnail.swiper-slide .tt-service-inner .title-content-wrap button svg{
color: var(--secondary-color);
width: 25px;
}
.tt-services-thumbnail.swiper-slide .tt-service-inner .service-content-inner h4{
color: var(--secondary-color);
font-size: 30px;
font-weight: 500;
text-transform: uppercase;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition: all .4s ease-in-out 0s;
-ms-transition: all .4s ease-in-out 0s;
-o-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
margin-bottom: 15px;
line-height: normal;
}
.tt-services-thumbnail.swiper-slide .tt-service-inner .service-content-inner h4:hover{
color: var(--primary-color);
}
.tt-services-thumbnail.swiper-slide .tt-service-inner .service-content-inner p{
color: var(--tertiary-color);
font-family: var(--secondary-font);
font-size: 16px;
font-weight: 400;
line-height: 24px; 
margin-bottom: 30px;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
} .elementor-custom-embed-image-overlay .elementor-custom-embed-play{
top: 55%;
} .swiper-navigation .swiper-button > svg{
display: none;
}
.tt-testimonial-wrap .swiper-navigation .swiper-button{
background: transparent;
width:auto;
}
.tt-testimonial-wrap .swiper-navigation .swiper-button::after,
.tt-testimonial-wrap .swiper-rtl .swiper-navigation .swiper-button::after{
font-size: 45px;
width: auto;
}
.tt-testimonial-wrap .swiper-navigation .swiper-button.swiper-button-prev{
left: 0;
}
.tt-testimonial-wrap .swiper-navigation .swiper-button.swiper-button-next{
right: 0;
}
.swiper-navigation .swiper-button.swiper-button-prev{
left: -50px;
}
.swiper-navigation .swiper-button.swiper-button-next{
right: -50px;
}
.swiper-navigation .swiper-button{
width: 50px;
height: 50px;
background: transparent;
z-index: 1;
}
.swiper-navigation .swiper-button::after, .swiper-rtl .swiper-navigation .swiper-button::after{
font-size: 20px;
width: auto;
color: var(--primary-color);
}