@charset "UTF-8";
.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; }
@media (prefers-reduced-motion: reduce) {
.icon-box .icon {
transition: none; } }
.icon-box .icon i {
display: inline-block;
font-size: 30px;
line-height: 70px; }
.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; }
.icon-box .icon.icon-xs i {
font-size: 18px;
line-height: 30px; }
.icon-box .icon.icon-sm {
height: 50px;
width: 50px; }
.icon-box .icon.icon-sm i {
font-size: 22px;
line-height: 50px; }
.icon-box .icon.icon-md {
height: 75px;
width: 75px; }
.icon-box .icon.icon-md i {
font-size: 36px;
line-height: 75px; }
.icon-box .icon.icon-lg {
height: 90px;
width: 90px; }
.icon-box .icon.icon-lg i {
font-size: 48px;
line-height: 90px; }
.icon-box .icon.icon-xl {
height: 120px;
width: 120px; }
.icon-box .icon.icon-xl i {
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.northcoastcellular.co.za/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-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 .75s;
animation: image-hover-circle .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: .3s ease-in-out;
transition: .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: .3s ease-in-out;
transition: .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.northcoastcellular.co.za/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-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); }.service-item-current-style1 {
overflow: visible;
position: relative;
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08); }
.service-item-current-style1 .thumb {
overflow: hidden;
position: relative; }
.service-item-current-style1 .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-item-current-style1 .thumb img {
transition: none; } }
.service-item-current-style1 .thumb:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
transition: all 0.3s linear;
overflow: hidden;
-webkit-transform: scaleY(1);
-khtml-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 0.5;
z-index: 1; }
@media (prefers-reduced-motion: reduce) {
.service-item-current-style1 .thumb:after {
transition: none; } }
.service-item-current-style1 .thumb .icon i {
background: var(--theme-color1);
color: #fff;
position: absolute;
top: 15px;
right: 15px;
height: 95px;
border-radius: 6px;
width: 95px;
text-align: center;
line-height: 95px;
display: inline-block;
font-size: 56px;
z-index: 2; }
.service-item-current-style1 .details {
padding: 45px;
position: relative;
transition: all 0.4s ease-in-out;
background-color: #fff;
text-align: center; }
@media (prefers-reduced-motion: reduce) {
.service-item-current-style1 .details {
transition: none; } }
.service-item-current-style1 .details .excerpt {
margin-bottom: 0; }
.service-item-current-style1 .details .title {
margin-top: 0; }
.service-item-current-style1 .details .cat-list {
margin-bottom: 15px; }
.service-item-current-style1 .details .cat-list li a {
color: #999 !important; }
.service-item-current-style1 .details .symbol-icon {
position: absolute;
left: 30px;
top: -40px;
background: #3c3434;
width: 64px;
padding: 15px;
border-radius: 3px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-item-current-style1 .details .symbol-icon {
transition: none; } }
.service-item-current-style1:after {
content: "";
height: 5px;
width: 80%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
background: #E7E5F0; }
.service-item-current-style1:before {
content: "";
height: 5px;
width: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
transition: all 0.5s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-item-current-style1:before {
transition: none; } }
.service-item-current-style1:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.service-item-current-style1:hover .thumb:after {
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
opacity: 1; }
.service-item-current-style1:hover .details {
border-color: #df6512;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px); }
.service-item-current-style1:hover:before {
background: var(--theme-color1);
width: 80%;
z-index: 1; }
.owl-carousel .service-item-current-style1 {
box-shadow: none;
border: 1px solid #eee; }
.service-item-current-style2 {
position: relative;
margin-bottom: 60px !important; }
.service-item-current-style2 .service-visible {
position: relative;
transition: 300ms; }
.service-item-current-style2 .service-visible .service-thumb img {
border-radius: 10px; }
.service-item-current-style2 .service-visible .service-details {
position: absolute;
bottom: -48px;
background: #fff;
width: 80%;
left: 0;
right: 0;
margin: 0 auto;
padding: 20px;
border-radius: 12px;
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.06);
display: flex;
align-items: center; }
.service-item-current-style2 .service-visible .service-details .service-icon {
float: left;
margin-right: 20px; }
.service-item-current-style2 .service-visible .service-details .service-icon .icon i {
font-size: 54px;
color: var(--theme-color1);
line-height: 54px; }
.service-item-current-style2 .service-visible .service-details .title {
overflow: hidden;
margin: 0; }
.service-item-current-style2 .service-on-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
transition: 400ms; }
.service-item-current-style2 .service-on-hover .service-thumb-full img {
border-radius: 10px;
height: 300px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
.service-item-current-style2 .service-on-hover .service-thumb-full img {
height: 370px; } }
@media (max-width: 575.98px) {
.service-item-current-style2 .service-on-hover .service-thumb-full img {
height: 310px; } }
.service-item-current-style2 .service-on-hover .service-details {
top: 0;
position: absolute;
left: 0;
text-align: center;
height: 100%;
padding: 48px 30px 30px 30px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
.service-item-current-style2 .service-on-hover .service-details {
padding: 80px 30px 30px 30px; } }
@media (max-width: 575.98px) {
.service-item-current-style2 .service-on-hover .service-details {
padding: 60px 30px 30px 30px; } }
.service-item-current-style2 .service-on-hover .service-details .title {
color: #fff;
z-index: 1;
position: relative;
margin-top: 10px; }
.service-item-current-style2 .service-on-hover .service-details .title a:hover {
color: #fff; }
.service-item-current-style2 .service-on-hover .service-details .service-icon {
z-index: 1;
position: relative;
margin-bottom: 30px; }
.service-item-current-style2 .service-on-hover .service-details .service-icon .icon i {
font-size: 64px;
line-height: 64px;
color: var(--theme-color3); }
.service-item-current-style2 .service-on-hover .service-details .excerpt {
margin-bottom: 0;
color: #fff;
z-index: 1;
position: relative;
margin-top: 20px; }
.service-item-current-style2 .service-on-hover:after {
content: "";
background: #041b52;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0.9;
border-radius: 10px; }
.service-item-current-style2:hover .service-visible {
visibility: hidden; }
.service-item-current-style2:hover .service-on-hover {
opacity: 1;
top: 0; }
.service-item-current-style3 {
position: relative;
overflow: hidden; }
.service-item-current-style3 .content {
position: absolute;
bottom: -65%;
background: rgba(var(--theme-color1-rgb), 0.9);
padding: 25px 30px 25px 30px;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
transition: all 0.3s ease-in-out; }
@media (max-width: 1199.98px) {
.service-item-current-style3 .content {
bottom: -73%; } }
@media (max-width: 991.98px) {
.service-item-current-style3 .content {
bottom: -68%;
padding: 20px 30px 15px 30px; } }
@media (max-width: 767.98px) {
.service-item-current-style3 .content {
bottom: -72%;
padding: 20px 30px 15px 30px; } }
@media (prefers-reduced-motion: reduce) {
.service-item-current-style3 .content {
transition: none; } }
.service-item-current-style3 .content .title {
margin-top: 0;
color: #fff;
margin-bottom: 30px;
position: relative;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-item-current-style3 .content .title {
transition: none; } }
.service-item-current-style3 .content .title a:hover {
color: #fff; }
.service-item-current-style3 .content .title:after {
content: "\f0da";
font-family: 'Font Awesome 5 Free';
float: right; }
.service-item-current-style3 .content .excerpt {
color: #fff; }
.service-item-current-style3:hover .content {
bottom: 0; }
.service-item-current-style3:hover .content .title {
margin-bottom: 20px; }
.service-mouse-hover-cursor-effect .each-service {
position: relative;
padding: 25px 0 25px;
padding-left: 80px;
border-bottom: 2px solid rgba(240, 240, 240, 0.7);
transition: all 0.3s ease;
counter-increment: count; }
@media (prefers-reduced-motion: reduce) {
.service-mouse-hover-cursor-effect .each-service {
transition: none; } }
.service-mouse-hover-cursor-effect .each-service:before {
content: counter(count) ".";
position: absolute;
left: 0;
display: inline-block;
font-size: 40px;
line-height: 1;
text-align: center;
top: 50%;
z-index: 1;
color: var(--theme-color1);
transform: translateY(-50%); }
.service-mouse-hover-cursor-effect .each-service:nth-child(-n+9):before {
content: "0" counter(count) "."; }
.service-mouse-hover-cursor-effect .each-service .service-inner {
position: relative;
display: flex;
justify-content: space-between;
align-items: center; }
.service-mouse-hover-cursor-effect .each-service .service-inner .title {
color: #404a52; }
.service-mouse-hover-cursor-effect .each-service .service-inner .title a:hover,
.service-mouse-hover-cursor-effect .each-service .service-inner .title a:focus {
color: #000; }
.service-mouse-hover-cursor-effect .each-service .service-inner .service-btn {
width: 50px;
height: 50px;
display: inline-flex;
border-radius: 50%;
border: 1px solid var(--theme-color1);
color: var(--theme-color1);
justify-content: center;
align-items: center; }
.service-mouse-hover-cursor-effect .each-service .service-inner .service-btn:hover, .service-mouse-hover-cursor-effect .each-service .service-inner .service-btn:focus {
background-color: var(--theme-color1);
color: var(--text-color-bg-theme-color1); }
@media (max-width: 767.98px) {
.service-mouse-hover-cursor-effect .each-service .service-inner .service-btn {
display: none; } }
.service-skin-style1 {
padding-top: 98px;
text-align: center; }
.service-skin-style1 .service-block {
background-color: #fff;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
border: 1px solid #eee;
padding: 0 50px;
position: relative;
z-index: 1; }
@media (max-width: 1199.98px) {
.service-skin-style1 .service-block {
padding: 0 30px; } }
.service-skin-style1 .service-block .thumb {
max-width: 220px;
margin: 0 auto 24px;
border: 12px solid #f5f5f5;
border-radius: 50%;
margin-top: -98px;
position: relative;
z-index: 1;
overflow: hidden; }
.service-skin-style1 .service-block .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style1 .service-block .thumb img {
transition: none; } }
.service-skin-style1 .service-block .content {
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style1 .service-block .content {
transition: none; } }
.service-skin-style1 .service-block .content .title {
margin-bottom: 20px;
margin-top: 0; }
.service-skin-style1 .service-block .content .title a {
color: #202426; }
.service-skin-style1 .service-block .content .excerpt {
margin-bottom: 30px; }
@media (max-width: 1199.98px) {
.service-skin-style1 .service-block .content p {
margin-bottom: 50px; } }
.service-skin-style1 .service-block .content .btn-link {
background-color: #f5f5f4;
border-radius: 35px 35px 0 0;
color: #303035;
display: inline-block;
font-size: 20px;
padding: 11px 25.25px 3px; }
.service-skin-style1 .service-block .content .btn-link .shape-circle {
bottom: 0;
filter: brightness(0.1);
left: 50%;
opacity: 0.2;
position: absolute;
transform: translateX(-50%);
z-index: -1;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style1 .service-block .content .btn-link .shape-circle {
transition: none; } }
.service-skin-style1 .service-block:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.service-skin-style1 .service-block:hover .title a {
color: var(--theme-color1); }
.service-skin-style1 .service-block:hover .content .btn-link {
background-color: var(--theme-color2);
color: #fff; }
.service-skin-style1 .service-block:hover .content .btn-link .shape-circle {
filter: none;
opacity: 1; }
.service-skin-style2 {
border-radius: 5px;
position: relative;
box-shadow: 0px 5px 0px 0px rgba(145, 195, 48, 0.004);
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style2 {
transition: none; } }
.service-skin-style2 .thumb {
overflow: hidden;
position: relative;
border-radius: 6px 6px 0 0; }
.service-skin-style2 .thumb img {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style2 .thumb img {
transition: none; } }
.service-skin-style2 .content {
background-color: #181f2e;
padding: 40px;
position: relative;
border-radius: 0 0 6px 6px;
text-align: center; }
.service-skin-style2 .content .service-icon {
background-color: var(--theme-color1);
border-radius: 50%;
height: 72px;
left: 0;
line-height: 72px;
margin: 0 auto;
position: absolute;
right: 0;
top: -30px;
width: 72px;
text-align: center;
transition: all 0.4s ease; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style2 .content .service-icon {
transition: none; } }
.service-skin-style2 .content .service-icon i {
color: #fff;
font-size: 36px;
transition: all 0.4s ease; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style2 .content .service-icon i {
transition: none; } }
.service-skin-style2 .content .title {
line-height: 30px;
color: #fff;
margin-top: 30px; }
.service-skin-style2 .content .title a:hover,
.service-skin-style2 .content .title a:focus {
color: var(--theme-color1); }
.service-skin-style2 .content .excerpt {
color: #c9d1e5; }
.service-skin-style2:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.service-skin-style2:hover .content .service-icon {
background-color: var(--theme-color2); }
.service-skin-style2:hover .content .service-icon i {
color: #fff; }
.service-skin-style3 {
overflow: hidden; }
.service-skin-style3 .thumb {
position: relative; }
.service-skin-style3 .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style3 .thumb img {
transition: none; } }
.service-skin-style3 .thumb .service-icon {
bottom: -26px;
background: var(--theme-color2);
position: absolute;
color: #ffffff;
font-size: 38px;
height: 60px;
width: 60px;
line-height: 58px;
text-align: center;
border-radius: 0;
left: 50%;
z-index: 1;
transform: translate(-50%, 0);
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style3 .thumb .service-icon {
transition: none; } }
.service-skin-style3 .content {
background-color: #ffffff;
border: 1px solid #e2e6ed;
border-top: none;
padding: 40px 23px 27px;
position: relative;
text-align: center;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style3 .content {
transition: none; } }
.service-skin-style3 .content.content-style {
border: 1px solid #e2e6ed;
padding: 34px 49px 55px;
text-align: left; }
@media (max-width: 1399px) {
.service-skin-style3 .content.content-style {
padding: 15px 32px 35px; } }
@media (max-width: 1199.98px) {
.service-skin-style3 .content.content-style {
padding: 15px 26px 35px; } }
@media (max-width: 991.98px) {
.service-skin-style3 .content.content-style {
padding: 36px 50px 58px; } }
.service-skin-style3 .content.content-style .inner-title {
font-family: var(--font-current-theme1);
font-size: 26px;
font-weight: 400;
margin-bottom: 33px; }
@media (max-width: 1199.98px) {
.service-skin-style3 .content.content-style .inner-title {
font-size: 22px;
margin-bottom: 17px; } }
@media (max-width: 991.98px) {
.service-skin-style3 .content.content-style .inner-title {
font-size: 26px;
margin-bottom: 33px; } }
.service-skin-style3 .content.content-style .list-style {
margin-bottom: 25px; }
.service-skin-style3 .content.content-style .list-style ul {
margin-top: 0; }
.service-skin-style3 .content.content-style .list-style ul li {
list-style: none;
line-height: 1.8;
position: relative;
padding-left: 20px; }
@media (max-width: 1199.98px) {
.service-skin-style3 .content.content-style .list-style ul li {
font-size: 15px; } }
@media (max-width: 991.98px) {
.service-skin-style3 .content.content-style .list-style ul li {
font-size: 18px; } }
.service-skin-style3 .content.content-style .list-style ul li:before {
content: "\f111";
font-size: 8px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
left: 0;
position: absolute;
top: calc(50% + -1px);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.service-skin-style3 .content.content-style .cp-btn-theme {
box-shadow: none;
font-size: 15px;
font-weight: 500;
letter-spacing: 0;
padding: 16px 34px; }
@media (max-width: 1199.98px) {
.service-skin-style3 .content.content-style .cp-btn-theme {
font-size: 14px;
padding: 8px 14px; } }
@media (max-width: 991.98px) {
.service-skin-style3 .content.content-style .cp-btn-theme {
padding: 16px 34px; } }
.service-skin-style3 .content .excerpt {
margin-bottom: 0; }
.service-skin-style3 .content .title {
margin-bottom: 5px; }
.service-skin-style3 .content p {
font-size: 18px;
margin-bottom: 0; }
@media (max-width: 1199.98px) {
.service-skin-style3 .content p {
font-size: 16px; } }
.service-skin-style3:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style3:hover .thumb img {
transition: none; } }
.service-skin-style3:hover .thumb .btn-icon {
background: var(--theme-color1); }
.service-skin-style3:hover .thumb .btn-icon i {
opacity: 1;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style3:hover .thumb .btn-icon i {
transition: none; } }
.service-skin-style3:hover .content {
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03); }
.service-skin-style4 .thumb {
position: relative;
overflow: hidden; }
.service-skin-style4 .thumb img {
transition: all 0.5s; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style4 .thumb img {
transition: none; } }
@media (max-width: 767.98px) {
.service-skin-style4 .thumb img {
width: 100%; } }
.service-skin-style4 .thumb .icon-box {
bottom: 0;
left: 0;
overflow: hidden;
height: 120px;
position: absolute;
width: 135px;
text-align: center;
line-height: 160px;
padding-right: 30px;
z-index: 0; }
.service-skin-style4 .thumb .icon-box i {
font-size: 64px;
color: #fff;
margin-right: 20px;
line-height: 1; }
.service-skin-style4 .thumb .icon-box:before {
content: "";
left: -17px;
height: 100%;
position: absolute;
width: 100%;
transform: skewX(-16deg);
z-index: -1;
transition: all 0.5s;
border-right: 6px solid var(--theme-color1);
background: var(--theme-color2); }
@media (prefers-reduced-motion: reduce) {
.service-skin-style4 .thumb .icon-box:before {
transition: none; } }
.service-skin-style4 .thumb .icon-box .icon-img {
position: relative;
top: 30px;
left: 25px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
@media (max-width: 1199.98px) {
.service-skin-style4 .thumb .icon-box .icon-img {
top: 22px;
width: 50px; } }
.service-skin-style4 .content {
background-color: #fff;
border: 1px solid #e1e3e6;
border-top: none;
padding: 35px; }
@media (max-width: 767.98px) {
.service-skin-style4 .content {
padding: 25px 30px; } }
.service-skin-style4 .content .title a {
transition: all 0.5s; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style4 .content .title a {
transition: none; } }
.service-skin-style4 .content .excerpt {
margin-bottom: 25px; }
.service-skin-style4 .content .btn-link {
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.5s; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style4 .content .btn-link {
transition: none; } }
.service-skin-style4 .content > :last-child {
margin-bottom: 0; }
.service-skin-style4:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.service-skin-style4:hover .icon-box:before {
border-right: 6px solid var(--theme-color2);
background: var(--theme-color1); }
.service-skin-style5 .tm-service .thumb {
overflow: hidden; }
.service-skin-style5 .tm-service .thumb img {
width: 100%;
transition: all 0.5s; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style5 .tm-service .thumb img {
transition: none; } }
.service-skin-style5 .tm-service .content {
align-items: center;
background-color: #fff;
box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
display: flex;
padding: 38px 40px 38px;
position: relative;
z-index: 1;
transition: all 0.3s; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style5 .tm-service .content {
transition: none; } }
.service-skin-style5 .tm-service .content:after {
content: "";
height: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
transition: all 0.3s;
background-color: var(--theme-color1); }
@media (prefers-reduced-motion: reduce) {
.service-skin-style5 .tm-service .content:after {
transition: none; } }
.service-skin-style5 .tm-service .content .icon {
margin-right: 30px;
line-height: 1; }
.service-skin-style5 .tm-service .content .icon .icon-img {
width: auto;
transition: all 0.3s; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style5 .tm-service .content .icon .icon-img {
transition: none; } }
.service-skin-style5 .tm-service .content .icon i {
font-size: 52px;
color: var(--theme-color1);
transition: all 0.3s; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style5 .tm-service .content .icon i {
transition: none; } }
.service-skin-style5 .tm-service .content .title {
margin: 0;
text-transform: uppercase; }
.service-skin-style5 .tm-service:hover .thumb img {
transform: scale(1.1); }
.service-skin-style5 .tm-service:hover .content:after {
height: 100%; }
.service-skin-style5 .tm-service:hover .content .icon .symbol-icon {
filter: brightness(0.25); }
.service-skin-style5 .tm-service:hover .content .icon i {
color: #fff; }
.service-skin-style5 .tm-service:hover .content .title a {
color: #fff; }
.service-skin-style6 {
position: relative;
box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07); }
.service-skin-style6 .thumb {
overflow: hidden;
position: relative;
border-radius: 6px 6px 0 0; }
.service-skin-style6 .thumb img {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style6 .thumb img {
transition: none; } }
.service-skin-style6 .content {
background: #fff;
padding: 30px; }
.service-skin-style6 .content .icon-text .title {
margin-top: 25px;
margin-bottom: 20px; }
.service-skin-style6 .content .service-icon i {
line-height: 64px;
font-size: 36px;
background: #f0f2f7;
color: var(--theme-color2);
height: 64px;
width: 64px;
display: inline-block;
text-align: center;
border-radius: 50%;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style6 .content .service-icon i {
transition: none; } }
.service-skin-style6:hover .service-icon i {
background: var(--theme-color2);
color: #fff;
transform: rotate(360deg); }
.service-skin-style7 {
background-color: #fff;
border: 1px solid #e2e2e7;
padding: 0;
position: relative;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style7 {
transition: none; } }
.service-skin-style7 .thumb {
position: relative;
overflow: hidden; }
.service-skin-style7 .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.service-skin-style7 .thumb img {
transition: none; } }
.service-skin-style7 .thumb .icon {
bottom: 0;
left: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
width: 98px;
transition: all 0.3s ease;
background: var(--theme-color1); }
@media (prefers-reduced-motion: reduce) {
.service-skin-style7 .thumb .icon {
transition: none; } }
.service-skin-style7 .thumb .icon i {
font-size: 56px;
color: #fff;
line-height: 85px; }
.service-skin-style7:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.service-skin-style7 .content {
padding: 35px;
position: relative;
text-align: center; }
.service-skin-style7 .content .title {
margin-top: 0; }
.service-skin-style7 .content .excerpt {
margin-bottom: 0; }
.service-skin-style7 .content p {
color: #7e7e87;
margin-bottom: 0; }
.service-skin-style7:hover {
box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07); }
.service-skin-style7:hover .content .icon i {
color: #fff !important; }
.service-skin-style7:hover .btn {
color: #fff; }
.service-skin-style7:hover .btn:before {
border-color: transparent transparent #1e2226 transparent; }@font-face {
font-family: "FlaticonIndustry";
src: url(//www.northcoastcellular.co.za/wp-content/plugins/mascot-core-reparar-wp/assets/flaticon-set-industry/fonts/flaticon-industry.eot);
src: url(//www.northcoastcellular.co.za/wp-content/plugins/mascot-core-reparar-wp/assets/flaticon-set-industry/fonts/flaticon-industry.eot?#iefix) format("embedded-opentype"),
url(//www.northcoastcellular.co.za/wp-content/plugins/mascot-core-reparar-wp/assets/flaticon-set-industry/fonts/flaticon-industry.woff2) format("woff2"),
url(//www.northcoastcellular.co.za/wp-content/plugins/mascot-core-reparar-wp/assets/flaticon-set-industry/fonts/flaticon-industry.woff) format("woff"),
url(//www.northcoastcellular.co.za/wp-content/plugins/mascot-core-reparar-wp/assets/flaticon-set-industry/fonts/flaticon-industry.ttf) format("truetype"),
url(//www.northcoastcellular.co.za/wp-content/plugins/mascot-core-reparar-wp/assets/flaticon-set-industry/fonts/flaticon-industry.svg#FlaticonIndustry) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "FlaticonIndustry";
src: url(//www.northcoastcellular.co.za/wp-content/plugins/mascot-core-reparar-wp/assets/flaticon-set-industry/fonts/flaticon-industry.svg#FlaticonIndustry) format("svg");
}
}
[class^="flaticon-industry-"]:before, [class*=" flaticon-industry-"]:before,
[class^="flaticon-industry-"]:after, [class*=" flaticon-industry-"]:after {
font-family: "FlaticonIndustry";
font-style: normal;
font-weight: normal;
}
.flaticon-industry-recycle:before {
content: "\f101";
}
.flaticon-industry-workers:before {
content: "\f102";
}
.flaticon-industry-factory:before {
content: "\f103";
}
.flaticon-industry-factory-1:before {
content: "\f104";
}
.flaticon-industry-hammer:before {
content: "\f105";
}
.flaticon-industry-factory-2:before {
content: "\f106";
}
.flaticon-industry-factory-3:before {
content: "\f107";
}
.flaticon-industry-house:before {
content: "\f108";
}
.flaticon-industry-home:before {
content: "\f109";
}
.flaticon-industry-industry:before {
content: "\f10a";
}
.flaticon-industry-worker:before {
content: "\f10b";
}
.flaticon-industry-cement-truck:before {
content: "\f10c";
}
.flaticon-industry-flame:before {
content: "\f10d";
}
.flaticon-industry-dustbin:before {
content: "\f10e";
}
.flaticon-industry-clipboard:before {
content: "\f10f";
}
.flaticon-industry-robotic-arm:before {
content: "\f110";
}
.flaticon-industry-robot-arm:before {
content: "\f111";
}
.flaticon-industry-brick-wall:before {
content: "\f112";
}
.flaticon-industry-factory-4:before {
content: "\f113";
}
.flaticon-industry-dump-truck:before {
content: "\f114";
}
.flaticon-industry-mixer-truck:before {
content: "\f115";
}
.flaticon-industry-coal:before {
content: "\f116";
}
.flaticon-industry-coal-1:before {
content: "\f117";
}
.flaticon-industry-construction:before {
content: "\f118";
}
.flaticon-industry-tractor:before {
content: "\f119";
}
.flaticon-industry-cogwheel:before {
content: "\f11a";
}
.flaticon-industry-pressure-gauge:before {
content: "\f11b";
}
.flaticon-industry-plan:before {
content: "\f11c";
}
.flaticon-industry-excavator:before {
content: "\f11d";
}
.flaticon-industry-hook:before {
content: "\f11e";
}
.flaticon-industry-architecture:before {
content: "\f11f";
}
.flaticon-industry-concrete-mixer:before {
content: "\f120";
}
.flaticon-industry-truck-crane:before {
content: "\f121";
}
.flaticon-industry-tanker-truck:before {
content: "\f122";
}
.flaticon-industry-maintenance:before {
content: "\f123";
}
.flaticon-industry-crane:before {
content: "\f124";
}
.flaticon-industry-loader-truck:before {
content: "\f125";
}
.flaticon-industry-clipboard-1:before {
content: "\f126";
}
.flaticon-industry-tools:before {
content: "\f127";
}
.flaticon-industry-tool:before {
content: "\f128";
}
.flaticon-industry-tractor-1:before {
content: "\f129";
}
.flaticon-industry-refinery:before {
content: "\f12a";
}
.flaticon-industry-compressor:before {
content: "\f12b";
}
.flaticon-industry-mixer-truck-1:before {
content: "\f12c";
}
.flaticon-industry-truck:before {
content: "\f12d";
}
.flaticon-industry-engineer:before {
content: "\f12e";
}
.flaticon-industry-factory-5:before {
content: "\f12f";
}
.flaticon-industry-generator:before {
content: "\f130";
}
.flaticon-industry-excavator-1:before {
content: "\f131";
}
.flaticon-industry-forklift:before {
content: "\f132";
}
.flaticon-industry-traffic-barrier:before {
content: "\f133";
}
.flaticon-industry-excavator-2:before {
content: "\f134";
}
.flaticon-industry-factory-6:before {
content: "\f135";
}
.flaticon-industry-tool-box:before {
content: "\f136";
}
.flaticon-industry-paver:before {
content: "\f137";
}
.flaticon-industry-nuclear-plant:before {
content: "\f138";
}
.flaticon-industry-forklift-1:before {
content: "\f139";
}
.flaticon-industry-robotic-arm-1:before {
content: "\f13a";
}
.flaticon-industry-breaker:before {
content: "\f13b";
}
.flaticon-industry-power-tower:before {
content: "\f13c";
}
.flaticon-industry-barrier:before {
content: "\f13d";
}
.flaticon-industry-robot:before {
content: "\f13e";
}
.flaticon-industry-crane-1:before {
content: "\f13f";
}
.flaticon-industry-digger:before {
content: "\f140";
}
.flaticon-industry-windmill:before {
content: "\f141";
}
.flaticon-industry-oil-barrel:before {
content: "\f142";
}
.flaticon-industry-windmill-1:before {
content: "\f143";
}
.flaticon-industry-cogwheel-1:before {
content: "\f144";
}
.flaticon-industry-engineer-1:before {
content: "\f145";
}
.flaticon-industry-tools-1:before {
content: "\f146";
}
.flaticon-industry-coal-2:before {
content: "\f147";
}
.flaticon-industry-settings:before {
content: "\f148";
}
.flaticon-industry-cogs:before {
content: "\f149";
}
.flaticon-industry-engineer-2:before {
content: "\f14a";
}
.flaticon-industry-wrench:before {
content: "\f14b";
}
.flaticon-industry-hierarchy:before {
content: "\f14c";
}
.flaticon-industry-education:before {
content: "\f14d";
}
.flaticon-industry-factory-7:before {
content: "\f14e";
}
.flaticon-industry-industry-1:before {
content: "\f14f";
}
.flaticon-industry-construction-1:before {
content: "\f150";
}
.flaticon-industry-calculator:before {
content: "\f151";
}
.flaticon-industry-engineering:before {
content: "\f152";
}
.flaticon-industry-power-plant:before {
content: "\f153";
}
.flaticon-industry-industry-2:before {
content: "\f154";
}
.flaticon-industry-engineer-3:before {
content: "\f155";
}
.flaticon-industry-blueprint:before {
content: "\f156";
}
.flaticon-industry-triangle:before {
content: "\f157";
}
.flaticon-industry-electrical-engineer:before {
content: "\f158";
}
.flaticon-industry-cpu:before {
content: "\f159";
}
.flaticon-industry-barrier-1:before {
content: "\f15a";
}
.flaticon-industry-technology:before {
content: "\f15b";
}
.flaticon-industry-contract:before {
content: "\f15c";
}
.flaticon-industry-pie-chart:before {
content: "\f15d";
}
.flaticon-industry-internet:before {
content: "\f15e";
}
.flaticon-industry-compass:before {
content: "\f15f";
}
.flaticon-industry-warehouse:before {
content: "\f160";
}
.flaticon-industry-robotic-arm-2:before {
content: "\f161";
}
.flaticon-industry-robot-1:before {
content: "\f162";
}
.flaticon-industry-gear:before {
content: "\f163";
}
.flaticon-industry-laptop:before {
content: "\f164";
}
.flaticon-industry-screwdriver:before {
content: "\f165";
}
.flaticon-industry-desktop-computer:before {
content: "\f166";
}
.flaticon-industry-blueprint-1:before {
content: "\f167";
}
.flaticon-industry-beer-keg:before {
content: "\f168";
}
.flaticon-industry-brewing:before {
content: "\f169";
}
.flaticon-industry-barrels:before {
content: "\f16a";
}
.flaticon-industry-technician:before {
content: "\f16b";
}
.flaticon-industry-fuel-truck:before {
content: "\f16c";
}
.flaticon-industry-atom:before {
content: "\f16d";
}
.flaticon-industry-trade:before {
content: "\f16e";
}
.flaticon-industry-factory-8:before {
content: "\f16f";
}
.flaticon-industry-faucet:before {
content: "\f170";
}
.flaticon-industry-industrial-robot:before {
content: "\f171";
}
.flaticon-industry-valve:before {
content: "\f172";
}
.flaticon-industry-factory-9:before {
content: "\f173";
}
.flaticon-industry-control-lever:before {
content: "\f174";
}
.flaticon-industry-tool-1:before {
content: "\f175";
}
.flaticon-industry-power-plant-1:before {
content: "\f176";
}
.flaticon-industry-shipment:before {
content: "\f177";
}
.flaticon-industry-pump-jack:before {
content: "\f178";
}
.flaticon-industry-pressure-gauge-1:before {
content: "\f179";
}
.flaticon-industry-pollution:before {
content: "\f17a";
}
.flaticon-industry-truck-1:before {
content: "\f17b";
}
.flaticon-industry-lab-tool:before {
content: "\f17c";
}
.flaticon-industry-research-and-development:before {
content: "\f17d";
}
.flaticon-industry-factory-10:before {
content: "\f17e";
}
.flaticon-industry-coal-3:before {
content: "\f17f";
}
.flaticon-industry-industry-3:before {
content: "\f180";
}
.flaticon-industry-fuel-station:before {
content: "\f181";
}
.flaticon-industry-packing:before {
content: "\f182";
}
.flaticon-industry-worker-1:before {
content: "\f183";
}
.flaticon-industry-work-list:before {
content: "\f184";
}
.flaticon-industry-engineer-4:before {
content: "\f185";
}
.flaticon-industry-idea:before {
content: "\f186";
}
.flaticon-industry-worker-2:before {
content: "\f187";
}
.flaticon-industry-sorting:before {
content: "\f188";
}
.flaticon-industry-factory-11:before {
content: "\f189";
}
.flaticon-industry-garbage:before {
content: "\f18a";
}
.flaticon-industry-engineer-5:before {
content: "\f18b";
}
.flaticon-industry-engineer-6:before {
content: "\f18c";
}
.flaticon-industry-packing-1:before {
content: "\f18d";
}
.flaticon-industry-refinery-1:before {
content: "\f18e";
}
.flaticon-industry-tank:before {
content: "\f18f";
}
.flaticon-industry-time-management:before {
content: "\f190";
}
.flaticon-industry-cogwheels:before {
content: "\f191";
}
.flaticon-industry-worker-3:before {
content: "\f192";
}
.flaticon-industry-wagon:before {
content: "\f193";
}
.flaticon-industry-industry-4:before {
content: "\f194";
}
.flaticon-industry-production:before {
content: "\f195";
}
.flaticon-industry-engineer-7:before {
content: "\f196";
}
.flaticon-industry-engineer-8:before {
content: "\f197";
}
.flaticon-industry-manufacturing:before {
content: "\f198";
}
.flaticon-industry-oil-platform:before {
content: "\f199";
}
.flaticon-industry-worker-4:before {
content: "\f19a";
}
.flaticon-industry-calculator-1:before {
content: "\f19b";
}
.flaticon-industry-building:before {
content: "\f19c";
}
.flaticon-industry-oil-platform-1:before {
content: "\f19d";
}
.flaticon-industry-shelves:before {
content: "\f19e";
}
.flaticon-industry-cooling:before {
content: "\f19f";
}
.flaticon-industry-manufacturing-1:before {
content: "\f1a0";
}
.flaticon-industry-engineer-9:before {
content: "\f1a1";
}
.flaticon-industry-inspection:before {
content: "\f1a2";
}
.flaticon-industry-oil:before {
content: "\f1a3";
}
.flaticon-industry-worker-5:before {
content: "\f1a4";
}
.flaticon-industry-engineer-10:before {
content: "\f1a5";
}
.flaticon-industry-toolbox:before {
content: "\f1a6";
}
.flaticon-industry-tank-1:before {
content: "\f1a7";
}
.flaticon-industry-multimeter:before {
content: "\f1a8";
}
.flaticon-industry-driller:before {
content: "\f1a9";
}
.flaticon-industry-maintenance-1:before {
content: "\f1aa";
}
.flaticon-industry-presentation:before {
content: "\f1ab";
}
.flaticon-industry-hydraulic-car:before {
content: "\f1ac";
}
.flaticon-industry-worldwide:before {
content: "\f1ad";
}
.flaticon-industry-work-time:before {
content: "\f1ae";
}
.flaticon-industry-network:before {
content: "\f1af";
}
.flaticon-industry-dump-truck-1:before {
content: "\f1b0";
}
.flaticon-industry-loader:before {
content: "\f1b1";
}
.flaticon-industry-robotic-arm-3:before {
content: "\f1b2";
}
.flaticon-industry-geothermal-energy:before {
content: "\f1b3";
}
.flaticon-industry-engineer-11:before {
content: "\f1b4";
}
.flaticon-industry-laptop-1:before {
content: "\f1b5";
}
.flaticon-industry-drill:before {
content: "\f1b6";
}
.flaticon-industry-extraction:before {
content: "\f1b7";
}
.flaticon-industry-factory-machine:before {
content: "\f1b8";
}
.flaticon-industry-design:before {
content: "\f1b9";
}
.flaticon-industry-planning:before {
content: "\f1ba";
}
.flaticon-industry-wagon-1:before {
content: "\f1bb";
}
.flaticon-industry-engineer-12:before {
content: "\f1bc";
}
.flaticon-industry-engineer-13:before {
content: "\f1bd";
}
.flaticon-industry-engineer-14:before {
content: "\f1be";
}
.flaticon-industry-factory-12:before {
content: "\f1bf";
}
.flaticon-industry-presentation-1:before {
content: "\f1c0";
}
.flaticon-industry-online-support:before {
content: "\f1c1";
}
.flaticon-industry-factory-13:before {
content: "\f1c2";
}
.flaticon-industry-blueprint-2:before {
content: "\f1c3";
}
.flaticon-industry-saw:before {
content: "\f1c4";
}
.flaticon-industry-warehouse-1:before {
content: "\f1c5";
}
.flaticon-industry-crane-2:before {
content: "\f1c6";
}
.flaticon-industry-engineering-1:before {
content: "\f1c7";
}
.flaticon-industry-metal:before {
content: "\f1c8";
}
.flaticon-industry-gear-1:before {
content: "\f1c9";
}
.flaticon-industry-architecture-1:before {
content: "\f1ca";
}
.flaticon-industry-nuclear-plant-1:before {
content: "\f1cb";
}
.flaticon-industry-robotic-arm-4:before {
content: "\f1cc";
}
.flaticon-industry-saw-1:before {
content: "\f1cd";
}
.flaticon-industry-worker-6:before {
content: "\f1ce";
}
.flaticon-industry-maintenance-2:before {
content: "\f1cf";
}
.flaticon-industry-laptop-2:before {
content: "\f1d0";
}
.flaticon-industry-global:before {
content: "\f1d1";
}
.flaticon-industry-brick-wall-1:before {
content: "\f1d2";
}
.flaticon-industry-tools-2:before {
content: "\f1d3";
}
.flaticon-industry-construction-machine:before {
content: "\f1d4";
}
.flaticon-industry-chemical:before {
content: "\f1d5";
}
.flaticon-industry-continuous:before {
content: "\f1d6";
}
.flaticon-industry-barrel-per-day:before {
content: "\f1d7";
}
.flaticon-industry-engineer-15:before {
content: "\f1d8";
}
.flaticon-industry-heavy-vehicle:before {
content: "\f1d9";
}
.flaticon-industry-crane-3:before {
content: "\f1da";
}
.flaticon-industry-order:before {
content: "\f1db";
}
.flaticon-industry-gas:before {
content: "\f1dc";
}
.flaticon-industry-warehouse-2:before {
content: "\f1dd";
}
.flaticon-industry-heavy-vehicle-1:before {
content: "\f1de";
}
.flaticon-industry-factory-14:before {
content: "\f1df";
}
.flaticon-industry-automation:before {
content: "\f1e0";
}
.flaticon-industry-biogas:before {
content: "\f1e1";
}
.flaticon-industry-planning-1:before {
content: "\f1e2";
}
.flaticon-industry-petrol-station:before {
content: "\f1e3";
}
.flaticon-industry-assembly:before {
content: "\f1e4";
}
.flaticon-industry-oil-1:before {
content: "\f1e5";
}
.flaticon-industry-machine:before {
content: "\f1e6";
}
.flaticon-industry-heavy-vehicle-3:before {
content: "\f1e7";
}
.flaticon-industry-maintenance-3:before {
content: "\f1e8";
}
.flaticon-industry-extinguisher:before {
content: "\f1e9";
}
.flaticon-industry-factory-15:before {
content: "\f1ea";
}
.flaticon-industry-heavy-vehicle-4:before {
content: "\f1eb";
}
.flaticon-industry-productive:before {
content: "\f1ec";
}
.flaticon-industry-machine-1:before {
content: "\f1ed";
}
.flaticon-industry-construction-machine-1:before {
content: "\f1ee";
}
.flaticon-industry-direct:before {
content: "\f1ef";
}
.flaticon-industry-factory-16:before {
content: "\f1f0";
}
.flaticon-industry-construction-machine-2:before {
content: "\f1f1";
}
.flaticon-industry-backlog:before {
content: "\f1f2";
}
.flaticon-industry-conveyor:before {
content: "\f1f3";
}
.flaticon-industry-heavy-vehicle-5:before {
content: "\f1f4";
}
.flaticon-industry-machine-2:before {
content: "\f1f5";
}
.flaticon-industry-heavy-vehicle-6:before {
content: "\f1f6";
}
.flaticon-industry-industrial-robot-1:before {
content: "\f1f7";
}
.flaticon-industry-heavy-vehicle-7:before {
content: "\f1f8";
}
.flaticon-industry-construction-machine-3:before {
content: "\f1f9";
}
.flaticon-industry-heavy-vehicle-8:before {
content: "\f1fa";
}.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: .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; }.team-item-currenty-style1 {
background: #fff;
text-align: center;
padding: 30px;
box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
border-radius: 15px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.team-item-currenty-style1 {
transition: none; } }
.team-item-currenty-style1 .team-thumb {
position: relative; }
.team-item-currenty-style1 .team-thumb .thumb {
position: relative;
overflow: hidden;
border-radius: 50%; }
.team-item-currenty-style1 .team-thumb .thumb::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
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; }
.team-item-currenty-style1 .team-thumb .thumb img {
-webkit-transform: scale(1);
transform: scale(1);
transition: all 0.3s ease-in-out;
border-radius: 0; }
@media (prefers-reduced-motion: reduce) {
.team-item-currenty-style1 .team-thumb .thumb img {
transition: none; } }
.team-item-currenty-style1 .team-thumb .team-social {
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li {
margin-bottom: 0; }
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li a {
background: var(--theme-color1);
color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
border: none;
font-size: 16px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li a {
transition: none; } }
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li a:hover {
color: #fff; }
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
position: absolute;
opacity: 0;
left: -10px;
bottom: -20px;
z-index: 10;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
transition: none; } }
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) a {
background: #3457F1; }
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) {
position: absolute;
opacity: 0;
left: 0;
right: 0;
bottom: -40px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) {
transition: none; } }
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) a {
background: #4EBEFF; }
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
opacity: 0;
position: absolute;
right: 0px;
bottom: -20px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
transition: none; } }
.team-item-currenty-style1 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) a {
background: #EF3230; }
.team-item-currenty-style1 .team-thumb img {
border-radius: 50%; }
.team-item-currenty-style1 .team-content .team-information {
margin-top: 30px; }
.team-item-currenty-style1 .team-content .team-information .name {
margin-top: 0;
margin-bottom: 0; }
.team-item-currenty-style1:hover {
background: var(--theme-color2); }
.team-item-currenty-style1:hover .staff-content .name {
color: #fff; }
.team-item-currenty-style1:hover .staff-content .speciality {
color: #bbbbbb; }
.team-item-currenty-style1:hover .team-thumb .thumb::before {
-webkit-animation: circle .75s;
animation: circle .75s; }
.team-item-currenty-style1:hover .team-thumb .thumb img {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
left: 40px;
position: absolute;
bottom: 0;
z-index: 10;
opacity: 1;
transition: all 400ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
transition: none; } }
@media only screen and (max-width: 320px) {
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
left: 30px !important; } }
@media (max-width: 991.98px) {
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
left: 60px;
bottom: -5px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
left: 120px;
bottom: -10px; } }
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
opacity: 1;
transition: all 500ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) {
transition: none; } }
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
position: absolute;
right: 40px;
bottom: 0;
opacity: 1;
transition: all 400ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
transition: none; } }
@media only screen and (max-width: 320px) {
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
right: 30px !important; } }
@media (max-width: 991.98px) {
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
right: 60px;
bottom: -5px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.team-item-currenty-style1:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
right: 120px;
bottom: -10px; } }
.team-item-currenty-style1:hover img {
border-radius: 50%; }
.staff-item-currenty-style2 {
position: relative;
transition: all 300ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.staff-item-currenty-style2 {
transition: none; } }
.staff-item-currenty-style2 .staff-thumb {
position: relative;
overflow: hidden; }
.staff-item-currenty-style2 .staff-thumb .staff-information {
position: absolute;
bottom: 0;
right: -99%;
width: 100%;
transition: all 300ms ease-in-out 0s;
padding: 15px;
background: rgba(var(--theme-color1-rgb), 0.9); }
@media (prefers-reduced-motion: reduce) {
.staff-item-currenty-style2 .staff-thumb .staff-information {
transition: none; } }
.staff-item-currenty-style2 .staff-thumb .staff-information .staff-content {
display: flex;
align-items: center; }
.staff-item-currenty-style2 .staff-thumb .staff-information .staff-content .name {
margin: 0;
color: #fff;
margin-right: 10px; }
.staff-item-currenty-style2 .staff-thumb .staff-information .staff-content .name a:hover {
color: #fff; }
.staff-item-currenty-style2 .staff-thumb .staff-information .staff-content .speciality {
position: relative;
padding-left: 15px;
color: #fff;
font-size: 14px; }
.staff-item-currenty-style2 .staff-thumb .staff-information .staff-content .speciality:after {
content: "-";
position: absolute;
left: 0;
color: #fff; }
.staff-item-currenty-style2 .staff-details {
background: #f9f9f9;
padding: 25px 25px 20px 25px; }
.staff-item-currenty-style2:hover .staff-thumb .staff-information {
right: 0; } .tm-sc-staff .team-item-skin-style1 .thumb {
overflow: hidden;
position: relative; }
.tm-sc-staff .team-item-skin-style1 .thumb:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
transition: 400ms;
background: #111;
opacity: 0;
transform: scaleX(0); }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style1 .thumb:before {
transition: none; } }
.tm-sc-staff .team-item-skin-style1 .thumb img {
transition: 600ms; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style1 .thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style1 .team-content {
background-color: #f5f5f4;
padding: 25px 15px 27px;
position: relative; }
.tm-sc-staff .team-item-skin-style1 .team-content .team-information {
position: relative;
text-align: center; }
.tm-sc-staff .team-item-skin-style1 .team-content .team-information .name {
margin-top: 0;
margin-bottom: 0; }
.tm-sc-staff .team-item-skin-style1 .team-content .team-social {
top: -60px;
position: absolute;
text-align: center;
width: 100%;
opacity: 0;
transition: 400ms; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style1 .team-content .team-social {
transition: none; } }
.tm-sc-staff .team-item-skin-style1 .team-content .team-social .styled-icons.icon-team-list {
left: -15px;
position: relative; }
.tm-sc-staff .team-item-skin-style1 .team-content .team-social .styled-icons.icon-team-list li a {
background-color: #f5f5f4;
color: var(--theme-color1);
height: 45px;
line-height: 45px;
margin-right: 7px;
text-align: center;
width: 45px; }
.tm-sc-staff .team-item-skin-style1 .team-content .team-social .styled-icons.icon-team-list li a:hover {
background-color: var(--theme-color1);
color: #fff; }
.tm-sc-staff .team-item-skin-style1 .team-content .team-social .styled-icons.icon-team-list li:last-child a {
margin-right: 0; }
.tm-sc-staff .team-item-skin-style1:hover .thumb:before {
opacity: 0.8;
transform: scaleX(1); }
.tm-sc-staff .team-item-skin-style1:hover .thumb img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }
.tm-sc-staff .team-item-skin-style1:hover .team-content .team-information .name {
color: var(--theme-color1); }
.tm-sc-staff .team-item-skin-style1:hover .team-content .team-social {
top: -70px;
z-index: 1;
transform: translateY(0px);
opacity: 1; } .tm-sc-staff .team-item-skin-style2 {
position: relative;
text-align: center;
transition: all 300ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style2 {
transition: none; } }
.tm-sc-staff .team-item-skin-style2 .team-content {
background-color: #fff;
border: 1px solid rgba(230, 230, 230, 0.8);
padding: 30px;
position: relative;
width: 80%;
margin: -80px auto 0;
transition: all 0.3s ease 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style2 .team-content {
transition: none; } }
@media (max-width: 991.98px) {
.tm-sc-staff .team-item-skin-style2 .team-content {
padding: 20px; } }
.tm-sc-staff .team-item-skin-style2 .team-content .name {
margin-bottom: 0;
margin-top: 0; }
.tm-sc-staff .team-item-skin-style2 .team-thumb {
overflow: hidden; }
.tm-sc-staff .team-item-skin-style2 .team-thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style2 .team-thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style2:hover .team-thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.tm-sc-staff .team-item-skin-style2 .team-information {
margin-bottom: 20px; }
.tm-sc-staff .team-item-skin-style2 .team-name {
line-height: 24px;
font-size: 20px;
font-weight: bold; }
.tm-sc-staff .team-item-skin-style2 .designation {
font-size: 16px;
font-weight: 660; }
.tm-sc-staff .team-item-skin-style2 .styled-icons.icon-team-list li a {
background-color: #f7f7fa;
border: 1px solid transparent;
color: var(--theme-color2);
height: 40px;
width: 40px;
line-height: 40px;
transition: all 300ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style2 .styled-icons.icon-team-list li a {
transition: none; } }
.tm-sc-staff .team-item-skin-style2 .styled-icons.icon-team-list li a:hover {
color: #fff;
background: var(--theme-color1); }
.tm-sc-staff .team-item-skin-style2:hover .team-content {
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05); } .tm-sc-staff .team-item-skin-style3 {
background-color: #fff;
border: 1px solid #eeee;
padding: 30px;
padding-bottom: 0;
margin-top: 30px;
text-align: center; }
.tm-sc-staff .team-item-skin-style3 .staff-inner .thumb img {
margin-top: -60px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style3 .staff-inner .thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style3 .staff-inner .staff-content {
padding-top: 25px; }
.tm-sc-staff .team-item-skin-style3 .staff-inner .staff-content .name {
margin-bottom: 5px;
text-transform: uppercase; }
.tm-sc-staff .team-item-skin-style3 .staff-inner .staff-content .speciality {
margin-top: 5px;
margin-bottom: 30px;
font-size: inherit !important; }
.tm-sc-staff .team-item-skin-style3 .staff-inner .staff-content .staff-social-links ul {
margin-bottom: 0; }
.tm-sc-staff .team-item-skin-style3 .staff-inner .staff-content .staff-social-links ul li {
list-style: none;
display: inline-block;
margin-right: 10px;
margin-bottom: 0; }
.tm-sc-staff .team-item-skin-style3 .staff-inner .staff-content .staff-social-links ul li a {
background: #eee;
height: 42px;
display: inline-block;
width: 42px;
text-align: center;
line-height: 42px;
color: #333;
font-size: 14px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style3 .staff-inner .staff-content .staff-social-links ul li a {
transition: none; } }
.tm-sc-staff .team-item-skin-style3 .staff-inner .staff-content .staff-social-links ul li a:hover {
background: var(--theme-color1); }
.tm-sc-staff .team-item-skin-style3:hover .staff-inner .thumb img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
transform: scale(1.07); } .tm-sc-staff .team-item-skin-style4 {
background-color: #fff;
border: 1px solid #e0e4ec;
position: relative;
text-align: center;
z-index: 1; }
.tm-sc-staff .team-item-skin-style4 .team-thumb {
position: relative;
overflow: hidden; }
.tm-sc-staff .team-item-skin-style4 .team-thumb:before {
border-style: solid;
border-width: 0 0 0 300px;
border-color: transparent transparent #fff transparent;
bottom: 0;
content: "";
display: inline-block;
height: 0;
position: absolute;
right: 0;
width: 0;
transition: all 0.3s ease;
z-index: 1; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style4 .team-thumb:before {
transition: none; } }
.tm-sc-staff .team-item-skin-style4 .team-thumb:after {
border-style: solid;
border-width: 0 300px 60px 0;
border-color: transparent transparent #fff transparent;
bottom: 0;
content: "";
display: inline-block;
height: 0;
left: 0;
position: absolute;
width: 0;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style4 .team-thumb:after {
transition: none; } }
.tm-sc-staff .team-item-skin-style4 .team-thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style4 .team-thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style4 .team-content {
padding: 40px;
padding-top: 10px; }
.tm-sc-staff .team-item-skin-style4 .team-information {
margin-bottom: 20px; }
.tm-sc-staff .team-item-skin-style4 .name {
margin-bottom: 0;
margin-top: 5px; }
.tm-sc-staff .team-item-skin-style4 .speciality {
font-family: var(--heading-font-family);
font-size: 1rem; }
.tm-sc-staff .team-item-skin-style4 .styled-icons.icon-team-list li a {
background-color: var(--theme-color1);
border: 1px solid transparent;
color: var(--text-color-bg-theme-color1);
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
transition: all 0.3s ease 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style4 .styled-icons.icon-team-list li a {
transition: none; } }
.tm-sc-staff .team-item-skin-style4 .styled-icons.icon-team-list li a:hover {
color: var(--text-color-bg-theme-color1);
background-color: var(--theme-color2); }
.tm-sc-staff .team-item-skin-style4:hover .team-thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); } .tm-sc-staff .team-item-skin-style5 {
text-align: center; }
.tm-sc-staff .team-item-skin-style5 .team-thumb {
padding: 30px;
border: 1px solid #f0ecec;
background-color: #fff;
position: relative;
overflow: hidden; }
.tm-sc-staff .team-item-skin-style5 .team-thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style5 .team-thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style5 .team-thumb .team-social {
position: absolute;
left: 0;
right: 0;
bottom: 100px;
opacity: 0;
transition: 300ms; }
.tm-sc-staff .team-item-skin-style5 .team-content .team-information .name {
margin-top: 20px;
margin-bottom: 0;
text-transform: uppercase; }
.tm-sc-staff .team-item-skin-style5:hover .team-thumb img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); }
.tm-sc-staff .team-item-skin-style5:hover .team-thumb .team-social {
bottom: 55px;
opacity: 1; } .tm-sc-staff .team-item-skin-style6 {
background-color: #fff;
position: relative;
text-align: center;
transition: all 300ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style6 {
transition: none; } }
.tm-sc-staff .team-item-skin-style6 .team-content {
background-color: #fff;
border: 1px solid rgba(230, 230, 230, 0.8);
padding: 20px;
position: relative;
width: 90%;
margin: -45px auto 0;
transition: all 0.3s ease 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style6 .team-content {
transition: none; } }
.tm-sc-staff .team-item-skin-style6 .team-content .name {
margin-bottom: 0;
margin-top: 0; }
.tm-sc-staff .team-item-skin-style6 .team-thumb {
overflow: hidden; }
.tm-sc-staff .team-item-skin-style6 .team-thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style6 .team-thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style6 .team-social {
position: absolute;
top: -80px;
right: -1px;
background: var(--theme-color1);
padding: 10px 8px;
border-radius: 6px;
opacity: 0;
transition: 400ms; }
.tm-sc-staff .team-item-skin-style6 .team-social .styled-icons.icon-team-list li {
display: block; }
.tm-sc-staff .team-item-skin-style6 .team-social .styled-icons.icon-team-list li a {
color: #e5e5e5;
height: 30px;
width: 30px;
line-height: 30px;
font-size: 13px;
transition: all 300ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style6 .team-social .styled-icons.icon-team-list li a {
transition: none; } }
.tm-sc-staff .team-item-skin-style6 .team-social .styled-icons.icon-team-list li a:hover {
color: #FFF; }
.tm-sc-staff .team-item-skin-style6:hover .team-social {
top: -110px;
opacity: 1; } .tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper {
position: relative;
overflow: hidden; }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper img {
transition: all 0.4s ease-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper img {
transition: none; } }
@media (max-width: 991.98px) {
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper img {
width: 100%; } }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper .staff-social-links {
bottom: 0;
left: 0;
position: absolute;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-out;
width: 100%;
right: 0;
margin: 0 auto;
z-index: 2;
transition: all 0.4s ease-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper .staff-social-links {
transition: none; } }
@media (max-width: 1199.98px) {
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper .staff-social-links {
width: 100%;
text-align: center; } }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper .staff-social-links ul {
text-align: center; }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper .staff-social-links ul li {
display: inline-block;
margin-right: 7px; }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper .staff-social-links ul li a {
border-radius: 50%;
color: #fff;
display: inline-block;
height: 38px;
line-height: 38px;
text-align: center;
width: 38px;
background: var(--theme-color1);
transition: all 0.4s ease-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper .staff-social-links ul li a {
transition: none; } }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper .staff-social-links ul li a:hover {
background-color: var(--theme-color3); }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper .staff-social-links ul li:last-child {
margin-right: 0; }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .thumb-wrapper:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
z-index: 1;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s;
transition: transform 0.5s cubic-bezier(0.57, 0.04, 0.06, 0.84), opacity 0s 0.5s;
background-color: rgba(var(--theme-color4-rgb), 0.85); }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .staff-content {
background-color: #fff;
padding: 30px 0 30px;
position: relative;
text-align: center;
box-shadow: 0px 10px 30px 0px rgba(1, 25, 50, 0.08); }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .staff-content:before {
content: "";
height: 3px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
transform: scaleX(0);
transition: all 0.4s ease-out;
background: var(--theme-color1); }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .staff-content:before {
transition: none; } }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .staff-content .name {
margin-bottom: 2px;
margin-top: 0; }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner .staff-content .speciality {
text-transform: capitalize; }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner:hover .thumb-wrapper img {
transform: scale(1.1); }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner:hover .thumb-wrapper .staff-social-links {
bottom: 20px;
opacity: 1;
visibility: visible; }
.tm-sc-staff .team-item-skin-style7 .tm-staff .staff-inner:hover .thumb-wrapper:after {
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(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-staff .team-item-skin-style7 .tm-staff .staff-inner:hover .staff-content:before {
transform: scaleX(1); } .tm-sc-staff .team-item-skin-style8 {
box-shadow: none !important;
padding-bottom: 15px; }
@media (max-width: 1199.98px) {
.tm-sc-staff .team-item-skin-style8 {
padding-bottom: 30px; } }
.tm-sc-staff .team-item-skin-style8 .staff-header {
background-color: transparent;
border-radius: 50%;
position: relative;
overflow: hidden;
max-width: 90%;
margin: 0 auto; }
.tm-sc-staff .team-item-skin-style8 .staff-header .social-wrapper {
background-color: rgba(30, 30, 35, 0.9);
border-radius: 50%;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
-webkit-transform: scale(0);
transform: scale(0); }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style8 .staff-header .social-wrapper {
transition: none; } }
.tm-sc-staff .team-item-skin-style8 .staff-header .social-wrapper .styled-icons {
margin-bottom: -75px;
transition: all 600ms ease; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style8 .staff-header .social-wrapper .styled-icons {
transition: none; } }
.tm-sc-staff .team-item-skin-style8 .staff-header .social-wrapper .styled-icons li {
margin-bottom: 0; }
.tm-sc-staff .team-item-skin-style8 .staff-header .social-wrapper .styled-icons li a {
background: var(--theme-color1);
border-radius: 50%; }
.tm-sc-staff .team-item-skin-style8 .staff-header .social-wrapper .styled-icons li a i {
color: #fff; }
.tm-sc-staff .team-item-skin-style8:hover .staff-header .social-wrapper {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.tm-sc-staff .team-item-skin-style8:hover .staff-header .social-wrapper .styled-icons {
margin-bottom: 0; }
.tm-sc-staff .team-item-skin-style8 .staff-content {
background-color: transparent !important;
text-align: center;
margin-top: 20px; }
.tm-sc-staff .team-item-skin-style8 .staff-content .name {
margin: 0; }
.tm-sc-staff .team-item-skin-style8 .staff-content .speciality {
color: #70695f; } .tm-sc-staff .team-item-skin-style9 {
overflow: hidden;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.09); }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper {
position: relative; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .thumb {
position: relative;
display: flex;
justify-content: center;
overflow: hidden; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .thumb:before {
background-image: linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
background-image: -moz-linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
background-image: -webkit-linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
background-image: -ms-linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
content: "";
position: absolute;
bottom: -100%;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .thumb:before {
transition: none; } }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .staff-social-links {
position: absolute;
bottom: 30px;
text-align: center;
left: 0;
right: 0;
z-index: 1;
opacity: 0;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .staff-social-links {
transition: none; } }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul {
top: 25px;
position: relative;
transition: 0.5s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul {
transition: none; } }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul li {
display: inline-block;
margin-right: 28px; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul li:last-child {
margin-right: 0; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul li a {
color: #fff;
font-size: 16px; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .staff-content {
background-color: #fff;
box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.03);
text-align: center;
padding: 30px 0 30px; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .staff-content .name {
margin-bottom: 0;
margin-top: 0; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner .staff-content .speciality {
margin-bottom: 0; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner:hover .thumb-wrapper .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner:hover .thumb-wrapper .thumb:before {
opacity: 1; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner:hover .thumb-wrapper .staff-social-links {
opacity: 1; }
.tm-sc-staff .team-item-skin-style9 .staff-items .staff-inner:hover .thumb-wrapper .staff-social-links ul {
top: 0; } .tm-sc-staff .team-item-skin-style10 {
background: #fff;
text-align: center;
padding: 30px;
box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
border-radius: 15px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style10 {
transition: none; } }
.tm-sc-staff .team-item-skin-style10 .team-thumb {
position: relative; }
.tm-sc-staff .team-item-skin-style10 .team-thumb .thumb {
position: relative;
overflow: hidden;
border-radius: 50%; }
.tm-sc-staff .team-item-skin-style10 .team-thumb .thumb::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
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; }
.tm-sc-staff .team-item-skin-style10 .team-thumb .thumb img {
-webkit-transform: scale(1);
transform: scale(1);
transition: all 0.3s ease-in-out;
border-radius: 0; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style10 .team-thumb .thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social {
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li {
margin-bottom: 0; }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li a {
background: var(--theme-color1);
color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
border: none;
font-size: 16px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li a {
transition: none; } }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li a:hover {
color: #fff; }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
position: absolute;
opacity: 0;
left: -10px;
bottom: -20px;
z-index: 10;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
transition: none; } }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) a {
background: #3457F1; }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) {
position: absolute;
opacity: 0;
left: 0;
right: 0;
bottom: -40px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) {
transition: none; } }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) a {
background: #4EBEFF; }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
opacity: 0;
position: absolute;
right: 0px;
bottom: -20px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
transition: none; } }
.tm-sc-staff .team-item-skin-style10 .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) a {
background: #EF3230; }
.tm-sc-staff .team-item-skin-style10 .team-thumb img {
border-radius: 50%; }
.tm-sc-staff .team-item-skin-style10 .team-content .team-information {
margin-top: 30px; }
.tm-sc-staff .team-item-skin-style10 .team-content .team-information .name {
margin-top: 0;
margin-bottom: 0; }
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .thumb::before {
-webkit-animation: circle .75s;
animation: circle .75s; }
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .thumb img {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
left: 40px;
position: absolute;
bottom: 0;
z-index: 10;
opacity: 1;
transition: all 400ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
transition: none; } }
@media only screen and (max-width: 320px) {
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
left: 30px !important; } }
@media (max-width: 991.98px) {
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
left: 60px;
bottom: -5px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(1) {
left: 120px;
bottom: -10px; } }
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
opacity: 1;
transition: all 500ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(2) {
transition: none; } }
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
position: absolute;
right: 40px;
bottom: 0;
opacity: 1;
transition: all 400ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
transition: none; } }
@media only screen and (max-width: 320px) {
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li:nth-child(3) {
right: 30px !important; } }
@media (max-width: 991.98px) {
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li {
right: 60px;
bottom: -5px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.tm-sc-staff .team-item-skin-style10:hover .team-thumb .team-social .styled-icons.icon-team-list li {
right: 120px;
bottom: -10px; } }
.tm-sc-staff .team-item-skin-style10:hover img {
border-radius: 50%; } .tm-sc-staff .team-item-skin-style11 {
overflow: hidden;
position: relative;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper {
position: relative; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .thumb {
position: relative;
display: flex;
justify-content: center;
overflow: hidden; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .thumb:before {
background-image: linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
background-image: -moz-linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
background-image: -webkit-linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
background-image: -ms-linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
content: "";
position: absolute;
bottom: -100%;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .thumb:before {
transition: none; } }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .staff-social-links {
position: absolute;
bottom: 30px;
text-align: center;
left: 0;
right: 0;
z-index: 1;
opacity: 0;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .staff-social-links {
transition: none; } }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul {
top: 25px;
position: relative;
transition: 0.5s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul {
transition: none; } }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul li {
display: inline-block;
margin-right: 28px; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul li:last-child {
margin-right: 0; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .thumb-wrapper .staff-social-links ul li a {
color: #fff;
font-size: 16px; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .staff-content {
background: rgba(255, 255, 255, 0.92);
padding: 20px;
position: absolute;
bottom: 0px;
width: 100%;
z-index: 1;
display: flex;
justify-content: space-between; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .staff-content .name {
margin-bottom: 0;
margin-top: 0; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner .staff-content .speciality {
margin-bottom: 0;
font-size: 14px; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner:hover .thumb-wrapper .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner:hover .thumb-wrapper .thumb:before {
opacity: 1; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner:hover .thumb-wrapper .staff-social-links {
opacity: 1;
bottom: 80px; }
.tm-sc-staff .team-item-skin-style11 .staff-items .staff-inner:hover .thumb-wrapper .staff-social-links ul {
top: 0; } .tm-sc-staff .team-item-skin-style12 {
overflow: hidden;
position: relative;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .thumb-wrapper {
position: relative; }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .thumb-wrapper .thumb {
position: relative;
display: flex;
justify-content: center;
overflow: hidden; }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .thumb-wrapper .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .thumb-wrapper .thumb img {
transition: none; } }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .thumb-wrapper .thumb:before {
background-image: linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
background-image: -moz-linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
background-image: -webkit-linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
background-image: -ms-linear-gradient(0deg, rgba(33, 50, 94, 0.6) 0%, rgba(33, 50, 94, 0) 100%);
content: "";
position: absolute;
bottom: -100%;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .thumb-wrapper .thumb:before {
transition: none; } }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .staff-content {
background: #fff;
padding: 20px;
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
z-index: 1;
transition: all 0.4s ease-in-out;
-webkit-transform: translateY(57px);
-moz-transform: translateY(57px);
-ms-transform: translateY(57px);
transform: translateY(57px); }
@media (prefers-reduced-motion: reduce) {
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .staff-content {
transition: none; } }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .staff-content .name {
margin-bottom: 0;
margin-top: 0; }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .staff-content .speciality {
margin-bottom: 15px;
font-size: 14px; }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner .staff-content .staff-social-links ul li {
margin-bottom: 0; }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner:hover .thumb-wrapper .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner:hover .thumb-wrapper .thumb:before {
opacity: 1; }
.tm-sc-staff .team-item-skin-style12 .staff-items .staff-inner:hover .staff-content {
background: rgba(255, 255, 255, 0.92);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(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 .2s;
-moz-transition: -moz-transform 1s linear .2s;
transition: transform 1s linear .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 .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; } }.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {  content: " ";  display: block;  background: white;  position: absolute;  z-index: 30;  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {  width: 3px;  height: 9999px;  left: 50%;  margin-left: -1.5px; }.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {  width: 9999px;  height: 3px;  top: 50%;  margin-top: -1.5px; }.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  position: absolute;  top: 0;  width: 100%;  height: 100%; }.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {  -webkit-transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  transition-duration: 0.5s; }.twentytwenty-before-label, .twentytwenty-after-label {  -webkit-transition-property: opacity;  -moz-transition-property: opacity;  transition-property: opacity; }.twentytwenty-before-label:before, .twentytwenty-after-label:before {  color: white;  font-size: 13px;  letter-spacing: 0.1em; }.twentytwenty-before-label:before, .twentytwenty-after-label:before {  position: absolute;  background: rgba(255, 255, 255, 0.2);  line-height: 38px;  padding: 0 20px;  -webkit-border-radius: 2px;  -moz-border-radius: 2px;  border-radius: 2px; }.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {  top: 50%;  margin-top: -19px; }.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {  left: 50%;  margin-left: -45px;  text-align: center;  width: 90px; }.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {  width: 0;  height: 0;  border: 6px inset transparent;  position: absolute; }.twentytwenty-left-arrow, .twentytwenty-right-arrow {  top: 50%;  margin-top: -6px; }.twentytwenty-up-arrow, .twentytwenty-down-arrow {  left: 50%;  margin-left: -6px; }.twentytwenty-container {  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  z-index: 0;  overflow: hidden;  position: relative;  -webkit-user-select: none;  -moz-user-select: none; }  .twentytwenty-container img {    max-width: 100%;    position: absolute;    top: 0;    display: block; }  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {    background: rgba(0, 0, 0, 0); }    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {      opacity: 0; }  .twentytwenty-container * {    -webkit-box-sizing: content-box;    -moz-box-sizing: content-box;    box-sizing: content-box; }.twentytwenty-before-label {  opacity: 0; }  .twentytwenty-before-label:before {    content: attr(data-content); }.twentytwenty-after-label {  opacity: 0; }  .twentytwenty-after-label:before {    content: attr(data-content); }.twentytwenty-horizontal .twentytwenty-before-label:before {  left: 10px; }.twentytwenty-horizontal .twentytwenty-after-label:before {  right: 10px; }.twentytwenty-vertical .twentytwenty-before-label:before {  top: 10px; }.twentytwenty-vertical .twentytwenty-after-label:before {  bottom: 10px; }.twentytwenty-overlay {  -webkit-transition-property: background;  -moz-transition-property: background;  transition-property: background;  background: rgba(0, 0, 0, 0);  z-index: 25; }  .twentytwenty-overlay:hover {    background: rgba(0, 0, 0, 0.5); }    .twentytwenty-overlay:hover .twentytwenty-after-label {      opacity: 1; }    .twentytwenty-overlay:hover .twentytwenty-before-label {      opacity: 1; }.twentytwenty-before {  z-index: 20; }.twentytwenty-after {  z-index: 10; }.twentytwenty-handle {  height: 38px;  width: 38px;  position: absolute;  left: 50%;  top: 50%;  margin-left: -22px;  margin-top: -22px;  border: 3px solid white;  -webkit-border-radius: 1000px;  -moz-border-radius: 1000px;  border-radius: 1000px;  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);  z-index: 40;  cursor: pointer; }.twentytwenty-horizontal .twentytwenty-handle:before {  bottom: 50%;  margin-bottom: 22px;  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }.twentytwenty-horizontal .twentytwenty-handle:after {  top: 50%;  margin-top: 22px;  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }.twentytwenty-vertical .twentytwenty-handle:before {  left: 50%;  margin-left: 22px;  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }.twentytwenty-vertical .twentytwenty-handle:after {  right: 50%;  margin-right: 22px;  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }.twentytwenty-left-arrow {  border-right: 6px solid white;  left: 50%;  margin-left: -17px; }.twentytwenty-right-arrow {  border-left: 6px solid white;  right: 50%;  margin-right: -17px; }.twentytwenty-up-arrow {  border-bottom: 6px solid white;  top: 50%;  margin-top: -17px; }.twentytwenty-down-arrow {  border-top: 6px solid white;  bottom: 50%;  margin-bottom: -17px; }.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; } }

.testimonial-current-style1 {
background: #fff;
margin-top: 45px;
padding: 50px;
box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
border: 1px solid #eee;
position: relative; }
.testimonial-current-style1 .testimonial-upper {
margin-top: -90px;
margin-bottom: 30px;
display: flex;
align-items: flex-end;
justify-content: space-between; }
.testimonial-current-style1 .testimonial-upper .author-thumb {
display: inline-block;
max-width: 80px;
border-radius: 0;
background: var(--theme-color1);
padding: 4px; }
.testimonial-current-style1 .testimonial-upper .star-rating {
margin-bottom: 0; }
.testimonial-current-style1 .testimonial-upper .star-rating span:before {
color: var(--theme-color1); }
.testimonial-current-style1 .author-info {
margin-top: 20px; }
@media (min-width: 768px) {
.testimonial-current-style1 .author-info {
display: flex;
align-items: center; } }
.testimonial-current-style1 .author-info .name {
margin: 0;
line-height: 32px; }
@media (max-width: 767.98px) {
.testimonial-current-style1 .author-info .name {
margin-bottom: 10px; } }
.testimonial-current-style1 .author-info .job-position {
font-size: 14px;
margin-top: 5px;
font-weight: normal;
color: var(--theme-color1); }
@media (min-width: 768px) {
.testimonial-current-style1 .author-info .job-position {
margin-left: 5px; } }
.testimonial-skin-style-all-center {
position: relative;
text-align: center;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style-all-center {
transition: none; } }
.testimonial-skin-style-all-center .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1.1em;
line-height: 1.2;
font-size: 0.9em;
width: 5.6em; }
.testimonial-skin-style-all-center .star-rating::before {
content: "\f005\f005\f005\f005\f005";
color: #d3ced2;
font-family: "Font Awesome 5 Free";
font-weight: 500;
float: left;
top: 0;
left: 0;
position: absolute; }
.testimonial-skin-style-all-center .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em; }
.testimonial-skin-style-all-center .star-rating span::before {
content: "\f005\f005\f005\f005\f005";
font-family: "Font Awesome 5 Free";
font-weight: 500;
color: #f1c40f;
top: 0;
position: absolute;
left: 0; }
.testimonial-skin-style-all-center .star-rating {
float: none;
margin: 0 auto;
overflow: visible; }
.testimonial-skin-style-all-center .star-rating span:before {
color: var(--theme-color1); }
.testimonial-skin-style-all-center .author-text {
font-size: 20px;
margin-bottom: 35px; }
.testimonial-skin-style-all-center .author-info {
margin-top: 20px;
margin-bottom: 8px;
display: flex;
align-items: baseline;
justify-content: center; }
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-skin-style-all-center .author-info {
margin-bottom: 20px; } }
.testimonial-skin-style-all-center .author-info .name {
overflow: hidden;
margin: 0;
line-height: 32px; }
@media (max-width: 575.98px) {
.testimonial-skin-style-all-center .author-info .name {
float: none; } }
.testimonial-skin-style-all-center .author-info .job-position {
margin-left: 15px;
font-size: 14px;
display: inline;
color: var(--theme-color2); }
@media (max-width: 575.98px) {
.testimonial-skin-style-all-center .author-info .job-position {
margin-bottom: 18px;
display: inline-block;
margin-left: 0;
margin-top: 0; } }
.testimonial-skin-style-all-center .author-thumb {
margin-bottom: 35px; }
.testimonial-skin-style-all-center .author-thumb img {
width: 100px;
border: 6px solid #eee; }
.testimonial-skin-style1 {
background-color: #fff;
border-radius: 4px;
padding: 70px 50px 50px;
position: relative;
z-index: 0;
border: 1px solid #eee;
margin-top: 30px; }
@media (max-width: 1199.98px) {
.testimonial-skin-style1 {
margin-bottom: 30px; } }
.testimonial-skin-style1 .author-details .icon {
border-radius: 50%;
color: #fff;
font-size: 20px;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
position: absolute;
left: 50px;
top: -30px;
background: var(--theme-color1);
z-index: -1;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style1 .author-details .icon {
transition: none; } }
.testimonial-skin-style1 .author-details .testimonial-footer {
display: flex; }
.testimonial-skin-style1 .author-details .testimonial-footer .image-holder .author-thumb img {
border-radius: 10px;
max-width: 90px;
margin-right: 10px; }
.testimonial-skin-style1 .author-details .testimonial-footer .author-info-holder .name {
margin: 0; }
.testimonial-skin-style1 .author-details .testimonial-footer .author-info-holder .job-position {
color: #6a726d;
font-size: 18px;
line-height: 1;
font-family: var(--font-current-theme1); }
.testimonial-skin-style1 .text-holder {
margin-bottom: 30px; }
.testimonial-skin-style1 .text-holder .author-text {
font-style: normal !important; }
.testimonial-skin-style1:hover .author-details .icon {
background-color: var(--theme-color3); }
@media (max-width: 991.98px) {
.testimonial-skin-style1 {
padding: 50px 30px; } }
.testimonial-skin-style2 {
background: #fff;
padding: 50px;
margin-bottom: 35px !important;
box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
position: relative;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style2 {
transition: none; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-skin-style2 {
padding: 40px; } }
.testimonial-skin-style2 .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1.1em;
line-height: 1.2;
font-size: 0.9em;
width: 5.6em; }
.testimonial-skin-style2 .star-rating::before {
content: "\f005\f005\f005\f005\f005";
color: #d3ced2;
font-family: "Font Awesome 5 Free";
font-weight: 500;
float: left;
top: 0;
left: 0;
position: absolute; }
.testimonial-skin-style2 .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em; }
.testimonial-skin-style2 .star-rating span::before {
content: "\f005\f005\f005\f005\f005";
font-family: "Font Awesome 5 Free";
font-weight: 500;
color: #f1c40f;
top: 0;
position: absolute;
left: 0; }
.testimonial-skin-style2 .star-rating {
float: none;
margin-top: 0;
margin-bottom: 20px;
overflow: visible; }
.testimonial-skin-style2 .star-rating span:before {
color: var(--theme-color1); }
.testimonial-skin-style2 .author-info {
margin-top: 20px;
margin-bottom: 8px;
display: flex;
align-items: baseline; }
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-skin-style2 .author-info {
margin-bottom: 20px; } }
.testimonial-skin-style2 .author-info .name {
float: left;
overflow: hidden;
margin: 0;
line-height: 32px; }
@media (max-width: 575.98px) {
.testimonial-skin-style2 .author-info .name {
float: none; } }
.testimonial-skin-style2 .author-info .job-position {
margin-left: 15px;
font-size: 14px;
display: inline;
color: var(--theme-color2); }
@media (max-width: 575.98px) {
.testimonial-skin-style2 .author-info .job-position {
margin-bottom: 18px;
display: inline-block;
margin-left: 0;
margin-top: 0; } }
.testimonial-skin-style2 .author-thumb {
position: absolute;
bottom: -35px;
left: 50px; }
.testimonial-skin-style2 .author-thumb img {
width: 75px; }
.testimonial-skin-style3 {
background: #fff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
padding: 60px 60px;
position: relative;
border-radius: 10px; }
.testimonial-skin-style3 .author-text {
margin-bottom: 30px;
display: inline-block; }
.testimonial-skin-style3 .author-info .author-thumb {
margin-right: 15px;
width: 70px;
max-width: 90px; }
.testimonial-skin-style3 .author-detials .name {
margin-bottom: 5px; }
.testimonial-skin-style3 .author-detials .job-position {
font-size: 0.9rem;
color: var(--theme-color1); }
.testimonial-skin-style3:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 0;
transition: all 0.5s;
transform: scaleY(0);
opacity: 0;
background: var(--theme-color1);
border-radius: 10px; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style3:after {
transition: none; } }
.testimonial-skin-style3:hover .author-text {
color: #fff;
z-index: 1;
position: relative; }
.testimonial-skin-style3:hover .star-rating span {
z-index: 1; }
.testimonial-skin-style3:hover .star-rating span:before {
color: var(--text-color-bg-theme-color1); }
.testimonial-skin-style3:hover .author-info .author-thumb img {
position: relative;
z-index: 1; }
.testimonial-skin-style3:hover .author-info .author-detials .name {
color: #fff;
z-index: 1;
position: relative; }
.testimonial-skin-style3:hover .author-info .author-detials .job-position {
color: #fff;
z-index: 1;
position: relative; }
.testimonial-skin-style3:hover:after {
opacity: 1;
transform: scaleY(1); }
.testimonial-skin-style4 {
padding-bottom: 28px; }
@media (max-width: 1399px) {
.testimonial-skin-style4 {
padding-bottom: 35px; } }
.testimonial-skin-style4 .text-holder {
background-color: #f9f9f9;
padding: 40px 52px;
position: relative;
margin-bottom: 0;
z-index: 1;
transition: all 0.5s; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style4 .text-holder {
transition: none; } }
@media (max-width: 767.98px) {
.testimonial-skin-style4 .text-holder {
padding: 30px 30px; } }
.testimonial-skin-style4 .text-holder:before {
content: "";
position: absolute;
border-style: solid;
border-color: #f9f9f9 transparent transparent transparent;
border-width: 120px 120px 0 0;
bottom: -117px;
left: 0;
transition: all 0.5s; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style4 .text-holder:before {
transition: none; } }
.testimonial-skin-style4 .text-holder:after {
content: "";
position: absolute;
border-style: solid;
border-width: 120px 120px 0 0;
bottom: -120px;
left: 0;
z-index: -1;
transition: all 0.5s;
border-color: var(--theme-color1) transparent transparent transparent; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style4 .text-holder:after {
transition: none; } }
.testimonial-skin-style4 .text-holder .author-text {
transition: all 0.5s;
position: relative;
font-style: normal; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style4 .text-holder .author-text {
transition: none; } }
.testimonial-skin-style4 .text-holder .author-text:before {
content: "";
opacity: 0.4;
background-image: url(//www.northcoastcellular.co.za/wp-content/plugins/mascot-core-reparar-wp/assets/images/current-theme/testimonial-quote-icon.png);
background-repeat: no-repeat;
width: 120px;
height: 120px;
position: absolute;
right: 0;
bottom: -30px;
z-index: -1; }
.testimonial-skin-style4 .text-holder .icon {
position: absolute;
bottom: 52px;
right: 74px;
z-index: -1; }
.testimonial-skin-style4 .text-holder .icon .icon-img {
opacity: .8;
transition: all 0.5s; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style4 .text-holder .icon .icon-img {
transition: none; } }
.testimonial-skin-style4 .author-details {
padding-left: 30px;
padding-top: 24px;
position: relative;
z-index: 1; }
.testimonial-skin-style4 .author-details .image-holder {
width: 90px;
display: table-cell;
vertical-align: middle;
margin: 0;
padding-right: 15px; }
.testimonial-skin-style4 .author-details .author-info-holder {
padding-top: 12px;
display: table-cell;
vertical-align: middle; }
.testimonial-skin-style4 .author-details .author-info-holder .name {
line-height: 1;
margin-top: 0;
color: var(--theme-color2);
margin-bottom: 5px; }
.testimonial-skin-style4 .author-details .author-info-holder .job-position {
color: #616870;
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase; }
.testimonial-skin-style4:hover .text-holder {
background: var(--theme-color1); }
.testimonial-skin-style4:hover .text-holder:before {
border-color: var(--theme-color1) transparent transparent transparent; }
.testimonial-skin-style4:hover .text-holder:after {
border-color: var(--theme-color2) transparent transparent transparent; }
.testimonial-skin-style4:hover .text-holder .author-text {
color: #fff; }
.testimonial-skin-style4:hover .text-holder .author-text:before {
opacity: 0.2;
transition: all 0.5s; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style4:hover .text-holder .author-text:before {
transition: none; } }
.testimonial-skin-style4:hover .text-holder .icon .icon-img {
opacity: .2; }
@media (max-width: 1699px) {
.tm-testimonials-carousel .owl-stage {
padding-left: 0 !important;
padding-right: 0 !important; } }
.testimonial-skin-style5 {
background: #fafafa;
padding: 70px 50px 40px 50px;
margin-top: 60px;
position: relative;
text-align: center;
border: 5px solid #f1f1f1;
border-radius: 5px;
transition: all 300ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style5 {
transition: none; } }
@media (max-width: 767.98px) {
.testimonial-skin-style5 {
padding: 70px 30px 30px 30px; } }
.testimonial-skin-style5 .author-thumb img {
border-radius: 50%;
position: absolute;
top: -60px;
text-align: center;
left: 0;
border: 5px solid var(--theme-color1);
right: 0;
margin: 0 auto;
max-width: 100px;
transition: all 400ms ease-in-out 0s; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style5 .author-thumb img {
transition: none; } }
.testimonial-skin-style5 .author-text {
margin-bottom: 30px;
color: #092755; }
.testimonial-skin-style5 .star-rating {
margin: 0 auto; }
@media (max-width: 767.98px) {
.testimonial-skin-style5 .author-info {
margin-bottom: 30px; } }
.testimonial-skin-style5 .author-info .name {
color: var(--theme-color1);
margin-bottom: 0;
text-transform: uppercase; }
.testimonial-skin-style5 .author-info .job-position,
.testimonial-skin-style5 .author-info .company-url {
color: var(--text-color);
font-size: 16px;
margin: 0; }
.testimonial-skin-style5 .author-info .company-url:hover {
color: #fff; }
.testimonial-skin-style5:hover {
border-color: #092755; }
.testimonial-skin-style5:hover .author-thumb img {
border-color: #092755; }
.testimonial-skin-style6 {
background-color: #fff;
border-radius: 4px;
padding: 50px;
position: relative;
z-index: 0;
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style6 {
transition: none; } }
@media (max-width: 1199.98px) {
.testimonial-skin-style6 {
padding: 25px; } }
@media (max-width: 1199.98px) {
.testimonial-skin-style6 {
padding: 25px; } }
.testimonial-skin-style6 .testimonial-author-details {
margin-bottom: 30px; }
.testimonial-skin-style6 .testimonial-author-details .testimonial-image-holder {
width: 90px;
display: table-cell;
vertical-align: middle;
margin: 0;
padding-right: 15px; }
.testimonial-skin-style6 .testimonial-author-details .testimonial-author-info-holder {
display: table-cell;
vertical-align: middle; }
.testimonial-skin-style6 .testimonial-author-details .testimonial-author-info-holder .name {
margin-bottom: 0;
margin-top: 4px; }
.testimonial-skin-style6 .testimonial-author-details .testimonial-author-info-holder .job-position {
color: #6a726d;
font-weight: 400; }
.testimonial-skin-style6 .testimonial-author-details .icon {
border-radius: 50%;
color: #c2c3c3;
font-size: 20px;
height: 60px;
width: 60px;
text-align: center;
line-height: 60px;
position: absolute;
right: 20px;
top: 20px;
background: #f9f9f9;
z-index: -1;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style6 .testimonial-author-details .icon {
transition: none; } }
@media (max-width: 767.98px) {
.testimonial-skin-style6 .testimonial-author-details .icon {
display: none; } }
.testimonial-skin-style6 .testimonial-text-holder {
margin-bottom: 0 !important; }
.testimonial-skin-style6 .testimonial-text-holder .author-text {
color: var(--text-color);
font-style: normal; }
.testimonial-skin-style6:hover {
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.15); }
.testimonial-skin-style6:hover .testimonial-author-details .icon {
background-color: var(--theme-color1);
color: #fff; }
@media (max-width: 991.98px) {
.testimonial-skin-style6 {
padding: 50px 30px; } }
.owl-carousel .testimonial-skin-style6 {
border: 1px solid rgba(200, 200, 200, 0.4);
box-shadow: 0px 0 0px rgba(45, 45, 45, 0.12); }
.testimonial-skin-style7 {
background: #fff;
margin-top: 45px;
padding: 50px;
box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
position: relative; }
.testimonial-skin-style7 .testimonial-upper {
margin-top: -90px;
margin-bottom: 30px; }
@media (min-width: 768px) {
.testimonial-skin-style7 .testimonial-upper {
display: flex;
align-items: flex-end; } }
.testimonial-skin-style7 .testimonial-upper .author-thumb {
display: inline-block;
border: 10px solid var(--theme-color1);
max-width: 90px; }
@media (min-width: 768px) {
.testimonial-skin-style7 .testimonial-upper .star-rating {
margin-bottom: 0;
margin-left: 85px; } }
.testimonial-skin-style7 .testimonial-upper .star-rating span:before {
color: var(--theme-color1); }
.testimonial-skin-style7 .author-info {
margin-top: 20px; }
@media (min-width: 768px) {
.testimonial-skin-style7 .author-info {
display: flex;
align-items: center; } }
.testimonial-skin-style7 .author-info .name {
margin: 0;
line-height: 32px; }
@media (max-width: 767.98px) {
.testimonial-skin-style7 .author-info .name {
margin-bottom: 10px; } }
.testimonial-skin-style7 .author-info .job-position {
font-size: 14px;
margin-top: 0;
font-weight: normal;
color: var(--theme-color1); }
@media (min-width: 768px) {
.testimonial-skin-style7 .author-info .job-position {
margin-left: 15px; } }
.testimonial-skin-style8 {
border-radius: 10px;
position: relative;
transition: all 0.3s ease;
background: #fff;
padding: 40px;
overflow: hidden;
border: 1px solid rgba(200, 200, 200, 0.2);
box-shadow: 0px 0 15px rgba(45, 45, 45, 0.12); }
.testimonial-skin-style8:before {
position: absolute;
content: '“';
font-family: var(--font-current-theme2);
font-size: 20rem;
color: var(--theme-color1);
right: -11px;
bottom: -27px;
opacity: 0.13;
line-height: 0; }
.testimonial-skin-style8 .author-text {
margin-bottom: 30px;
display: inline-block; }
.testimonial-skin-style8 .author-thumb {
max-width: 70px; }
.testimonial-skin-style8 .author-info {
margin-bottom: 30px;
position: relative; }
.testimonial-skin-style8 .author-info .name {
margin-bottom: 0;
margin-top: 0; }
.testimonial-skin-style8 .author-info .job-position {
color: var(--theme-color1);
margin-top: 0;
font-size: 14px; }
.owl-carousel .testimonial-skin-style8 {
border: 1px solid rgba(200, 200, 200, 0.4);
box-shadow: 0px 0 0px rgba(45, 45, 45, 0.12); }
.testimonial-skin-style9 {
background: #1C1C1C;
padding: 60px 60px 60px 60px;
margin-bottom: 60px !important;
box-shadow: 0px 10px 30px 0px rgba(26, 29, 72, 0.07);
position: relative;
text-align: center;
border: 5px solid #1C1C1C;
transition: all 300ms ease-in-out 0s;
background-position: bottom right; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style9 {
transition: none; } }
@media (max-width: 767.98px) {
.testimonial-skin-style9 {
padding: 30px; } }
.testimonial-skin-style9 .author-thumb {
max-width: 90px; }
.testimonial-skin-style9 .author-thumb img {
position: absolute;
bottom: -60px;
text-align: center;
left: 0;
border: 5px solid #1C1C1C;
right: 0;
margin: 0 auto;
max-width: 100px;
transition: all 400ms ease-in-out 0s;
border-radius: inherit !important; }
@media (prefers-reduced-motion: reduce) {
.testimonial-skin-style9 .author-thumb img {
transition: none; } }
.testimonial-skin-style9 .star-rating {
margin: 0 auto; }
.testimonial-skin-style9 .author-text {
font-size: 20px;
font-weight: 400;
margin-bottom: 30px;
color: #9A9A9A;
font-family: var(--heading-font-family); }
@media (max-width: 767.98px) {
.testimonial-skin-style9 .author-info {
margin-bottom: 30px; } }
.testimonial-skin-style9 .author-info .name {
color: var(--theme-color1);
margin-bottom: 0;
text-transform: uppercase; }
.testimonial-skin-style9 .author-info .job-position,
.testimonial-skin-style9 .author-info .company-url {
color: var(--text-color);
font-size: 16px;
margin: 0; }
.testimonial-skin-style9 .author-info .company-url:hover {
color: #fff; }
.testimonial-skin-style9:hover {
border: 5px solid var(--theme-color1); }
.testimonial-skin-style9:hover .author-thumb img {
border: 5px solid var(--theme-color1); }
.testimonial-skin-style9 .owl-item.active.center .tm-testimonial-item {
border: 5px solid var(--theme-color1); }
.testimonial-skin-style9 .owl-item.active.center .tm-testimonial-item .author-thumb img {
border: 5px solid var(--theme-color1); }
.tm-sc-testimonials-thumb-carousel {
text-align: center; }
.tm-sc-testimonials-thumb-carousel .tm-testimonial .author-text {
color: #222;
font-size: 22px;
margin-top: 30px;
margin-bottom: 30px; }
.tm-sc-testimonials-thumb-carousel .tm-testimonial .author-text:before {
left: 0;
right: 0; }
.tm-sc-testimonials-thumb-carousel .tm-testimonial .name {
color: var(--theme-color1);
margin-bottom: 0; }
.tm-sc-testimonials-thumb-carousel .tm-testimonial .job-position {
font-size: 14px; }
.tm-sc-testimonials-thumb-carousel .tm-testimonial .star-rating {
margin-left: auto;
margin-right: auto; }
.tm-sc-testimonials-thumb-carousel .tm-owl-thumbs {
min-height: 70px; }
.tm-sc-testimonials-thumb-carousel .tm-owl-thumbs .tm-owl-thumb-item {
position: relative;
width: 90px;
margin-left: 7px;
margin-right: 7px;
margin-top: 20px;
opacity: 0.5;
display: inline-block;
cursor: pointer;
transition: all 0.3s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-testimonials-thumb-carousel .tm-owl-thumbs .tm-owl-thumb-item {
transition: none; } }
.tm-sc-testimonials-thumb-carousel .tm-owl-thumbs .tm-owl-thumb-item:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
content: "";
transition: all 200ms linear;
transition-delay: 0.1s;
background-color: rgba(var(--theme-color1-rgb), 0.3);
transition: all 0.3s; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-testimonials-thumb-carousel .tm-owl-thumbs .tm-owl-thumb-item:before {
transition: none; } }
.tm-sc-testimonials-thumb-carousel .tm-owl-thumbs .tm-owl-thumb-item.active {
width: 90px;
opacity: 1; }
.tm-sc-testimonials-thumb-carousel .tm-owl-thumbs .tm-owl-thumb-item.active:before {
opacity: 0;
background-color: transparent; }
.tm-sc-testimonials .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1.1em;
line-height: 1.2;
font-size: 0.9em;
width: 5.6em; }
.tm-sc-testimonials .star-rating::before {
content: "\f005\f005\f005\f005\f005";
color: #d3ced2;
font-family: "Font Awesome 5 Free";
font-weight: 500;
float: left;
top: 0;
left: 0;
position: absolute; }
.tm-sc-testimonials .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em; }
.tm-sc-testimonials .star-rating span::before {
content: "\f005\f005\f005\f005\f005";
font-family: "Font Awesome 5 Free";
font-weight: 500;
color: #f1c40f;
top: 0;
position: absolute;
left: 0; }
.tm-sc-testimonials .star-rating {
float: none;
margin-top: 5px;
margin-bottom: 20px;
overflow: visible; }
.tm-sc-testimonials .star-rating span:before {
color: var(--theme-color2); }
.tm-sc-testimonials .author-text,
.tm-sc-testimonials .name,
.tm-sc-testimonials .job-position {
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-testimonials .author-text,
.tm-sc-testimonials .name,
.tm-sc-testimonials .job-position {
transition: none; } }
.tm-sc-testimonials .star-rating span:before {
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-testimonials .star-rating span:before {
transition: none; } }
.owl-carousel .type-testimonials {
box-shadow: none; }.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: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .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: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .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: .8; }
100% {
width: 160px;
height: 160px;
opacity: 0; } }.tm-sc-blog article .box-hover-effect {
display: block; }
.tm-sc-blog article .post-thumb .post-thumb-inner .thumb {
display: flex;
overflow: hidden;
position: relative; }
.tm-sc-blog article .post-thumb .post-thumb-inner .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-blog article .post-thumb .post-thumb-inner .thumb img {
transition: none; } }
.tm-sc-blog article .post-thumb .post-thumb-inner .thumb:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
transition: all 0.3s linear;
overflow: hidden;
-webkit-transform: scaleY(0);
-khtml-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
opacity: 0; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-blog article .post-thumb .post-thumb-inner .thumb:after {
transition: none; } }
.tm-sc-blog article .post-thumb .post-thumb-inner .thumb .icon-link {
background: #2d1212;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .45s;
transition: all .45s;
-moz-transition: all .45s;
-ms-transition: all .45s;
width: 32px;
height: 32px;
line-height: 33px;
position: absolute;
top: 15px;
right: 15px;
z-index: 99;
text-align: center;
margin-top: 45px; }
.tm-sc-blog article .entry-content > :nth-last-child {
margin-bottom: 0; }
.blog-item-current-style1 {
position: relative;
padding: 30px;
border-radius: 8px;
background: #fff;
box-shadow: 0 0 20px #15214221; }
.blog-item-current-style1 .entry-header {
position: relative;
margin-bottom: 30px; }
.blog-item-current-style1 .entry-header .thumb {
overflow: hidden;
border-radius: 8px; }
.blog-item-current-style1 .entry-header .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-item-current-style1 .entry-header .thumb img {
transition: none; } }
.blog-item-current-style1 .entry-header .entry-date {
bottom: 0px;
font-size: 14px;
padding: 12px 24px 12px 24px;
border-radius: 8px 0 8px 0px;
position: absolute;
right: 0;
background: var(--theme-color1);
color: var(--text-color-bg-theme-color1); }
.blog-item-current-style1 .entry-content {
position: relative;
background: #fff; }
.blog-item-current-style1 .entry-content .entry-title {
margin-bottom: 10px;
margin-top: 0;
text-transform: capitalize; }
.blog-item-current-style1 .entry-content .post-excerpt {
padding: 12px 0 22px;
margin-bottom: 0; }
.blog-item-current-style1 .entry-content .entry-meta {
border-top: none !important;
margin-bottom: 10px; }
.blog-item-current-style1 .entry-content .entry-meta i {
color: var(--theme-color1); }
.blog-item-current-style1 .entry-content .mascot-post-excerpt {
color: #7c8186; }
.blog-item-current-style1:hover .entry-header .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.blog-item-current-style1:hover .entry-header .thumb .date {
background-color: #192a3a !important; } .tm-sc-blog article .blog-skin-current-theme-style2 {
overflow: hidden;
position: relative;
border-radius: 0;
box-shadow: 0px 0 15px rgba(45, 45, 45, 0.08);
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-blog article .blog-skin-current-theme-style2 {
transition: none; } }
.tm-sc-blog article .blog-skin-current-theme-style2 .post-thumb .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-blog article .blog-skin-current-theme-style2 .post-thumb .thumb img {
transition: none; } }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-header {
position: relative; }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-header .post-single-meta {
text-align: center;
top: 30px;
border-radius: 0;
font-size: 16px;
font-weight: 900;
height: 69px;
left: 30px;
line-height: 22px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 69px;
background: var(--theme-color2); }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-header .post-single-meta span {
display: block;
color: #fff; }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-header .post-single-meta span.year {
display: none; }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-content {
box-shadow: none;
padding: 30px;
background-color: #fff; }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-content .entry-meta {
border-top: none;
margin-bottom: 10px; }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-content .entry-meta li i {
color: var(--theme-color1); }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-content .entry-title {
margin-top: 0;
margin-bottom: 20px; }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-content .entry-title a:hover {
color: var(--hover-theme-color); }
.tm-sc-blog article .blog-skin-current-theme-style2 .entry-content > :last-child {
margin-bottom: 0; }
.tm-sc-blog article .blog-skin-current-theme-style2 .bottom-boder-line {
background-color: #fff;
border-radius: 3px;
height: 4px;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-blog article .blog-skin-current-theme-style2 .bottom-boder-line {
transition: none; } }
.tm-sc-blog article .blog-skin-current-theme-style2:hover .post-thumb .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.tm-sc-blog article .blog-skin-current-theme-style2:hover .bottom-boder-line {
background-color: var(--theme-color1);
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-blog article .blog-skin-current-theme-style2:hover .bottom-boder-line {
transition: none; } } .blog-skin-style1 {
overflow: hidden;
position: relative;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style1 {
transition: none; } }
.blog-skin-style1 .entry-header {
position: relative; }
.blog-skin-style1 .entry-header .post-thumb {
margin-bottom: 15px; }
.blog-skin-style1 .entry-header .thumb {
position: relative;
border-radius: 8px;
overflow: hidden; }
.blog-skin-style1 .entry-header .thumb::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
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; }
.blog-skin-style1 .entry-header .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style1 .entry-header .thumb img {
transition: none; } }
.blog-skin-style1 .entry-header .post-single-meta {
text-align: center;
bottom: 10px;
border-radius: 10px;
font-size: 16px;
font-weight: 900;
height: 69px;
left: 10px;
line-height: 22px;
display: flex;
padding-top: 0;
position: absolute;
width: 69px;
background: var(--theme-color1);
align-items: center;
justify-content: center; }
.blog-skin-style1 .entry-header .post-single-meta span {
display: block;
color: #fff; }
.blog-skin-style1 .entry-header .post-single-meta span.year {
display: none; }
.blog-skin-style1 .entry-content {
box-shadow: none;
background-color: transparent; }
.blog-skin-style1 .entry-content .entry-meta {
border-top: none;
margin-bottom: 10px;
margin-top: 0; }
.blog-skin-style1 .entry-content .entry-meta li {
font-family: var(--font-current-theme1); }
.blog-skin-style1 .entry-content .entry-meta li i {
color: var(--theme-color1); }
.blog-skin-style1 .entry-content .entry-meta li a:hover {
color: var(--theme-color1); }
.blog-skin-style1 .entry-content .entry-title {
margin-top: 0;
margin-bottom: 20px; }
.blog-skin-style1 .entry-content .entry-title a:hover {
color: var(--theme-color1); }
.blog-skin-style1:hover .entry-header .thumb::before {
-webkit-animation: circle .75s;
animation: circle .75s; }
.blog-skin-style1:hover .entry-header .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style1:hover .entry-header .thumb img {
transition: none; } }
@-webkit-keyframes circle {
0% {
opacity: 1; }
40% {
opacity: 1; }
100% {
width: 200%;
height: 200%;
opacity: 0; } }
@keyframes circle {
0% {
opacity: 1; }
40% {
opacity: 1; }
100% {
width: 200%;
height: 200%;
opacity: 0; } }
.blog-skin-style2 {
overflow: hidden;
position: relative;
border-radius: 0;
box-shadow: 0px 0 15px rgba(45, 45, 45, 0.08);
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style2 {
transition: none; } }
.blog-skin-style2 .post-thumb .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style2 .post-thumb .thumb img {
transition: none; } }
.blog-skin-style2 .entry-header {
position: relative; }
.blog-skin-style2 .entry-header .post-single-meta {
text-align: center;
top: 30px;
border-radius: 0;
font-size: 16px;
font-weight: 900;
height: 70px;
left: 30px;
line-height: 22px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 70px;
background: var(--theme-color2); }
.blog-skin-style2 .entry-header .post-single-meta span {
display: block;
color: #fff; }
.blog-skin-style2 .entry-header .post-single-meta span.year {
display: none; }
.blog-skin-style2 .entry-content {
box-shadow: none;
padding: 30px;
background-color: #fff; }
.blog-skin-style2 .entry-content .entry-meta {
border-top: none;
margin-bottom: 10px; }
.blog-skin-style2 .entry-content .entry-meta li i {
color: var(--theme-color1); }
.blog-skin-style2 .entry-content .entry-title {
margin-top: 0;
margin-bottom: 20px; }
.blog-skin-style2 .entry-content .entry-title a:hover {
color: var(--hover-theme-color); }
.blog-skin-style2 .entry-content > :last-child {
margin-bottom: 0; }
.blog-skin-style2 .bottom-boder-line {
background-color: #fff;
border-radius: 3px;
height: 4px;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style2 .bottom-boder-line {
transition: none; } }
.blog-skin-style2:hover .post-thumb .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.blog-skin-style2:hover .bottom-boder-line {
background-color: var(--theme-color1);
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style2:hover .bottom-boder-line {
transition: none; } }
.blog-skin-style3 {
transition: all 0.4s; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style3 {
transition: none; } }
.blog-skin-style3 .entry-header .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style3 .entry-header .thumb img {
transition: none; } }
.blog-skin-style3 .entry-header .link {
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style3 .entry-header .link {
transition: none; } }
.blog-skin-style3 .entry-content {
background-color: #fff;
margin-right: 30px;
margin-top: -30px;
padding: 30px 30px 20px 30px;
position: relative;
z-index: 1;
box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
transition: all 0.4s; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style3 .entry-content {
transition: none; } }
@media (max-width: 1199.98px) {
.blog-skin-style3 .entry-content {
padding: 22px 25px 15px 30px; } }
@media (max-width: 767.98px) {
.blog-skin-style3 .entry-content {
margin-right: 0;
margin-top: 0; } }
.blog-skin-style3 .entry-content .entry-title {
margin-bottom: 10px; }
.blog-skin-style3 .entry-content .entry-date time {
display: block;
background: var(--theme-color1);
color: #fff;
font-size: 16px;
font-weight: 700;
height: 69px;
line-height: 1.2;
padding: 15px 15px;
position: absolute;
right: 0;
text-align: center;
text-transform: uppercase;
top: -69px;
width: 69px; }
.blog-skin-style3 .entry-content .entry-date time .year {
display: none; }
.blog-skin-style3 .entry-content .entry-meta {
font-size: 13px; }
.blog-skin-style3 .entry-content .entry-meta li i {
color: var(--theme-color1); }
.blog-skin-style3 .entry-content .entry-meta span {
text-transform: uppercase; }
.blog-skin-style3 .entry-content .entry-meta span i {
color: var(--theme-color1); }
.blog-skin-style3:hover .entry-header .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.blog-skin-style3:hover .entry-content {
box-shadow: 5px 8.66px 60px 0px rgba(0, 0, 0, 0.07); }
.blog-skin-style4 {
box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
-webkit-transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1);
transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1);
border-radius: 7px 7px 0 0; }
.blog-skin-style4 .entry-header {
position: relative;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1);
transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1); }
.blog-skin-style4 .entry-header .thumb {
border-radius: 7px 7px 0 0; }
.blog-skin-style4 .entry-header .link {
background: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
position: absolute;
left: 0;
top: 45%;
right: 0;
height: 50px;
width: 50px;
padding: 10px;
text-align: center;
margin: 0 auto;
z-index: 2;
opacity: 0;
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style4 .entry-header .link {
transition: none; } }
.blog-skin-style4 .entry-content {
padding: 30px;
background-color: #fff;
position: relative; }
.blog-skin-style4 .entry-content .entry-title {
margin-top: 0;
text-transform: capitalize; }
.blog-skin-style4 .entry-content .post-excerpt {
margin-bottom: 20px;
border-bottom: 1px solid #eee;
padding-bottom: 20px; }
.blog-skin-style4 .entry-content .post-single-meta {
background: var(--theme-color1);
color: var(--text-color-bg-theme-color1);
display: inline-block;
padding: 8px 20px;
margin-bottom: 20px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style4 .entry-content .post-single-meta {
transition: none; } }
.blog-skin-style4 .entry-content .post-single-meta i {
display: none; }
.blog-skin-style4 .entry-content .post-single-meta a {
color: #fff; }
.blog-skin-style4 .entry-content .post-single-meta:hover {
background: var(--theme-color2);
color: var(--text-color-bg-theme-color2); }
.blog-skin-style4 .entry-content .entry-meta {
font-size: 13px;
margin-bottom: 1.2rem;
color: #9a9a9a; }
.blog-skin-style4 .entry-content .entry-meta i {
color: var(--theme-color2); }
.blog-skin-style4 .entry-content .post-btn-readmore {
float: left; }
.blog-skin-style4 .entry-content .post-btn-readmore .btn-plain-text {
color: #F89D35;
font-size: 12px; }
.blog-skin-style4 .entry-content .post-btn-readmore .btn-plain-text:hover, .blog-skin-style4 .entry-content .post-btn-readmore .btn-plain-text:focus {
color: #000; }
.blog-skin-style4:hover .entry-header {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px); }
.blog-skin-style4:hover .entry-header .link {
opacity: 1;
transform: rotateY(180deg); }
.blog-skin-style5 {
border-radius: 0;
position: relative;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15); }
.blog-skin-style5 .entry-header .thumb {
overflow: hidden; }
.blog-skin-style5 .entry-header .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style5 .entry-header .thumb img {
transition: none; } }
.blog-skin-style5 .entry-header .thumb .entry-date {
bottom: 0;
font-size: 12px;
font-weight: bold;
padding: 10px 30px;
position: absolute;
left: 0;
background: var(--theme-color2);
color: var(--text-color-bg-theme-color1); }
.blog-skin-style5 .entry-content {
padding: 35px 40px 30px;
position: relative;
background: #fff; }
@media (max-width: 767.98px) {
.blog-skin-style5 .entry-content {
padding: 30px; } }
.blog-skin-style5 .entry-content .entry-title {
margin-bottom: 10px;
margin-top: 0;
text-transform: capitalize; }
.blog-skin-style5 .entry-content .post-excerpt {
padding: 0 0 25px;
margin-bottom: 0; }
.blog-skin-style5 .entry-content .entry-meta {
border-top: none !important; }
.blog-skin-style5 .entry-content .entry-meta i {
color: var(--theme-color1); }
.blog-skin-style5 .entry-content .mascot-post-excerpt {
color: #7c8186; }
.blog-skin-style5:hover .entry-header .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.blog-skin-style5:hover .entry-header .thumb .date {
background-color: #192a3a !important; }
.blog-skin-style6 {
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style6 {
transition: none; } }
.blog-skin-style6 .entry-header {
position: relative; }
.blog-skin-style6 .entry-header .thumb {
position: relative; }
.blog-skin-style6 .entry-header .thumb img {
transition: all 0.3s ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style6 .entry-header .thumb img {
transition: none; } }
.blog-skin-style6 .entry-header .post-single-meta {
text-align: center;
border-radius: 0;
font-size: 16px;
font-weight: 900;
right: 0;
bottom: 0;
line-height: 22px;
padding: 15px 20px;
position: absolute;
background: var(--theme-color1); }
.blog-skin-style6 .entry-header .post-single-meta span {
display: block;
color: #fff; }
.blog-skin-style6 .entry-header .post-single-meta span.day {
font-size: 1.5rem; }
.blog-skin-style6 .entry-header .post-single-meta span.year {
display: none; }
.blog-skin-style6 .entry-header .post-single-meta:after {
position: absolute;
content: "";
top: 0;
width: 0;
height: 0;
border-style: solid;
left: -20px;
border-width: 0px 20px 75px 0;
border-color: transparent var(--theme-color1) transparent transparent; }
.blog-skin-style6 .entry-content {
padding: 35px;
margin-bottom: 25px;
border: 1px solid #EDEDED;
position: relative; }
.blog-skin-style6 .entry-content .entry-meta {
border-top: none;
margin-bottom: 10px; }
.blog-skin-style6 .entry-content .entry-meta li {
color: var(--theme-color1); }
.blog-skin-style6 .entry-content .entry-title {
margin-top: 0;
margin-bottom: 15px; }
.blog-skin-style6 .entry-content .post-excerpt {
margin-bottom: 0; }
.blog-skin-style6 .entry-content .post-btn-readmore {
position: absolute;
bottom: -28px;
right: 30px; }
.blog-skin-style6 .entry-content .post-btn-readmore .btn-plain-text-with-arrow-current-style {
border: 0;
border-radius: 50%;
font-size: 1.2rem;
height: 55px;
line-height: 55px;
text-align: center;
width: 55px;
align-items: center;
display: flex;
justify-content: center;
background-color: #f1f1f1;
color: var(--theme-color2);
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style6 .entry-content .post-btn-readmore .btn-plain-text-with-arrow-current-style {
transition: none; } }
.blog-skin-style6 .entry-content .post-btn-readmore .btn-plain-text-with-arrow-current-style:hover {
background-color: var(--theme-color1);
color: var(--text-color-bg-theme-color1); }
.blog-skin-style6:hover .entry-header .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.blog-skin-style7 {
border-radius: 0;
position: relative;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15); }
.blog-skin-style7 .entry-header .thumb {
overflow: hidden; }
.blog-skin-style7 .entry-header .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style7 .entry-header .thumb img {
transition: none; } }
.blog-skin-style7 .entry-content {
padding: 50px 40px 30px;
position: relative;
background: #fff; }
@media (max-width: 767.98px) {
.blog-skin-style7 .entry-content {
padding: 30px; } }
.blog-skin-style7 .entry-content .entry-date {
top: -23px;
font-size: 12px;
font-weight: bold;
padding: 12px 30px;
position: absolute;
left: 0;
background: var(--theme-color1);
color: var(--text-color-bg-theme-color1); }
.blog-skin-style7 .entry-content .entry-title {
margin-bottom: 10px;
margin-top: 0;
text-transform: capitalize; }
.blog-skin-style7 .entry-content .post-excerpt {
padding: 0 0 25px;
margin-bottom: 0; }
.blog-skin-style7 .entry-content .entry-meta {
border-top: none !important; }
.blog-skin-style7 .entry-content .entry-meta i {
color: var(--theme-color1); }
.blog-skin-style7 .entry-content .mascot-post-excerpt {
color: #7c8186; }
.blog-skin-style7:hover .entry-header .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.blog-skin-style7:hover .entry-header .thumb .date {
background-color: #192a3a !important; }
.blog-skin-style8 {
border-radius: 0;
position: relative;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15);
padding: 40px; }
.blog-skin-style8 .entry-header .entry-title {
margin-bottom: 30px;
margin-top: 0;
text-transform: capitalize; }
.blog-skin-style8 .entry-header .entry-meta {
margin-bottom: 5px; }
.blog-skin-style8 .entry-header .entry-meta i {
color: var(--theme-color1); }
.blog-skin-style8 .entry-content {
position: relative;
background: #fff; }
@media (max-width: 767.98px) {
.blog-skin-style8 .entry-content {
padding: 30px; } }
.blog-skin-style8 .entry-content .thumb {
overflow: hidden;
margin-bottom: 25px; }
.blog-skin-style8 .entry-content .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style8 .entry-content .thumb img {
transition: none; } }
.blog-skin-style8 .entry-content .post-excerpt {
padding: 0 0 25px;
margin-bottom: 0; }
.blog-skin-style8 .entry-content .mascot-post-excerpt {
color: #7c8186; }
.blog-skin-style8:hover .entry-content .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.blog-skin-style8:hover .entry-content .thumb .date {
background-color: #192a3a !important; }
.blog-skin-style9 {
position: relative; }
.blog-skin-style9 .entry-header .entry-title {
margin-bottom: 30px;
margin-top: 0;
text-transform: capitalize; }
.blog-skin-style9 .entry-header .entry-meta {
margin-bottom: 5px; }
.blog-skin-style9 .entry-header .entry-meta i {
color: var(--theme-color1); }
.blog-skin-style9 .entry-content {
background: #f7f7f7;
padding: 30px;
width: 94%;
position: absolute;
bottom: -200px; }
.blog-skin-style9 .entry-content .thumb {
overflow: hidden;
margin-bottom: 25px; }
.blog-skin-style9 .entry-content .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style9 .entry-content .thumb img {
transition: none; } }
.blog-skin-style9 .entry-content .post-excerpt {
padding: 0 0 25px;
margin-bottom: 0; }
.blog-skin-style9 .entry-content .mascot-post-excerpt {
color: #7c8186; }
.blog-skin-style9:hover .entry-content .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.blog-skin-style9:hover .entry-content .thumb .date {
background-color: #192a3a !important; }
.blog-skin-style10 {
border-radius: 0;
position: relative;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.15); }
.blog-skin-style10 .entry-header .thumb {
overflow: hidden; }
.blog-skin-style10 .entry-header .thumb img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.blog-skin-style10 .entry-header .thumb img {
transition: none; } }
.blog-skin-style10 .entry-header .thumb .entry-date {
bottom: -2px;
font-size: 12px;
font-weight: bold;
padding: 12px 42px 12px 25px;
position: absolute;
clip-path: polygon(calc(10% + 100px) 0%, 100% 100%, 0% 100%, 0% 0);
left: 0;
background: var(--theme-color1);
color: var(--text-color-bg-theme-color1); }
.blog-skin-style10 .entry-content {
padding: 35px 40px 30px;
position: relative;
background: #fff; }
@media (max-width: 767.98px) {
.blog-skin-style10 .entry-content {
padding: 30px; } }
.blog-skin-style10 .entry-content .entry-title {
margin-bottom: 10px;
margin-top: 0;
text-transform: capitalize; }
.blog-skin-style10 .entry-content .post-excerpt {
padding: 0 0 25px;
margin-bottom: 0; }
.blog-skin-style10 .entry-content .entry-meta {
border-top: none !important; }
.blog-skin-style10 .entry-content .entry-meta i {
color: var(--theme-color1); }
.blog-skin-style10 .entry-content .mascot-post-excerpt {
color: #7c8186; }
.blog-skin-style10:hover .entry-header .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.blog-skin-style10:hover .entry-header .thumb .date {
background-color: #192a3a !important; }
.tm-sc-blog.tm-sc-blog-floating-parallax .floating-posts-holder {
text-align: center; }
.tm-sc-blog.tm-sc-blog-floating-parallax .floating-posts-holder article {
padding: 30px; }
.tm-sc-blog.tm-sc-blog-floating-parallax .floating-posts-holder .entry-meta i {
display: none; }
.tm-sc-blog.tm-sc-blog-floating-parallax .floating-posts-holder .entry-header {
clip-path: inset(0% 0% 0% 0%);
-webkit-transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1);
transition: all 0.3s cubic-bezier(0.7, 0.04, 0.37, 1); }
.tm-sc-blog.tm-sc-blog-floating-parallax .floating-posts-holder .post-thumb .post-thumb-inner .thumb {
border-radius: 7px; }
.tm-sc-blog.tm-sc-blog-floating-parallax .floating-posts-holder:hover .entry-header {
clip-path: inset(3% 3% 3% 3%); }
.tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner {
height: 100%; }
.tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post {
height: 100%; }
.tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post .entry-header {
height: 100%; }
.tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post .entry-header .post-thumb {
height: 100%; }
.tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post .entry-header .post-thumb .post-thumb-inner {
height: 100%; }
.tm-sc-blog.tm-sc-blog-masonry-tiles .has-masonry-tiles-fixed-image-size.isotope-layout .isotope-item .isotope-item-inner .post .entry-header .post-thumb .post-thumb-inner .thumb {
height: 100%; }
.tm-sc-blog.blog-vertical-list .isotope-layout {
margin-left: 0; }
.tm-sc-blog.blog-vertical-list article {
padding: 38px;
background-color: #fff;
border: 1px solid #eee;
transition: all 0.4s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-sc-blog.blog-vertical-list article {
transition: none; } }
@media (min-width: 768px) {
.tm-sc-blog.blog-vertical-list article {
display: flex;
align-items: center; } }
@media (min-width: 768px) {
.tm-sc-blog.blog-vertical-list article .entry-header {
margin-right: 20px; } }
@media (max-width: 767.98px) {
.tm-sc-blog.blog-vertical-list article .entry-header {
margin-bottom: 20px; } }
@media (min-width: 768px) {
.tm-sc-blog.blog-vertical-list article .entry-header img {
max-width: 150px; } }
.tm-sc-blog.blog-vertical-list article .entry-content .entry-title {
margin-top: 0;
margin-bottom: 1rem; }
.tm-sc-blog.blog-vertical-list article .entry-content .entry-meta {
margin-bottom: 0; }
.tm-sc-blog.blog-vertical-list article .entry-content .entry-meta li i {
color: var(--theme-color1); }
.tm-sc-blog.blog-vertical-list article:hover {
background-color: #f7f7f7;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); }