.tm-accordion .card {
margin-bottom: 10px;
overflow: hidden;
border: 0;
background-color: transparent;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card {
transition: none;
}
}
.tm-accordion .card .card-header {
border: none;
background-color: transparent;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card .card-header {
transition: none;
}
}
.tm-accordion .card .card-header:hover {
cursor: pointer;
}
.tm-accordion .card .card-header .title {
margin: 0;
padding: 15px 0px 25px 0px;
border-bottom: 1px solid #E1E1E1;
position: relative;
background-color: transparent;
display: flex;
gap: 15px;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card .card-header .title {
transition: none;
}
}
.tm-accordion .card .card-header .title .accordion-controls-icon {
flex-shrink: 0;
font-size: 0.8rem;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card .card-header .title .accordion-controls-icon {
transition: none;
}
}
.tm-accordion .card .card-header .title:not(.collapsed) {
background-color: transparent;
border-bottom-color: transparent;
padding-bottom: 0;
}
.tm-accordion .card .card-header .title:not(.collapsed) .accordion-controls-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.tm-accordion .card .card-body {
padding: 1rem 1.5rem 1rem 0;
border-bottom: 1px solid #E1E1E1;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card .card-body {
transition: none;
}
}
.tm-accordion .card:last-child {
margin-bottom: 0;
}
.tm-accordion.icon-round-border .card .card-header .title .accordion-controls-icon {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #eee;
display: flex;
align-items: center;
justify-content: center;
}
.tm-accordion.skin-basic .card {
margin-bottom: 25px;
}
.tm-accordion.skin-basic .card .card-header .title {
padding: 0;
border: 0;
}
.tm-accordion.skin-basic .card .card-header .title .accordion-controls-icon {
display: none;
}
.tm-accordion.skin-basic .card .card-header .title:not(.collapsed) {
text-decoration: underline;
}
.tm-accordion.skin-basic .card .card-body {
border: 0;
padding-bottom: 0;
}
.tm-accordion.skin-classic .card {
box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.1);
}
.tm-accordion.skin-classic .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
background-color: #fff;
border: 0;
}
.tm-accordion.skin-classic .card .card-header .title:not(.collapsed) {
background-color: #FAFAFC;
}
.tm-accordion.skin-classic .card .card-body {
padding: 1rem 1.5rem;
border: 0;
}
.tm-accordion.skin-gradient .card {
box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.1);
}
.tm-accordion.skin-gradient .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
background-color: #fff;
border: 0;
}
.tm-accordion.skin-gradient .card .card-header .title:not(.collapsed) {
background: linear-gradient(0deg, rgba(var(--theme-color1-rgb), 1) 0%, var(--theme-color1-lighter) 100%);
color: var(--text-color-bg-theme-color1);
}
.tm-accordion.skin-gradient .card .card-body {
padding: 1rem 1.5rem;
border: 0;
}
.tm-accordion.skin-active-light .card {
box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
}
.tm-accordion.skin-active-light .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
color: var(--text-color-bg-theme-color1);
background-color: var(--theme-color1);
}
.tm-accordion.skin-active-light .card .card-header .title:not(.collapsed) {
color: var(--headings-color);
background-color: #fff;
}
.tm-accordion.skin-active-light .card .card-body {
padding: 1rem 1.5rem;
}
.tm-accordion.skin-bordered .card {
margin-bottom: 0;
border: 1px solid #E1E1E1;
border-radius: 0;
border-bottom: 0;
}
.tm-accordion.skin-bordered .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
border-bottom: 0;
}
.tm-accordion.skin-bordered .card .card-body {
padding: 0 1.5rem 1rem;
border-bottom: 0;
}
.tm-accordion.skin-bordered .card:last-child {
border-bottom: 1px solid #E1E1E1;
}
.tm-accordion.skin-bordered2 .card {
margin-bottom: 0;
border: 1px solid #E1E1E1;
border-radius: 0;
border-bottom: 0;
}
.tm-accordion.skin-bordered2 .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
border-bottom: 0;
}
.tm-accordion.skin-bordered2 .card .card-header .title:not(.collapsed) {
color: var(--text-color-bg-theme-color1);
}
.tm-accordion.skin-bordered2 .card .card-body {
padding: 0 1.5rem 1rem;
border-bottom: 0;
}
.tm-accordion.skin-bordered2 .card:last-child {
border-bottom: 1px solid #E1E1E1;
}
.tm-accordion.skin-bordered2 .card.active {
color: var(--text-color-bg-theme-color1);
background-color: var(--theme-color1);
}
.tm-accordion .card {
margin-bottom: 10px;
overflow: hidden;
border: 0;
background-color: transparent;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card {
transition: none;
}
}
.tm-accordion .card .card-header {
border: none;
background-color: transparent;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card .card-header {
transition: none;
}
}
.tm-accordion .card .card-header:hover {
cursor: pointer;
}
.tm-accordion .card .card-header .title {
margin: 0;
padding: 15px 0px 25px 0px;
border-bottom: 1px solid #E1E1E1;
position: relative;
background-color: transparent;
display: flex;
gap: 15px;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card .card-header .title {
transition: none;
}
}
.tm-accordion .card .card-header .title .accordion-controls-icon {
flex-shrink: 0;
font-size: 0.8rem;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card .card-header .title .accordion-controls-icon {
transition: none;
}
}
.tm-accordion .card .card-header .title:not(.collapsed) {
background-color: transparent;
border-bottom-color: transparent;
padding-bottom: 0;
}
.tm-accordion .card .card-header .title:not(.collapsed) .accordion-controls-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.tm-accordion .card .card-body {
padding: 1rem 1.5rem 1rem 0;
border-bottom: 1px solid #E1E1E1;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-accordion .card .card-body {
transition: none;
}
}
.tm-accordion .card:last-child {
margin-bottom: 0;
}
.tm-accordion.icon-round-border .card .card-header .title .accordion-controls-icon {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #eee;
display: flex;
align-items: center;
justify-content: center;
}
.tm-accordion.skin-basic .card {
margin-bottom: 25px;
}
.tm-accordion.skin-basic .card .card-header .title {
padding: 0;
border: 0;
}
.tm-accordion.skin-basic .card .card-header .title .accordion-controls-icon {
display: none;
}
.tm-accordion.skin-basic .card .card-header .title:not(.collapsed) {
text-decoration: underline;
}
.tm-accordion.skin-basic .card .card-body {
border: 0;
padding-bottom: 0;
}
.tm-accordion.skin-classic .card {
box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.1);
}
.tm-accordion.skin-classic .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
background-color: #fff;
border: 0;
}
.tm-accordion.skin-classic .card .card-header .title:not(.collapsed) {
background-color: #FAFAFC;
}
.tm-accordion.skin-classic .card .card-body {
padding: 1rem 1.5rem;
border: 0;
}
.tm-accordion.skin-gradient .card {
box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.1);
}
.tm-accordion.skin-gradient .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
background-color: #fff;
border: 0;
}
.tm-accordion.skin-gradient .card .card-header .title:not(.collapsed) {
background: linear-gradient(0deg, rgba(var(--theme-color1-rgb), 1) 0%, var(--theme-color1-lighter) 100%);
color: var(--text-color-bg-theme-color1);
}
.tm-accordion.skin-gradient .card .card-body {
padding: 1rem 1.5rem;
border: 0;
}
.tm-accordion.skin-active-light .card {
box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15);
}
.tm-accordion.skin-active-light .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
color: var(--text-color-bg-theme-color1);
background-color: var(--theme-color1);
}
.tm-accordion.skin-active-light .card .card-header .title:not(.collapsed) {
color: var(--headings-color);
background-color: #fff;
}
.tm-accordion.skin-active-light .card .card-body {
padding: 1rem 1.5rem;
}
.tm-accordion.skin-bordered .card {
margin-bottom: 0;
border: 1px solid #E1E1E1;
border-radius: 0;
border-bottom: 0;
}
.tm-accordion.skin-bordered .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
border-bottom: 0;
}
.tm-accordion.skin-bordered .card .card-body {
padding: 0 1.5rem 1rem;
border-bottom: 0;
}
.tm-accordion.skin-bordered .card:last-child {
border-bottom: 1px solid #E1E1E1;
}
.tm-accordion.skin-bordered2 .card {
margin-bottom: 0;
border: 1px solid #E1E1E1;
border-radius: 0;
border-bottom: 0;
}
.tm-accordion.skin-bordered2 .card .card-header .title {
padding: 1rem 1.5rem 1rem 1.5rem;
margin: 0;
border-bottom: 0;
}
.tm-accordion.skin-bordered2 .card .card-header .title:not(.collapsed) {
color: var(--text-color-bg-theme-color1);
}
.tm-accordion.skin-bordered2 .card .card-body {
padding: 0 1.5rem 1rem;
border-bottom: 0;
}
.tm-accordion.skin-bordered2 .card:last-child {
border-bottom: 1px solid #E1E1E1;
}
.tm-accordion.skin-bordered2 .card.active {
color: var(--text-color-bg-theme-color1);
background-color: var(--theme-color1);
} .tm-sc-animated-layer-advanced {
position: relative;
max-width: 100%;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper {
position: relative;
display: block;
width: inherit;
max-width: 100%;
height: inherit;
max-height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper:not(:first-child) {
position: absolute;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-text {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-text {
transition: none;
}
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-text img {
margin: 0;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-text:after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-text:after {
transition: none;
}
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-blank > * {
width: 100%;
height: 100%;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image {
transition: all 1s ease;
transition-delay: 700ms;
display: inline-block;
position: relative;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper {
overflow: hidden;
position: relative;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-shine:before {
position: absolute;
top: 0;
left: -100%;
display: block;
content: "";
width: 50%;
height: 100%;
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-shine:before {
transition: none;
}
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-shine:hover:before {
-webkit-animation: shine 1s;
animation: shine 1s;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-circle:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: "";
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-circle:before {
transition: none;
}
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-circle:hover:before {
-webkit-animation: image-hover-circle 0.75s;
animation: image-hover-circle 0.75s;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-grayscale img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-grayscale:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-sepia img {
-webkit-filter: sepia(100%);
filter: sepia(100%);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-image .layer-image-inner-wrapper.image-hover-effect-sepia:hover img {
-webkit-filter: sepia(0);
filter: sepia(0);
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.box-shadow-around-img {
box-shadow: 0px 0px 40px rgba(5, 5, 5, 0.15);
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-image-fullwidth .layer-image {
display: block;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-image-fullwidth img {
width: 100%;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-animated-icon {
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 50%;
background: var(--theme-color1);
text-align: center;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-animated-icon:before {
position: absolute;
content: "";
width: 140px;
height: 140px;
background: url(//www.digitalrenzo.com/wp-content/plugins/mascot-core/assets/images/icon-box/dotted-border.png) no-repeat center;
left: -30px;
top: -30px;
-webkit-animation: spin 10s linear infinite;
-moz-animation: spin 10s linear infinite;
animation: spin 10s linear infinite;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-animated-icon:before {
transition: none;
}
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-animated-icon .icon {
width: 48px;
opacity: 1;
visibility: visible;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-animated-icon .icon {
transition: none;
}
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-animated-icon .icon-hover {
width: 48px;
opacity: 0;
visibility: hidden;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-animated-icon .icon-hover {
transition: none;
}
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-animated-icon:hover .icon {
opacity: 0;
visibility: hidden;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper .layer-animated-icon:hover .icon-hover {
opacity: 1;
visibility: visible;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-play-btn .video-play-button {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-play-btn .video-play-button {
transition: none;
}
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-play-btn .video-play-button .icon {
display: flex;
justify-content: center;
align-items: center;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-play-btn .video-play-button .effect-wrapper {
height: 100%;
}
.tm-sc-animated-layer-advanced .animated-layer-advanced-inner .layer-image-wrapper.layer-play-btn .video-play-button .effect-wrapper .icon {
height: 100%;
}
@-webkit-keyframes image-hover-circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes image-hover-circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
} .tm-sc-animated-layer-images {
position: relative;
line-height: 0;
max-width: 100%;
}
.tm-sc-animated-layer-images .layer-image-wrapper {
position: relative;
line-height: 0;
display: block;
width: inherit;
max-width: 100%;
height: inherit;
max-height: 100%;
}
.tm-sc-animated-layer-images .layer-image-wrapper:not(:first-child) {
position: absolute;
top: 0;
}
.tm-sc-animated-layer-images .layer-image-wrapper .layer-image {
transition: all 1s ease;
transition-delay: 700ms;
}
.tm-bg-angle-left-right:after {
content: "";
height: 0;
position: absolute;
width: 0;
z-index: 1;
}
@media (max-width: 1200px) {
.elementor-hide-under-1201 .tm-bg-angle-left-right:after {
display: none;
}
}
.elementor-editor-active .elementor-widget-tm-ele-blank-box {
min-height: 30px;
background-color: #cb9494;
}
.tm-ele-blank-box > .each-object {
position: relative;
width: 200px;
height: 200px;
}
.tm-ele-blank-box > .each-object:after {
content: "";
position: absolute;
background-color: #eee;
z-index: 0;
background-repeat: no-repeat;
background-position: center;
}
.tm-sc-clients-logo {
padding: 0 2px;
column-gap: 2%;
}
.tm-sc-clients-logo .each-logo {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-clients-logo .each-logo {
transition: none;
}
}
.tm-sc-clients-logo .each-logo img {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-clients-logo .each-logo img {
transition: none;
}
}
.tm-sc-clients-logo.clients-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tm-sc-clients-logo.clients-grid .each-logo {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 10px;
width: 16.666%;
word-wrap: break-word;
box-sizing: border-box;
flex: auto;
text-align: center;
overflow: hidden;
cursor: pointer;
}
.tm-sc-clients-logo.clients-grid.grid-1col .each-logo {
width: 100%;
max-width: 100%;
}
.tm-sc-clients-logo.clients-grid.grid-2col .each-logo {
width: 47.5%;
max-width: 47.5%;
}
.tm-sc-clients-logo.clients-grid.grid-3col .each-logo {
width: 31.333%;
max-width: 31.333%;
}
@media (max-width: 1024px) {
.tm-sc-clients-logo.clients-grid.grid-3col .each-logo {
width: 47.5%;
max-width: 47.5%;
}
}
.tm-sc-clients-logo.clients-grid.grid-4col .each-logo {
width: 22.5%;
max-width: 22.5%;
}
@media (max-width: 1024px) {
.tm-sc-clients-logo.clients-grid.grid-4col .each-logo {
width: 31.333%;
max-width: 31.333%;
}
}
@media (max-width: 767px) {
.tm-sc-clients-logo.clients-grid.grid-4col .each-logo {
width: 47.5%;
max-width: 47.5%;
}
}
.tm-sc-clients-logo.clients-grid.grid-5col .each-logo {
width: 17.5%;
max-width: 17.5%;
}
@media (max-width: 1024px) {
.tm-sc-clients-logo.clients-grid.grid-5col .each-logo {
width: 31.333%;
max-width: 31.333%;
}
}
@media (max-width: 767px) {
.tm-sc-clients-logo.clients-grid.grid-5col .each-logo {
width: 47.5%;
max-width: 47.5%;
}
}
.tm-sc-clients-logo.clients-grid.grid-5col .each-logo img {
max-width: 150px;
}
.tm-sc-clients-logo.clients-grid.grid-6col .each-logo {
width: 14.666%;
max-width: 14.666%;
}
@media (max-width: 1024px) {
.tm-sc-clients-logo.clients-grid.grid-6col .each-logo {
width: 22.5%;
max-width: 22.5%;
}
}
@media (max-width: 767px) {
.tm-sc-clients-logo.clients-grid.grid-6col .each-logo {
width: 47.5%;
max-width: 47.5%;
}
}
.tm-sc-clients-logo.clients-grid.grid-6col .each-logo img {
max-width: 130px;
}
.tm-sc-clients-logo.clients-animation-grayscale .each-logo img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.4;
}
.tm-sc-clients-logo.clients-animation-grayscale .each-logo:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.tm-sc-clients-logo.clients-animation-opacity .each-logo img {
opacity: 0.5;
}
.tm-sc-clients-logo.clients-animation-opacity .each-logo:hover img {
opacity: 1;
}
.tm-sc-clients-logo.clients-animation-blur .each-logo:hover img {
-webkit-filter: blur(1px);
filter: blur(1px);
}
.tm-sc-clients-logo.clients-animation-zoom .each-logo img {
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
.tm-sc-clients-logo.clients-animation-zoom .each-logo:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.tm-sc-clients-logo.clients-animation-contrast .each-logo:hover img {
-webkit-filter: contrast(300%);
filter: contrast(300%);
}
.tm-sc-clients-logo.clients-animation-invert .each-logo:hover img {
-webkit-filter: invert(100%);
filter: invert(100%);
}
.tm-sc-clients-logo.clients-animation-rollover .each-logo {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
}
.tm-sc-clients-logo.clients-animation-rollover .each-logo:hover .thumb {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
}
.tm-sc-clients-logo.clients-animation-rollover .each-logo:hover .thumb-hover {
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.tm-sc-clients-logo.clients-animation-rollover .each-logo .thumb {
position: relative;
display: block;
width: auto;
margin: 0 auto;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
-moz-transition: -moz-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
transition: transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
}
.tm-sc-clients-logo.clients-animation-rollover .each-logo .thumb-hover {
position: absolute;
top: 0;
left: 50%;
width: auto;
-webkit-transform: translate(-50%, -100%);
-moz-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
-moz-transition: -moz-transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
transition: transform 0.4s cubic-bezier(0.86, 0.15, 0.19, 0.93);
}
.tm-sc-clients-logo.clients-carousel .owl-item {
margin-right: 30px;
}
.tm-sc-clients-logo.clients-carousel .each-logo {
padding: 20px 10px;
word-wrap: break-word;
box-sizing: border-box;
text-align: center;
}
.tm-contact-form-7 {
transition: all 0.3s ease;
}
.tm-contact-form-7 .wpcf7-form {
display: flex;
flex-direction: column;
}
.tm-contact-form-7.labels-hide .wpcf7-form label {
display: none;
}
.tm-contact-form-7-button-align-left .tm-contact-form-7 .wpcf7-form .wpcf7-submit {
margin-right: auto;
display: inline-block;
}
.tm-contact-form-7-button-align-center .tm-contact-form-7 .wpcf7-form .wpcf7-submit {
margin: 0 auto;
display: block;
}
.tm-contact-form-7-button-align-right .tm-contact-form-7 .wpcf7-form .wpcf7-submit {
margin-left: auto;
margin-right: 0;
display: block;
}
.tm-contact-form-7-button-full-width .tm-contact-form-7 .wpcf7-form .wpcf7-submit {
display: grid;
width: 100%;
}
@media (prefers-reduced-motion: reduce) {
.tm-contact-form-7 {
transition: none;
}
}
.tm-contact-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.tm-contact-list ul li {
clear: both;
position: relative;
list-style: none;
padding-bottom: 0;
padding-top: 0;
padding-left: 0;
margin-bottom: 0;
transition: all 0.3s ease;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.tm-contact-list ul li > * {
display: flex;
flex-wrap: nowrap;
}
.tm-contact-list ul li .icon {
font-size: 22px;
text-align: center;
margin-right: 15px;
float: left;
align-self: center;
transition: all 0.3s ease;
justify-content: center;
display: flex;
align-items: center;
}
.tm-contact-list ul li .icon svg {
width: 1em;
height: 1em;
position: relative;
display: block;
}
.tm-contact-list ul li .icon i {
transition: all 0.3s ease;
}
.tm-contact-list ul li .prefix {
margin-right: 5px;
}
.tm-contact-list ol {
margin: 0;
padding: 0;
list-style: none;
}
.tm-contact-list.contact-list-round ul li .icon {
font-size: 18px;
padding: 10px;
display: flex;
align-self: center;
justify-content: center;
width: 50px;
height: 50px;
flex: 0 0 50px;
border-radius: 50%;
background-color: var(--theme-color1);
color: #fff;
transition: all 0.3s ease;
}
.tm-contact-list.contact-list-round ul li .icon i {
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
} .tm-sc-dropcaps .dropcaps {
color: #903;
float: left;
font-size: 60px;
line-height: 52px;
margin: 2px 10px 0 0;
}
.tm-sc-dropcaps.dropcaps-fill .dropcaps {
background-color: #903;
color: #fff;
text-align: center;
padding: 10px 10px 10px 10px;
margin: 7px 15px 0 0;
min-width: 64px;
}  .elementor-editor-active .elementor-widget-tm-ele-countdown-timer {
min-height: 30px;
}
.tm-sc-countdown-timer .countdown-container {
font-size: 20px;
}
.tm-sc-countdown-timer .countdown-container span {
display: inline-block;
font-size: 28px;
line-height: 2;
padding: 0 5px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.final-countdown-modern-circular .countdown-container {
width: 100%;
position: relative;
}
.final-countdown-modern-circular .countdown-container .clock-item {
position: relative;
max-width: 270px;
}
.final-countdown-modern-circular .countdown-container .clock-item .inner {
position: relative;
text-align: center;
}
.final-countdown-modern-circular .countdown-container .clock-item .inner .clock-canvas {
background-color: rgba(255, 255, 255, 0.7);
border-radius: 50%;
height: 0;
padding-bottom: 100%;
}
.final-countdown-modern-circular .countdown-container .clock-item .inner .text {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 50%;
}
.final-countdown-modern-circular .countdown-container .clock-item .inner .text .val {
font-size: 36px;
line-height: 1.4;
font-weight: 500;
margin-bottom: 0;
}
.final-countdown-modern-circular .countdown-container .clock-item .inner .text .type-time {
font-size: 13px;
margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.final-countdown-modern-circular .countdown-container .clock-item {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.final-countdown-modern-circular .countdown-container .clock-item {
margin: 0px 30px 30px 30px;
}
}
.final-countdown-smart-style .countdown-timer {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.final-countdown-smart-style .countdown-timer .counter {
background-color: rgba(0, 0, 0, 0.2);
text-align: center;
position: relative;
border-radius: 3px;
padding: 0;
margin-right: 10px;
margin-bottom: 20px;
overflow: hidden;
}
.final-countdown-smart-style .countdown-timer .counter .value {
font-family: var(--heading-font-family);
color: #fff;
display: block;
font-size: 3rem;
padding: 15px 0;
}
.final-countdown-smart-style .countdown-timer .counter .label {
font-size: 1.2rem;
background: var(--theme-color2);
color: #111c16;
display: block;
padding: 5px 40px;
text-transform: capitalize;
} .tm-sc-funfact {
transition: all 0.3s ease;
position: relative;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-funfact {
transition: none;
}
}
.tm-sc-funfact .funfact-inner .funfact-icon {
display: inline-block;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-funfact .funfact-inner .funfact-icon {
transition: none;
}
}
.tm-sc-funfact .funfact-inner .funfact-icon i {
font-size: 45px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-funfact .funfact-inner .funfact-icon i {
transition: none;
}
}
.tm-sc-funfact .funfact-inner .funfact-icon svg {
width: 1em;
height: 1em;
position: relative;
display: inline-block;
}
.tm-sc-funfact .funfact-inner .counter {
margin-top: 0;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-funfact .funfact-inner .counter {
transition: none;
}
}
.tm-sc-funfact .funfact-inner .counter .animate-number {
line-height: 1;
}
.tm-sc-funfact .funfact-inner .subtitle {
margin-bottom: 0;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-funfact .funfact-inner .subtitle {
transition: none;
}
}
.tm-sc-funfact .funfact-inner .title {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-funfact .funfact-inner .title {
transition: none;
}
}
.tm-sc-funfact .funfact-inner.funfact-lefticon .details {
margin-left: 60px;
}
.tm-sc-funfact.funfact-number-behind-text .counter {
position: absolute;
font-size: 100px;
line-height: 0.8;
text-transform: uppercase;
color: #ebeced;
left: 0;
right: 0;
}
.tm-sc-funfact.funfact-number-behind-text .title-wrapper {
padding-top: 40px;
position: relative;
z-index: 1;
}
.tm-sc-funfact.funfact-iconleft .element-left {
float: left;
margin-right: 1.5rem;
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.tm-sc-funfact.funfact-iconright .funfact-inner {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: flex-start;
}
.tm-sc-funfact.funfact-iconright .element-right {
margin-left: 2rem;
}
.tm-sc-funfact.funfact-iconright .details {
text-align: right;
}
}
@media (max-width: 767.98px) {
.tm-sc-funfact.funfact-iconright {
text-align: center;
}
}
.tm-sc-funfact.tm-animate-icon-on-hover:hover.animate-icon-rotate .funfact-icon {
transform: rotate(360deg);
}
.tm-sc-funfact.tm-animate-icon-on-hover:hover.animate-icon-rotate-x .funfact-icon {
transform: rotateX(360deg);
}
.tm-sc-funfact.tm-animate-icon-on-hover:hover.animate-icon-rotate-y .funfact-icon {
transform: rotateY(180deg);
}
.tm-sc-funfact.tm-animate-icon-on-hover:hover.animate-icon-translate .funfact-icon {
transform: translate(-10px, 10px);
}
.tm-sc-funfact.tm-animate-icon-on-hover:hover.animate-icon-translate-x .funfact-icon {
transform: translateX(-10px);
}
.tm-sc-funfact.tm-animate-icon-on-hover:hover.animate-icon-translate-y .funfact-icon {
transform: translateY(-10px);
}
.tm-sc-funfact.tm-animate-icon-on-hover:hover.animate-icon-scale .funfact-icon {
transform: scale(1.1);
}
@media (max-width: 991.98px) {
.tm-sc-funfact.funfact-centered-in-responsive-tablet.funfact-iconleft {
text-align: center;
}
.tm-sc-funfact.funfact-centered-in-responsive-tablet.funfact-iconleft .element-left {
float: none;
margin-right: 0;
margin-bottom: 1rem;
}
.tm-sc-funfact.funfact-centered-in-responsive-tablet.funfact-iconleft .element-left .funfact-icon {
margin: 0;
}
}
@media (max-width: 767.98px) {
.tm-sc-funfact.funfact-centered-in-responsive-mobile.funfact-iconleft {
text-align: center;
}
.tm-sc-funfact.funfact-centered-in-responsive-mobile.funfact-iconleft .element-left {
float: none;
margin-right: 0;
margin-bottom: 1rem;
}
.tm-sc-funfact.funfact-centered-in-responsive-mobile.funfact-iconleft .element-left .funfact-icon {
margin: 0;
}
}
@media (max-width: 767.98px) {
.funfact-horizontal .funfact-inner {
text-align: center;
}
}
@media (min-width: 768px) {
.funfact-horizontal .funfact-inner .icon-wrapper {
float: left;
margin-right: 1.5rem;
}
}
@media (max-width: 767.98px) {
.funfact-horizontal .funfact-inner .icon-wrapper {
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
.funfact-horizontal .funfact-inner .details-wrapper {
display: flex;
align-items: center;
}
}
@media (min-width: 768px) {
.funfact-horizontal .funfact-inner .details-wrapper .counter-wrapper {
margin-right: 1.5rem;
}
}
.tm-header-top-info ul {
list-style: none;
}
.tm-header-top-info ul li {
display: inline-block;
margin-right: 20px;
}
.tm-header-top-info ul li > *, .tm-header-top-info ul li a {
display: inline-block;
color: #fff;
font-weight: var(--body-font-weight);
}
.tm-header-top-info ul li i {
margin-right: 5px;
}
.tm-header-top-info ul li:last-child {
margin-right: 0;
}
.tm-header-top-info ul li .prefix {
margin-right: 5px;
}
.tm-header-top-info.border-style ul {
list-style: none;
}
.tm-header-top-info.border-style ul li {
display: inline-block;
padding-right: 20px;
border-right: 1px solid rgba(200, 200, 200, 0.7);
}
@media (max-width: 767.98px) {
.tm-header-top-info.border-style ul li {
padding-left: 0;
padding-right: 0;
border: none;
}
}
.tm-header-top-info.border-style ul li > *, .tm-header-top-info.border-style ul li a {
display: inline-block;
color: #fff;
}
.tm-header-top-info.border-style ul li:last-child {
margin-right: 0;
padding-right: 0;
border-right: none;
}
.tm-header-top-info.align-center {
text-align: center;
}
.tm-header-top-info.align-right {
text-align: right;
}
.tm-header-top-info.align-right ul li {
margin-right: 0;
margin-left: 20px;
}
.tm-header-top-info.align-right.border-style ul li {
margin-left: 0;
padding-left: 0;
border-left: none;
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid rgba(200, 200, 200, 0.7);
}
@media (max-width: 767.98px) {
.tm-header-top-info.align-right.border-style ul li {
padding-left: 0;
padding-right: 0;
border: none;
}
}
.tm-header-top-info.align-right.border-style ul li:last-child {
margin-right: 0;
padding-right: 0;
border-right: none;
} .icon-box {
position: relative;
z-index: 0;
transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box {
transition: none;
}
}
.icon-box .icon-wrapper {
position: relative;
z-index: 0;
}
.icon-box .icon-wrapper .icon-bg-img {
position: absolute;
width: 100px;
z-index: -1;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .icon-wrapper .icon-bg-img {
transition: none;
}
}
.icon-box .icon-wrapper .icon-bg-img img {
width: 100%;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .icon-wrapper .icon-bg-img img {
transition: none;
}
}
.icon-box .icon {
display: inline-block;
margin-bottom: 0;
transition: all 0.3s ease;
text-align: center;
font-weight: normal;
line-height: 70px;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .icon {
transition: none;
}
}
.icon-box .icon i, .icon-box .icon svg {
display: inline-block;
font-size: 30px;
line-height: 70px;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .icon i, .icon-box .icon svg {
transition: none;
}
}
.icon-box .icon svg {
width: 1em;
height: 1em;
line-height: 70px;
}
.icon-box .icon svg:before {
line-height: 1;
}
.icon-box .icon i[class*=pe-7s-] {
vertical-align: text-bottom;
}
.icon-box .icon.icon-default {
margin-bottom: 5px;
}
.icon-box .icon.icon-gray {
background-color: #f3f3f3;
color: #333;
}
.icon-box .icon.icon-gray.icon-bordered {
background-color: transparent;
border: 3px solid #eee;
}
.icon-box:hover .icon.icon-gray {
background-color: #e9e9e9;
color: #111;
}
.icon-box:hover .icon.icon-gray.icon-bordered {
background-color: #eee;
color: #555;
}
.icon-box .icon.icon-dark {
background-color: #111;
color: #fff;
}
.icon-box .icon.icon-dark.icon-bordered {
background-color: transparent;
border: 3px solid #111;
color: #111;
}
.icon-box:hover .icon.icon-dark {
background-color: #eee;
color: #111;
}
.icon-box:hover .icon.icon-dark.icon-bordered {
background-color: #111;
border-color: #111;
color: #fff;
}
.icon-box .icon.icon-white {
background-color: #fff;
color: #333;
}
.icon-box .icon.icon-white.icon-bordered {
background-color: transparent;
border: 3px solid #fff;
}
.icon-box:hover .icon.icon-white {
background-color: #cccccc;
color: black;
}
.icon-box:hover .icon.icon-white.icon-bordered {
background-color: #fff;
border-color: #fff;
color: #111;
}
.icon-box .icon.icon-white.icon-border-effect {
position: relative;
}
.icon-box .icon.icon-white.icon-border-effect::after {
box-shadow: 0 0 0 3px #fff;
}
.icon-box .icon.icon-bordered {
border: 3px solid #eee;
}
.icon-box:hover .icon.icon-bordered {
background-color: #eee;
color: #111;
}
.icon-box .icon.icon-rounded {
border-radius: 3px;
}
.icon-box .icon.icon-circled {
border-radius: 50%;
}
.icon-box .icon.icon-type-image.icon-bordered {
padding: 5px;
}
.icon-box .icon.icon-type-icon-text .icon-text {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .icon.icon-type-icon-text .icon-text {
transition: none;
}
}
.icon-box .icon.icon-xs {
height: 30px;
width: 30px;
line-height: 30px;
}
.icon-box .icon.icon-xs i, .icon-box .icon.icon-xs svg {
font-size: 18px;
line-height: 30px;
}
.icon-box .icon.icon-sm {
height: 50px;
width: 50px;
line-height: 50px;
}
.icon-box .icon.icon-sm i, .icon-box .icon.icon-sm svg {
font-size: 22px;
line-height: 50px;
}
.icon-box .icon.icon-md {
height: 75px;
width: 75px;
line-height: 75px;
}
.icon-box .icon.icon-md i, .icon-box .icon.icon-md svg {
font-size: 36px;
line-height: 75px;
}
.icon-box .icon.icon-lg {
height: 90px;
width: 90px;
line-height: 90px;
}
.icon-box .icon.icon-lg i, .icon-box .icon.icon-lg svg {
font-size: 48px;
line-height: 90px;
}
.icon-box .icon.icon-xl {
height: 120px;
width: 120px;
line-height: 120px;
}
.icon-box .icon.icon-xl i, .icon-box .icon.icon-xl svg {
font-size: 60px;
line-height: 120px;
}
.icon-box .icon.icon-border-effect {
position: relative;
}
.icon-box .icon.icon-border-effect::after {
border-radius: 50%;
box-shadow: 0 0 0 3px;
box-sizing: content-box;
content: "";
height: 100%;
left: -4px;
opacity: 0;
padding: 4px;
top: -4px;
transform: scale(0.8);
transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
pointer-events: none;
position: absolute;
width: 100%;
}
.icon-box .icon.icon-border-effect.effect-flat::after {
border-radius: 0;
}
.icon-box .icon.icon-border-effect.effect-rounded::after {
border-radius: 3px;
}
.icon-box .icon.icon-border-effect.effect-circled::after {
border-radius: 50%;
}
.icon-box .icon.icon-border-effect.icon-gray::after {
box-shadow: 0 0 0 3px #eee;
}
.icon-box .icon.icon-top {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -32px;
}
.icon-box.text-center .icon.icon-type-image {
text-align: center;
display: inline-block;
}
.icon-box.text-right .icon.icon-type-image {
text-align: right;
display: inline-block;
}
.icon-box.iconbox-border {
border: 3px solid #dcdcdc;
}
.icon-box.iconbox-bg {
background-color: #fafafa;
}
.icon-box.iconbox-bg.iconbox-bg-dark {
background-color: #333;
}
.icon-box .content {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .content {
transition: none;
}
}
.icon-box .content p {
transition: all 0.3s ease;
margin-bottom: 0;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .content p {
transition: none;
}
}
.icon-box .content a {
color: var(--text-color);
font-weight: var(--body-font-weight);
}
.icon-box.icon-left .icon-box-wrapper {
display: flex;
}
.icon-box.icon-left .icon {
margin-right: 20px;
}
.icon-box.icon-left .icon.no-bg {
width: auto;
height: auto;
}
.icon-box.icon-left .icon-text {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
}
.icon-box.icon-right .icon-box-wrapper {
display: flex;
flex-direction: row-reverse;
}
@media (min-width: 768px) {
.icon-box.icon-right .icon {
margin-left: 20px;
}
}
.icon-box.icon-right .icon.no-bg {
width: auto;
height: auto;
}
.icon-box.icon-right .icon.icon-default {
margin-left: 10px;
}
.icon-box.icon-right .icon-text {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
flex: 1 0 0;
}
.icon-box .icon-box-title,
.icon-box .icon-box-title a {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .icon-box-title,
.icon-box .icon-box-title a {
transition: none;
}
}
.icon-box .btn-view-details {
transition: all 0.3s ease;
margin-top: 15px;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .btn-view-details {
transition: none;
}
}
.icon-box:hover .icon-border-effect::after {
opacity: 1;
transform: scale(1);
}
.icon-box .icon-border-effect:hover::after {
opacity: 1;
transform: scale(1);
}
.icon-box.iconbox-box-shadow {
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
}
.icon-box.iconbox-box-shadow:hover {
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.15);
}
.icon-box.iconbox-box-shadow-on-hover:hover {
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.15);
}
.icon-box.iconbox-default-padding {
padding: 50px 35px 50px 35px;
}
@media (max-width: 1024px) {
.icon-box.iconbox-centered-in-responsive-tablet {
text-align: center !important;
}
.icon-box.iconbox-centered-in-responsive-tablet .icon {
margin-left: auto;
margin-right: auto;
}
.icon-box.iconbox-centered-in-responsive-tablet .icon.icon-type-image {
text-align: center !important;
}
.icon-box.iconbox-centered-in-responsive-tablet.icon-left .icon-box-wrapper {
display: block;
}
.icon-box.iconbox-centered-in-responsive-tablet.icon-left .icon.icon-default {
margin-right: auto;
margin-left: auto;
}
.icon-box.iconbox-centered-in-responsive-tablet.icon-right .icon-box-wrapper {
display: block;
}
.icon-box.iconbox-centered-in-responsive-tablet.icon-right .icon.icon-default {
margin-right: auto;
margin-left: auto;
}
}
@media (max-width: 767.98px) {
.icon-box.iconbox-centered-in-responsive-mobile {
text-align: center !important;
}
.icon-box.iconbox-centered-in-responsive-mobile .icon {
margin-left: auto;
margin-right: auto;
}
.icon-box.iconbox-centered-in-responsive-mobile .icon.icon-type-image {
text-align: center !important;
}
.icon-box.iconbox-centered-in-responsive-mobile.icon-left .icon-box-wrapper {
display: block;
}
.icon-box.iconbox-centered-in-responsive-mobile.icon-left .icon.icon-default {
margin-right: auto;
margin-left: auto;
}
.icon-box.iconbox-centered-in-responsive-mobile.icon-right .icon-box-wrapper {
display: block;
}
.icon-box.iconbox-centered-in-responsive-mobile.icon-right .icon.icon-default {
margin-right: auto;
margin-left: auto;
}
}
@media (min-width: 1200px) {
.icon-box.iconbox-title-mt-0-desktop .icon-box-title {
margin-top: 0;
}
}
.icon-box.iconbox-hover-move-up-animation:hover {
margin-top: -15px;
}
.icon-box.iconbox-border-radius {
border-radius: 10px;
}
.icon-box.icon-position-icon-top.hanging-icon-top .icon-wrapper .icon {
margin-top: -70px;
}
.icon-box.animate-icon-on-hover:hover.animate-icon-rotate .icon-wrapper .icon {
transform: rotate(360deg);
}
.icon-box.animate-icon-on-hover:hover.animate-icon-rotate-x .icon-wrapper .icon {
transform: rotateX(360deg);
}
.icon-box.animate-icon-on-hover:hover.animate-icon-rotate-y .icon-wrapper .icon {
transform: rotateY(180deg);
}
.icon-box.animate-icon-on-hover:hover.animate-icon-translate .icon-wrapper .icon {
transform: translate(-10px, 10px);
}
.icon-box.animate-icon-on-hover:hover.animate-icon-translate-x .icon-wrapper .icon {
transform: translateX(-10px);
}
.icon-box.animate-icon-on-hover:hover.animate-icon-translate-y .icon-wrapper .icon {
transform: translateY(-10px);
}
.icon-box.animate-icon-on-hover:hover.animate-icon-scale .icon-wrapper .icon {
transform: scale(1.1);
}
.icon-box.icon-area-box-shadow .icon-wrapper .icon {
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
}
.icon-box.iconbox-style2-border-bottom:after {
background-color: #aaa;
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 4px;
content: "";
opacity: 0;
transition: 0.3s ease-in;
}
.icon-box.iconbox-style2-border-bottom:hover:after {
bottom: 0;
opacity: 1;
}
.icon-box.iconbox-style3-moving-border-bottom {
overflow: hidden;
}
.icon-box.iconbox-style3-moving-border-bottom:after {
position: absolute;
left: -2px;
bottom: 0px;
width: 100%;
height: 4px;
content: "";
background-image: -moz-linear-gradient(0deg, #313131 0%, #bdc0c3 100%);
background-image: -webkit-linear-gradient(0deg, #313131 0%, #bdc0c3 100%);
background-image: -ms-linear-gradient(0deg, #313131 0%, #bdc0c3 100%);
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: hidden;
opacity: 0;
transition: all 0.5s ease-in;
}
@media (prefers-reduced-motion: reduce) {
.icon-box.iconbox-style3-moving-border-bottom:after {
transition: none;
}
}
.icon-box.iconbox-style3-moving-border-bottom:hover:after {
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
visibility: visible;
opacity: 1;
}
.icon-box.iconbox-style4-bgcolor {
overflow: hidden;
}
.icon-box.iconbox-style4-bgcolor:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background-color: #161d29;
transition: all 500ms ease;
z-index: -1;
}
@media (prefers-reduced-motion: reduce) {
.icon-box.iconbox-style4-bgcolor:before {
transition: none;
}
}
.icon-box.iconbox-style4-bgcolor:hover:before {
opacity: 1;
visibility: visible;
}
.icon-box.iconbox-style4-bgcolor:hover .icon-box-title,
.icon-box.iconbox-style4-bgcolor:hover .icon-box-title a {
color: #fff;
}
.icon-box.iconbox-style4-bgcolor:hover .content {
color: #fff;
}
.icon-box.iconbox-style4-bgcolor:hover .content p {
color: #fff;
}
.icon-box.iconbox-style5-moving-bgcolor {
overflow: hidden;
}
.icon-box.iconbox-style5-moving-bgcolor:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
visibility: visible;
background-color: #161d29;
transition: all 500ms ease;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-moz-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-moz-transform-origin: top;
transform-origin: top;
z-index: -1;
}
@media (prefers-reduced-motion: reduce) {
.icon-box.iconbox-style5-moving-bgcolor:before {
transition: none;
}
}
.icon-box.iconbox-style5-moving-bgcolor:hover:before {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
.icon-box.iconbox-style5-moving-bgcolor:hover .icon-box-title,
.icon-box.iconbox-style5-moving-bgcolor:hover .icon-box-title a {
color: #fff;
}
.icon-box.iconbox-style5-moving-bgcolor:hover .content {
color: #fff;
}
.icon-box.iconbox-style5-moving-bgcolor:hover .content p {
color: #fff;
}
.icon-box.iconbox-style5-moving-bgcolor .icon:hover {
color: #fff;
}
.icon-box.iconbox-style6-moving-double-bgcolor {
overflow: hidden;
}
.icon-box.iconbox-style6-moving-double-bgcolor:before, .icon-box.iconbox-style6-moving-double-bgcolor:after {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
visibility: visible;
background-color: #475469;
transition: all 400ms ease;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
-moz-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-ms-transform-origin: top;
-moz-transform-origin: top;
transform-origin: top;
z-index: -2;
}
@media (prefers-reduced-motion: reduce) {
.icon-box.iconbox-style6-moving-double-bgcolor:before, .icon-box.iconbox-style6-moving-double-bgcolor:after {
transition: none;
}
}
.icon-box.iconbox-style6-moving-double-bgcolor:after {
background-color: #141d2b;
z-index: -1;
}
.icon-box.iconbox-style6-moving-double-bgcolor:hover:before, .icon-box.iconbox-style6-moving-double-bgcolor:hover:after {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
.icon-box.iconbox-style6-moving-double-bgcolor:hover:after {
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.icon-box.iconbox-style6-moving-double-bgcolor:hover .icon-box-title,
.icon-box.iconbox-style6-moving-double-bgcolor:hover .icon-box-title a {
color: #fff;
}
.icon-box.iconbox-style6-moving-double-bgcolor:hover .content {
color: #fff;
}
.icon-box.iconbox-style6-moving-double-bgcolor:hover .content p {
color: #fff;
}
.icon-box.iconbox-style7-hover-moving-border {
overflow: hidden;
}
.icon-box.iconbox-style7-hover-moving-border:after, .icon-box.iconbox-style7-hover-moving-border:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
opacity: 0;
-webkit-transition: opacity 0.55s, -webkit-transform 0.55s;
transition: opacity 0.55s, transform 0.55s;
z-index: -1;
}
.icon-box.iconbox-style7-hover-moving-border:after {
border-right: 2px solid #444;
border-left: 2px solid #444;
}
.icon-box.iconbox-style7-hover-moving-border:after {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
}
.icon-box.iconbox-style7-hover-moving-border:before {
border-top: 2px solid #444;
border-bottom: 2px solid #444;
}
.icon-box.iconbox-style7-hover-moving-border:before {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.icon-box.iconbox-style7-hover-moving-border:hover:before, .icon-box.iconbox-style7-hover-moving-border:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.icon-box .bg-shadow-icon {
position: absolute;
right: -30px;
bottom: 0px;
font-size: 8rem;
line-height: 1;
color: #687f9b;
opacity: 0.25;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box .bg-shadow-icon {
transition: none;
}
}
.icon-box.iconbox-bg-img-on-hover {
overflow: hidden;
}
.icon-box.iconbox-bg-img-on-hover .bg-img-wrapper {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box.iconbox-bg-img-on-hover .bg-img-wrapper {
transition: none;
}
}
.icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:before, .icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:before, .icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:after {
transition: none;
}
}
.icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:before {
background-image: url(//www.digitalrenzo.com/wp-content/plugins/mascot-core/assets/css/images/shadow-overlay2.png);
background-position: center bottom;
z-index: 1;
background-repeat: no-repeat;
}
.icon-box.iconbox-bg-img-on-hover .bg-img-wrapper:after {
background-color: rgba(0, 0, 0, 0.45);
z-index: 2;
}
.icon-box.iconbox-bg-img-on-hover:hover .bg-img-wrapper {
opacity: 1;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.icon-box.iconbox-bg-img-on-hover:hover .icon {
color: #fff;
}
.icon-box.iconbox-bg-img-on-hover:hover .icon i {
color: #fff;
}
.icon-box.iconbox-bg-img-on-hover:hover .icon-box-title,
.icon-box.iconbox-bg-img-on-hover:hover .icon-box-title a {
color: #fff;
}
.icon-box.iconbox-bg-img-on-hover:hover .content {
color: #fff;
}
.icon-box.iconbox-bg-img-on-hover:hover .content p {
color: #fff;
}
.icon-box.iconbox-bg-img-on-hover .icon-box-wrapper {
position: relative;
z-index: 99;
}
.icon-box.iconbox-bg-img-on-hover.iconbox-bg-img-on-hover-always-visible .bg-img-wrapper {
opacity: 1;
}
.icon-box.tm-iconbox-icontype-svg-image .icon-type-svg-image {
display: flex;
align-items: center;
justify-content: center;
}
.icon-box.tm-iconbox-icontype-svg-image .tm-vivus-svg-animation {
width: 128px;
height: auto;
}
.icon-box.icon-position-icon-left-style2 .icon-box-wrapper {
display: block;
}
@media (min-width: 768px) {
.icon-box.icon-position-icon-left-style2 .icon-left-block {
align-items: center;
display: flex;
}
}
.icon-box.icon-position-icon-left-style2 .icon.icon-default {
height: auto;
width: auto;
margin-bottom: 5px;
margin-right: 20px;
}
.icon-box.icon-position-icon-left-style2 .icon.icon-default i {
line-height: 1;
}
.icon-box.icon-position-icon-right-style2 .icon-box-wrapper {
display: block;
}
.icon-box.icon-position-icon-right-style2 .icon-right-block {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.icon-box.icon-position-icon-right-style2 .icon-right-block {
display: flex;
flex-direction: inherit;
justify-content: space-between;
align-items: center;
}
}
.icon-box.icon-position-icon-right-style2 .icon.icon-default {
height: auto;
width: auto;
margin-bottom: 5px;
margin-right: 20px;
}
.icon-box.icon-position-icon-right-style2 .icon.icon-default i {
line-height: 1;
}
.tm-image-background-text-effect {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.tm-image-background-text-effect > * {
font-size: 3rem;
-webkit-text-stroke-width: 1.1px;
-webkit-text-stroke-color: #070707;
}
.bg-animation-yes .tm-image-background-text-effect {
animation: textImgMoving 20s linear infinite;
}
.bg-animation-dir-rtl .tm-image-background-text-effect {
animation-name: textImgMovingRTL;
}
@keyframes textImgMoving {
from {
background-position: 0 center;
}
to {
background-position: 2000px center;
}
}
@keyframes textImgMovingRTL {
from {
background-position: 2000px center;
}
to {
background-position: 0 center;
}
} .tm-sc-image-with-rotated-text {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-image-with-rotated-text {
transition: none;
}
}
.tm-sc-image-with-rotated-text .image-text-wrapper {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.tm-sc-image-with-rotated-text .image-text-wrapper .image-inner {
overflow: hidden;
}
.tm-sc-image-with-rotated-text .image-text-wrapper .image-inner img {
transform: scale(1);
transition: 1s;
}
.tm-sc-image-with-rotated-text .image-text-wrapper .text-holder {
font-size: 12rem;
font-weight: 700;
font-family: var(--heading-font-family);
line-height: 1;
margin: 0;
color: transparent;
-webkit-text-stroke: 2px #c2c0bd;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-image-with-rotated-text .image-text-wrapper .text-holder {
transition: none;
}
}
.tm-sc-image-with-rotated-text .image-text-wrapper .text-holder .text {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-image-with-rotated-text .image-text-wrapper .text-holder .text {
transition: none;
}
}
.tm-sc-image-with-rotated-text.text-position-top-left .text-holder, .tm-sc-image-with-rotated-text.text-position-bottom-left .text-holder {
left: 18px;
position: absolute;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
transform-origin: bottom left;
white-space: nowrap;
}
.tm-sc-image-with-rotated-text.text-position-top-left .text-holder {
bottom: 74px;
}
.tm-sc-image-with-rotated-text.text-position-bottom-left .text-holder {
bottom: -29px;
}
.tm-sc-image-with-rotated-text.text-position-top-right .text-holder, .tm-sc-image-with-rotated-text.text-position-bottom-right .text-holder {
position: relative;
left: auto;
float: right;
right: -152px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
white-space: nowrap;
}
.tm-sc-image-with-rotated-text.text-position-bottom-right .text-holder {
bottom: 42px;
}
.tm-sc-image-with-rotated-text.text-position-top-right .text-holder {
bottom: 18.2%;
position: absolute;
}
.mascot-language-switcher ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 12px;
}
.mascot-language-switcher span {
color: #737474;
font-size: 14px;
line-height: 1.4;
}
.mascot-language-switcher .language-switcher-head i {
font-weight: 700;
font-size: 8px;
margin-left: 5px;
}
.mascot-language-switcher a {
display: block;
}
.mascot-language-switcher img {
display: inline-block;
margin-right: 5px;
}
.mascot-language-switcher .item > div {
display: flex;
cursor: pointer;
align-items: center;
}
.mascot-language-switcher .item > div img {
width: 16px;
height: 16px;
object-fit: cover;
margin-right: 8px;
border-radius: 50%;
}
.mascot-language-switcher .sub-item {
display: none;
position: absolute;
left: 0;
z-index: 999;
text-align: left;
top: calc(100% + 1rem);
background-color: #fff;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}
.mascot-language-switcher .sub-item:before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 1rem;
top: -1rem;
}
.mascot-language-switcher .sub-item li {
padding: 0;
}
.mascot-language-switcher .sub-item a {
padding: 10px 20px;
font-size: 0.9em;
min-width: 126px;
white-space: nowrap;
}
.mascot-language-switcher .sub-item a:hover, .mascot-language-switcher .sub-item a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.mascot-language-switcher li.item {
position: relative;
}
.mascot-language-switcher li.item > div span.title:after {
margin-left: 0.5em;
margin-top: -1px;
}
.mascot-language-switcher li.item:hover .sub-item {
display: block;
}
.language-switcher-style-hover-right-yes .mascot-language-switcher .sub-item {
right: 0;
left: unset;
} .tm-sc-line-with-text .horizontal-line {
display: inline-block;
vertical-align: middle;
height: 2px;
width: 50px;
background-color: #fac400;
}
.tm-sc-line-with-text .horizontal-text {
display: inline-block;
vertical-align: middle;
letter-spacing: 0.09em;
padding-left: 15px;
}
.tm-sc-line-with-text.line-after-title .horizontal-text {
padding-left: 0;
padding-right: 15px;
}
.tm-sc-line-with-text.line-above-title .horizontal-line {
display: block;
}
.tm-sc-line-with-text.line-above-title .horizontal-text {
display: block;
padding-left: 0;
padding-top: 15px;
}
.tm-sc-line-with-text.line-below-title .horizontal-line {
display: block;
}
.tm-sc-line-with-text.line-below-title .horizontal-text {
display: block;
padding-left: 0;
padding-bottom: 15px;
} .tm-sc-list {
list-style: none;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-list {
transition: none;
}
}
.tm-sc-list li {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-list li {
transition: none;
}
}
.tm-sc-list li i {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-list li i {
transition: none;
}
}
.tm-sc-list.tm-animate-icon-on-hover.animate-icon-rotate li:hover i {
transform: rotate(360deg);
}
.tm-sc-list.tm-animate-icon-on-hover.animate-icon-rotate-x li:hover i {
transform: rotateX(360deg);
}
.tm-sc-list.tm-animate-icon-on-hover.animate-icon-rotate-y li:hover i {
transform: rotateY(180deg);
}
.tm-sc-list.tm-animate-icon-on-hover.animate-icon-translate li:hover i {
transform: translate(-10px, 10px);
}
.tm-sc-list.tm-animate-icon-on-hover.animate-icon-translate-x li:hover i {
transform: translateX(-10px);
}
.tm-sc-list.tm-animate-icon-on-hover.animate-icon-translate-y li:hover i {
transform: translateY(-10px);
}
.tm-sc-list.tm-animate-icon-on-hover.animate-icon-scale li:hover i {
transform: scale(1.1);
}
.tm-sc-simple-nav-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.tm-sc-simple-nav-menu ul li {
list-style: none;
transition: all 0.3s ease;
}
.tm-sc-simple-nav-menu ul li a {
display: block;
position: relative;
padding-bottom: 0;
padding-top: 0;
padding-left: 18px;
margin-bottom: 0;
line-height: 2.5rem;
transition: all 0.3s ease;
color: #777;
overflow: hidden;
}
.tm-sc-simple-nav-menu ul li a:hover {
color: #aaa;
}
.tm-sc-simple-nav-menu ul li .tm-nav-arrow-icon {
color: var(--theme-color1);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease;
}
.tm-sc-simple-nav-menu ol {
margin: 0;
padding: 0;
list-style: none;
}
.tm-sc-simple-nav-menu ul.split-nav-menu li {
margin-bottom: 4px !important;
width: 50%;
float: left;
padding-right: 3px;
}
.tm-sc-simple-nav-menu .tm-animate-icon-on-hover.animate-icon-rotate li:hover i {
transform: translateY(-50%) rotate(360deg);
}
.tm-sc-simple-nav-menu .tm-animate-icon-on-hover.animate-icon-rotate-x li:hover i {
transform: translateY(-50%) rotateX(360deg);
}
.tm-sc-simple-nav-menu .tm-animate-icon-on-hover.animate-icon-rotate-y li:hover i {
transform: translateY(-50%) rotateY(180deg);
}
.tm-sc-simple-nav-menu .tm-animate-icon-on-hover.animate-icon-translate li:hover i {
transform: translate(-10px, -45%);
}
.tm-sc-simple-nav-menu .tm-animate-icon-on-hover.animate-icon-translate-x li:hover i {
transform: translateY(-50%) translateX(-7px);
}
.tm-sc-simple-nav-menu .tm-animate-icon-on-hover.animate-icon-translate-x-right li:hover i {
transform: translateY(-50%) translateX(7px);
}
.tm-sc-simple-nav-menu .tm-animate-icon-on-hover.animate-icon-translate-y li:hover i {
transform: translateY(-45%);
}
.tm-sc-simple-nav-menu .tm-animate-icon-on-hover.animate-icon-scale li:hover i {
transform: translateY(-50%) scale(1.1);
}
.tm-mc4wp-newsletter {     }
.tm-mc4wp-newsletter svg {
width: 1em;
height: 1em;
}
.tm-mc4wp-newsletter input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #fff inset;
-webkit-text-fill-color: #868686;
}
.tm-mc4wp-newsletter .mc4wp-form-fields {
display: flex;
margin: auto;
position: relative;
}
.tm-mc4wp-newsletter input[type=email] {
width: 370px;
max-width: 100%;
}
.tm-mc4wp-newsletter [type=submit] {
width: 170px;
}
@media (max-width: 767px) {
.tm-mc4wp-newsletter input[type=email] {
width: 100%;
}
}
.tm-mc4wp-newsletter.form-style-flat input[type=email] {
background-color: transparent;
fill: #000;
color: #000;
border-style: solid;
border-width: 0 0 2px;
border-color: #000;
padding: 0 0;
margin: 0 10px 0 0;
}
.tm-mc4wp-newsletter.form-style-flat input[type=email]::placeholder {
color: #000;
opacity: 1;
}
.tm-mc4wp-newsletter.form-style-flat input[type=submit],
.tm-mc4wp-newsletter.form-style-flat button[type=submit] {
background-color: transparent;
border-style: solid;
border-width: 0 0 2px;
border-color: #000;
text-transform: uppercase;
width: 80px;
padding: 0 0;
margin: 0 auto;
}
@media (max-width: 767px) {
.tm-mc4wp-newsletter.form-style-flat .mc4wp-form-fields {
flex-direction: column;
}
.tm-mc4wp-newsletter.form-style-flat input[type=email] {
margin: 0 0 15px 0;
}
}
.tm-mc4wp-newsletter.form-style-classic input[type=email] {
padding: 17px 30px;
width: 100%;
border: none;
background-color: var(--theme-color2);
color: var(--text-color-bg-theme-color2);
border: 1px solid transparent;
}
.tm-mc4wp-newsletter.form-style-classic input[type=submit],
.tm-mc4wp-newsletter.form-style-classic button[type=submit] {
font-size: 16px;
line-height: 50px;
display: inline-block;
text-align: center;
transition: ease 0.3s;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
border: none;
margin-left: 0;
padding: 0 35px;
background-color: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
}
.tm-mc4wp-newsletter.form-style-classic input[type=submit]:hover,
.tm-mc4wp-newsletter.form-style-classic button[type=submit]:hover {
background-color: var(--theme-color3);
color: var(--text-color-bg-theme-color3);
}
@media (max-width: 767px) {
.tm-mc4wp-newsletter.form-style-classic .mc4wp-form-fields {
flex-direction: column;
}
.tm-mc4wp-newsletter.form-style-classic input[type=email] {
margin: 0 0 15px 0;
}
.tm-mc4wp-newsletter.form-style-classic input[type=submit] {
padding: 7px 35px;
width: 100%;
}
.tm-mc4wp-newsletter.form-style-classic button[type=submit] {
padding: 7px 35px;
width: 100%;
}
}
.tm-mc4wp-newsletter.form-style-default input[type=email] {
padding: 17px 30px;
width: 100%;
color: #000000;
background-color: #FFFFFF;
border-style: solid;
border-width: 3px 0px 3px 3px;
border-color: var(--theme-color1);
}
.tm-mc4wp-newsletter.form-style-default input[type=submit],
.tm-mc4wp-newsletter.form-style-default button[type=submit] {
font-size: 16px;
line-height: 50px;
display: inline-block;
text-align: center;
transition: ease 0.3s;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
border: none;
margin-left: 0;
padding: 0 35px;
background-color: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
}
.tm-mc4wp-newsletter.form-style-default input[type=submit]:hover,
.tm-mc4wp-newsletter.form-style-default button[type=submit]:hover {
background-color: var(--theme-color3);
color: var(--text-color-bg-theme-color3);
}
@media (max-width: 767px) {
.tm-mc4wp-newsletter.form-style-default .mc4wp-form-fields {
flex-direction: column;
}
.tm-mc4wp-newsletter.form-style-default input[type=email] {
margin: 0 0 15px 0;
border-right-width: 3px;
}
.tm-mc4wp-newsletter.form-style-default input[type=submit] {
padding: 7px 35px;
width: 100%;
}
.tm-mc4wp-newsletter.form-style-default button[type=submit] {
padding: 7px 35px;
width: 100%;
}
}
.tm-mc4wp-newsletter.form-style-round input[type=email] {
padding: 17px 30px;
width: 100%;
border: none;
background-color: var(--theme-color2);
color: var(--text-color-bg-theme-color2);
border: 1px solid transparent;
border-radius: 60px;
margin-right: 10px;
}
.tm-mc4wp-newsletter.form-style-round input[type=submit],
.tm-mc4wp-newsletter.form-style-round button[type=submit] {
font-size: 16px;
line-height: 50px;
display: inline-block;
text-align: center;
transition: ease 0.3s;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
border: none;
margin-left: 0;
padding: 0 35px;
border-radius: 60px;
background-color: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
}
.tm-mc4wp-newsletter.form-style-round input[type=submit]:hover,
.tm-mc4wp-newsletter.form-style-round button[type=submit]:hover {
background-color: var(--theme-color3);
color: var(--text-color-bg-theme-color3);
}
@media (max-width: 767px) {
.tm-mc4wp-newsletter.form-style-round .mc4wp-form-fields {
flex-direction: column;
}
.tm-mc4wp-newsletter.form-style-round input[type=email] {
margin: 0 0 15px 0;
}
.tm-mc4wp-newsletter.form-style-round input[type=submit] {
padding: 7px 35px;
width: 100%;
}
.tm-mc4wp-newsletter.form-style-round button[type=submit] {
padding: 7px 35px;
width: 100%;
}
}
.tm-mc4wp-newsletter.form-style-btn-absolute .mc4wp-form-fields {
max-width: initial;
margin: 0;
}
.tm-mc4wp-newsletter.form-style-btn-absolute input[type=email] {
padding: 17px 30px;
width: 100%;
border: none;
background-color: var(--theme-color2);
color: var(--text-color-bg-theme-color2);
border: 1px solid transparent;
}
.tm-mc4wp-newsletter.form-style-btn-absolute input[type=submit],
.tm-mc4wp-newsletter.form-style-btn-absolute button[type=submit] {
border-radius: 7px;
text-align: center;
transition: all 0.3s ease-in-out;
font-size: 16px;
line-height: 50px;
display: inline-block;
text-align: center;
white-space: nowrap;
text-decoration: none;
cursor: pointer;
border: none;
margin-left: 0;
padding: 0 35px;
background-color: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
}
.tm-mc4wp-newsletter.form-style-btn-absolute input[type=submit]:hover,
.tm-mc4wp-newsletter.form-style-btn-absolute button[type=submit]:hover {
background-color: var(--theme-color3);
color: var(--text-color-bg-theme-color3);
}
@media (max-width: 767px) {
.tm-mc4wp-newsletter.form-style-btn-absolute .mc4wp-form-fields {
flex-direction: column;
}
.tm-mc4wp-newsletter.form-style-btn-absolute input[type=email] {
margin: 0 0 15px 0;
}
.tm-mc4wp-newsletter.form-style-btn-absolute input[type=submit],
.tm-mc4wp-newsletter.form-style-btn-absolute button[type=submit] {
padding: 7px 35px;
width: 100%;
}
}
@media (min-width: 768px) {
.tm-mc4wp-newsletter.form-style-btn-absolute input[type=submit],
.tm-mc4wp-newsletter.form-style-btn-absolute button[type=submit] {
position: absolute;
right: 10px;
top: 8px;
bottom: 8px;
}
} .opening-hours, .working-hours {
list-style: none;
padding: 0;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.opening-hours, .working-hours {
transition: none;
}
}
.opening-hours li, .working-hours li {
border-bottom: 1px solid #eee;
padding: 10px 0;
margin: 10px 0;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.opening-hours li, .working-hours li {
transition: none;
}
}
.opening-hours li:last-child, .working-hours li:last-child {
border-bottom: 0;
}
.opening-hours li .day, .working-hours li .day {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.opening-hours li .day, .working-hours li .day {
transition: none;
}
}
.opening-hours li .time, .working-hours li .time {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.opening-hours li .time, .working-hours li .time {
transition: none;
}
}
.opening-hours li.active, .working-hours li.active {
font-weight: var(--body-font-bold);
}
.opening-hours.border-light li, .working-hours.border-light li {
border-bottom-color: #ddd;
}
.opening-hours.border-dark li, .working-hours.border-dark li {
border-bottom-color: #333;
}
.widget .opening-hours li *, .widget .working-hours li * {
line-height: var(--line-height-widget-li);
} .tm-paroller-object {
position: absolute;
width: 100%;
font-size: 10rem;
font-weight: var(--body-font-bold);
} .tm-sc-pie-chart {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
}
.tm-sc-pie-chart .pie-chart {
position: relative;
display: inline-block;
width: 110px;
height: 110px;
margin-top: 0;
margin-bottom: 0;
}
.tm-sc-pie-chart .pie-chart canvas {
position: absolute;
top: 0;
left: 0;
}
.tm-sc-pie-chart .pie-chart .percent {
display: inline-block;
z-index: 2;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-pie-chart .pie-chart .percent {
transition: none;
}
}
.tm-sc-pie-chart .pie-chart .percent:after {
content: "%";
margin-left: 0.1em;
font-size: 0.8em;
}
.tm-sc-pie-chart .title {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-pie-chart .title {
transition: none;
}
} .progress-bar-striped .progress-bar,
.progress-striped .progress-bar {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.tm-sc-progress-bar .progress-title-holder {
position: relative;
}
.tm-sc-progress-bar .progress-title-holder .pb-title {
margin-bottom: 1rem;
}
.tm-sc-progress-bar .progress-title-holder p {
margin-bottom: 0;
}
.tm-sc-progress-bar .progress-holder {
position: relative;
height: 3px;
background-color: #e9ecef;
}
.tm-sc-progress-bar .progress-holder .progress-content {
height: 3px;
width: 0;
max-width: 100%;
overflow: visible !important;
background-color: var(--theme-color1);
position: relative;
}
.tm-sc-progress-bar .progress-holder .progress-content:after {
box-shadow: inset 0 0 0 3px var(--theme-color1);
}
.tm-sc-progress-bar.progress-bar-default .progress-holder {
display: flex;
height: 1.1rem;
font-size: 0.75rem;
}
.tm-sc-progress-bar.progress-bar-default .progress-holder .progress-content {
color: #fff;
height: 1.1rem;
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
white-space: nowrap;
}
.tm-sc-progress-bar.progress-bar-default .progress-holder .progress-content span {
display: flex;
flex-direction: column;
justify-content: center;
}
.tm-sc-progress-bar.progress-bar-floating-percent .progress-title-holder {
position: relative;
}
.tm-sc-progress-bar.progress-bar-floating-percent .progress-title-holder .percent {
width: auto;
display: inline-block;
vertical-align: middle;
z-index: 10;
position: absolute;
left: 0;
right: auto;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.tm-sc-progress-bar.progress-bar-fixed-right-percent .progress-title-holder {
position: relative;
}
.tm-sc-progress-bar.progress-bar-fixed-right-percent .progress-title-holder .percent {
position: absolute;
right: 0;
bottom: 1px;
width: auto;
display: inline-block;
vertical-align: middle;
z-index: 10;
}
.tm-sc-project-info .each-item {
margin-bottom: 30px;
}
.tm-sc-project-info .each-item:last-child {
margin-bottom: 0;
}
.tm-sc-project-info .project-title {
text-transform: uppercase;
line-height: 1;
margin-top: 0;
margin-bottom: 10px;
}
.tm-sc-project-info .project-description {
margin: 0;
}
.tm-sc-project-info .project-description a {
color: var(--link-color);
text-decoration: underline;
} .elementor-editor-active .elementor-widget-tm-ele-rotated-text {
min-height: 30px;
background-color: #cb9494;
}
.tm-sc-rotated-text {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-rotated-text {
transition: none;
}
}
.tm-sc-rotated-text .text-wrapper {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.tm-sc-rotated-text .text-wrapper .text-holder {
font-size: 12rem;
font-weight: 700;
font-family: var(--heading-font-family);
line-height: 1;
margin: 0;
color: transparent;
-webkit-text-stroke: 2px #c2c0bd;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-rotated-text .text-wrapper .text-holder {
transition: none;
}
}
.tm-sc-rotated-text .text-wrapper .text-holder .text {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-rotated-text .text-wrapper .text-holder .text {
transition: none;
}
}
.tm-sc-rotated-text .text-wrapper .text-holder {
position: absolute;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: bottom left;
-moz-transform-origin: bottom left;
transform-origin: bottom left;
white-space: nowrap;
}
.tm-sc-rotated-text.writing-mode-vertical {
writing-mode: vertical-rl;
}
.tm-section-box-bg {
position: absolute;
top: -150px;
left: 225px;
bottom: -150px;
right: -100000px;
background-color: var(--theme-color1);
} .tm-sc-social-links {
padding: 0;
margin: 0;
list-style: none;
display: flex;
}
.tm-sc-social-links li {
font-size: 1rem;
}
.tm-sc-social-links li a.social-link {
position: relative;
display: block;
background: #333;
border-radius: 50%;
height: 40px;
width: 40px;
line-height: 40px;
font-size: 18px;
text-align: center;
color: #fff;
z-index: 1;
transition: all 0.3s;
}
.tm-sc-social-links li a.social-link:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
border-radius: inherit;
z-index: -1;
transition: all 0.3s;
}
.tm-sc-social-links li a.social-link:hover {
background: #eee;
color: #31354c;
}
.tm-sc-social-links li:not(:last-child) {
margin-right: 10px;
}
.tm-sc-social-links.icon-light li a.social-link {
background: #f5f5f5;
color: #333;
border: 1px solid #fff;
}
.tm-sc-social-links.icon-light li a.social-link:hover {
background: #333;
color: #fff;
border: 1px solid #333;
}
.tm-sc-social-links.icon-rounded li a {
border-radius: 5px;
}
.tm-sc-social-links.icon-xs li a {
font-size: 10px;
height: 26px;
width: 26px;
line-height: 26px;
}
.tm-sc-social-links.icon-sm li a {
font-size: 14px;
height: 32px;
width: 32px;
line-height: 32px;
}
.tm-sc-social-links.icon-md li a {
font-size: 18px;
height: 40px;
width: 40px;
line-height: 40px;
}
.tm-sc-social-links.icon-lg li a {
font-size: 23px;
height: 50px;
width: 50px;
line-height: 50px;
}
.tm-sc-social-links.icon-xl li a {
font-size: 28px;
height: 60px;
width: 60px;
line-height: 60px;
}
.tm-sc-social-links.links-theme-colored1 li a {
background: var(--theme-color1);
}
.tm-sc-social-links.links-theme-colored2 li a {
background: var(--theme-color2);
}
.tm-sc-social-links.links-theme-colored3 li a {
background: var(--theme-color3);
}
.tm-sc-social-links.links-theme-colored4 li a {
background: var(--theme-color4);
} .tm-tabs-horizontal-nav .nav-tabs {
border-bottom: 0;
}
.tm-tabs-horizontal-nav .nav-tabs .nav-link {
position: relative;
color: var(--theme-color1);
padding: 14px 30px 11px;
text-transform: uppercase;
margin-bottom: 10px;
margin-right: 10px;
letter-spacing: 0.07em;
font-size: 0.9rem;
border-radius: 7px;
overflow: hidden;
transition: all 0.3s ease;
z-index: 0;
display: block;
justify-content: center;
flex-direction: column;
align-items: center;
}
.tm-tabs-horizontal-nav .nav-tabs .nav-link:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2px;
background: var(--theme-color1);
transition: all 0.3s ease;
z-index: -1;
}
.tm-tabs-horizontal-nav .nav-tabs .nav-link .tabs-icon {
margin-bottom: 15px;
transition: all 0.3s ease;
}
.tm-tabs-horizontal-nav .nav-tabs .nav-link .tabs-title {
transition: all 0.3s ease;
}
.tm-tabs-horizontal-nav .nav-tabs .nav-link.active, .tm-tabs-horizontal-nav .nav-tabs .nav-link:hover {
color: #fff;
background-color: transparent;
}
.tm-tabs-horizontal-nav .nav-tabs .nav-link.active:before, .tm-tabs-horizontal-nav .nav-tabs .nav-link:hover:before {
height: 100%;
}
.tm-tabs-horizontal-nav .tab-content {
position: relative;
}
@media (max-width: 991.98px) {
.tm-tabs-vertical-nav .col-nav-tabs {
width: 100%;
margin-bottom: 30px;
}
}
@media (max-width: 991.98px) {
.tm-tabs-vertical-nav .col-content {
width: 100%;
}
}
.tm-tabs-vertical-nav .nav-tabs {
border-bottom: 0;
}
.tm-tabs-vertical-nav .nav-tabs li .nav-link {
color: #0C0C0C;
background-color: rgba(255, 255, 255, 0.7);
box-shadow: 0 20px 70px 0 rgba(17, 17, 37, 0.11);
border-style: solid;
border-width: 0;
border-radius: 0;
display: block;
position: relative;
line-height: 2.5rem;
margin: 0 0 5px 0;
padding: 10px 10px 10px 30px;
overflow: hidden;
transition: all 0.3s ease;
}
.tm-tabs-vertical-nav .nav-tabs li .nav-link .tabs-icon {
color: var(--theme-color1);
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 14px;
width: 25px;
height: 25px;
border-radius: 15px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
transition: all 0.3s ease;
}
.tm-tabs-vertical-nav .nav-tabs li .nav-link .tabs-title {
transition: all 0.3s ease;
}
.tm-tabs-vertical-nav .nav-tabs li .nav-link a {
transition: all 0.3s ease;
}
.tm-tabs-vertical-nav .nav-tabs li .nav-link.active, .tm-tabs-vertical-nav .nav-tabs li .nav-link:hover {
background-color: #fff;
border-style: solid;
border-width: 0 0 0 5px;
border-color: var(--theme-color1);
box-shadow: 0 0 10px 0 rgba(19, 21, 41, 0.12);
}
.tm-tabs-vertical-nav .nav-tabs li .nav-link.active:before, .tm-tabs-vertical-nav .nav-tabs li .nav-link:hover:before {
height: 100%;
}
.tm-tabs-vertical-nav .tab-content {
position: relative;
}
.tm-tabs-vertical-nav .tab-content .tab-pane .tab-content-inner {
transform: translateX(30px);
transition: 0.5s all ease-in-out;
}
.tm-tabs-vertical-nav .tab-content .tab-pane.active .tab-content-inner {
transform: translateX(0);
}
.tm-tabs-vertical-nav.skin-left-nav-classic .nav-tabs li .nav-link {
color: #fff;
background-color: transparent;
border-style: solid;
border-width: 0;
box-shadow: none;
padding: 0;
font-size: 24px;
}
.tm-tabs-vertical-nav.skin-left-nav-classic .nav-tabs li .nav-link .tabs-icon {
font-size: 11px;
color: #fff;
background-color: transparent;
left: 0;
margin: 0 0 0 -8px;
opacity: 0;
}
.tm-tabs-vertical-nav.skin-left-nav-classic .nav-tabs li .nav-link.active, .tm-tabs-vertical-nav.skin-left-nav-classic .nav-tabs li .nav-link:hover {
padding: 0 0 0 30px;
}
.tm-tabs-vertical-nav.skin-left-nav-classic .nav-tabs li .nav-link.active .tabs-icon, .tm-tabs-vertical-nav.skin-left-nav-classic .nav-tabs li .nav-link:hover .tabs-icon {
margin: 0;
opacity: 1;
}
.block-testimonial-style1 .quote {
color: #fff;
border-radius: 3px;
position: relative;
margin-bottom: 40px;
border-radius: 5px;
background: var(--theme-color1);
}
.block-testimonial-style1 .quote:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 42px 42px 0 0;
bottom: -38px;
left: 0;
border-color: var(--theme-color1) transparent transparent transparent;
}
.block-testimonial-style1 .quote:before {
position: absolute;
height: 100%;
width: 98%;
content: "";
left: 0;
top: 12px;
z-index: -1;
opacity: 0.1;
background: var(--theme-color1);
}
.block-testimonial-style1 .quote .quote-wrapper {
position: relative;
padding: 40px 60px;
}
@media (max-width: 767.98px) {
.block-testimonial-style1 .quote .quote-wrapper {
padding: 30px;
}
}
.block-testimonial-style1 .quote .quote-wrapper:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 36px 36px 0 0;
bottom: -48px;
left: 6px;
border-color: var(--theme-color1) transparent transparent transparent;
opacity: 0.1;
}
.block-testimonial-style1 .thumb-singature .signature .name {
margin-bottom: 5px;
}
.block-testimonial-style1 .thumb-singature .signature .job-position {
font-size: 0.92rem;
}
.elementor-widget-tm-ele-text-editor-advanced .elementor-widget-container {
z-index: 0;
position: relative;
}
.elementor-widget-tm-ele-text-editor-advanced .elementor-widget-container:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.9;
z-index: -1;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.elementor-widget-tm-ele-text-editor-advanced .elementor-widget-container:before {
transition: none;
}
}
.elementor-widget-tm-ele-text-editor-advanced .elementor-widget-container .tm-text-editor-advanced {
z-index: 1;
}
.tm-text-editor-advanced .each-item,
.tm-text-editor-advanced .each-item * {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-text-editor-advanced .each-item,
.tm-text-editor-advanced .each-item * {
transition: none;
}
}
.tm-text-editor,
.tm-text-editor * {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-text-editor,
.tm-text-editor * {
transition: none;
}
} .tm-timeline.timeline-basic {
position: relative;
}
.tm-timeline.timeline-basic .info-box {
padding-bottom: 1.5rem;
position: relative;
padding-left: 20px;
margin-left: 10px;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-basic .info-box {
transition: none;
}
}
.tm-timeline.timeline-basic .info-box:last-child {
border: 0px;
padding-bottom: 0;
}
.tm-timeline.timeline-basic .info-box:before {
content: "";
width: 15px;
height: 15px;
background: white;
border: 1px solid var(--theme-color1);
box-shadow: 3px 3px 0px var(--theme-color2);
border-radius: 50%;
position: absolute;
left: -9px;
top: 0px;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-basic .info-box:before {
transition: none;
}
}
.tm-timeline.timeline-basic .info-box:after {
content: "";
width: 1px;
height: 100%;
background: var(--theme-color1);
position: absolute;
left: -1px;
top: 0px;
z-index: -1;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-basic .info-box:after {
transition: none;
}
}
.tm-timeline.timeline-basic .info-box:last-child {
border: 0px;
padding-bottom: 0;
}
.tm-timeline.timeline-basic .info-box:last-child:after {
width: 0;
}
.tm-timeline.timeline-basic .info-box .title {
margin-top: 0;
margin-bottom: 0;
line-height: 1.33333;
font-weight: var(--headings-font-weight-h6);
}
.tm-timeline.timeline-basic .info-box .subtitle {
margin-bottom: 0;
font-size: 0.9rem;
line-height: 1.75;
font-weight: 400;
color: rgba(0, 0, 0, 0.9);
}
.tm-timeline.timeline-basic .info-box .date {
margin-bottom: 4px;
font-size: 0.8rem;
line-height: 1.75;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
}
.tm-timeline.timeline-basic p {
margin-bottom: 0;
}
.tm-timeline.timeline-boxed .info-box {
display: flex;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box {
transition: none;
}
}
@media (max-width: 767px) {
.tm-timeline.timeline-boxed .info-box {
display: block;
}
}
.tm-timeline.timeline-boxed .info-box:after {
content: "";
width: 1px;
height: 100%;
background-color: #eee;
position: absolute;
left: 60px;
top: 0px;
z-index: -1;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box:after {
transition: none;
}
}
.tm-timeline.timeline-boxed .info-box .info-left .date {
background: #fff;
border: 1px solid rgba(200, 200, 200, 0.3);
border-radius: 10px;
margin-right: 20px;
padding: 40px 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
box-shadow: 0px 0px 22px 0px rgba(5, 5, 5, 0.07);
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box .info-left .date {
transition: none;
}
}
.tm-timeline.timeline-boxed .info-box .info-left .date .year {
font-size: 26px;
line-height: 1.1;
display: block;
text-transform: uppercase;
margin-bottom: 5px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box .info-left .date .year {
transition: none;
}
}
.tm-timeline.timeline-boxed .info-box .info-left .date .month {
font-size: 18px;
line-height: 1.1;
display: block;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box .info-left .date .month {
transition: none;
}
}
.tm-timeline.timeline-boxed .info-box .info-content {
margin-right: auto;
}
.tm-timeline.timeline-boxed .info-box .info-content .subtitle {
color: #fff;
background-color: var(--theme-color1);
border-radius: 10rem;
display: inline-block;
padding: 8px 24px;
margin-bottom: 10px;
font-size: 75%;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box .info-content .subtitle {
transition: none;
}
}
.tm-timeline.timeline-boxed .info-box .info-content .title {
margin-top: 0;
} .list-style-none {
list-style: none;
}
.tm-ordered-list ol {
list-style: none;
counter-reset: li;
}
.tm-ordered-list ol li {
position: relative;
counter-increment: li;
}
.tm-ordered-list ol li:before {
content: "." counter(li);
color: #333;
display: inline-block;
width: 1em;
margin-left: -1.5em;
margin-right: 0.5em;
font-weight: 600;
direction: rtl;
}
.tm-sc-unordered-list ul li:before {
color: var(--theme-color1);
display: inline-block;
}
.tm-sc-unordered-list.list-style1 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style1 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style1 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style1 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style1 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style1 ul li:before {
content: "\f058";
}
.tm-sc-unordered-list.list-style2 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style2 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style2 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style2 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style2 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style2 ul li:before {
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 400;
}
.tm-sc-unordered-list.list-style3 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style3 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style3 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style3 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style3 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style3 ul li:before {
content: "\f14a";
}
.tm-sc-unordered-list.list-style4 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style4 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style4 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style4 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style4 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style4 ul li:before {
content: "\f14a";
font-family: "Font Awesome 5 Free";
font-weight: 400;
}
.tm-sc-unordered-list.list-style5 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style5 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style5 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style5 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style5 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style5 ul li:before {
content: "\f00c";
}
.tm-sc-unordered-list.list-style6 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style6 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style6 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style6 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style6 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style6 ul li:before {
content: "\f560";
}
.tm-sc-unordered-list.list-style7 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style7 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style7 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style7 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style7 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style7 ul li:before {
content: "\f35a";
}
.tm-sc-unordered-list.list-style8 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style8 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style8 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style8 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style8 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style8 ul li:before {
content: "\f30b";
}
.tm-sc-unordered-list.list-style9 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style9 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style9 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style9 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style9 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style9 ul li:before {
content: "\f054";
}
.tm-sc-unordered-list.list-style10 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style10 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style10 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style10 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style10 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style10 ul li:before {
content: "\f138";
}
.tm-sc-unordered-list.list-style11 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style11 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style11 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style11 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style11 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style11 ul li:before {
content: "\f152";
}
.tm-sc-unordered-list.list-style12 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style12 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style12 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style12 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style12 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style12 ul li:before {
content: "\f0da";
}
.tm-sc-unordered-list.list-style11 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style11 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style11 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style11 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style11 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style11 ul li:before {
content: "\f105";
}
.tm-sc-unordered-list.list-style13 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style13 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style13 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style13 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style13 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style13 ul li:before {
content: "\f101";
}
.tm-sc-unordered-list.list-style14 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style14 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style14 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style14 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style14 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style14 ul li:before {
content: "\f152";
font-family: "Font Awesome 5 Free";
font-weight: 400;
}
.tm-sc-unordered-list.list-style15 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style15 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style15 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style15 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style15 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style15 ul li:before {
content: "\f152";
}
.tm-sc-unordered-list.list-style16 ul {
list-style: none;
}
.tm-sc-unordered-list.list-style16 ul > li {
position: relative;
}
.tm-sc-unordered-list.list-style16 ul li {
list-style-type: none;
}
.tm-sc-unordered-list.list-style16 ul li:before {
z-index: 0;
content: "\f058";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 95%;
padding-right: 13px;
vertical-align: middle;
}
.tm-sc-unordered-list.list-style16 ul li li {
padding-left: 15px;
}
.tm-sc-unordered-list.list-style16 ul li:before {
content: "\f140";
}
.list-with-image ul {
list-style: none;
}
.list-with-image li img {
float: left;
}
.list-with-image li strong {
font-weight: 600;
color: #111c16;
margin-top: 8px;
display: block;
width: calc(100% - 64px);
float: left;
} .nivo-lightbox-theme-default .nivo-lightbox-close {
background-position: 0 0;
width: 45px !important;
height: 45px !important;
} .tm-sc-video-popup {
position: relative;
display: flex;
align-items: center; }
.tm-sc-video-popup .hover-link {
z-index: 8;
}
.tm-sc-video-popup .thumb {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.tm-sc-video-popup:hover .thumb {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.tm-sc-video-popup .text-holder {
opacity: 1;
}
.tm-sc-video-popup .text-holder-middle {
top: 50%;
margin-top: -36px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.tm-sc-video-popup:hover .text-holder-middle {
top: 50%;
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07);
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image {
overflow: hidden;
border-radius: 10px;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 8;
background-color: rgba(0, 0, 0, 0.2);
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .effect-wrapper {
height: 400px;
display: block;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .effect-wrapper .thumb {
width: 100%;
height: 100%;
background-size: cover;
background-position: top center;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .video-button-holder {
opacity: 0.8;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .video-button-text {
color: #fff;
font-size: 1.5rem;
position: absolute;
bottom: 12%;
z-index: 8;
text-align: center;
width: 100%;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button {
z-index: 9;
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
z-index: 8;
opacity: 1;
color: #fff;
font-size: 16px;
transition: all 0.3s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .bg-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: var(--text-color-bg-theme-color1);
background-color: rgba(var(--theme-color1-rgb), 0.7);
z-index: -1;
border-radius: 100%;
transition: all 0.3s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .bg-block {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon,
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:before,
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:after {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
-webkit-animation: videoplayanimation 3s infinite;
-moz-animation: videoplayanimation 3s infinite;
-ms-animation: videoplayanimation 3s infinite;
-o-animation: videoplayanimation 3s infinite;
animation: videoplayanimation 3s infinite;
transition: all 0.3s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon,
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:before,
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:after {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:before {
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-ms-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
content: "";
position: absolute;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button .play-icon:after {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
content: "";
position: absolute;
}
@-webkit-keyframes videoplayanimation {
60% {
box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes videoplayanimation {
60% {
box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image .animated-css-play-button i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 30px;
color: #fff;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image:hover .animated-css-play-button {
background: rgba(255, 51, 51, 0.9);
transform: translate(-50%, -50%) scale(0.9);
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image:hover .video-button-holder {
opacity: 0.95;
top: 50%;
left: 50%;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2 {
overflow: hidden;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 8;
background-color: rgba(0, 0, 0, 0.1);
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2 .effect-wrapper {
height: 400px;
display: block;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2 .effect-wrapper .thumb {
width: 100%;
height: 100%;
background-size: cover;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2 .video-button-holder {
opacity: 0.8;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2 .video-button-text {
color: #fff;
font-size: 1.5rem;
position: absolute;
bottom: 12%;
z-index: 8;
text-align: center;
width: 100%;
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2 .video-play-button {
font-size: 14px;
height: 36px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 35px;
margin: 0 auto;
position: absolute;
width: 35px;
z-index: 9;
text-align: center;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2 .video-play-button {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2 .video-play-button .bg-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: var(--text-color-bg-theme-color1);
background-color: var(--theme-color1);
z-index: -1;
transition: all 0.3s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2 .video-play-button .bg-block {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2:hover:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 8;
background-color: rgba(0, 0, 0, 0.1);
}
.tm-sc-video-popup.tm-sc-video-popup-button-over-image2:hover .video-button-holder {
opacity: 0.95;
top: 50%;
left: 50%;
}
.tm-sc-video-popup.tm-sc-video-popup-css-button {
display: inline-block;
}
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button {
position: relative;
z-index: 0;
}
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button i {
font-size: 30px;
color: #fff;
}
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .bg-block {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 80px;
color: var(--text-color-bg-theme-color1);
background-color: rgba(var(--theme-color1-rgb), 0.7);
z-index: -1;
border-radius: 100%;
margin: 40px;
transition: all 0.3s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .bg-block {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .play-icon {
position: relative;
width: 80px;
height: 80px;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 8;
opacity: 1;
margin: 40px;
color: #fff;
font-size: 16px;
transition: all 0.4s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .play-icon {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .play-icon i {
transition: all 0.3s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .play-icon i {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .play-icon:before {
content: " ";
display: block;
position: absolute;
border-radius: 100%;
z-index: -1;
opacity: 0.3;
width: 110px;
height: 110px;
transition: all 0.4s ease 0s;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .play-icon:before {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .play-icon:after {
content: " ";
background-color: rgba(var(--theme-color1-rgb), 0.3);
display: block;
position: absolute;
border-radius: 100%;
z-index: -1;
transition: all 0.4s ease 0s;
animation: video-play-button-animate 1.2s ease-in infinite forwards;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-video-popup.tm-sc-video-popup-css-button .animated-css-play-button .play-icon:after {
transition: none;
}
}
.tm-sc-video-popup.tm-sc-video-popup-css-button:hover .animated-css-play-button .play-icon:after {
background-color: rgba(var(--theme-color1-rgb), 0.94);
}
.tm-sc-video-popup.tm-sc-video-popup-custom-css-button .video-play-button {
background: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
width: 110px;
height: 110px;
font-size: 26px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.tm-sc-video-popup.tm-sc-video-popup-custom-css-button .video-play-button:hover {
background: var(--theme-color2);
color: var(--text-color-bg-theme-color2);
transform: scale(0.9);
}
@keyframes video-play-button-animate {
0% {
width: 10px;
height: 10px;
opacity: 0.8;
}
100% {
width: 160px;
height: 160px;
opacity: 0;
}
} .tm-sc-working-steps.working-steps-horizontal {
position: relative;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder {
position: absolute;
top: 20px;
left: -5%;
width: 120%;
height: 100%;
z-index: -1;
opacity: 1;
margin: 0 -100px;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder:after {
content: "";
transform-origin: right;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: -webkit-transform 1s linear 0.2s;
-moz-transition: -moz-transform 1s linear 0.2s;
transition: transform 1s linear 0.2s;
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder.working-steps-bg-appeared:after {
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
transform: scale(0, 1);
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner:after, .tm-sc-working-steps.working-steps-horizontal .working-steps-inner:before {
content: "";
display: table;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner:after {
clear: both;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item {
text-align: center;
float: left;
display: flex;
justify-content: center;
width: 25%;
padding: 10px;
position: relative;
z-index: 0;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .arrow-symbol-img {
position: absolute;
z-index: -1;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .arrow-symbol-img img {
max-width: initial;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
width: 80%;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper {
position: relative;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder {
background-color: #fff;
display: flex;
width: 200px;
height: 200px;
border: 8px solid rgba(238, 238, 238, 0.5);
padding: 0;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
border-radius: 50%;
box-sizing: border-box;
position: relative;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder {
transition: none;
}
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .image-holder-inner {
border-radius: 50%;
width: 100%;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .image-holder-inner img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s;
transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .text-img {
color: var(--theme-color1);
font-size: 64px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .text-img {
transition: none;
}
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .text-flaticon {
color: var(--theme-color1);
font-size: 64px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .text-flaticon {
transition: none;
}
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .text-flaticon svg {
fill: var(--theme-color1);
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .tag {
background-color: #222013;
color: #fff;
height: 56px;
width: 56px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
border-radius: 50%;
position: absolute;
bottom: 5px;
right: -5px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder-wrapper .image-holder .tag {
transition: none;
}
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.image-full-bg .image-holder-wrapper .image-holder .image-holder-inner {
overflow: hidden;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.image-full-bg .image-holder-wrapper .image-holder .image-holder-inner img {
width: 100%;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder {
width: 90%;
height: 90%;
max-width: 250px;
margin-top: -40px;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .working-steps-item-inner {
width: 95%;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-push-right .working-steps-item-inner {
float: right;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item:hover .image-holder-wrapper .image-holder .image-holder-inner img {
transform: rotateY(180deg);
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item:hover .image-holder-wrapper .image-holder .image-holder-inner .text-flaticon {
transform: rotateY(180deg);
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item:hover .image-holder-wrapper .image-holder .text-img {
color: var(--theme-color2);
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item:hover .image-holder-wrapper .image-holder .tag {
transform: rotate(360deg);
}
.tm-sc-working-steps.working-steps-horizontal.working-steps-items-1 .tm-sc-working-steps-item {
width: 100%;
}
.tm-sc-working-steps.working-steps-horizontal.working-steps-items-2 .tm-sc-working-steps-item {
width: 50%;
}
.tm-sc-working-steps.working-steps-horizontal.working-steps-items-3 .tm-sc-working-steps-item {
width: 33.33%;
}
.tm-sc-working-steps.working-steps-horizontal.working-steps-items-4 .tm-sc-working-steps-item {
width: 25%;
}
.tm-sc-working-steps.working-steps-horizontal .title-holder {
margin-bottom: 15px;
}
.tm-sc-working-steps.working-steps-horizontal .text-holder p {
color: #888;
}
.tm-sc-working-steps.working-steps-horizontal .text-holder, .tm-sc-working-steps.working-steps-horizontal .text-holder p, .tm-sc-working-steps.working-steps-horizontal .title {
margin: 0;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-working-steps.working-steps-horizontal .text-holder, .tm-sc-working-steps.working-steps-horizontal .text-holder p, .tm-sc-working-steps.working-steps-horizontal .title {
transition: none;
}
}
@media only screen and (max-width: 1440px) {
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
width: 100%;
}
}
@media only screen and (max-width: 1366px) {
.tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder {
background-size: contain;
margin: 0 -100px;
}
}
@media (max-width: 1199.98px) {
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
width: 80%;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder {
width: 85%;
height: 85%;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder {
width: 90%;
height: 90%;
margin-top: -40px;
}
}
@media (max-width: 991.98px) {
.tm-sc-working-steps.working-steps-horizontal {
margin-top: 0;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-bg-holder {
display: none;
}
.tm-sc-working-steps.working-steps-horizontal.working-steps-items-4 .working-steps-inner .tm-sc-working-steps-item {
width: 50%;
margin-bottom: 30px;
}
.tm-sc-working-steps.working-steps-horizontal.working-steps-items-4 .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
width: 100%;
}
.tm-sc-working-steps.working-steps-horizontal.working-steps-items-4 .working-steps-inner .tm-sc-working-steps-item .image-holder {
width: 65%;
height: 65%;
max-width: 200px;
}
.tm-sc-working-steps.working-steps-horizontal.working-steps-items-4 .working-steps-inner .tm-sc-working-steps-item .content-holder {
padding: 0 20px;
}
.tm-sc-working-steps.working-steps-horizontal.working-steps-items-4 .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder {
width: 80%;
height: 80%;
margin-top: 0;
}
}
@media (max-width: 767.98px) {
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item {
width: 100% !important;
margin-bottom: 30px;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .working-steps-item-inner {
width: 100%;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item .image-holder {
width: 65%;
height: 65%;
max-width: 200px;
}
.tm-sc-working-steps.working-steps-horizontal .working-steps-inner .tm-sc-working-steps-item.working-steps-item-highlighted .image-holder {
width: 70%;
height: 70%;
margin-top: 0;
}
}  .vertical-bg-img-list {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
background: #000;
}
.vertical-bg-img-list .each-vertical-column {
min-height: 50vh;
position: relative;
z-index: 2;
border-right: 1px solid rgba(245, 245, 245, 0.25);
}
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper {
display: flex;
height: 100%;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
color: #fff;
}
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .content {
display: flex;
height: 100%;
flex-direction: column;
justify-content: flex-end;
}
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .content .content-top {
transition: all 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .content .content-top {
transition: none;
}
}
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .content .content-bottom {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
transition: all 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .content .content-bottom {
transition: none;
}
}
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .title {
transition: all 0.5s ease;
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
@media (prefers-reduced-motion: reduce) {
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .title {
transition: none;
}
}
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .sub-title,
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .title {
color: #fff;
}
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper .sub-title {
margin-bottom: 0;
}
.vertical-bg-img-list .each-vertical-column:hover .content .content-bottom {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.vertical-bg-img-list .each-vertical-column:hover .title {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.vertical-bg-img-list .each-vertical-column.last-item {
border-right: 0;
}
.vertical-bg-img-list .bg-img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: all 1s;
}
.vertical-bg-img-list .bg-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.vertical-bg-img-list .bg-img.hover {
opacity: 1;
visibility: visible;
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.vertical-bg-img-list .bg-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
overflow: hidden;
z-index: 1;
background: rgba(0, 0, 0, 0.3);
}
.vertical-bg-img-list.one-column .each-vertical-column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.vertical-bg-img-list.two-column .each-vertical-column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.vertical-bg-img-list.three-column .each-vertical-column {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.vertical-bg-img-list.four-column .each-vertical-column {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
@media (max-width: 991.98px) {
.vertical-bg-img-list {
overflow: auto;
}
.vertical-bg-img-list.three-column .each-vertical-column {
flex: 0 0 50%;
max-width: 50%;
}
.vertical-bg-img-list.four-column .each-vertical-column {
flex: 0 0 50%;
max-width: 50%;
}
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper {
padding: 20px;
}
.vertical-bg-img-list .bg-img {
width: 200% !important;
}
.vertical-bg-img-list .bg-img img {
height: 100% !important;
}
} .vertical-bg-img-list.skin-style2 {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
background: #000;
}
.vertical-bg-img-list.skin-style2 .each-vertical-column {
min-height: 50vh;
position: relative;
z-index: 2;
border-right: 1px solid rgba(245, 245, 245, 0.25);
}
.vertical-bg-img-list.skin-style2 .each-vertical-column:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
display: block;
opacity: 0;
pointer-events: none;
backdrop-filter: blur(0px);
transition: opacity 0.4s;
z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
.vertical-bg-img-list.skin-style2 .each-vertical-column:before {
transition: none;
}
}
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper {
display: flex;
height: 100%;
flex-direction: column;
justify-content: flex-end;
padding: 40px;
color: #fff;
}
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .content {
display: flex;
height: 100%;
flex-direction: column;
justify-content: flex-end;
}
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .content .content-top {
transition: all 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .content .content-top {
transition: none;
}
}
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .content .content-bottom {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
transition: all 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .content .content-bottom {
transition: none;
}
}
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .title {
transition: all 0.5s ease;
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
@media (prefers-reduced-motion: reduce) {
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .title {
transition: none;
}
}
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .sub-title,
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .title {
color: #fff;
}
.vertical-bg-img-list.skin-style2 .each-vertical-column .vertical-column-wrapper .sub-title {
margin-bottom: 0;
}
.vertical-bg-img-list.skin-style2 .each-vertical-column:hover:before {
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
opacity: 1;
}
.vertical-bg-img-list.skin-style2 .each-vertical-column:hover .content .content-bottom {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.vertical-bg-img-list.skin-style2 .each-vertical-column:hover .title {
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.vertical-bg-img-list.skin-style2 .each-vertical-column.last-item {
border-right: 0;
}
.vertical-bg-img-list.skin-style2 .bg-img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: all 1s;
}
.vertical-bg-img-list.skin-style2 .bg-img img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.vertical-bg-img-list.skin-style2 .bg-img.hover {
opacity: 1;
visibility: visible;
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.vertical-bg-img-list.skin-style2 .bg-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
overflow: hidden;
z-index: 1;
background: rgba(0, 0, 0, 0.3);
}
.vertical-bg-img-list.skin-style2.one-column .each-vertical-column {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.vertical-bg-img-list.skin-style2.two-column .each-vertical-column {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.vertical-bg-img-list.skin-style2.three-column .each-vertical-column {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.vertical-bg-img-list.skin-style2.four-column .each-vertical-column {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
@media (max-width: 991.98px) {
.vertical-bg-img-list {
overflow: auto;
}
.vertical-bg-img-list.three-column .each-vertical-column {
flex: 0 0 50%;
max-width: 50%;
}
.vertical-bg-img-list.four-column .each-vertical-column {
flex: 0 0 50%;
max-width: 50%;
}
.vertical-bg-img-list .each-vertical-column .vertical-column-wrapper {
padding: 20px;
}
.vertical-bg-img-list .bg-img {
width: 200% !important;
}
.vertical-bg-img-list .bg-img img {
height: 100% !important;
}
}
.pricing-table-skin-default {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.pricing-table-skin-default {
transition: none;
}
}
.pricing-table-skin-default:before {
content: "";
position: absolute;
left: -2px;
top: 40px;
height: 100px;
width: 6px;
border-radius: 5px;
background-color: var(--theme-color1);
z-index: 1;
}
.pricing-table-skin-default .pricing-table-inner-wrapper {
overflow: hidden;
position: relative;
padding: 40px;
border-radius: 10px;
}
.pricing-table-skin-default .pricing-table-inner .pricing-table-title-area {
padding-bottom: 0;
padding-top: 15px;
}
.pricing-table-skin-default .pricing-table-inner .pricing-table-title-area .pricing-table-title {
margin-top: 0;
margin-bottom: 5px;
}
.pricing-table-skin-default .pricing-table-inner .pricing-table-title-area .pricing-table-subtitle {
font-size: 1rem;
color: #999;
margin-bottom: 0;
margin-top: 0;
}
.pricing-table-skin-default .pricing-table-inner .pricing-table-pricing {
margin-bottom: 15px;
margin-top: 15px;
}
.pricing-table-skin-default .pricing-table-inner .pricing-table-pricing .pricing-table-price,
.pricing-table-skin-default .pricing-table-inner .pricing-table-pricing .pricing-table-price-sale {
color: var(--theme-color1);
font-weight: 400;
font-size: 48px;
}
.pricing-table-skin-default .pricing-table-inner .pricing-table-content {
margin-bottom: 25px;
margin-top: 20px;
}
.pricing-table-skin-default .pricing-table-inner .pricing-table-label {
position: absolute;
top: 20px;
right: -135px;
background-color: var(--theme-color1);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
white-space: nowrap;
text-overflow: ellipsis;
width: 340px;
padding: 10px;
font-size: 11px;
font-weight: 400;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
text-align: center;
display: block;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.pricing-table-skin-default .pricing-table-inner .pricing-table-label {
transition: none;
}
}
.pricing-table-skin-default:hover .pricing-table-thumb.has-thumb-hover .thumb {
display: none;
}
.pricing-table-skin-default:hover .pricing-table-thumb.has-thumb-hover .thumb-hover {
display: block;
}
.pricing-table-skin-current-theme1 {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.pricing-table-skin-current-theme1 {
transition: none;
}
}
.pricing-table-skin-current-theme1:before {
content: "";
position: absolute;
right: -2px;
top: 40px;
height: 100px;
width: 6px;
border-radius: 5px;
background-color: var(--theme-color1);
z-index: 1;
}
.pricing-table-skin-current-theme1 .pricing-table-inner-wrapper {
overflow: hidden;
background: #fff;
position: relative;
border-radius: 10px;
}
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-title-area {
padding-top: 0;
padding-bottom: 25px;
}
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-title-area .pricing-table-title {
margin-top: 0;
margin-bottom: 5px;
}
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-title-area .pricing-table-subtitle {
font-size: 1rem;
color: #999;
margin-bottom: 0;
margin-top: 0;
}
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-pricing {
margin-bottom: 15px;
}
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-pricing .pricing-table-prefix,
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-pricing .pricing-table-price,
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-pricing .pricing-table-price-sale {
color: var(--theme-color1);
font-weight: var(--headings-font-weight-h3);
font-size: 48px;
line-height: 1.3;
}
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-content {
padding: 40px;
}
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-label {
position: absolute;
top: 20px;
right: -135px;
background-color: var(--theme-color1);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
white-space: nowrap;
text-overflow: ellipsis;
width: 340px;
padding: 10px;
font-size: 11px;
font-weight: 400;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
text-align: center;
display: block;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.pricing-table-skin-current-theme1 .pricing-table-inner .pricing-table-label {
transition: none;
}
}
.pricing-table-skin-current-theme1:hover .pricing-table-thumb.has-thumb-hover .thumb {
display: none;
}
.pricing-table-skin-current-theme1:hover .pricing-table-thumb.has-thumb-hover .thumb-hover {
display: block;
}
.pricing-table-skin-style2 {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.pricing-table-skin-style2 {
transition: none;
}
}
.pricing-table-skin-style2 .pricing-table-inner-wrapper {
overflow: hidden;
background: #fff;
position: relative;
border-radius: 10px;
}
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-head {
padding: 40px;
background-color: var(--theme-color2);
}
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-head .pricing-table-title-area .pricing-table-title {
margin-top: 0;
margin-bottom: 5px;
color: var(--text-color-bg-theme-color2);
}
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-head .pricing-table-title-area .pricing-table-subtitle {
font-size: 1rem;
color: #999;
margin-bottom: 0;
margin-top: 0;
color: var(--text-color-bg-theme-color2);
}
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-pricing {
margin-bottom: 15px;
margin-top: 15px;
}
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-pricing .pricing-table-prefix,
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-pricing .pricing-table-price,
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-pricing .pricing-table-price-sale {
color: var(--theme-color1);
font-weight: var(--headings-font-weight-h4);
font-size: 48px;
line-height: 1.3;
}
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-content {
padding: 40px;
}
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-label {
position: absolute;
top: 20px;
right: -135px;
background-color: var(--theme-color1);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
white-space: nowrap;
text-overflow: ellipsis;
width: 340px;
padding: 10px;
font-size: 11px;
font-weight: 400;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
text-align: center;
display: block;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.pricing-table-skin-style2 .pricing-table-inner .pricing-table-label {
transition: none;
}
}
.pricing-table-skin-style2:hover .pricing-table-thumb.has-thumb-hover .thumb {
display: none;
}
.pricing-table-skin-style2:hover .pricing-table-thumb.has-thumb-hover .thumb-hover {
display: block;
}
.pricing-table-skin-style3 {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.pricing-table-skin-style3 {
transition: none;
}
}
.pricing-table-skin-style3:before {
content: "";
position: absolute;
left: 40px;
top: -2px;
height: 6px;
width: 100px;
border-radius: 5px;
background-color: var(--theme-color1);
z-index: 1;
}
.pricing-table-skin-style3 .pricing-table-inner-wrapper {
overflow: hidden;
background: #fff;
position: relative;
padding: 40px;
border-radius: 10px;
}
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-title {
margin-top: 0;
margin-bottom: 15px;
}
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-pricing {
margin-bottom: 15px;
}
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-pricing .pricing-table-prefix,
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-pricing .pricing-table-price,
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-pricing .pricing-table-price-sale {
color: var(--theme-color1);
font-weight: var(--headings-font-weight-h3);
font-size: 48px;
line-height: 1.3;
}
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-subtitle {
font-size: 1rem;
color: #999;
margin-top: 0;
margin-bottom: 25px;
}
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-footer {
margin: 12px 0 32px;
}
.pricing-table-skin-style3 .pricing-table-inner .btn {
width: 100%;
}
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-content {
margin-bottom: 25px;
margin-top: 20px;
}
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-label {
position: absolute;
top: 20px;
right: -135px;
background-color: var(--theme-color1);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
white-space: nowrap;
text-overflow: ellipsis;
width: 340px;
padding: 10px;
font-size: 11px;
font-weight: 400;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
text-align: center;
display: block;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.pricing-table-skin-style3 .pricing-table-inner .pricing-table-label {
transition: none;
}
}
.pricing-table-skin-style3:hover .pricing-table-thumb.has-thumb-hover .thumb {
display: none;
}
.pricing-table-skin-style3:hover .pricing-table-thumb.has-thumb-hover .thumb-hover {
display: block;
}
.tm-sc-pricing-table {
position: relative;
}
.tm-sc-pricing-table .pricing-table-inner-wrapper {
background: #fff;
}
.tm-sc-pricing-table .pricing-table-thumb img {
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-pricing-table .pricing-table-thumb img {
transition: none;
}
}
.tm-sc-pricing-table .pricing-table-thumb.has-thumb-hover .thumb {
display: inline-block;
}
.tm-sc-pricing-table .pricing-table-thumb.has-thumb-hover .thumb-hover {
display: none;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-pricing .price-secondary {
display: none;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-pricing .on-sale .pricing-table-price {
color: #aaa;
font-size: 20px;
margin-right: 5px;
text-decoration: line-through;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul {
list-style: none;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li {
color: #171e2e;
font-size: 15px;
padding: 0;
padding-bottom: 5px;
margin-bottom: 5px;
position: relative;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li:before {
color: var(--theme-color1);
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li.no-action {
color: #bbb;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li.no-action i {
color: #bbb;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li.line-through {
color: #999;
text-decoration: line-through;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li.line-through i {
color: #999;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li i {
margin-right: 8px;
font-size: 11px;
color: #111;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li i {
transition: none;
}
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li .has-tooltip {
position: absolute;
top: 0;
right: 0;
color: #294dff;
padding: 3px;
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li .has-tooltip:before {
pointer-events: none;
content: attr(title);
visibility: hidden;
opacity: 0;
width: 245px;
font-size: 12px;
padding: 15px 20px;
background: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
position: absolute;
z-index: 99;
right: 0;
top: 33px;
border-radius: 0;
text-align: left;
transition: opacity 0.3s ease-in-out;
box-shadow: 0 0 12px rgba(37, 48, 83, 0.25);
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li .has-tooltip:after {
pointer-events: none;
opacity: 0;
visibility: hidden;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 6.47px 6.47px;
border-color: transparent transparent var(--theme-color1) transparent;
position: absolute;
top: 27px;
left: 3px;
transition: opacity 0.3s ease-in-out;
box-shadow: 0 0 12px rgba(37, 48, 83, 0.25);
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li .has-tooltip i {
font-size: 14px;
color: var(--theme-color1);
}
.tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li .has-tooltip:hover:before, .tm-sc-pricing-table .pricing-table-inner .pricing-table-content ul li .has-tooltip:hover:after {
opacity: 1;
visibility: visible;
}
.tm-sc-pricing-table .pricing-table-inner .footer-hint-text {
font-size: 13px;
margin-top: 5px;
transition: all 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-sc-pricing-table .pricing-table-inner .footer-hint-text {
transition: none;
}
}
.tm-sc-pricing-table.show-secondary-price .pricing-table-inner .pricing-table-pricing .price-normal {
display: none;
}
.tm-sc-pricing-table.show-secondary-price .pricing-table-inner .pricing-table-pricing .price-secondary {
display: block;
}
.tm-sc-pricing-table.pricing-list-bordered .pricing-table-content ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-top: 5px;
padding-bottom: 5px;
}
.tm-sc-pricing-table.pricing-list-bordered .pricing-table-content ul li:last-child {
border-bottom: none;
}
.tm-sc-pricing-table.pricing-list-bullet .pricing-table-content ul li {
padding-left: 20px;
}
.tm-sc-pricing-table.pricing-list-bullet .pricing-table-content ul li:before {
border: none;
color: #777;
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 15px;
padding: 0;
left: 0;
position: absolute;
top: 6px;
opacity: 0.6;
}
.tm-sc-pricing-table.pricing-table-box-shadow .pricing-table-inner-wrapper {
box-shadow: 0 5px 70px rgba(32, 35, 66, 0.1);
}
.tm-sc-pricing-table.pricing-table-featured {
z-index: 1;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.tm-sc-pricing-table.pricing-table-hover-effect:hover {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
.tm-sc-pricing-table.pricing-table-hover-effect.pricing-table-featured:hover {
-webkit-transform: translateY(-20px) scale(1.1);
-ms-transform: translateY(-20px) scale(1.1);
-o-transform: translateY(-20px) scale(1.1);
-moz-transform: translateY(-20px) scale(1.1);
transform: translateY(-20px) scale(1.1);
}
.tm-sc-pricing-table:hover .pricing-table-thumb.has-thumb-hover .thumb {
display: none;
}
.tm-sc-pricing-table:hover .pricing-table-thumb.has-thumb-hover .thumb-hover {
display: inline-block;
}
.tm-pricing-smart-switcher {
color: var(--heading-color);
font-size: 19px;
letter-spacing: -0.2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 55px;
}
.tm-pricing-smart-switcher .price-offer {
color: var(--text-color-bg-theme-color2);
background-color: rgba(var(--theme-color2-rgb), 0.8);
font-size: 12px;
line-height: inherit;
padding: 0.5px 12px;
border-radius: 30px;
margin-left: 15px;
text-transform: uppercase;
}
.tm-pricing-smart-switcher .pricing-switcher-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle {
width: 70px;
height: 33px;
border-radius: 17px;
background-color: rgba(22, 28, 45, 0.15);
position: relative;
display: inline-block;
margin: 0 1rem;
}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle.secondary-active {
background-color: var(--theme-color1);
}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle.secondary-active span {
right: 7px;
}
.tm-pricing-smart-switcher .pricing-switcher-btn .btn-toggle span {
width: 20px;
height: 20px;
background-color: #ffffff;
position: absolute;
right: calc(100% - 27px);
margin-left: 6px;
top: 50%;
-webkit-transform: translatey(-50%);
transform: translatey(-50%);
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
border-radius: 500px;
pointer-events: none;
}
.tm-pricing-smart-switcher-button .switch-buttons {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
border: 0;
}
.tm-pricing-smart-switcher-button .switch-buttons li {
display: inline-block;
margin-bottom: 0;
}
.tm-pricing-smart-switcher-button .switch-buttons li a {
display: block;
border: 1px solid #eee;
outline: none;
display: inline-block;
padding: 0.9375rem 2.1875rem;
cursor: pointer;
border-radius: 0;
transition: all 0.4s ease;
background-color: rgb(254, 253, 254);
box-shadow: 0px 15px 30px 0px rgba(119, 123, 146, 0.1);
}
.tm-pricing-smart-switcher-button .switch-buttons li a:hover, .tm-pricing-smart-switcher-button .switch-buttons li a.active {
color: var(--text-color-bg-theme-color1);
border-color: var(--theme-color1);
background-color: var(--theme-color1);
}
.tm-pricing-smart-switcher-button .switch-buttons li a span.price-offer {
color: var(--text-color-bg-theme-color2);
background-color: rgba(var(--theme-color2-rgb), 0.8);
font-size: 12px;
line-height: inherit;
padding: 0.5px 12px;
border-radius: 30px;
margin-left: 15px;
text-transform: uppercase;
}
.tm-pricing-smart-switcher-button .switch-buttons li:first-child a {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.tm-pricing-smart-switcher-button .switch-buttons li:last-child a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.tm-switch-buttons-round-yes .tm-pricing-smart-switcher-button .switch-buttons li:first-child a {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.tm-switch-buttons-round-yes .tm-pricing-smart-switcher-button .switch-buttons li:last-child a {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
} .tm-sc-info-box .info-box-wrapper .icon-wrapper {
display: inline-flex;
align-items: center;
justify-content: center;
}
.tm-info-box-skin1 {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.tm-info-box-skin1 .info-box-wrapper {
border: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
display: block;
padding: 50px 45px 40px;
background: #ffffff;
border-radius: 7px;
box-shadow: 0px 10px 40px 0px rgba(22, 32, 60, 0.08);
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin1 .info-box-wrapper {
transition: none;
}
}
.tm-info-box-skin1 .info-box-wrapper .top-circle {
position: absolute;
left: 0;
top: 0;
width: 170px;
height: 170px;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
transform: translate(-60%, -60%);
z-index: 0;
border-radius: 50%;
transition: all 0.4s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin1 .info-box-wrapper .top-circle {
transition: none;
}
}
.tm-info-box-skin1 .info-box-wrapper .bottom-curve {
position: absolute;
right: -70px;
bottom: -10px;
width: 120px;
height: 120px;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
z-index: 0;
transform: skewX(-40deg) scaleX(1);
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin1 .info-box-wrapper .bottom-curve {
transition: none;
}
}
.tm-info-box-skin1 .info-box-wrapper .icon-wrapper {
position: relative;
color: var(--theme-color1);
font-size: 64px;
line-height: 1em;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin1 .info-box-wrapper .icon-wrapper {
transition: none;
}
}
.tm-info-box-skin1 .info-box-wrapper:hover {
background: #222429;
}
.tm-info-box-skin1 .info-box-wrapper:hover .top-circle {
background: rgba(250, 250, 250, 0.1);
transform: translate(-65%, -65%);
}
.tm-info-box-skin1 .info-box-wrapper:hover .bottom-curve {
background: rgba(250, 250, 250, 0.1);
transform: skewX(-55deg) scaleX(1);
}
.tm-info-box-skin1 .info-box-wrapper:hover .icon-box {
color: var(--theme-color1);
}
.tm-info-box-skin1 .info-box-wrapper:hover .title {
color: #ffffff;
}
.tm-info-box-skin1 .info-box-wrapper:hover .title a {
color: #ffffff;
}
.tm-info-box-skin1 .info-box-wrapper:hover .text {
color: #999b9f;
}
.tm-info-box-skin1 .text {
position: relative;
display: block;
z-index: 1;
}
.tm-info-box-skin1 .link-box {
position: absolute;
right: 3px;
bottom: 8px;
width: 30px;
height: 30px;
z-index: 1;
}
.tm-info-box-skin1 .link-box a {
position: relative;
line-height: 30px;
font-size: 20px;
color: #ffffff;
}
.tm-info-box-skin2 {
position: relative;
margin-bottom: 30px;
overflow: hidden;
box-shadow: 0px 10px 40px 0px rgba(22, 32, 60, 0.08);
}
.tm-info-box-skin2 .info-box-wrapper {
position: relative;
display: block;
padding: 50px 45px 40px;
background: #ffffff;
border-radius: 8px;
transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin2 .info-box-wrapper {
transition: none;
}
}
.tm-info-box-skin2 .info-box-wrapper .top-circle {
position: absolute;
right: 0;
top: 0;
width: 170px;
height: 170px;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
transform: translate(60%, -60%);
z-index: 0;
border-radius: 50%;
transition: all 0.4s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin2 .info-box-wrapper .top-circle {
transition: none;
}
}
.tm-info-box-skin2 .info-box-wrapper .bottom-circle {
position: absolute;
left: 0;
bottom: 0;
width: 170px;
height: 170px;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
transform: translate(-55%, 55%);
z-index: 0;
border-radius: 50%;
transition: all 0.4s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin2 .info-box-wrapper .bottom-circle {
transition: none;
}
}
.tm-info-box-skin2 .info-box-wrapper .icon-wrapper {
position: relative;
color: var(--theme-color1);
font-size: 64px;
line-height: 1em;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin2 .info-box-wrapper .icon-wrapper {
transition: none;
}
}
.tm-info-box-skin2 .info-box-wrapper:hover {
background: var(--theme-color1);
}
.tm-info-box-skin2 .info-box-wrapper:hover .top-circle {
transform: translate(40%, -40%);
background: rgba(250, 250, 250, 0.1);
}
.tm-info-box-skin2 .info-box-wrapper:hover .bottom-circle {
transform: translate(-30%, 30%) skewX(44deg);
background: rgba(250, 250, 250, 0.1);
}
.tm-info-box-skin2 .info-box-wrapper:hover .icon-wrapper {
color: #fff;
}
.tm-info-box-skin2 .info-box-wrapper:hover .title {
color: #ffffff;
}
.tm-info-box-skin2 .info-box-wrapper:hover .title a {
color: #ffffff;
}
.tm-info-box-skin2 .info-box-wrapper:hover .text {
color: #fff;
}
.tm-info-box-skin2 .text {
position: relative;
display: block;
z-index: 1;
}
.tm-info-box-skin2 .link-box {
position: absolute;
right: 3px;
bottom: 8px;
width: 30px;
height: 30px;
z-index: 1;
}
.tm-info-box-skin2 .link-box a {
position: relative;
line-height: 30px;
font-size: 20px;
color: #ffffff;
}
.tm-info-box-skin3 {
position: relative;
margin-bottom: 30px;
}
.tm-info-box-skin3 .info-box-wrapper {
position: relative;
display: block;
padding: 50px 45px 40px;
background: #fff;
border-radius: 8px;
box-shadow: 0px 10px 40px 0px rgba(22, 32, 60, 0.08);
overflow: hidden;
transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin3 .info-box-wrapper {
transition: none;
}
}
.tm-info-box-skin3 .info-box-wrapper .top-circle {
position: absolute;
right: 0;
top: 0;
width: 170px;
height: 170px;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
transform: translate(60%, -60%);
z-index: 0;
border-radius: 50%;
transition: all 0.8s ease 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin3 .info-box-wrapper .top-circle {
transition: none;
}
}
.tm-info-box-skin3 .info-box-wrapper .bottom-circle {
position: absolute;
right: 0;
top: 0;
width: 170px;
height: 170px;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
transform: translate(70%, -70%);
z-index: 0;
border-radius: 50%;
transition: all 0.9s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin3 .info-box-wrapper .bottom-circle {
transition: none;
}
}
.tm-info-box-skin3 .info-box-wrapper .icon-wrapper {
position: relative;
color: var(--theme-color1);
font-size: 64px;
line-height: 1em;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin3 .info-box-wrapper .icon-wrapper {
transition: none;
}
}
.tm-info-box-skin3 .info-box-wrapper:hover {
background: var(--theme-color2);
}
.tm-info-box-skin3 .info-box-wrapper:hover .top-circle {
transform: translate(45%, -45%);
background: rgba(250, 250, 250, 0.1);
}
.tm-info-box-skin3 .info-box-wrapper:hover .bottom-circle {
transform: translate(20%, -20%);
background: rgba(250, 250, 250, 0.1);
}
.tm-info-box-skin3 .info-box-wrapper:hover .icon-wrapper {
color: #fff;
}
.tm-info-box-skin3 .info-box-wrapper:hover .title {
color: #ffffff;
}
.tm-info-box-skin3 .info-box-wrapper:hover .title a {
color: #ffffff;
}
.tm-info-box-skin3 .info-box-wrapper:hover .text {
color: #fff;
}
.tm-info-box-skin3 .text {
position: relative;
display: block;
z-index: 1;
}
.tm-info-box-skin3 .link-box {
position: absolute;
right: 3px;
bottom: 8px;
width: 30px;
height: 30px;
z-index: 1;
}
.tm-info-box-skin3 .link-box a {
position: relative;
line-height: 30px;
font-size: 20px;
color: #ffffff;
}
.tm-info-box-skin4 {
position: relative;
margin-bottom: 30px;
}
.tm-info-box-skin4 .info-box-wrapper {
position: relative;
display: block;
padding: 50px 45px 40px;
background: #fff;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.05);
box-shadow: 0px 10px 40px 0px rgba(22, 32, 60, 0.08);
overflow: hidden;
transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin4 .info-box-wrapper {
transition: none;
}
}
.tm-info-box-skin4 .info-box-wrapper .top-shape {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
transform: translate(70%, -70%);
z-index: 0;
border-radius: 10px;
transition: all 0.6s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin4 .info-box-wrapper .top-shape {
transition: none;
}
}
.tm-info-box-skin4 .info-box-wrapper .bottom-shape {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
transform: translate(-70%, 70%);
z-index: 0;
border-radius: 10px;
transition: all 0.6s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin4 .info-box-wrapper .bottom-shape {
transition: none;
}
}
.tm-info-box-skin4 .info-box-wrapper .icon-wrapper {
position: relative;
color: var(--theme-color1);
font-size: 64px;
line-height: 1em;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin4 .info-box-wrapper .icon-wrapper {
transition: none;
}
}
.tm-info-box-skin4 .info-box-wrapper:hover {
background: var(--theme-color1);
}
.tm-info-box-skin4 .info-box-wrapper:hover .top-shape {
transform: translate(0%, 0%);
background: rgba(250, 250, 250, 0.01);
}
.tm-info-box-skin4 .info-box-wrapper:hover .bottom-shape {
transform: translate(0%, 0%);
background: rgba(250, 250, 250, 0.01);
}
.tm-info-box-skin4 .info-box-wrapper:hover .icon-wrapper {
color: #fff;
}
.tm-info-box-skin4 .info-box-wrapper:hover .title {
color: #ffffff;
}
.tm-info-box-skin4 .info-box-wrapper:hover .title a {
color: #ffffff;
}
.tm-info-box-skin4 .info-box-wrapper:hover .text {
color: #fff;
}
.tm-info-box-skin4 .text {
position: relative;
display: block;
z-index: 1;
}
.tm-info-box-skin4 .link-box {
position: absolute;
right: 3px;
bottom: 8px;
width: 30px;
height: 30px;
z-index: 1;
}
.tm-info-box-skin4 .link-box a {
position: relative;
line-height: 30px;
font-size: 20px;
color: #ffffff;
}
.tm-info-box-skin4:after {
content: "";
background: blue;
position: absolute;
top: 0;
height: 0;
width: 0;
right: 0;
transition: 600ms;
}
.tm-info-box-skin5 {
position: relative;
margin-bottom: 30px;
}
.tm-info-box-skin5 .info-box-wrapper {
background-color: #fff;
position: relative;
display: block;
padding: 50px 45px 40px;
border: 1px solid #eee;
box-shadow: 0px 10px 40px 0px rgba(22, 32, 60, 0.08);
overflow: hidden;
transition: all 500ms ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin5 .info-box-wrapper {
transition: none;
}
}
.tm-info-box-skin5 .info-box-wrapper .icon-wrapper {
position: relative;
color: var(--theme-color1);
font-size: 64px;
line-height: 1em;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin5 .info-box-wrapper .icon-wrapper {
transition: none;
}
}
.tm-info-box-skin5 .info-box-wrapper .icon-wrapper::after {
position: absolute;
content: "";
height: 75px;
width: 75px;
background: #a1a1a1;
border-radius: 50%;
top: -20px;
left: 40px;
opacity: 0.12;
transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin5 .info-box-wrapper .icon-wrapper::after {
transition: none;
}
}
.tm-info-box-skin5 .info-box-wrapper .icon-wrapper:before {
position: absolute;
content: "";
height: 75px;
width: 75px;
background: #a1a1a1;
opacity: 0.08;
top: 13px;
left: 45px;
border-radius: 50%;
transition: all 0.5s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin5 .info-box-wrapper .icon-wrapper:before {
transition: none;
}
}
.tm-info-box-skin5 .info-box-wrapper:before {
content: "";
background: blue;
position: absolute;
bottom: 0;
height: 0;
width: 100%;
right: 0;
transition: all 500ms ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin5 .info-box-wrapper:before {
transition: none;
}
}
.tm-info-box-skin5 .info-box-wrapper:hover .icon-wrapper {
color: #fff;
position: relative;
z-index: 1;
}
.tm-info-box-skin5 .info-box-wrapper:hover .icon-wrapper::after {
opacity: 0.32;
transform: scaleX(-1);
}
.tm-info-box-skin5 .info-box-wrapper:hover .icon-wrapper:before {
opacity: 0.28;
transform: scaleX(-1);
}
.tm-info-box-skin5 .info-box-wrapper:hover .title {
color: #ffffff;
position: relative;
z-index: 1;
transition: all 500ms ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin5 .info-box-wrapper:hover .title {
transition: none;
}
}
.tm-info-box-skin5 .info-box-wrapper:hover .title a {
color: #ffffff;
}
.tm-info-box-skin5 .info-box-wrapper:hover .text {
color: #fff;
position: relative;
z-index: 1;
}
.tm-info-box-skin5 .info-box-wrapper:hover:before {
height: 100%;
top: 0;
}
.tm-info-box-skin5 .text {
position: relative;
display: block;
z-index: 1;
transition: all 500ms ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin5 .text {
transition: none;
}
}
.tm-info-box-skin5 .link-box {
position: absolute;
right: 3px;
bottom: 8px;
width: 30px;
height: 30px;
z-index: 1;
}
.tm-info-box-skin5 .link-box a {
position: relative;
line-height: 30px;
font-size: 20px;
color: #ffffff;
}
.tm-info-box-skin5:after {
content: "";
background: blue;
position: absolute;
top: 0;
height: 0;
width: 0;
right: 0;
transition: 600ms;
}
.tm-info-box-skin6 {
position: relative;
margin-bottom: 30px;
}
.tm-info-box-skin6 .info-box-wrapper {
position: relative;
display: block;
padding: 55px;
background: #fff;
border: 1px solid #eee;
box-shadow: 0px 10px 40px 0px rgba(22, 32, 60, 0.08);
transition: all 500ms ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin6 .info-box-wrapper {
transition: none;
}
}
.tm-info-box-skin6 .info-box-wrapper .icon-wrapper {
position: relative;
color: #232226;
font-size: 64px;
line-height: 1em;
margin-bottom: 20px;
z-index: 1;
transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin6 .info-box-wrapper .icon-wrapper {
transition: none;
}
}
.tm-info-box-skin6 .info-box-wrapper .icon-wrapper .info-text .title {
margin: 20px 0 30px;
}
.tm-info-box-skin6 .info-box-wrapper .icon-wrapper:before {
background-color: var(--theme-color1);
border-radius: 50%;
content: "";
height: 58px;
left: 30px;
position: absolute;
top: 15px;
width: 58px;
z-index: -1;
transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin6 .info-box-wrapper .icon-wrapper:before {
transition: none;
}
}
.tm-info-box-skin6 .info-box-wrapper .icon-wrapper:after {
background-color: #232226;
border-radius: 50%;
content: "";
height: 15px;
left: 70px;
position: absolute;
top: 15px;
width: 15px;
z-index: -1;
transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin6 .info-box-wrapper .icon-wrapper:after {
transition: none;
}
}
.tm-info-box-skin6 .info-box-wrapper:after {
content: "";
background: var(--theme-color1);
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0.4;
z-index: -1;
transform: translate(0, 0);
transition: 500ms;
}
.tm-info-box-skin6 .info-box-wrapper:hover {
background: var(--theme-color1);
}
.tm-info-box-skin6 .info-box-wrapper:hover .icon-wrapper:before {
background-color: #fff;
transform: scaleX(-1);
}
.tm-info-box-skin6 .info-box-wrapper:hover .title {
color: #ffffff;
position: relative;
z-index: 1;
transition: all 500ms ease;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin6 .info-box-wrapper:hover .title {
transition: none;
}
}
.tm-info-box-skin6 .info-box-wrapper:hover .title a {
color: #ffffff;
}
.tm-info-box-skin6 .info-box-wrapper:hover .text {
color: #fff;
position: relative;
z-index: 1;
}
.tm-info-box-skin6 .info-box-wrapper:hover:after {
height: 100%;
top: 0;
transform: translate(12px, 12px);
z-index: 0;
}
.tm-info-box-skin7 {
position: relative;
margin-bottom: 30px;
}
.tm-info-box-skin7 .info-box-wrapper {
position: relative;
display: block;
padding: 50px 45px 40px;
background: #fff;
border-radius: 8px;
box-shadow: 0px 10px 40px 0px rgba(22, 32, 60, 0.08);
overflow: hidden;
transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin7 .info-box-wrapper {
transition: none;
}
}
.tm-info-box-skin7 .info-box-wrapper .top-circle {
position: absolute;
right: 0;
bottom: 0;
width: 170px;
height: 170px;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
transform: translate(60%, 60%);
z-index: 0;
border-radius: 50%;
transition: all 0.8s ease 0.3s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin7 .info-box-wrapper .top-circle {
transition: none;
}
}
.tm-info-box-skin7 .info-box-wrapper .bottom-circle {
position: absolute;
right: 0;
bottom: 0;
width: 170px;
height: 170px;
background: rgba(240, 240, 240, 0.45);
opacity: 0.9;
transform: translate(70%, 70%);
z-index: 0;
border-radius: 50%;
transition: all 0.9s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin7 .info-box-wrapper .bottom-circle {
transition: none;
}
}
.tm-info-box-skin7 .info-box-wrapper .icon-wrapper {
position: relative;
color: var(--theme-color1);
font-size: 64px;
line-height: 1em;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin7 .info-box-wrapper .icon-wrapper {
transition: none;
}
}
.tm-info-box-skin7 .info-box-wrapper:hover {
background: var(--theme-color2);
}
.tm-info-box-skin7 .info-box-wrapper:hover .top-circle {
transform: translate(45%, 45%);
background: rgba(250, 250, 250, 0.1);
}
.tm-info-box-skin7 .info-box-wrapper:hover .bottom-circle {
transform: translate(60%, 60%);
background: rgba(250, 250, 250, 0.1);
}
.tm-info-box-skin7 .info-box-wrapper:hover .icon-wrapper {
color: #fff;
}
.tm-info-box-skin7 .info-box-wrapper:hover .title {
color: #ffffff;
}
.tm-info-box-skin7 .info-box-wrapper:hover .title a {
color: #ffffff;
}
.tm-info-box-skin7 .info-box-wrapper:hover .text {
color: #fff;
}
.tm-info-box-skin7 .text {
position: relative;
display: block;
z-index: 1;
}
.tm-info-box-skin7 .link-box {
position: absolute;
right: 3px;
bottom: 8px;
width: 30px;
height: 30px;
z-index: 1;
}
.tm-info-box-skin7 .link-box a {
position: relative;
line-height: 30px;
font-size: 20px;
color: #ffffff;
}
.tm-info-box-skin8 {
position: relative;
margin-bottom: 30px;
filter: drop-shadow(10px 0 60px rgba(42, 45, 59, 0.1));
}
.tm-info-box-skin8 .info-box-wrapper {
background-color: #fff;
padding: 60px 45px;
position: relative;
border-radius: 10px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%);
position: relative;
transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin8 .info-box-wrapper {
transition: none;
}
}
.tm-info-box-skin8 .info-box-wrapper .bottom-circle {
position: absolute;
left: 0;
bottom: -90px;
width: 100%;
height: 95px;
border-radius: 8px;
background: #ffffff;
opacity: 0.1;
z-index: 0;
transition: all 0.5s ease 0.2s;
transform: skewY(10deg);
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin8 .info-box-wrapper .bottom-circle {
transition: none;
}
}
.tm-info-box-skin8 .info-box-wrapper .icon-wrapper {
position: relative;
color: var(--theme-color1);
font-size: 64px;
line-height: 1em;
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin8 .info-box-wrapper .icon-wrapper {
transition: none;
}
}
.tm-info-box-skin8 .info-box-wrapper::after {
position: absolute;
content: "";
height: 75px;
width: 75px;
background: #a1a1a1;
border-radius: 50%;
top: 37px;
left: 64px;
opacity: 0.12;
z-index: -1;
transition: all 0.5s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin8 .info-box-wrapper::after {
transition: none;
}
}
.tm-info-box-skin8 .info-box-wrapper:before {
position: absolute;
content: "";
height: 75px;
width: 75px;
background: #a1a1a1;
opacity: 0.08;
top: 62px;
left: 80px;
border-radius: 50%;
z-index: -1;
transition: all 0.5s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin8 .info-box-wrapper:before {
transition: none;
}
}
.tm-info-box-skin8 .info-box-wrapper:hover {
background: var(--theme-color1);
}
.tm-info-box-skin8 .info-box-wrapper:hover:after {
background: #fff;
transform: scaleX(-1);
}
.tm-info-box-skin8 .info-box-wrapper:hover:before {
background: #fff;
transform: scaleX(-1);
}
.tm-info-box-skin8 .info-box-wrapper:hover .bottom-circle {
width: 100%;
bottom: -60px;
}
.tm-info-box-skin8 .info-box-wrapper:hover .icon-wrapper {
color: #fff;
}
.tm-info-box-skin8 .info-box-wrapper:hover .title {
color: #ffffff;
}
.tm-info-box-skin8 .info-box-wrapper:hover .title a {
color: #ffffff;
}
.tm-info-box-skin8 .info-box-wrapper:hover .text {
color: #fff;
}
.tm-info-box-skin8 .text {
position: relative;
display: block;
z-index: 1;
}
.tm-info-box-skin8 .link-box {
position: absolute;
right: 3px;
bottom: 8px;
width: 30px;
height: 30px;
z-index: 1;
}
.tm-info-box-skin8 .link-box a {
position: relative;
line-height: 30px;
font-size: 20px;
color: #ffffff;
}
.tm-info-box-skin9 {
position: relative;
margin-bottom: 30px;
}
.tm-info-box-skin9 .info-box-wrapper {
background-color: #fff;
padding: 60px 40px 55px 40px;
position: relative;
text-align: center;
overflow: hidden;
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
overflow: hidden;
transition: all 0.4s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin9 .info-box-wrapper {
transition: none;
}
}
.tm-info-box-skin9 .info-box-wrapper:after {
content: "";
background: url(//www.digitalrenzo.com/wp-content/plugins/assets/images/current-theme/info-box-circle.png) no-repeat;
position: absolute;
top: -30px;
right: -30px;
height: 115px;
width: 115px;
z-index: 999;
opacity: 0.1;
}
.tm-info-box-skin9 .info-box-wrapper .top-circle {
position: absolute;
right: 0;
top: 0;
width: 170px;
height: 170px;
background: #ffffff;
opacity: 0.1;
transform: translate(60%, -60%);
z-index: 0;
border-radius: 50%;
transition: all 0.4s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin9 .info-box-wrapper .top-circle {
transition: none;
}
}
.tm-info-box-skin9 .info-box-wrapper .bottom-circle {
position: absolute;
left: 0;
bottom: 0;
width: 170px;
height: 170px;
background: #ffffff;
opacity: 0.1;
transform: translate(-85%, 85%);
z-index: 0;
border-radius: 50%;
transition: all 0.4s ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin9 .info-box-wrapper .bottom-circle {
transition: none;
}
}
.tm-info-box-skin9 .info-box-wrapper .icon-wrapper {
position: relative;
background: var(--theme-color1);
color: #fff;
font-size: 64px;
padding: 20px;
line-height: 1em;
margin-bottom: 20px;
border-radius: 58% 90% 66% 68%;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.tm-info-box-skin9 .info-box-wrapper .icon-wrapper {
transition: none;
}
}
.tm-info-box-skin9 .info-box-wrapper:hover {
background: var(--theme-color1);
}
.tm-info-box-skin9 .info-box-wrapper:hover .top-circle {
transform: translate(40%, -40%);
}
.tm-info-box-skin9 .info-box-wrapper:hover .bottom-circle {
transform: translate(-30%, 30%) skewX(44deg);
}
.tm-info-box-skin9 .info-box-wrapper:hover .icon-wrapper {
color: #fff;
background: var(--theme-color2);
}
.tm-info-box-skin9 .info-box-wrapper:hover .icon-wrapper i::before {
color: var(--headings-color);
}
.tm-info-box-skin9 .info-box-wrapper:hover .title {
color: #ffffff;
}
.tm-info-box-skin9 .info-box-wrapper:hover .title a {
color: #ffffff;
}
.tm-info-box-skin9 .info-box-wrapper:hover .text {
color: #fff;
}
.tm-info-box-skin9 .text {
position: relative;
display: block;
z-index: 1;
}
.tm-info-box-skin9 .link-box {
position: absolute;
right: 3px;
bottom: 8px;
width: 30px;
height: 30px;
z-index: 1;
}
.tm-info-box-skin9 .link-box a {
position: relative;
line-height: 30px;
font-size: 20px;
color: #ffffff;
}