@-webkit-keyframes spin {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-moz-keyframes spin {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.section-heading {
font-weight: 500;
font-size: 40px;
float: left;
width: 100%;
color: var(--secondary-bg-color);
line-height: 48px;
margin: 10px 0 0 0;
}
.tt-section-title p {
width: 100%;
font-family: var(--primary-font);
color: var(--body-text-color);
float: left;
margin: auto;
font-size: 16px;
font-weight: 400;
font-style: italic;
margin: 30px 0;
}
.tt-section-title.text-center p {
float: none;
font-size: 26px;
}
.tt-section-title {
float: left;
width: 100%;
}
.tt-section-sab {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: var(--primary-color);
line-height: 18px;
letter-spacing: 1px;
}
.section-img a {
float: none;
display: inline-block;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.section-img {
float: left;
width: 100%;
margin: 15px 0 0;
}
.service_col.elementor-element.elementor-element-d650969 {
width: 94% !important;
justify-content: center;
display: flex;
align-items: center;
margin: auto;
}  .tt-cms-block {
display: flex;
}
.tt-cms-block .cms-block-text,
.tt-cms-block .cms-block-image {
flex: 1;
}
.tt-cms-block .cms-block-image img {
width: 100%;
}
.tt-cms-block .cms-block-text {
background: #eeebe7;
display: flex;
align-items: center;
justify-content: center;
}
.tt-cms-block .cms-block-text .wpcms-block-content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 0 120px;
}
.tt-cms-block .cms-block-image {
float: none;
display: block;
position: relative;
overflow: hidden;
}
.banner-hover {
overflow: hidden;
}
.banner-hover .elementor-widget-container img,
.banner-hover:hover .elementor-widget-container img,
.tt-cms-block:hover .cms-block-image>img,
.tt-cms-block .cms-block-image>img {
transition: all 1.5s ease-in-out 0s;
-webkit-transition: all 1.5s ease-in-out 0s;
-moz-transition: all 1.5s ease-in-out 0s;
-o-transition: all 1.5s ease-in-out 0s;
-ms-transition: all 1.5s ease-in-out 0s;
cursor: pointer;
}
.banner-hover:hover .elementor-widget-container img,
.tt-cms-block:hover .cms-block-image>img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.tt-cms-block .cms-block-image::after,
.tt-cms-block .cms-block-image::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.tt-cms-block:hover .cms-block-image::after {
height: 0;
top: 50%;
bottom: 50%;
background: rgba(255, 255, 255, .2);
}
.tt-cms-block:hover .cms-block-image::before {
right: 50%;
left: 50%;
width: 0;
background: rgba(255, 255, 255, .2);
}
.tt-cms-block .cms-block-text .wpcms-block-content .cms-block-content {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
margin: 0 0 10px;
color: var(--color-text);
}
.tt-cms-block .cms-block-text .wpcms-block-content .cms-block-title {
font-size: 34px;
line-height: 40px;
font-family: var(--primary-font);
color: var(--color-text);
margin: 0 0 30px;
}
.tt-cms-block .cms-block-text .wpcms-block-content .button-cms-block .cms-block-button {
padding: 0;
color: var(--border-color);
font-size: 14px;
}
.cms-btn .tt-cms-block .cms-block-text .wpcms-block-content .button-cms-block .cms-block-button {
background: none;
border: 1px solid var(--primary-color);
color: var(--primary-color);
}
.cms-btn .tt-cms-block .cms-block-text .wpcms-block-content .button-cms-block .cms-block-button::after {
background: var(--primary-color);
}
.cms-btn .tt-cms-block .cms-block-text .wpcms-block-content .button-cms-block .cms-block-button:hover {
color: var(--border-color);
}
.tt-cms-block.content-reverce {
flex-direction: row-reverse;
} #gallary_tabs,
.category-gallery-wrap,
.cat-gallary,
#gallary_tabs .category-gallery-wrap .category-gallary,
#gallary_tabs .category-gallery-wrap .category-gallary .cat-gallary {
float: left;
width: 100%;
}
#gallary_tabs {
position: relative;
}
#gallary_tabs .category-name-wrap {
list-style: none;
padding: 0;
text-align: center;
margin: 0 0 25px;
}
#gallary_tabs .category-button a {
font-family: var(--primary-font);
color: var(--primary-color);
font-style: italic;
font-weight: 500;
font-size: 16px;
position: relative;
}
#gallary_tabs .category-button a::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
top: auto;
bottom: 0;
left: 0;
right: 0;
background: var(--primary-color);
}
#gallary_tabs .category-button a:hover {
color: var(--primary-color);
}
#gallary_tabs .category-button a:hover::after {
background: var(--primary-color);
}
#gallary_tabs .category-name-wrap li {
margin: 0 0 30px;
}
#gallary_tabs .category-gallary-title {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#gallary_tabs .category-gallary-title .tt-section-title {
width: auto;
margin: 0 0 20px;
}
#gallary_tabs .category-name-wrap li a {
font-size: 24px;
color: var(--primary-color);
font-family: var(--primary-font);
letter-spacing: 1px;
position: relative;
}
#gallary_tabs .category-name-wrap li.active a {
color: var(--primary-color);
}
#gallary_tabs .category-name-wrap li a::before {
content: "";
right: 0;
left: 0;
margin: auto;
position: absolute;
top: auto;
bottom: 0;
height: 2px;
z-index: 0;
-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;
width: 0;
background: var(--primary-color);
}
#gallary_tabs .category-name-wrap li a:hover::before,
#gallary_tabs .category-name-wrap li.active a::before {
width: 90%;
}
#gallary_tabs .category-gallery-wrap .category-gallary {
display: none;
}
#gallary_tabs .category-gallery-wrap .category-gallary.active {
display: block;
}
#gallary_tabs .category-gallery-wrap .category-gallary .cat-gallary {
display: flex;
justify-content: space-between;
}
.category-gallary {
display: flex;
justify-content: space-between;
}
.cat-heading .tt-section-title {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 20px;
bottom: auto;
width: 40%;
}
.category-gallery-wrap .category-gallary .cat-img {
position: relative;
float: left;
padding: 0 15px;
}
.category-gallery-wrap .category-gallary.active .cat-img .cat-img-0,
.category-gallery-wrap .category-gallary.active .cat-img .cat-img-3 {
animation: 2s ease 0s normal none 1 fadeInUp;
-webkit-animation: 2s ease 0s normal none 1 fadeInUp;
-moz-animation: 2s ease 0s normal none 1 fadeInUp;
-o-animation: 2s ease 0s normal none 1 fadeInUp;
}
.category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
float: none;
width: auto;
position: absolute;
top: auto;
bottom: 24%;
right: 0;
left: auto;
animation: 3s ease 0s normal none 1 fadeInUp;
-webkit-animation: 3s ease 0s normal none 1 fadeInUp;
-moz-animation: 3s ease 0s normal none 1 fadeInUp;
-o-animation: 3s ease 0s normal none 1 fadeInUp;
}
.category-gallery-wrap .category-gallary .cat-left .cat-img-2,
.category-gallery-wrap .category-gallary .cat-right .cat-img-4 {
animation: 4s ease 0s normal none 1 fadeInUp;
-webkit-animation: 4s ease 0s normal none 1 fadeInUp;
-moz-animation: 4s ease 0s normal none 1 fadeInUp;
-o-animation: 4s ease 0s normal none 1 fadeInUp;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.category-gallery-wrap .category-gallary .cat-left .cat-img-2 {
margin: 35px 0 0 35px;
float: left;
width: 100%;
}
.category-gallery-wrap .category-gallary .cat-right .cat-img-3,
.category-gallery-wrap .category-gallary .cat-right .cat-img-3 img {
float: right;
}
.category-gallery-wrap .category-gallary .cat-right .cat-img-4 {
position: absolute;
right: auto;
left: 0;
bottom: 10%;
top: auto;
}
.category-gallery-wrap .category-gallary .cat-right .cat-img-5 {
float: none;
width: auto;
position: absolute;
top: 50%;
bottom: auto;
left: 0;
right: auto;
}
.category-gallary .category-url img {
height: auto;
width: auto;
}
.category-url.cat-img-0 img {
max-height: 460px;
max-width: 340px;
}
.category-url.cat-img-1 img {
max-height: 290px;
max-width: 210px;
}
.category-url.cat-img-2 img {
max-height: 180px;
max-width: 180px;
}
.category-url.cat-img-3 img {
max-height: 490px;
max-width: 360px;
}
.category-url.cat-img-4 img {
max-height: 280px;
max-width: 270px;
} #gallary_tabs.gallery-02 .category-gallary-title {
position: static;
width: 55%;
}
.gallery-02 .category-gallery-wrap .category-gallary .cat-left .cat-img-2,
.gallery-02 .category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
position: static;
animation: 2s ease 0s normal none 1 fadeRightLeft;
-webkit-animation: 2s ease 0s normal none 1 fadeRightLeft;
-moz-animation: 2s ease 0s normal none 1 fadeRightLeft;
-o-animation: 2s ease 0s normal none 1 fadeRightLeft;
}
@-webkit-keyframes fadeRightLeft {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeRightLeft {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeRightLeft {
-webkit-animation-name: fadeRightLeft;
animation-name: fadeRightLeft
}
.gallery-02 .category-gallery-wrap .category-gallary .cat-left .cat-img-2 {
margin: 0;
}
.gallery-02 .category-gallery-wrap .category-gallary .cat-img {
padding: 0;
display: flex;
align-items: center;
justify-content: end;
}
.gallery-02 .category-gallery-wrap .category-gallary.active .cat-img .category-url>img {
max-width: 100%;
max-height: 100%;
}
.gallery-02 .category-gallery-wrap .category-gallary.active .cat-img .category-url {
width: auto;
display: inline-block;
}
.gallery-02 .category-gallery-wrap .category-gallary.active .cat-img .category-url.cat-img-0 {
position: absolute;
left: 0;
right: auto;
animation: 2s ease 0s normal none 1 fadeLeftRight;
-webkit-animation: 2s ease 0s normal none 1 fadeLeftRight;
-moz-animation: 2s ease 0s normal none 1 fadeLeftRight;
-o-animation: 2s ease 0s normal none 1 fadeLeftRight;
z-index: 3;
}
@-webkit-keyframes fadeLeftRight {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeLeftRight {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeLeftRight {
-webkit-animation-name: fadeLeftRight;
animation-name: fadeLeftRight
}
.gallery-02 .category-name-wrap {
float: left;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.gallery-02 .category-gallery-wrap {
margin: 0 0 50px;
}
.gallery-02#gallary_tabs .category-name-wrap,
.gallery-02#gallary_tabs .category-name-wrap li {
margin: 0;
}
.gallery-02#gallary_tabs .category-name-wrap {
border-bottom: 2px solid var(--border-color)fff2b;
overflow-y: hidden;
overflow-x: auto;
scrollbar-width: thin;
}
.gallery-02#gallary_tabs .category-name-wrap li {
flex: 0 0 auto;
padding: 0 10px;
}
.gallery-02#gallary_tabs .category-name-wrap li:first-child {
padding-left: 0;
}
.gallery-02#gallary_tabs .category-name-wrap li:last-child {
padding-right: 0;
}
#gallary_tabs.gallery-02 .category-name-wrap>li>a {
padding: 0 0 15px;
color: var(--color-text);
float: left;
width: 100%;
opacity: 0.6;
}
#gallary_tabs.gallery-02 .category-name-wrap>li.active.category-name>a {
opacity: 1;
}
#gallary_tabs.gallery-02 .category-name-wrap li a::before {
bottom: -3px;
background: var(--border-color);
height: 4px;
}
#gallary_tabs.gallery-02 .category-name-wrap li a::after {
content: '';
position: absolute;
top: auto;
bottom: -2px;
left: 0;
right: 0;
background: var(--border-color);
height: 7px;
width: 7px;
margin: auto;
transform: rotate(45deg);
-webkit-transition: all .8s ease-in-out 0s;
-moz-transition: all .8s ease-in-out 0s;
-ms-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s;
transition: all .8s ease-in-out 0s;
opacity: 0;
}
#gallary_tabs.gallery-02 .category-name-wrap li.active a::after {
opacity: 1;
-webkit-transition: all .8s ease-in-out 0s;
-moz-transition: all .8s ease-in-out 0s;
-ms-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s;
transition: all .8s ease-in-out 0s;
}
#gallary_tabs.gallery-02 .category-name-wrap li a:hover::before,
#gallary_tabs.gallery-02 .category-name-wrap li.active a::before {
width: 100%;
-webkit-transition: all .8s ease-in-out 0s;
-moz-transition: all .8s ease-in-out 0s;
-ms-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s;
transition: all .8s ease-in-out 0s;
}  .client .item img {
width: auto;
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;
opacity: 90%;
}
.client .item a {
cursor: pointer;
padding: 0;
}
.client .item a:hover img {
transform: translateY(-10px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
opacity: 1;
}
.client .item {
display: flex;
justify-content: center;
}  .tt-banner {
cursor: pointer;
overflow: hidden;
position: relative;
}
.tt-banner .banner-text a.banner-button {
color: var(--color-text);
font-size: 16px;
background: transparent;
padding: 7px 9px;
font-weight: 500;
float: right;
border-bottom: 2px solid #333;
font-family: var(--primary-font);
} .tt-banner .banner-tag a {
padding: 10px 20px;
font-family: var(--primary-font);
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
height: auto;
width: auto;
color: var(--border-color) !important;
}
.tt-banner .banner-text .button-banner-wrap {
float: right;
display: inline-block;
vertical-align: middle;
margin: 20px 0 0;
width: auto;
}
.tt-banner img,
.tt-banner:hover .banner-image img {
transition: all 1.5s ease-in-out 0s;
-webkit-transition: all 1.5s ease-in-out 0s;
-moz-transition: all 1.5s ease-in-out 0s;
-o-transition: all 1.5s ease-in-out 0s;
-ms-transition: all 1.5s ease-in-out 0s;
}
.tt-banner:hover .banner-image img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.tt-banner .banner-text {
position: absolute;
top: 0;
bottom: 0;
right: auto;
left: 40px;
margin: auto;
justify-content: center;
margin: auto;
align-items: center;
display: flex;
text-align: start;
float: left;
width: 35%;
}
.tt-banner .banner-text.tt-icon-right {
width: 50%;
left: auto;
}
.tt-banner .banner-text.tt-icon-center {
width: 55%;
}
.tt-banner .banner-text.tt-icon-top {
top: 0;
bottom: 0;
width: 40%;
left: auto;
right: 40px;
margin: auto;
}
.tt-banner .banner-text.tt-icon-left {
right: auto;
width: 40%;
left: 40px;
top: 0;
bottom: 0;
margin: auto;
}
.banner-style-3 .tt-banner .banner-text.tt-icon-right {
width: 60%;
}
.tt-banner .banner-text.tt-icon-bottom {
top: auto;
bottom: 35px;
width: 60%;
}
.tt-banner .banner-text {
color: var(--primary-color);
}
.banner-style-3 .tt-banner .banner-text {
color: var(--border-color);
}
.tt-banner .banner-text.tt-icon-center {
color: var(--border-color);
}
.tt-banner .banner-text .banner-sub-title {
font-size: 14px;
position: relative;
margin: 0 0 10px;
text-transform: uppercase;
font-weight: 500;
text-align: left;
color: var(--primary-color);
padding: 0;
}
.tt-banner .banner-text.tt-icon-top .banner-sub-title::after {
display: none;
}
.tt-banner .banner-text.text-end .banner-sub-title:after {
right: 0;
left: auto;
}
.tt-banner .banner-text.text-center .banner-sub-title:after {
right: 0;
left: 0;
margin: auto;
}
.tt-banner .banner-text .banner-title {
font-size: 32px;
line-height: 40px;
font-family: var(--primary-font);
font-weight: 500;
color: #222;
margin: 0 0 10px;
text-align: left;
width: 80%;
}
.banner-background .tt-banner .banner-text .banner-title {
margin: 0 0 12px;
}
.tt-banner .banner-image {
float: none;
}
.tt-banner .banner-image::after,
.tt-banner .banner-image::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: rgba(255, 255, 255, 0);
-webkit-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.tt-banner:hover .banner-image::after {
height: 0;
top: 50%;
bottom: 50%;
background: rgba(255, 255, 255, .2);
}
.tt-banner:hover .banner-image::before {
right: 50%;
left: 50%;
width: 0;
background: rgba(255, 255, 255, .2);
}  .tt-feature-box-containt h4 {
font-size: 24px;
margin: 0 0 10px 0;
font-weight: 500;
color: var(--heading-text-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;
width: 100%;
padding-top: 33px;
text-align: center;
}
.tt-feature-box .tt-feature-box-icon img {
width: auto;
}
.tt-feature-box .tt-feature-box-icon {
margin: 0 0 20px;
}
.tt-feature-box .tt-feature-box-containt p {
margin: 0;
font-size: 14px;
line-height: 24px;
font-style: italic;
color: var(--body-text-color);
}
.tt-feature-box .tt-feature-box-containt .tt-feature-box-title {
margin: 0 0 15px;
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-feature-box {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 30px 0;
cursor: pointer;
padding: 0 30px;
}
.tt-feature-box:hover .tt-feature-box-containt .tt-feature-box-title {
color: var(--color-text);
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-feature-box:hover .tt-feature-box-icon img {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-o-transform: translateY(-10px);
-ms-transform: translateY(-10px);
}  .tt-portfolio-thumbnail span {
color: var(--color-text);
}
.Portfolio-style-1 .grid {
margin: 0 -15px;
}
.Portfolio-style-1 .tt-portfolio-thumbnail {
padding: 0 15px;
}
.Portfolio-style-1 .tt-portfolio-thumbnail a {
float: none;
display: inline-block;
vertical-align: top;
padding: 20px;
border: 1px solid var(--border-color);
}
.tt-portfolio-thumbnail a img {
width: 100%;
}
.portfolio-grid.Portfolio-style-1 a,
.portfolio-grid.Portfolio-style-2 a {
margin: 0 0 40px 0;
}
.portfolio-grid.Portfolio-style-2 a {
display: inline-block;
float: none;
}
.portfolio-grid.Portfolio-style-1 a span,
.portfolio-grid.Portfolio-style-2 a span {
font-family: var(--primary-font);
font-size: 22px;
padding: 15px 0 0 0;
float: left;
width: 100%;
justify-content: center;
display: flex;
}  .tt-testimonial {
margin: 90px 0;
}
.testimonial-wrap .testimonial-info-wrapper {
position: relative;
flex-grow: 1;
flex-basis: 0;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.testimonial-wrap .testimonial-img {
display: flex;
justify-content: end;
border-radius: 50%;
overflow: hidden;
border: 5px solid var(--border-color);
display: none;
}
.testimonial-info-wrapper svg {
width: 60px;
height: 60px;
color: var(--secondary-bg-color);
margin: 0 0 20px 0;
display: none;
}
.testimonial-wrap .testimonial-info-wrapper .testimonial-title {
font-family: var(--primary-font);
font-size: 34px;
font-weight: 500;
margin: 0 0 30px;
color: var(--primary-color);
}
.testimonial-section .testimonial-info-wrapper {
position: relative;
}
.testimonial-section .testimonial-info-wrapper::before {
content: '\f10d';
position: absolute;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
color: var(--primary-color);
font-size: 30px;
top: 0;
bottom: auto;
left: 0;
right: 0;
height: 125px;
width: 125px;
border: 1px solid var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
margin: auto;
}
.blog-style .tt-post-wrapper.grid-item div.tt-post-details {
padding: 0 0 30px 0;
border-left: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 25px 20px 20px; text-align: center; border-radius: 10px 10px 10px 10px; border-top: 1px solid #666666;
}
.testimonial-wrap .testimonial-info-wrapper .testimonial-details {
line-height: 25px;
margin: 0 0 30px;
font-size: 22px;
font-style: italic;
color: var(--color-text);
font-weight: 400;
font-family: var(--primary-font);
}
.testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author {
font-family: var(--primary-font);
font-size: 18px;
color: var(--border-color);
position: relative;
font-weight: 500;
}
.testimonial-wrap .testimonial-info-wrapper .testimonial-info {
margin: 25px 0 30px 0;
display: flex;
padding: 130px 0 0 0;
}
.testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-designation {
position: relative;
font-size: 14px;
color: var(--border-color);
font-family: var(--secondary-font);
margin: 5px 0 0 15px;
}
.testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
line-height: 30px;
margin: 0;
color: #e2e2e2;
font-size: 18px;
font-weight: 300;
font-style: italic;
width: 60%;
margin: auto;
}
.testimonial-section .swiper-pagination {
position: static;
float: left;
}
.testimonial-section.swiper .swiper-pagination-bullet {
position: relative;
background: none;
}
.testimonial-section.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
transform: rotate(45deg) !important;
border: 1px solid var(--primary-color);
transition: none;
}
.testimonial-section.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
background-color: var(--primary-color);
}
.testimonial-section.swiper .swiper-pagination-bullet::after {
content: '';
position: absolute;
top: -1px;
bottom: 0;
right: 0;
left: 5px;
margin: auto;
width: 7px;
height: 7px;
background: var(--border-color);
transform: translateX(-45%);
-webkit-transform: translateX(-45%);
-moz-transform: translateX(-45%);
-o-transform: translateX(-45%);
-ms-transform: translateX(-45%);
justify-content: center;
display: flex;
align-items: center;
}
.testimonial-section.swiper .swiper-pagination-bullet {
transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
width: 30px;
height: 30px;
margin: 0 4px !important;
}  .banner-timer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 500;
margin: auto;
text-align: center;
width: 80%;
}
.banner-timer .timer-head {
font-size: 46px;
font-family: var(--primary-font);
color: var(--color-text);
line-height: 51px;
font-weight: 500;
margin: 15px 0 20px 0;
}
.banner-timer .timer-datetime {
font-size: 40px;
margin: 20px 0 0;
color: var(--primary-color);
letter-spacing: 6px;
font-weight: 500;
}
.banner-timer .timer-content {
font-size: 16px;
text-align: left;
margin: 10px 0 0;
font-weight: 400;
color: var(--color-text);
}
.page .banner-timer .timer-button {
color: #fff;
font-size: 15px;
font-weight: 500;
background: var(--color-text);
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0 0;
position: relative;
padding: 12px 33px;
font-family: var(--primary-font);
}
.page .banner-timer .timer-button:hover {
color: #fff;
}
.page .banner-timer .timer-button::before {
position: absolute;
content: '';
height: 1px;
width: 100%;
bottom: -3px;
top: auto;
background: var(--color-text);
}
.banner-timer .timer-date {
display: flex;
margin: 20px 0;
}
.banner-timer .timer-date>div::after,
.banner-timer .timer-date>div::after {
content: ':';
position: absolute;
right: 0;
left: auto;
top: 7px;
bottom: auto;
font-size: 30px;
color: var(--secondary-bg-color);
align-items: center;
display: flex;
line-height: 30px;
}
.banner-timer .timer-date>div {
position: relative;
}
.banner-timer .timer-date div p {
font-size: 36px;
line-height: 48px;
font-weight: 600;
font-family: var(--primary-font);
color: #222;
margin: 0 35px;
}
.banner-timer .timer-date>div:last-child p {
color: var(--primary-color);
}
.banner-timer .timer-date>div:last-child:after {
display: none;
}
.banner-timer .timer-date>div .text {
justify-content: center;
display: flex;
font-weight: 400;
color: var(--body-text-color);
font-size: 15px;
font-family: var(--primary-font);
font-style: italic;
padding: 5px 0 0 0;
}  .section-deal-of-day .swiper-navigation .swiper-button:hover {
opacity: 1;
color: var(--primary-color);
}
.swiper-navigation .swiper-button {
color: var(--color-text);
background: none;
width: auto;
height: auto;
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;
z-index: 3;
}
.swiper-navigation .swiper-button::after {
content: none;
}
.swiper-navigation .swiper-button:hover {
opacity: 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;
}
.swiper-pagination {
left: 0;
right: 0;
bottom: 0px;
top: auto;
}
.swiper .swiper-pagination-bullet {
background: var(--body-text-color);
width: 10px;
height: 10px;
border-radius: 20px;
opacity: 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;
}
.swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--primary-color);
}
.swiper-pagination.swiper-pagination-bullets {
position: relative;
margin: 20px 0 0 0;
z-index: 1;
display: flex;
justify-content: center;
}  .swiper-video .swiper-wrapper {
transition-timing-function: linear;
}
.tt-video {
position: relative;
}
.tt-video img {
width: 100%;
}
.tt-video .youtube-popup {
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
border: 1px dashed var(--border-color);
border-radius: 50%;
z-index: 2;
}
.tt-video .youtube-popup:hover {
animation: 3s linear 0s infinite normal none running hover__tab;
-webkit-animation: 3s linear 0s infinite normal none running hover__tab;
-moz-animation: 3s linear 0s infinite normal none running hover__tab;
-ms-animation: 3s linear 0s infinite normal none running hover__tab;
}
@keyframes hover__tab {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1)
}
25% {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2)
}
50% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1)
}
75% {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2)
}
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1)
}
}
.youtube-popup .play-button {
background: var(--border-color);
width: 80px;
height: 80px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.tt-video .youtube-popup svg {
color: var(--primary-color);
font-size: 26px;
}
.home-page-04 .tt-video .youtube-popup svg {
color: var(--four-color);
}
.tt-video .swiper-js-container {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
.tt-video .swiper-js-container .swiper-slide {
color: var(--border-color);
font-size: 170px;
line-height: 175px;
font-family: var(--primary-font);
}
.cms-video-gif {
display: flex;
}  .text-carousel .swiper-slide p {
margin: 0;
font-family: var(--primary-font);
font-size: 20px;
color: var(--color-text);
position: relative;
}
.text-carousel .swiper-slide p::after {
content: '';
position: absolute;
right: 15%;
left: auto;
top: 0;
bottom: 0;
margin: auto;
height: 1px;
width: 100px;
background: var(--color-text);
}  .slider-block .swiper-top {
position: relative;
}
.slider-block .swiper-top .tt-slider-box-containt {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 60%;
}
.slider-block .swiper-top .tt-slider-box-containt .tt-slider-box-title {
font-family: var(--secondary-font);
font-size: 18px;
text-transform: uppercase;
color: var(--border-color);
margin: 0 0 10px;
font-weight: 500;
}
.slider-block .swiper-top .tt-slider-box-containt .slider-title {
font-family: var(--primary-font);
font-size: 65px;
color: var(--border-color);
line-height: 70px;
margin: 0 0 30px;
text-align: center;
font-weight: 500;
}
.slider-block .swiper-top .tt-slider-box-containt .slider-button a {
background: var(--border-color);
color: var(--color-text);
font-size: 14px;
height: 90px;
width: 90px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
padding: 25px;
font-weight: 600;
}
.slider-block .swiper-top .tt-slider-box-containt .slider-button a:hover {
color: var(--border-color);
}
.swiper-top .tt-slider-box img {
width: 100%;
} .marquee {
width: 100%;
height: 80px;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
}
.marquee-content {
display: inline-block;
margin-top: 5px;
animation: marquee 10s linear infinite;
}
.item-collection-1 {
position: relative;
left: 0%;
animation: swap 10s linear infinite;
}
@keyframes swap {
0%,
50% {
left: 0%;
}
50.01%,
100% {
left: 100%;
}
}
.marquee-content:hover {
animation-play-state: paused
}
.item1 {
display: inline-block;
height: auto;
width: 500px;
background: cyan;
vertical-align: top;
margin-left: 15px;
}
.item2 {
display: inline-block;
height: auto;
width: 500px;
background: magenta;
vertical-align: top;
margin-left: 15px;
} @keyframes marquee {
0% {
transform: translateX(0)
}
100% {
transform: translateX(-100%)
}
} .section-deal-of-day {
display: flex;
align-items: center;
}
.section-deal-of-day .gallery-thumbs {
width: 190%;
}
.section-deal-of-day .gallery-top {
margin: 0 0 0 55px;
width: 100%;
}
.special-navigation {
display: flex;
margin: 20px 0 0;
opacity: 0;
transition: all 500ms ease-in-out 0s;
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
-ms-transition: all 500ms ease-in-out 0s;
}
.section-deal-of-day:hover .special-navigation {
opacity: 1;
transition: all 500ms ease-in-out 0s;
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
-ms-transition: all 500ms ease-in-out 0s;
}
.special-navigation .swiper-button {
position: static;
margin: 0 10px;
}
.special-navigation .swiper-button:focus-visible {
outline: none;
}  .tt-hotspot {
position: relative;
}
.tt-hotspot-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.tt-hotspot-content .title {
position: absolute;
}
.image-hotspot-wrapper {
display: inline-block;
position: relative;
float: left;
width: 100%;
}
.image-hotspot {
position: relative;
}
.image-hotspot-wrapper .image-hotspot>img {
width: 100%;
}
.image-hotspot .hotspot-contents-wrapper {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.image-hotspot .hotspot-content.hotspot-dropdown-right {
left: 55px;
top: -45px;
}
.image-hotspot .hotspot-content.hotspot-dropdown-up {
bottom: -20px;
top: auto;
right: auto;
left: 50px;
}
.hotspot-light-bg .hotspot-content {
background-color: var(--border-color);
-webkit-box-shadow: 0 4px 15px rgb(0 0 0 / 7%);
-moz-box-shadow: 0 4px 15px rgba(0, 0, 0, .07);
box-shadow: 0 4px 15px rgb(0 0 0 / 7%);
}
.image-hotspot .hotspot-content {
position: absolute;
width: 200px;
background: var(--border-color);
padding: 10px 10px 15px;
z-index: 8;
text-align: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.image-hotspot .hotspot-content .hotspot-title {
text-align: left;
color: var(--color-text);
margin: 0 0 5px;
}
.image-hotspot .hotspot-content .hotspot-content-text {
text-align: left;
}
.image-hotspot .hotspot-content .hotspot-content-text p {
margin: 0;
color: var(--primary-color);
font-size: 16px;
font-weight: 500;
}
.hotspot-light-bg .hotspot-dropdown-right:after,
.hotspot-light-bg .hotspot-dropdown-right:before,
.hotspot-light-bg .hotspot-dropdown-up:before,
.hotspot-light-bg .hotspot-dropdown-up::after {
border-right-color: var(--border-color);
}
.hotspot-light-bg .hotspot-dropdown-up:before,
.hotspot-light-bg .hotspot-dropdown-up::after {
top: auto;
bottom: 20px;
right: 100%;
}
.hotspot-dropdown-right:after,
.hotspot-dropdown-right:before {
right: 100%;
}
.hotspot-content:after,
.hotspot-content:before {
top: 45px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 7px;
}
.image-hotspot-wrapper .hotspot-content-image {
margin-bottom: 10px;
}
.image-hotspot .image-hotspot {
position: absolute;
display: inline-block;
}
.image-hotspot .trigger-hover:hover .hotspot-content.hotspot-dropdown-right {
left: 55px;
}
.image-hotspot .image-hotspot.trigger-click.hotspot-visible .hotspot-content,
.image-hotspot .image-hotspot.trigger-hover:hover .hotspot-content {
opacity: 1;
visibility: visible;
}
.waves {
position: absolute;
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.4);
opacity: 1;
border-radius: 100%;
right: -17px;
bottom: -17px;
z-index: 2;
-webkit-animation: waves 3s ease-in-out infinite;
animation: waves 3s ease-in-out infinite;
}
.wave-1 {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.wave-2 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.wave-3 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
@keyframes waves {
0% {
-webkit-transform: scale(0.2, 0.2);
transform: scale(0.2, 0.2);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
50% {
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.hotspot-button {
height: 26px;
width: 26px;
text-align: center;
border-radius: 100%;
background: transparent;
background: var(--border-color);
z-index: 7;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.hotspot-dot.dot-style1 {
position: relative;
}  .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 var(--border-color);
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%;
padding: 0 0 40px;
}
.product-data .product-price .sale-price {
text-decoration: line-through;
}
.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 {
width: 6px;
}
.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;
min-height: 160px;
}
.search-results.active ul li a:hover {
color: var(--dark-color-text);
}
.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: var(--body-text-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;
text-align: left;
font-size: 14px;
line-height: 20px;
} .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: none;
vertical-align: middle;
}
.product-data {
text-align: left;
}
.product-data .product-price .regular-price {
color: var(--primary-color);
font-size: 15px;
font-weight: 600;
position: relative;
font-size: 16px;
font-family: var(--primary-font);
}
.product-data .product-price .sale-price {
color: var(--body-text-color);
font-weight: 500;
position: relative;
padding: 0 0 0 12px;
margin: 0 0 0 6px;
font-size: 14px;
}
.product-data .product-price .sale-price::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: auto;
width: 6px;
height: 2px;
content: '';
background: var(--body-text-color);
margin: auto;
}
.product-data .product-stock {
padding: 4px 8px;
background: #eeeeee;
border-radius: 4px;
position: absolute;
bottom: 15px;
right: 0;
}
.product-categories>span {
display: inline-block;
margin-right: 4px;
font-size: 14px;
}
.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(--border-color)fff;
border: 1px solid #e0e0e0;
}
.search-wrapper {
position: relative;
}
.search-wrapper input {
padding-right: 35px !important;
}
.search-wrapper svg {
position: absolute;
top: 75px;
right: 35px;
width: 20px;
height: 20px;
fill: #bdbdbd;
animation: loading 500ms 0ms infinite normal linear;
transform-origin: center;
opacity: 0;
}
.search-wrapper.loading+button {
display: none;
}
.search-wrapper.loading svg {
opacity: 1;
}
.product-title .subtitle-wrap {
width: 75%;
margin: auto;
}
.product-title p.title_description {
justify-content: center;
display: flex;
justify-content: center;
margin: auto;
}
.elementor-section .client.swiper-client .swiper-navigation {
bottom: -40px;
}
.tt-feature-box-icon img {
position: absolute;
z-index: 999;
left: 0;
right: auto;
margin: auto;
top: 0;
bottom: 0;
}
.tt-feature-box-icon {
position: relative;
height: 90px;
margin: 0 0 11px 0;
}
.blog-style .tt-post-wrapper div.tt-post-details {
margin: 10px 0;
display: flex;
flex-direction: column;
}
.elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
margin: 0 0 5px 0;
font-size: 22px;
font-weight: 500;
font-family: var(--primary-font);
color: var(--secondary-bg-color);
}
.tt-banner .banner-text.tt-icon-top.text-center {
bottom: auto;
width: 70%;
left: auto;
right: 0;
margin: auto;
left: 0;
margin: auto;
top: 45px;
justify-content: center;
}
.tt-banner .banner-text.tt-icon-top.text-center .wpbanner-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.tt-banner .banner-text.text-center .banner-title,
.tt-banner .banner-text.text-center .banner-sub-title {
text-align: center;
}
.tt-banner .banner-text.text-center .banner-title {
width: 100%;
}
.banner_03_hm02 .tt-banner .banner-text.tt-icon-top.text-center {
width: 45%;
}
.tt-banner .banner-text.text-center .button-banner-wrap {
float: none;
display: flex;
vertical-align: middle;
margin: 5px 0 0;
width: auto;
justify-content: center;
}
.deal_of_the_day_title.title-wrap {
align-items: center;
display: flex;
flex-direction: row;
justify-content: start;
}
.deal_of_the_day_title .timer-date {
display: flex;
background: #d23c3f;
color: #fff;
padding: 0 15px 0 20px;
margin-left: 0;
align-items: center;
justify-content: center;
height: 40px;
width: 380px;
margin-right: 70px;
} .count-title {
float: none;
display: inline-block;
vertical-align: top;
width: auto;
font-weight: 600;
font-size: 15px;
line-height: 17px;
}
.deal_of_the_day_title .timer-date svg {
width: 18px;
height: 18px;
margin: 0 0 0 10px;
}
.deal_of_the_day_title .timer-date div p {
padding: 0 10px;
margin: 0;
position: relative;
font-weight: 600;
font-size: 15px;
line-height: 18px;
}
.deal_of_the_day_title .timer-date div p::after {
content: ':';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
color: #fff;
}
.deal_of_the_day_title .timer-date div:nth-child(3) p::after {
display: none;
content: 'none';
}
.deal_of_the_day_title .section-heading {
font-weight: 600;
margin: 0;
font-size: 24px;
line-height: 26px;
color: #222;
}
.elementor-widget-Deal .product .cart-wrap a {
width: auto;
padding: 12px 38px;
text-align: center;
z-index: 0;
font-family: var(--secondary-font);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
justify-content: center; height: auto;
background: #f2f3f7;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
overflow: hidden;
color: var(--primary-color-text);
}
.elementor-widget-Deal .product .cart-wrap a::after {
content: "";
right: 0;
left: auto;
margin: auto;
position: absolute;
top: auto;
bottom: 0;
height: 100%;
z-index: -1;
-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;
width: 0;
background: #d23c3f;
}
.elementor-widget-Deal .products .product a:hover {
color: #fff;
}
.elementor-widget-Deal .product .cart-wrap:hover a::after {
width: 100%;
right: auto;
left: 0;
}
.swiper-product-deal .product .cart-wrap {
margin: 0 0 10px;
}
.deal-of-the-day .product .product-button-hv {
flex-direction: row;
}
.deal-of-the-day .product .product-button-wrap .btn-hv {
margin: 0 5px 0 0;
padding: 0;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
width: 40px;
height: 40px;
background: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.deal-of-the-day .product-button-wrap {
transform: translateX(-75px);
-webkit-transform: translateX(-75px);
-moz-transform: translateX(-75px);
-ms-transform: translateX(-75px);
-o-transform: translateX(-75px);
opacity: 0;
}
.deal-of-the-day section.product:hover .content-wrap .product-button-wrap:not(.product-best-sellers section.product:hover .content-wrap .product-button-wrap) {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
}
.deal-of-the-day section.product .content-wrap .product-button-wrap .product-button-hv {
justify-content: start;
flex-direction: row;
}
.deal-of-the-day section.product .content-wrap .product-button-wrap .product-button-hv .cart-wrap {
display: none;
}
.deal-of-the-day .product .product-button-wrap {
position: static;
bottom: auto;
left: 0;
right: auto;
top: 0;
margin: auto;
background: transparent;
width: auto;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
z-index: -3;
height: auto;
transform: translateX(-140px);
-webkit-transform: translateX(-140px);
-moz-transform: translateX(-140px);
-o-transform: translateX(-140px);
-ms-transform: translateX(-140px);
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-banner .banner-text.tt-icon-top.text-end {
top: 50px;
bottom: auto;
width: 41%;
left: auto;
right: 50px;
margin: auto;
}
.tt-banner .banner-text.tt-icon-top.text-end .banner-title {
width: 100%;
}
.tt-banner .banner-text.tt-icon-top.text-end .button-banner-wrap {
float: left;
}
.tt-banner .banner-text.tt-icon-top.text-start {
top: 100px;
bottom: auto;
width: 48%;
left: 100px;
right: auto;
margin: auto;
}
.tt-banner .banner-text.tt-icon-top.text-start .banner-title {
width: 100%;
}
.tt-banner .banner-text.tt-icon-top.text-start .button-banner-wrap {
float: left;
}
.home_06_banner .tt-banner .banner-text .banner-title {
width: 100%;
}
.tt-banner .banner-text.tt-icon-right.text-end {
width: 37%;
left: auto;
right: 50px;
top: 0;
bottom: 0;
height: fit-content;
margin: auto;
}
.tt-banner .banner-text.tt-icon-right.text-end .banner-sub-title {
text-align: right;
}
.tt-banner .banner-text.tt-icon-right.text-end .banner-title {
text-align: right;
}
.tt-banner .banner-text.tt-icon-center.text-center {
width: fit-content;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
height: fit-content;
border: 3px solid #e9e7e887;
padding: 10px;
}
.tt-banner .banner-text.tt-icon-center.text-center .banner-tag a {
padding: 11px 10px;
font-size: 19px;
line-height: 18px;
text-transform: capitalize;
height: 100%;
width: fit-content;
color: #fff;
background: #ef8f75;
border-radius: 0;
margin: auto;
}
.tt-banner .banner-text.tt-icon-center.text-center .banner-tag {
position: static;
}
.tt-banner .banner-text.tt-icon-center.text-center .banner-title {
font-size: 42px;
line-height: 48px;
margin: 0 0 20px;
}
.tt-banner .banner-text.tt-icon-center.text-center .button-banner-wrap {
margin: 40px 0 0;
}
.tt-banner .banner-text.tt-icon-center.text-center .wpbanner-content {
background: #e9e7e887;
padding: 50px;
}
.tt-banner .banner-text.tt-icon-right.text-start {
width: 50%;
left: auto;
right: 0;
}
.tt-banner .banner-text.tt-icon-right.text-start .button-banner-wrap {
float: left;
}
.home_06_banner .tt-banner .banner-text.tt-icon-bottom {
top: auto;
bottom: 90px;
width: auto;
margin: auto;
left: 0;
right: 0;
}
.home_06_banner .tt-banner .banner-text a.banner-button {
color: #fff;
background: #2d3448;
padding: 8px 20px;
font-weight: 500;
float: right;
border-bottom: none;
font-family: var(--primary-font);
}
.home_06_banner .tt-banner .banner-text .banner-sub-title {
margin: 0 0 5px 0;
}
.home_06_banner .tt-banner .banner-text .button-banner-wrap {
margin: 20px 0 0;
}
.home_06_banner .tt-banner .banner-text.tt-icon-top.text-center {
align-items: center;
display: flex;
top: 25px;
}
.tt-banner .banner-text.tt-icon-left.text-start .button-banner-wrap {
float: left;
}
.tt-banner .banner-text.tt-icon-left.text-start a.banner-button {
border-bottom: none;
}
.banner03_home08 .tt-banner .banner-text.tt-icon-top.text-end {
top: 35px;
width: 50%;
right: 35px;
float: right;
}
.banner03_home08 .tt-banner .banner-text .banner-sub-title {
text-align: right;
}
.banner03_home08 .tt-banner .banner-text .banner-title {
text-align: right;
}
.banner06_home08 .tt-banner .banner-text.tt-icon-top.text-start {
top: 35px;
bottom: auto;
width: 65%;
left: 35px;
right: auto;
margin: auto;
}
.Home_page_09 .tt-banner .banner-text.tt-icon-top.text-start {
top: 35px;
bottom: auto;
width: 60%;
left: 35px;
right: auto;
margin: auto;
}
.Home_page_09 .tt-banner .banner-text.tt-icon-right.text-start {
width: 37%;
left: auto;
right: 0;
}
.Home_page_09 .tt-banner .banner-text.tt-icon-left {
right: auto;
width: 59%;
left: 40px;
top: 0;
bottom: 0;
margin: auto;
}
.Home_page_09 .tt-banner .banner-text.tt-icon-left.text-start .button-banner-wrap {
margin: 15px 0 0;
}
.Homepage_10 .deal-of-the-day section.product .product-content-wrap .deal-product-thumbnail {
width: 33.3333%;
}
.Homepage_10 .deal-of-the-day section.product .product-content-wrap .deal-product-thumbnail .deal-product-content {
width: 66.6666%;
}
.Homepage_10 .product-layout-classic .swiper-wrapper .swiper-slide {
border: none;
padding: 0;
}