@font-face {
font-family: "Flaticon";
src: url(https://www.kadikoy-travesti.com/wp-content/plugins/rselements/assets/fonts/Flaticon.eot);
src: url(https://www.kadikoy-travesti.com/wp-content/plugins/rselements/assets/fonts/Flaticon.eot?#iefix) format("embedded-opentype"),
url(https://www.kadikoy-travesti.com/wp-content/plugins/rselements/assets/fonts/Flaticon.woff2) format("woff2"),
url(https://www.kadikoy-travesti.com/wp-content/plugins/rselements/assets/fonts/Flaticon.woff) format("woff"),
url(https://www.kadikoy-travesti.com/wp-content/plugins/rselements/assets/fonts/Flaticon.ttf) format("truetype"),
url(https://www.kadikoy-travesti.com/wp-content/plugins/rselements/assets/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(https://www.kadikoy-travesti.com/wp-content/plugins/rselements/assets/fonts/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 20px;
}
.flaticon-spreadsheet:before { content: "\f100"; }
.flaticon-letter:before { content: "\f101"; }
.flaticon-files-and-folders:before { content: "\f102"; }
.flaticon-membership:before { content: "\f103"; }
.flaticon-grid:before { content: "\f104"; }
.flaticon-table:before { content: "\f105"; }
.flaticon-count:before { content: "\f106"; }
.flaticon-support:before { content: "\f107"; }
.flaticon-multimedia:before { content: "\f108"; }
.flaticon-price:before { content: "\f109"; }
.flaticon-slider:before { content: "\f10a"; }
.flaticon-menu:before { content: "\f10b"; }
.flaticon-behance:before { content: "\f10c"; }
.flaticon-error:before { content: "\f10d"; }
.flaticon-rate:before { content: "\f10e"; }
.flaticon-ballot-box:before { content: "\f10f"; }
.flaticon-shipping-and-delivery:before { content: "\f110"; }
.flaticon-one:before { content: "\f111"; }
.flaticon-info:before { content: "\f112"; }
.flaticon-growth:before { content: "\f113"; }
.flaticon-option:before { content: "\f114"; }
.flaticon-files-and-folders-1:before { content: "\f115"; }
.flaticon-attach:before { content: "\f116"; }
.flaticon-tabs-1:before { content: "\f117"; }
.flaticon-blogging:before { content: "\f118"; }
.flaticon-network:before { content: "\f119"; }
.flaticon-text-box:before { content: "\f11a"; }
.flaticon-shipping-and-delivery-1:before { content: "\f11b"; }
.flaticon-music-and-multimedia:before { content: "\f11c"; }
.flaticon-slideshow:before { content: "\f11d"; }
.flaticon-success:before { content: "\f11e"; }
.flaticon-progress:before { content: "\f11f"; }
.flaticon-tool-tip:before { content: "\f120"; }
.flaticon-shopping-cart:before { content: "\f121"; }
.flaticon-conversation:before { content: "\f122"; }
.flaticon-image:before { content: "\f123"; }
.flaticon-24-hours:before { content: "\f124"; }
.flaticon-form:before { content: "\f125"; }
.flaticon-countdown:before { content: "\f126"; }
.flaticon-table-for-data:before { content: "\f127"; }
.flaticon-slider-1:before { content: "\f128"; }
.flaticon-percentage:before { content: "\f129"; }
.flaticon-timeline:before { content: "\f12a"; }
.flaticon-slider-2:before { content: "\f12b"; }
.flaticon-slider-3:before { content: "\f12c"; }
.flaticon-instagram:before { content: "\f12d"; }
.flaticon-instagram-1:before { content: "\f12e"; }
.flaticon-facebook-logo:before { content: "\f12f"; }
.flaticon-twitter:before { content: "\f130"; }*, *::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cd-title {
position: relative;
height: 160px;
line-height: 230px;
text-align: center;
}
.cd-intro {
width: 90%;
max-width: 768px;
text-align: center;
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.cd-words-wrapper p {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.cd-words-wrapper p.is-visible {
position: relative;
}
.no-js .cd-words-wrapper p {
opacity: 0;
}
.no-js .cd-words-wrapper p.is-visible {
opacity: 1;
} .cd-headline.rotate-1 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-1 p {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.cd-headline.rotate-1 p.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: cd-rotate-1-in 1.2s;
-moz-animation: cd-rotate-1-in 1.2s;
animation: cd-rotate-1-in 1.2s;
}
.cd-headline.rotate-1 p.is-hidden {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: cd-rotate-1-out 1.2s;
-moz-animation: cd-rotate-1-out 1.2s;
animation: cd-rotate-1-out 1.2s;
}
@-webkit-keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1;
}
}
@-moz-keyframes cd-rotate-1-in {
0% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
35% {
-moz-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
-o-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
}
@-moz-keyframes cd-rotate-1-out {
0% {
-moz-transform: rotateX(0deg);
opacity: 1;
}
35% {
-moz-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
-moz-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
-o-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
} .cd-headline.type .cd-words-wrapper {
vertical-align: top;
overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after { content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
-webkit-animation: cd-pulse 1s infinite;
-moz-animation: cd-pulse 1s infinite;
animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected p {
color: #0d0d0d;
}
.cd-headline.type p {
visibility: hidden;
}
.cd-headline.type p.is-visible {
visibility: visible;
}
.cd-headline.type i {
position: absolute;
visibility: hidden;
}
.cd-headline.type i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@-moz-keyframes cd-pulse {
0% {
-moz-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-moz-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-moz-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
-moz-transform: translateY(-50%) scale(0.9);
-ms-transform: translateY(-50%) scale(0.9);
-o-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
} .cd-headline.rotate-2 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-2 i, .cd-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-headline.rotate-2 p {
opacity: 0;
}
.cd-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-visible .cd-headline.rotate-2 i {
opacity: 1;
}
.cd-headline.rotate-2 i.in {
-webkit-animation: cd-rotate-2-in 0.4s forwards;
-moz-animation: cd-rotate-2-in 0.4s forwards;
animation: cd-rotate-2-in 0.4s forwards;
}
.cd-headline.rotate-2 i.out {
-webkit-animation: cd-rotate-2-out 0.4s forwards;
-moz-animation: cd-rotate-2-out 0.4s forwards;
animation: cd-rotate-2-out 0.4s forwards;
}
.cd-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .cd-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
} .cd-headline.loading-bar span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.loading-bar .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.loading-bar .cd-words-wrapper::after { content: '';
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #0096a7;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-moz-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.cd-headline.loading-bar p {
top: .2em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.cd-headline.loading-bar p.is-visible {
opacity: 1;
top: 0;
} .cd-headline.slide span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.slide .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.slide p {
opacity: 0;
top: .2em;
}
.cd-headline.slide p.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.cd-headline.slide p.is-hidden {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
} .cd-headline.clip span {
display: inline-block;
padding: .2em 0;
}
.cd-headline.clip .cd-words-wrapper {
overflow: hidden;
vertical-align: top;
}
.cd-headline.clip p {
opacity: 0;
}
.cd-headline.clip p.is-visible {
opacity: 1;
} .cd-headline.zoom .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.zoom p {
opacity: 0;
}
.cd-headline.zoom p.is-visible {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.cd-headline.zoom p.is-hidden {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px);
}
} .cd-headline.rotate-3 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.cd-headline.rotate-3 p {
opacity: 0;
}
.cd-headline.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-visible .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.cd-headline.rotate-3 i.in {
-webkit-animation: cd-rotate-3-in 0.6s forwards;
-moz-animation: cd-rotate-3-in 0.6s forwards;
animation: cd-rotate-3-in 0.6s forwards;
}
.cd-headline.rotate-3 i.out {
-webkit-animation: cd-rotate-3-out 0.6s forwards;
-moz-animation: cd-rotate-3-out 0.6s forwards;
animation: cd-rotate-3-out 0.6s forwards;
}
.no-csstransitions .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i {
opacity: 1;
}
@-webkit-keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes cd-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes cd-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
} .cd-headline.scale p {
opacity: 0;
}
.cd-headline.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.is-visible .cd-headline.scale i {
opacity: 1;
}
.cd-headline.scale i.in {
-webkit-animation: scale-up 0.6s forwards;
-moz-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.cd-headline.scale i.out {
-webkit-animation: scale-down 0.6s forwards;
-moz-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .cd-headline.scale i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .cd-headline.scale .is-visible i {
opacity: 1;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes scale-up {
0% {
-moz-transform: scale(0);
opacity: 0;
}
60% {
-moz-transform: scale(1.2);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@-moz-keyframes scale-down {
0% {
-moz-transform: scale(1);
opacity: 1;
}
60% {
-moz-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
} .cd-headline.push p {
opacity: 0;
}
.cd-headline.push p.is-visible {
opacity: 1;
-webkit-animation: push-in 0.6s;
-moz-animation: push-in 0.6s;
animation: push-in 0.6s;
}
.cd-headline.push p.is-hidden {
-webkit-animation: push-out 0.6s;
-moz-animation: push-out 0.6s;
animation: push-out 0.6s;
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes push-in {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
60% {
opacity: 1;
-moz-transform: translateX(10%);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes push-out {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
60% {
opacity: 0;
-moz-transform: translateX(110%);
}
100% {
opacity: 0;
-moz-transform: translateX(100%);
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
}.orange-color {
color: #f24c1a;
}
.rs_button svg {
width: 20px;
height: 20px;
position: relative;
top: 0px;
margin-right: 8px;
}
.overflow-visible > div {
overflow: visible !important;
}
.title-no-margin h4.title {
margin-bottom: 5px;
}
.title-no-margin h3.title {
margin-bottom: 3px !important;
font-size: 20px;
}
.list-style {
padding: 0;
margin: 0;
list-style: none;
}
.list-style li {
position: relative;
padding-left: 32px;
margin-bottom: 5px;
}
.list-style li:before {
content: "\f0a9";
font-family: FontAwesome;
position: absolute;
left: 0;
top: 0;
font-size: 20px;
}
.no-padding {
padding: 0 !important;
}
.rs-amimation-shape {
height: 300px;
}
.rs-animation-shape-image {
position: relative;
}
.rs-animation-shape-image .pattern {
position: absolute;
top: 0;
left: -200px;
}
.rs-animation-shape-image .middle-image {
position: relative;
z-index: 1;
}
.rs-animation-shape-image .shape {
position: absolute;
bottom: 0px;
right: 0px;
}
.mfp-close {
opacity: 0.9;
}
#rs-agency-since {
max-width: 280px;
} .team-slider-default .slick-next,
.team-slider-default .slick-prev {
top: auto;
transform: translateY(0);
bottom: 0;
}
.team-slider-default .slick-prev {
left: 30px;
}
.team-slider-default .slick-next {
right: 0;
} .rs-appscreenshot .swiper-container {
max-width: 1325px;
margin: 0 45px 0 auto;
padding: 30px 20px 80px 0;
position: relative;
}
.rs-appscreenshot .swiper-container .intro {
font-size: 134px;
font-weight: 600;
color: #010d14;
opacity: 0.06;
position: absolute;
right: 18px;
top: 25px;
text-transform: uppercase;
line-height: 1;
}
.rs-appscreenshot .swiper-container .swiper-wrapper {
align-items: center;
cursor: grab;
}
.rs-appscreenshot .swiper-container .swiper-wrapper .swiper-slide img {
border-radius: 30px;
max-width: 260px;
height: auto;
margin: 0 auto;
box-shadow: 0 0 44px 0 rgba(0, 0, 0, 0.1);
}
.rs-appscreenshot .swiper-container .swiper-wrapper:active,
.rs-appscreenshot .swiper-container .swiper-wrapper:focus {
cursor: grabbing;
}
.rs-appscreenshot .swiper-container .swiper-slide-active {
margin-right: 70px !important;
}
.rs-appscreenshot .swiper-container .swiper-slide-active img {
width: 100%;
max-width: 100% !important;
}
.rs-appscreenshot .swiper-container .swiper-pagination {
bottom: 40px;
}
.rs-appscreenshot .swiper-container .swiper-pagination .swiper-pagination-bullet {
margin: 0 7px;
height: 8px;
transition: all 0.4s ease 0s;
}
.rs-appscreenshot .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 20px;
border-radius: 5px;
cursor: not-allowed;
background: #2b59ff;
}
.rs-appscreenshot .pattern {
position: absolute;
left: 60px;
top: 50%;
transform: translateY(-50%);
}
.rs-appscreenshot .circle-shape {
width: 137px;
height: 137px;
border-radius: 100%;
background: #ffa1a1;
position: absolute;
top: 40px;
left: 450px;
}/*/*/.team-slider-style7 .rs-addon-slider .slick-dots {
bottom: 0;
}
.rselements-single-member .single-member-title h2 {
margin-bottom: 7px;
}
.rselements-single-member .single-member-title span {
font-size: 18px;
}
.rselements-single-member .contact-info ul {
list-style: none;
margin: 20px 0;
}
.rselements-single-member .contact-info ul li i {
margin-right: 7px;
}
.rselements-single-member .team-elements-social {
margin: 0;
list-style: none;
display: flex;
}
.rselements-single-member .team-elements-social li {
list-style: none;
margin-right: 10px;
}
.rselements-porfolio-details .project-img {
padding-bottom: 30px;
}
.rselements-porfolio-details .ps-informations {
background: #f9f9f9;
padding: 40px;
}
.rselements-porfolio-details .ps-informations ul {
list-style: none;
margin: 0;
}
.rselements-porfolio-details .ps-informations li {
margin-bottom: 10px;
}
.rselements-porfolio-details .ps-informations li span {
font-weight: bold;
min-width: 150px;
display: inline-block;
}
#rs-header.header-style7 .toolbar-area .toolbar-contact {
position: relative;
z-index: 10;
}/**/.rsaddon-unique-slider .rs-addon-slider .slick-list {
padding-top: 50px;
}
.home-two-contact label {
margin-bottom: 0;
font-size: 14px;
color: #19082D;
font-weight: 400;
}
.home-two-contact br {
display: none;
}
.home-two-contact textarea:focus {
outline: 0 none;
}
.home-two-contact .form-button {
display: inline-block;
position: relative;
}
.home-two-contact .form-button svg {
position: absolute;
right: 50px;
top: 6px;
color: #fff;
position: relative;
transition: 0.5s;
}
.home-two-contact .form-button input[type="submit"] {
padding-right: 55px;
}
.home-two-contact .form-button:hover svg {
top: 3px;
}
.swiper.nav_false .swiper-button-prev,
.swiper.nav_false .swiper-button-next {
display: none !important;
}   .rsaddon_pro_box.default .pointer-events {
pointer-events: none;
}
.rspopup_style1 {
max-width: 950px;
margin: 60px auto 60px;
background: #ffffff;
padding: 40px;
position: relative;
border-radius: 4px;
}
.rspopup_style1 .rsteam_content {
padding-left: 15px;
}
.rspopup_style1 .rsteam_content .title {
margin: 0 0 30px;
}
.rspopup_style1 .team-name {
margin: 0 0 10px;
color: #333;
}
.rspopup_style1 .team-heading {
border-bottom: 1px solid #eee;
}
.rspopup_style1 .team-des,
.rspopup_style1 .team-heading {
padding-bottom: 15px;
margin-bottom: 15px;
}
.rspopup_style1 .team-des {
margin-bottom: 0;
}
.rspopup_style1 .team-des img {
margin-bottom: 25px;
}
.rspopup_style1 .social-icons1 a {
width: 35px;
height: 35px;
line-height: 40px;
background: #010d14;
color: #ffffff;
text-align: center;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
}
.rspopup_style1 .social-icons1 a:hover {
opacity: 0.9;
}
.rspopup_style1 .social-icons1 a:last-child {
margin-right: 0;
margin-left: 4px;
}
.rspopup_style1 .contact-info {
margin-bottom: 15px;
border-top: 1px solid #eee;
}
.rspopup_style1 .contact-info ul {
margin: 0;
padding: 0;
list-style: none;
}
.rspopup_style1 .contact-info ul li {
display: block;
border-bottom: 1px solid #eee;
padding: 5px 0;
}
.rspopup_style1 .contact-info ul li a:hover {
color: #010d14;
}
.rspopup_style1 .project-info {
margin: 14px 0 0;
padding: 0;
list-style: none;
}
.rspopup_style1 .project-info li {
display: block;
padding: 2px 0;
}
.rspopup_style1 .project-info li span {
font-weight: 700;
margin-right: 8px;
width: 146px;
display: inline-block;
}
body .rspopup_style1 .mfp-close {
color: #ffffff;
right: 10px;
top: 10px;
border-radius: 50%;
background: #ff0000;
transition: 0.3s;
}
.elementor-invisible.elementor-widget-rs-timecounter {
visibility: visible;
}
.rs-footer .footer-top .mc4wp-form-fields .technology input {
width: 100%;
border-radius: 5px !important;
}
.rs-footer .footer-top .mc4wp-form-fields .technology input[type="email"] {
border: 1px solid #f0f0f0;
}
.rs-footer .footer-top .mc4wp-form-fields .technology input[type="submit"] {
font-size: 16px;
position: static;
font-family: inherit;
margin-top: 20px;
}  .rs-working-process {
display: flex;
justify-content: space-between;
}
.rs-working-process .process-wrap {
text-align: center;
position: relative;
}
.rs-working-process .process-wrap:nth-child(even) {
margin-top: 70px;
}
.rs-working-process .process-wrap .number {
font-size: 110px;
font-weight: 700;
position: absolute;
color: #121933;
opacity: 0.05;
right: -70px;
top: -25px;
line-height: 1;
}
.rs-working-process .process-wrap .number.one {
right: 21px;
}
.rs-working-process .process-wrap .number.four {
right: -10px;
}
.rs-working-process .process-wrap .icon-part {
width: 150px;
height: 150px;
line-height: 150px;
overflow: hidden;
position: relative;
margin: 0 auto;
border-radius: 50%;
background: #ffffff;
box-shadow: 0 0 28px 0px rgba(0, 0, 0, 0.05);
}
.rs-working-process .process-wrap .icon-part img {
max-width: 60px;
margin-top: -30px;
}
.rs-working-process .process-wrap .line {
height: 100px;
position: relative;
}
.rs-working-process .process-wrap .line:after {
position: absolute;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
content: '';
border: 1px dashed #010d14;
}
.rs-working-process .process-wrap .title {
font-size: 20px;
line-height: 30px;
margin: 0;
}
.rs-working-process .process-wrap .mark-img {
position: absolute;
content: '';
transform: rotate(10deg);
right: -145px;
top: 30%;
}
.rs-working-process .process-wrap .mark-img.down {
top: 26%;
transform: rotate(-11deg);
right: -121px;
}
.rs-working-process .shape img {
position: absolute;
right: 0;
top: -210px;
z-index: -1;
}
.rs-business-hour .rs-business-schedule {
display: flex;
justify-content: space-between;
padding: 8px;
} .elementor-widget-RS-Table .dataTables_filter {
margin-bottom: 7px;
}
.elementor-widget-RS-Table .dataTables_filter input {
margin: 0 0 0 10px;
outline: 0;
-webkit-appearance: none;
tap-highlight-color: rgba(255, 255, 255, 0);
line-height: 1.21428571em;
padding: .67857143em 1em;
font-size: 1em;
background: #fff;
border: 1px solid rgba(34, 36, 38, 0.15);
color: rgba(0, 0, 0, 0.87);
border-radius: .28571429rem;
-webkit-box-shadow: 0 0 0 0 transparent inset;
box-shadow: 0 0 0 0 transparent inset;
}
.elementor-widget-RS-Table .rsdatatable-select select {
margin: 0 10px;
height: auto;
padding: 8px 18px;
border-radius: 5px;
}
.elementor-widget-RS-Table table.dataTable thead th,
.elementor-widget-RS-Table table.dataTable thead td {
border-bottom: 0;
}
.elementor-widget-RS-Table .dataTables_paginate {
background: #fff;
font-weight: 400;
border: 1px solid rgba(34, 36, 38, 0.15);
-webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
border-radius: .28571429rem;
min-height: 2.85714286em;
padding-top: 0 !important;
margin-top: 10px;
}
.elementor-widget-RS-Table .dataTables_paginate a.paginate_button {
background: none !important;
box-shadow: none !important;
border: none !important;
}
.elementor-widget-RS-Table .dataTables_paginate a.paginate_button.current {
box-shadow: none !important;
background: rgba(0, 0, 0, 0.05) !important;
}
.elementor-widget-RS-Table .dataTables_paginate a.paginate_button:hover {
background: rgba(0, 0, 0, 0.05) !important;
color: #333 !important;
}
.elementor-widget-RS-Table table.dataTable.no-footer {
border: 0;
}
.elementor-widget-RS-Table table.dataTable {
border-collapse: collapse;
}
.request-a-services .your-address,
.request-a-services .your-phone,
.request-a-services .submit-btn,
.request-a-services .your-name,
.request-a-services .Services {
position: relative;
}
.request-a-services .your-address:before,
.request-a-services .your-phone:before,
.request-a-services .submit-btn:before,
.request-a-services .your-name:before,
.request-a-services .Services:before {
content: "\f107";
position: absolute;
right: 20px;
top: -4px;
color: #7a7a7a;
font-size: 17px;
font-family: uicons-regular-rounded;
}
.request-a-services .Services:before {
content: "\f107";
font-size: 20px;
font-family: FontAwesome;
top: 12px;
}
.request-a-services .your-name:before {
content: "\f2e1";
}
.request-a-services .your-phone:before {
content: "\f241";
}
.request-a-services .your-address:before {
content: "\f215";
}
.request-a-services .submit-btn:before {
content: "\f121";
z-index: 11;
background: none;
color: #fff;
font-size: 24px;
right: 18%;
top: 12px;
}
.request-a-services select {
-webkit-appearance: none;
} .rs-timecounter .time_circles {
position: relative;
width: 100%;
height: 100%;
}
.rs-timecounter .time_circles canvas {
opacity: 0;
}
.rs-timecounter .time_circles div {
position: absolute;
padding-right: 0;
text-align: center;
margin-top: -10px;
}
.rs-timecounter .time_circles div span {
line-height: 1.2;
font-size: 55px;
}
.rs-timecounter .time_circles div h4 {
margin: 0;
}
.rs-timecounter.circle_border_on .time_circles canvas {
opacity: 1;
}
.rs-timecounter.separator .time_circles > div:after {
content: ":";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-size: 30px;
}
.rs-timecounter.separator .time_circles > div:last-child:after {
display: none;
}
.rs-timecounter.background_style .time_circles > div {
padding: 20px 0 35px;
}
.rs-timecounter.background_style .time_circles > div span {
background: transparent;
}
.rs-timecounter.background_style .time_circles > div span,
.rs-timecounter.background_style .time_circles > div h4 {
position: relative;
z-index: 1;
}
.rs-timecounter.background_style .time_circles > div:after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
width: 90%;
height: 100%;
}
.rs-timecounter.number_border .time_circles > div span {
border: 4px solid #4a4a4a ;
padding: 0 15px;
}
.rs-timecounter.number_border .time_circles > div h4 {
margin-top: 30px;
}
.rs-timecounter.number_border .time_circles > div span,
.rs-timecounter.number_border .time_circles > div h4 {
position: relative;
z-index: 1;
}   .pp-instagram-feed-carousel .swiper-button-prev,
.pp-instagram-feed-carousel .swiper-button-next {
background: none !important;
}
.pp-instafeed-grid .pp-feed-item {
float: left;
position: relative;
}
.pp-instafeed-grid .pp-feed-item .pp-overlay-container {
color: #fff;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
-webkit-transition: all 0.25s linear 0s;
transition: all 0.25s linear 0s;
opacity: 0;
}
.pp-instafeed-grid .pp-feed-item .pp-overlay-container span {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0 5px;
}
.pp-instafeed-grid .pp-feed-item .pp-overlay-container .pp-if-icon {
margin-right: 5px;
}
.pp-instafeed-grid .pp-feed-item:hover .pp-overlay-container {
opacity: 1;
}
.pp-instagram-feed-gray .pp-feed-item img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: filter 0.25s linear 0s;
transition: filter 0.25s linear 0s;
}
.pp-instagram-feed-gray .pp-feed-item:hover img {
-webkit-filter: none;
filter: none;
}
.pp-instagram-feed-hover-gray .pp-feed-item img {
-webkit-filter: none;
filter: none;
}
.pp-instagram-feed-hover-gray .pp-feed-item:hover img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: filter 0.25s linear 0s;
transition: filter 0.25s linear 0s;
}
.pp-instagram-feed-title-wrap {
background: #fff;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pp-instagram-feed-title-wrap .pp-instagram-feed-title {
padding: 10px 20px;
display: block;
} .rs-price-list {
list-style: none;
padding: 0;
margin: 0;
}
.rs-price-list .rs-width-expand {
flex: 1;
min-width: 1px;
}
.rs-price-list .rs-grid {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.rs-price-list .rs-flex-middle {
align-items: center;
}
.rs-price-list .rs-flex-inline {
padding-left: 40px;
}
.rs-price-list .rs-flex-inline span {
display: inline-block;
}
.rs-price-list li:not(:last-child) {
margin-bottom: 20px;
}
.rs-price-list .rs-price-list-image {
max-width: 50%;
padding-right: 25px;
}
.rs-price-list .rs-price-list-image img {
width: 100%;
}
.rs-price-list .rs-price-list-price {
font-size: 16px;
font-weight: 700;
}
.rs-price-list .rs-price-list-header {
font-size: 14px;
max-width: 100%;
}
.rs-price-list .rs-price-list-title {
color: #444444;
}
.rs-price-list .rs-price-list-description {
font-size: 12px;
}
.rs-price-list .rs-grid.rs-has-image {
margin-left: 0;
}
.rs-price-list .rs-price-list-image,
.rs-price-list .rs-price-list-separator {
display: none;
}
.rs-price-list li {
padding: 0;
margin: 0;
}
.rs-price-list li:not(:last-child) {
margin-bottom: 10px;
}
.rs-price-list .rs-price-list-item > div[onclick] {
cursor: pointer;
}
@media (min-width: 768px) {
.rs-price-list .rs-price-list-header {
font-size: 19px;
font-weight: 600;
}
.rs-price-list .rs-price-list-title {
max-width: 80%;
}
.rs-price-list .rs-price-list-separator {
margin-left: 10px;
border-bottom-style: dotted;
border-bottom-width: 1px;
height: 0;
color: #cccccc;
}
.rs-price-list .rs-price-list-description {
font-size: 14px;
margin: 0;
color: #999999;
}
.rs-price-list .rs-price-list-description {
font-size: 14px;
}
.rs-price-list .rs-price-list-image,
.rs-price-list .rs-price-list-separator {
display: inline-block;
}
} div.rs-animation-yes:hover .elementor-animation-bounce-in {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
div.rs-animation-yes:hover .elementor-animation-grow {
transform: scale(1.1);
}
div.rs-animation-yes:hover .elementor-animation-shrink {
transform: scale(0.9);
}
div.rs-animation-yes:hover .elementor-animation-pulse {
animation-name: elementor-animation-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
div.rs-animation-yes:hover .elementor-animation-pulse-grow {
animation-name: elementor-animation-pulse-grow;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
div.rs-animation-yes:hover .elementor-animation-pulse-shrink {
animation-name: elementor-animation-pulse-shrink;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
div.rs-animation-yes:hover .elementor-animation-push {
animation-name: elementor-animation-push;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
div.rs-animation-yes:hover .elementor-animation-pop {
animation-name: elementor-animation-pop;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
div.rs-animation-yes:hover .elementor-animation-bounce-in {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
div.rs-animation-yes:hover .elementor-animation-bounce-out {
transform: scale(0.8);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
div.rs-animation-yes:hover .elementor-animation-rotate {
transform: rotate(4deg);
}
div.rs-animation-yes:hover .elementor-animation-grow-rotate {
transform: scale(1.1) rotate(4deg);
}
div.rs-animation-yes:hover .elementor-animation-float {
transform: translateY(-8px);
}
div.rs-animation-yes:hover .elementor-animation-sink {
transform: translateY(8px);
}
div.rs-animation-yes:hover .elementor-animation-bob {
animation-name: elementor-animation-bob-float, elementor-animation-bob;
animation-duration: .3s,1.5s;
animation-delay: 0s,.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1,infinite;
animation-fill-mode: forwards;
animation-direction: normal,alternate;
}
div.rs-animation-yes:hover .elementor-animation-hang {
animation-name: elementor-animation-hang-sink, elementor-animation-hang;
animation-duration: .3s,1.5s;
animation-delay: 0s,.3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1,infinite;
animation-fill-mode: forwards;
animation-direction: normal,alternate;
}
div.rs-animation-yes:hover .elementor-animation-skew {
transform: skew(-10deg);
}
div.rs-animation-yes:hover .elementor-animation-skew-forward {
transform: skew(-10deg);
}
div.rs-animation-yes:hover .elementor-animation-skew-backward {
transform: skew(10deg);
}
div.rs-animation-yes:hover .elementor-animation-wobble-vertical {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
div.rs-animation-yes:hover .elementor-animation-wobble-horizontal {
animation-name: elementor-animation-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
div.rs-animation-yes:hover .elementor-animation-wobble-to-bottom-right {
animation-name: elementor-animation-wobble-to-bottom-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
div.rs-animation-yes:hover .elementor-animation-wobble-to-top-right {
animation-name: elementor-animation-wobble-to-top-right;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
div.rs-animation-yes:hover .elementor-animation-wobble-top {
animation-name: elementor-animation-wobble-top;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
div.rs-animation-yes:hover .elementor-animation-wobble-bottom {
animation-name: elementor-animation-wobble-bottom;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
div.rs-animation-yes:hover .elementor-animation-wobble-skew {
animation-name: elementor-animation-wobble-skew;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
div.rs-animation-yes:hover .elementor-animation-buzz {
animation-name: elementor-animation-buzz;
animation-duration: .15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
div.rs-animation-yes:hover .elementor-animation-buzz-out {
animation-name: elementor-animation-buzz-out;
animation-duration: .75s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.rs-testimonial4 .image-wrap {
margin-bottom: 15px;
}
.rs-testimonial4 .ratings {
margin-top: 10px;
}
.rs-testimonial4 .ratings img {
max-width: 75px;
}
.center .btm-rs .blog-footer .blog-meta {
justify-content: center;
} @keyframes waving-line {
0% {
background-position: 0 0;
}
100% {
background-position: -200px 0;
}
}
@-webkit-keyframes waving-line {
0% {
background-position: 0 0;
}
100% {
background-position: -200px 0;
}
} .move-y {
animation: move-y 2s alternate infinite;
-webkit-animation: move-y 2s alternate infinite;
}
@keyframes move-y {
from {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
}
}
@-webkit-keyframes move-y {
from {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 10px, 0);
-webkit-transform: translate3d(0, 10px, 0);
}
} .dance {
animation: dance 4s both;
-webkit-animation: dance 4s both;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
@keyframes dance {
0% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(15px, -15px, 0);
-webkit-transform: translate3d(15px, -15px, 0);
}
100% {
transform: translate3d(0, -15px, 15px);
-webkit-transform: translate3d(0, -15px, 15px);
}
}
@-webkit-keyframes dance {
0% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(15px, -15px, 0);
-webkit-transform: translate3d(15px, -15px, 0);
}
100% {
transform: translate3d(0, -15px, 15px);
-webkit-transform: translate3d(0, -15px, 15px);
}
}
.scale2 {
animation: scale2 2s alternate infinite;
-webkit-animation: scale2 2s alternate infinite;
}
@keyframes scale2 {
from {
transform: scale(0.8);
-webkit-transform: scale(0.8);
}
to {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes scale2 {
from {
transform: scale(0.8);
-webkit-transform: scale(0.8);
}
to {
transform: scale(1);
-webkit-transform: scale(1);
}
}
.dance2 {
animation: dance2 4s both;
-webkit-animation: dance2 4s both;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
@keyframes dance2 {
0% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(-15px, 15px, 0);
-webkit-transform: translate3d(-15px, 15px, 0);
}
100% {
transform: translate3d(0, 15px, -15px);
-webkit-transform: translate3d(0, 15px, -15px);
}
}
@-webkit-keyframes dance2 {
0% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(-15px, 15px, 0);
-webkit-transform: translate3d(-15px, 15px, 0);
}
100% {
transform: translate3d(0, 15px, -15px);
-webkit-transform: translate3d(0, 15px, -15px);
}
} @keyframes move_wave {
0% {
transform: translateX(0) translateZ(0) scaleY(1);
-webkit-transform: translateX(0) translateZ(0) scaleY(1);
}
50% {
transform: translateX(-25%) translateZ(0) scaleY(1);
-webkit-transform: translateX(-25%) translateZ(0) scaleY(1);
}
100% {
transform: translateX(-50%) translateZ(0) scaleY(1);
-webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
}
}
@-webkit-keyframes move_wave {
0% {
transform: translateX(0) translateZ(0) scaleY(1);
-webkit-transform: translateX(0) translateZ(0) scaleY(1);
}
50% {
transform: translateX(-25%) translateZ(0) scaleY(1);
-webkit-transform: translateX(-25%) translateZ(0) scaleY(1);
}
100% {
transform: translateX(-50%) translateZ(0) scaleY(1);
-webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
}
} @keyframes move_wave2 {
0% {
transform: translateX(0) translateZ(0) scaleY(1);
-webkit-transform: translateX(0) translateZ(0) scaleY(1);
}
50% {
transform: translateX(-25%) translateZ(0) scaleY(1);
-webkit-transform: translateX(-25%) translateZ(0) scaleY(1);
}
100% {
transform: translateX(-50%) translateZ(0) scaleY(1);
-webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
}
}
@-webkit-keyframes move_wave2 {
0% {
transform: translateX(0) translateZ(0) scaleY(1);
-webkit-transform: translateX(0) translateZ(0) scaleY(1);
}
50% {
transform: translateX(-25%) translateZ(0) scaleY(1);
-webkit-transform: translateX(-25%) translateZ(0) scaleY(1);
}
100% {
transform: translateX(-50%) translateZ(0) scaleY(1);
-webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
}
}
.mapouter_custom .gmap_canvas iframe {
height:550px;
display: inherit;
}
.mapouter_custom_footer .gmap_canvas iframe {
height:250px;
display: inherit;
}
.rs-newsletter-form.right-arrow .mc4wp-form-fields .subscribe_btn {
position: relative;
}
.footer-custom-menu .hfe-nav-menu .menu-item {
transition: 0.5s;
}
.footer-custom-menu .hfe-nav-menu .menu-item:hover {
margin-left: 10px!important;
}
.rs-newsletter-form.right-arrow .mc4wp-form-fields .subscribe-border span:before,
.rs-newsletter-form.right-arrow .mc4wp-form-fields .subscribe-border span:after {
transition: 0.5s;
}
.brand-logo-home3 .rsl_style2 .grid-item .rs-grid-figure .logo-img a img {
transition: 0.3s;
filter: grayscale(0%);
}
.service-border-hover .elementor-widget-wrap {
position: relative;
}
.service-border-hover .elementor-widget-wrap:hover::before {
position: absolute;
content: "";
width: 100%;
height: 5px;
border-radius: 5px 5px 0 0;
background-color: #d52925;
left: 0px;
top: 0px;
}
.footer-menu-custom nav.separator-dots ul.hfe-nav-menu li:first-child a:before {
background: unset!important;
}
.faq-icon-rotate .elementor-accordion-icon-opened svg {
transform: rotate(90deg);
}
.button-arrow-faq .rs_button  .btn_text  {
position: relative;
}
.choose-us-iconbox .icon-area  {
display: flex!important;
align-items: center;
}
.button-arrow-faq .rs_button  .btn_text:after {
content: '';
position: absolute;
background: #d52925;
width: 0;
height: 1px;
bottom: 1px;
left: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.service-home4 .services-inner .media_wrap  {
overflow: hidden;
}
.service-home4 .services-inner .media_wrap  img { 
transition: 1.3s all ease;
-webkit-transition: 1.3s all ease;
}
.service-home4 .services-inner:hover img {
transform: scale(1.1);
}
.button-arrow-faq .rs_button  .btn_text:hover:after {
width: 100%;
}
.contact-form5 .form-btn-area {
display: block;
}
.free-estimate-underline  a,
.contact-us-hover-underline a {
position: relative;
}
.ele-brand-logo .rsl_style2 .grid-item .rs-grid-figure .logo-img a img {
filter: grayscale(0%);
}
.ele-brand-logo .rsl_style2 .grid-item .rs-grid-figure .logo-img a img:hover  {
filter: grayscale(100%);
}
.custom-button-hover-underline a {
position: relative;
}
.custom-button-hover-underline a:after {
content: '';
position: absolute;
background: currentColor;
width: 0;
height: 1px;
bottom: 1px;
left: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.custom-button-hover-underline a:hover:after {
width: 100%;
}
.testimonial-electricity .rs-testimonial2 .rs-addon-slider .testimonial-items .item-contents img {
opacity: 1;
}
.free-estimate-underline a:after { 
content: '';
position: absolute;
background: currentColor;
width: 0;
height: 1px;
bottom: 1px;
left: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.contact-us-underline a {
position: relative;
}
.contact-us-underline a:after {
content: '';
position: absolute;
background: currentColor;
width: 100%;
height: 2px;
bottom: 1px;
left: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.contact-us-hover-underline a:after {
content: '';
position: absolute;
background: currentColor;
width: 0;
height: 1px;
bottom: 1px;
left: 0;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.free-estimate-underline a:hover:after,
.contact-us-hover-underline a:hover:after  { 
width: 100%;
} 
.choose-us-iconbox .icon-area  {
flex: 0 0 20%;
max-width: 20%;
}
.choose-us-iconbox .text-area  {
flex: 0 0 80%;
max-width: 80%;
}
.choose-us-iconbox .icon-area img {
width: 35px;
height: 35px;
}
.choose-us-iconbox .icon-area a {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #D52925;
}
@media only screen and (max-width: 1800px) and (min-width: 1367px) {
.brand-logo-page {
padding: 0px!important;
padding-left: 20px!important;
}
}
@media only screen and (max-width: 1550px) and (min-width: 1366px) {
.request-service .rs-contact-box .phone a {
font-size: 24px;
line-height: 34px;
}
}
@media only screen and (max-width: 1577px) and (min-width: 1367px) { 
.main-home-header-part {
}
}
@media only screen and (max-width: 1100px) and (min-width: 992px) { 
.rs-services-slider .rs-service-slider .service-title-holder {
bottom: -15px!important;
}
}
@media only screen and ( max-width:1200px ) {
.blog-list-right .prelements-blog-grid .pre-admin {
display: none;
}
}
@media only screen and (max-width: 1024px)  { 
.header-one-custom  .hfe-dropdown .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active {
background-color: transparent!important;
}
.header-one-custom .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active, .header-one-custom nav.hfe-dropdown .menu-item.current-menu-item a.hfe-menu-item, .header-one-custom nav.hfe-dropdown .menu-item.current-menu-ancestor a.hfe-menu-item, .header-one-custom nav.hfe-dropdown .sub-menu .menu-item.current-menu-item a.hfe-sub-menu-item.hfe-sub-menu-item-active,.header-one-custom .sub-menu a.hfe-sub-menu-item:hover,  .header-one-custom nav.hfe-dropdown li a.hfe-menu-item:hover,  .header-one-custom nav.hfe-dropdown li a.hfe-sub-menu-item:hover,  .header-one-custom nav.hfe-dropdown-expandible li a.hfe-menu-item:hover, .header-one-custom nav.hfe-dropdown-expandible li a.hfe-sub-menu-item:hover {
background-color: transparent!important;
}
.about-tab-custom .content--teb-area .image--right-area img {
width: 100%;
}
}
@media only screen and (max-width: 992px)  { 
.blog-home2-custom .prelements-blog-grid .col-lg-12 {
width: 100%!important;
}
.inner-service-tab .rstab-main.service-filer-addon .tab-content .service-item  {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px)  {
.estimate-free-quote .elementor-container {
max-width: 100%!important;
}
.rs-portfolio-style9 .portfolio-item .portfolio-img img {
width: 100%!important;
}
.portfolio-filter-home2 .portfolio-filter {
display: flex!important;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 500px)  { 
.counter-custom-css .elementor-widget-container {
--e-transform-translateX: 70%!important;
--e-transform-translateY: -30%!important;
}
.rs-services-slider .rs-service-slider .service-title-holder {
bottom: 0px!important;
right: 0px!important;
}
.blog-list-right .prelements-blog-grid .pre-blog-item.style_5 .blog-inner-wrap .pre-blog-content {
bottom: -15px;
}
.elementor-widget-container .portfolio-filter button {
display: block;
width: 100%;
max-width: 100%!important;
margin: 0 auto;
}
}
@media only screen and (max-width: 430px)  { 
.choose-us-iconbox .icon-area {
flex: 0 0 30%;
max-width: 30%;
}
.choose-us-iconbox .text-area {
flex: 0 0 70%;
max-width: 70%;
}
}
@media only screen and (max-width: 400px)  { 
.counter-custom-css .elementor-widget-container {
--e-transform-translateX: 52%!important;
--e-transform-translateY: -7%!important;
}
}
@media (min-width: 768px) {
.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom button {
margin-bottom: 0px!important;
}
}
.phone-contact .rs-contact-box .address-item .address-icon{
position: relative;
}
.phone-contact .rs-contact-box .address-item .address-icon i {
font-weight: 500;
}
.phone-contact .rs-contact-box .address-item .address-icon::before {
content: "";
position: absolute;
top: -7px;
left: -7px;
width: 60px;
height: 60px;
border: 2px solid #e6e7ea;
display: block !important;
border-radius: 50%;
background: #fff;
z-index: -1;
}
.service-border-menu .menu-item:last-child a.hfe-menu-item {
border: none!important;
}
.header-top-custom .rs-contact-box .address-item:hover .address-icon img {
animation: unset!important;
}
.fluentform-widget-wrapper .ff-el-group.dropdown-icon .ff-el-input--content {
position: relative!important;
}
.fluentform-widget-wrapper .ff-el-group.dropdown-icon .ff-el-input--content:after {
position: absolute;
font-family: remixicon;
content: "\ea4e";
right: 18px;
top: 0;
bottom: 0;
display: flex;
align-items: center;
z-index: 1;
color: inherit;
pointer-events: none;
}
.rs-footer-gallery .gallery-item .gallery-icon {
border-radius: 5px;
overflow: hidden;
}
.rs-footer-gallery .gallery-item .gallery-icon img {
transition: all 0.4s ease 0s;
}
.rs-footer-gallery .gallery-item .gallery-icon img:hover {
transform: scale(1.1);
}
.accordion-custom-border .accordion-item:first-child .accordion-button {
border-top: 0px solid transparent!important;
}
.custom-tab-button .rs-btn .rs_button {
position: relative;
}
.custom-tab-button .rs-btn .rs_button:before {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 0px;
z-index: -1;
content: "";
color: #fff;
background: #000;
transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.custom-tab-button .rs-btn .rs_button:hover:before {
left: 0%;
right: auto;
width: 100%;
}
.rs-portfolio-single-sidebar {
padding-top: 60px;
}
.rs-portfolio-single-sidebar .widget_nav_menu {
padding: 30px 40px;
background-color: #EEF5F5;
border-radius: 6px;
}
.rs-portfolio-single-sidebar .widget_nav_menu .widget-title {
color: #003A37;
font-size: 24px;
font-style: normal;
line-height: 36px; }
.rs-portfolio-single-sidebar .widget_nav_menu ul {
margin: 0px;
list-style: none;
}
.rs-portfolio-single-sidebar .widget_nav_menu ul li {
min-width: 100%;
margin-bottom: 12px;
position: relative;
}
.rs-portfolio-single-sidebar .widget_nav_menu ul li a {
display: block;
color: #003A37;
padding: 14px 20px 14px 25px;
font-size: 16px;
font-weight: 600;
line-height: 29px;
background-color: #FFFFFF;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.rs-portfolio-single-sidebar .widget_nav_menu ul li a:before {
display: block;
position: absolute;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
content: "\ea6c";
font-family: remixicon !important;
right: 25px;
left: auto;
opacity: 1 !important;
visibility: visible;
font-size: 18px;
}
.rs-portfolio-single-sidebar .widget_nav_menu ul li a:hover::before {
transform: translateX(3px) !important;
}
.rs-portfolio-single-sidebar .widget_nav_menu ul li a:hover {
color: #25826A;
}
.rs-portfolio-call-to-action {
position: relative;
background-size: cover!important;
background-repeat: no-repeat!important;
margin-top: 20px;
margin-bottom: 0px;
border-radius: 6px;
}
.rs-portfolio-widget-inner {
padding: 265px 30px 30px 30px;
position: relative;
}
.rs-portfolio-call-to-action .title-inner .title {
font-size: 24px;
line-height: 30px;
color: #FFFFFF;
margin: 0px 0px 25px 0px!important;
}
.rs-portfolio-call-to-action  .address-icon {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
min-width: 60px;
max-width: 60px;
height: 60px;
line-height: 58px !important;
margin: 0px 0px 0px 0px;
border: 2px solid #ebeef07a;
border-radius: 50%;
}
.rs-portfolio-call-to-action .description p {
color: #FFFFFF;
}
.rs-portfolio-call-to-action .call-action-info {
display: flex;
align-items: center;
gap: 15px;
font-weight: 600;
}
.rs-portfolio-call-to-action {
position: relative;
}
.rs-portfolio-call-to-action:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
background-image: linear-gradient(181deg, #25826A0F 33%, #25826A 100%);
border-radius: 6px;
}
.rs-portfolio-call-to-action .call-action-info:hover .address-icon {
background-color: #25826A;
}
.rs-portfolio-call-to-action .call-action-info:hover .address-icon i { 
animation: vibrate 0.4s infinite;
}
.rs-portfolio-call-to-action .call-action-info .phone a  {
font-size: 24px;
color: #fff;
font-weight: 600;
}
.rs-portfolio-call-to-action .call-action-info .address-icon i {
font-size: 24px;
color: #fff;
font-weight: 400;
}
@keyframes vibrate {
0% {
transform: translateX(-2px) rotate(0deg);
}
25% {
transform: translateX(2px) rotate(-2deg);
}
50% {
transform: translateX(-2px) rotate(2deg);
}
75% {
transform: translateX(2px) rotate(-2deg);
}
100% {
transform: translateX(-2px) rotate(0deg);
}
}
@-webkit-keyframes vibrate {
0% {
transform: translateX(-2px) rotate(0deg);
}
25% {
transform: translateX(2px) rotate(-2deg);
}
50% {
transform: translateX(-2px) rotate(2deg);
}
75% {
transform: translateX(2px) rotate(-2deg);
}
100% {
transform: translateX(-2px) rotate(0deg);
}
}
.rs-portfolio-call-to-action .call-action-info .phone a {
position: relative;
}
.rs-portfolio-call-to-action .call-action-info .phone p {
margin: 0;
color: #fffffff2;
}
.rs-portfolio-call-to-action .call-action-info .phone a:after { 
position: absolute;
content: "";
background: #fff;
width: 0;
height: 2px;
bottom: -2px;
left: auto;
right: 0;
transition: width 0.3s;
}
.rs-portfolio-call-to-action .call-action-info .phone a:hover:after {
width: 100%;
left: 0;
right: auto;
}
.rs-portfolio-call-to-action .watermark {
content: "";
position: absolute;
right: 30px;
top: 30px;
padding: 11px 10px 11px 10px;
transform: rotate(180deg);
background-color: #FFFFFF;
font-size: 15px;
font-weight: 600;
line-height: 15px;
color: #003A37;
margin: 0px 0px 0px 0px!important;
writing-mode: vertical-rl;
}
.single .ps-navigation .next_link {
text-transform: capitalize!important;
line-height: 1.5em;
}.rs-dual-heading .title-inner .sub-text,
.rs-heading .title-inner .sub-text {
margin: 0 0 13px;
display: block;
font-size: 17px;
line-height: 20px;
font-weight: 600;
font-family: "Epilogue", sans-serif;
color: #e11631;
}
.rs-dual-heading .title-inner .sub-text.title-upper,
.rs-heading .title-inner .sub-text.title-upper {
text-transform: uppercase;
}
.rs-dual-heading .title-inner .title,
.rs-heading .title-inner .title {
color: #121933;
margin-bottom: 15px;
margin-top: 0;
}
.rs-dual-heading .title-inner .title span.watermark,
.rs-heading .title-inner .title span.watermark {
position: absolute;
font-size: 80px;
text-transform: uppercase;
font-weight: 800;
z-index: -1;
opacity: 0.05;
width: 100%;
left: 0;
color: inherit;
}
.rs-dual-heading .title-inner .title.title-upper,
.rs-heading .title-inner .title.title-upper {
text-transform: uppercase;
}
.rs-dual-heading.big .title-inner h2,
.rs-heading.big .title-inner h2 {
font-size: 36px;
line-height: 44px;
}
.rs-dual-heading.big .description p,
.rs-heading.big .description p {
font-size: 20px;
line-height: 32px;
}
.rs-dual-heading.style4 .title-inner,
.rs-heading.style4 .title-inner {
position: relative;
padding-bottom: 12px;
}
.rs-dual-heading.style4 .title-inner .title,
.rs-heading.style4 .title-inner .title {
margin-bottom: 8px;
}
.rs-dual-heading.style4 .title-inner .title-img,
.rs-heading.style4 .title-inner .title-img {
margin-bottom: 12px;
}
.rs-dual-heading.style4 .title-inner h2,
.rs-heading.style4 .title-inner h2 {
margin-bottom: 12px;
display: block;
}
.rs-dual-heading.style4 .title-inner .sub-text,
.rs-heading.style4 .title-inner .sub-text {
position: relative;
color: #2b59ff;
display: inline-block;
}
.rs-dual-heading.style4 .title-inner .sub-text:before,
.rs-heading.style4 .title-inner .sub-text:before {
content: "";
position: absolute;
border: 0;
width: 35px;
height: 2px;
background: #010d14;
z-index: 9;
margin-left: 0;
left: -20px;
top: 12px;
left: -40px;
}
.rs-dual-heading.style4 .title-inner .sub-text:after,
.rs-heading.style4 .title-inner .sub-text:after {
content: "";
position: absolute;
border: 0;
width: 35px;
height: 2px;
background: #010d14;
z-index: 9;
margin-left: 0;
left: -20px;
top: 12px;
left: auto;
right: -40px;
}
.rs-dual-heading.style4 .title-inner .sub-text p,
.rs-heading.style4 .title-inner .sub-text p {
margin-bottom: 12px;
}
.rs-dual-heading.style5 .sub-text,
.rs-heading.style5 .sub-text {
display: inline-block !important;
}
.rs-dual-heading.style12 .sub-text,
.rs-heading.style12 .sub-text {
display: inline-block !important;
}
.rs-dual-heading.style2,
.rs-heading.style2 {
position: relative;
padding-bottom: 15px;
}
.rs-dual-heading.style2:after,
.rs-heading.style2:after {
content: "";
position: absolute;
border: 0;
width: 66px;
height: 2px;
z-index: 9;
margin-left: 0;
left: 0;
bottom: 0;
}
.rs-dual-heading.style2 h2,
.rs-heading.style2 h2 {
margin-bottom: 12px;
}
.rs-dual-heading.style2 .description p,
.rs-heading.style2 .description p {
margin-bottom: 12px;
}
.rs-dual-heading.style2.center:after,
.rs-heading.style2.center:after {
transform: translateX(-50%);
left: 50%;
}
.rs-dual-heading.style2.right:after,
.rs-heading.style2.right:after {
left: auto;
right: 0;
}
.rs-dual-heading.style2.Lite:after,
.rs-heading.style2.Lite:after {
background: #fff !important;
}
.prelements-heading .title-inner {
position: relative;
}
.prelements-heading .title-inner .title span {
color: #e11631;
}
.prelements-heading .title-inner span.sub-text {
font-size: 17px;
line-height: 20px;
font-weight: 500;
font-family: "Epilogue", sans-serif;
color: #e11631;
display: inline-block;
}
.prelements-heading .title-inner span.sub-text img {
width: 24px;
height: 24px;
margin-right: -2px;
}
.prelements-heading .title-inner span.watermark {
position: absolute;
font-size: 100px;
line-height: 100px;
text-transform: uppercase;
font-weight: 700;
opacity: 0.06;
top: 6%;
transform: translateY(-50%);
width: 100%;
left: 0;
color: inherit;
white-space: nowrap;
vertical-align: middle;
-webkit-background-clip: text;
-webkit-text-stroke: 3px transparent;
background-size: cover;
color: #071230;
}
.prelements-heading.style3 .sub-text {
position: relative;
padding: 5px 0 2px;
}
.prelements-heading.style3 .sub-text span {
position: relative;
z-index: 1;
}
.prelements-heading.style3 .sub-text:after {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
width: 23px;
clip-path: polygon(0 0, 76% 0, 100% 100%, 0 100%);
-webkit-clip-path: polygon(0 0, 76% 0, 100% 100%, 0 100%);
background: rgba(225, 22, 49, 0.08);
pointer-events: none;
}
.prelements-heading.style14 .title {
position: relative;
border-left: 4px solid #e11631;
padding-left: 12px;
}
.prelements-heading.draw-line {
position: relative;
}
.prelements-heading.draw-line > * {
position: relative;
z-index: 1;
}
.prelements-heading.draw-line:after {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
width: 0;
background: #f3f4f6;
transition: all 1.2s ease;
transition-delay: 0.3s;
}
.prelements-heading.draw-line.start-draw:after {
width: 20%;
}
.prelements-heading.dots_yes .title-inner .title::before {
content: "";
position: absolute;
left: -6px;
top: 4px;
width: 24px;
height: 24px;
background: #1a73e9;
border-radius: 50%;
opacity: 0.2;
display: block;
}
.rs-heading.style1 {
position: relative;
padding-bottom: 12px;
}
.rs-heading.style1 h2 {
margin-bottom: 12px;
}
.rs-heading.style1 .description {
position: relative;
padding-right: 80px;
}
.rs-heading.style1 .description:after {
content: "";
position: absolute;
border: 0;
width: 60px;
height: 2px;
background: #010d14;
z-index: 9;
margin-left: 0;
right: 0;
top: 14px;
}
.rs-heading.style1 .description p {
margin-bottom: 12px;
}
.rs-dual-heading.style1 {
position: relative;
padding-bottom: 12px;
}
.rs-dual-heading.style1 h2 {
margin-bottom: 12px;
}
.rs-dual-heading.style1 .description {
position: relative;
padding-right: 80px;
}
.rs-dual-heading.style1 .description:after {
content: "";
position: absolute;
border: 0;
width: 60px;
height: 2px;
background: #010d14;
z-index: 9;
margin-left: 0;
right: 0;
top: 14px;
}
.rs-dual-heading.style1 .description p {
margin-bottom: 12px;
}
.rs-heading.style1.Lite .description:after {
background: #fff !important;
}
.rs-dual-heading.style1.Lite .description:after {
background: #fff !important;
}
.rs-heading.style8 {
position: relative;
padding-bottom: 12px;
margin-bottom: 10px;
}
.rs-heading.style8 .title-inner {
padding-left: 25px;
position: relative;
display: inline-block;
}
.rs-heading.style8 .title-inner .sub-text {
margin-bottom: 5px;
}
.rs-heading.style8 .title-inner:after {
content: "";
position: absolute;
border: 0;
width: 2px;
height: 100%;
background: #010d14;
z-index: 9;
margin-left: 0;
left: 0;
top: 0;
}
.rs-heading.style8 .description {
padding-left: 25px;
position: relative;
}
.rs-heading.style8 .description:after {
content: "";
position: absolute;
border: 0;
width: 2px;
height: 100%;
background: #010d14;
z-index: 9;
margin-left: 0;
left: 0;
top: 0;
}
.rs-heading.style8 h2 {
margin-bottom: 5px;
}
.rs-dual-heading.style8 {
position: relative;
padding-bottom: 12px;
margin-bottom: 10px;
}
.rs-dual-heading.style8 .title-inner {
padding-left: 25px;
position: relative;
display: inline-block;
}
.rs-dual-heading.style8 .title-inner .sub-text {
margin-bottom: 5px;
}
.rs-dual-heading.style8 .title-inner:after {
content: "";
position: absolute;
border: 0;
width: 2px;
height: 100%;
background: #010d14;
z-index: 9;
margin-left: 0;
left: 0;
top: 0;
}
.rs-dual-heading.style8 .description {
padding-left: 25px;
position: relative;
}
.rs-dual-heading.style8 .description:after {
content: "";
position: absolute;
border: 0;
width: 2px;
height: 100%;
background: #010d14;
z-index: 9;
margin-left: 0;
left: 0;
top: 0;
}
.rs-dual-heading.style8 h2 {
margin-bottom: 5px;
}
.rs-heading.style8.text-center .description {
padding-top: 15px;
padding-left: 0px;
}
.rs-heading.style8.text-center .description:after {
display: none;
}
.rs-dual-heading.style8.text-center .description {
padding-top: 15px;
padding-left: 0px;
}
.rs-dual-heading.style8.text-center .description:after {
display: none;
}
.rs-heading.style8.Lite .title-inner:after {
background: #fff;
}
.rs-heading.style8.Lite .description:after {
background: #fff !important;
}
.rs-dual-heading.style8.Lite .title-inner:after {
background: #fff;
}
.rs-dual-heading.style8.Lite .description:after {
background: #fff !important;
}
.rs-heading.style6 .title-inner {
position: relative;
padding-bottom: 12px;
}
.rs-heading.style6 .title-inner h2 {
margin-bottom: 12px;
}
.rs-heading.style6 .title-inner .sub-text {
position: relative;
padding-left: 65px;
color: #2b59ff;
}
.rs-heading.style6 .title-inner .sub-text:after {
content: "";
position: absolute;
border: 0;
width: 50px;
height: 2px;
background: #010d14;
z-index: 9;
margin-left: 0;
left: 0;
top: 12px;
}
.rs-heading.style6 .title-inner .sub-text p {
margin-bottom: 12px;
}
.rs-dual-heading.style6 .title-inner {
position: relative;
padding-bottom: 12px;
}
.rs-dual-heading.style6 .title-inner h2 {
margin-bottom: 12px;
}
.rs-dual-heading.style6 .title-inner .sub-text {
position: relative;
padding-left: 65px;
color: #2b59ff;
}
.rs-dual-heading.style6 .title-inner .sub-text:after {
content: "";
position: absolute;
border: 0;
width: 50px;
height: 2px;
background: #010d14;
z-index: 9;
margin-left: 0;
left: 0;
top: 12px;
}
.rs-dual-heading.style6 .title-inner .sub-text p {
margin-bottom: 12px;
}
.rs-heading.style6.text-center .title-inner .sub-text {
display: inline-block;
}
.rs-heading.style6.text-center .sub-text {
position: relative;
padding-left: 0px;
padding-top: 60px;
color: #2b59ff;
}
.rs-heading.style6.text-center .sub-text:after {
content: "";
width: 77px;
height: 2px;
position: absolute;
left: 50%;
top: 0;
margin-top: -1px;
width: 2px;
height: 50px;
}
.rs-dual-heading.style6.text-center .title-inner .sub-text {
display: inline-block;
}
.rs-dual-heading.style6.text-center .sub-text {
position: relative;
padding-left: 0px;
padding-top: 60px;
color: #2b59ff;
}
.rs-dual-heading.style6.text-center .sub-text:after {
content: "";
width: 77px;
height: 2px;
position: absolute;
left: 50%;
top: 0;
margin-top: -1px;
width: 2px;
height: 50px;
}
.rs-heading.style6.text-right .title-inner .sub-text {
display: inline-block;
}
.rs-dual-heading.style6.text-right .title-inner .sub-text {
display: inline-block;
}
.rs-heading.style6.Lite .sub-text:after {
background: #fff !important;
}
.rs-dual-heading.style6.Lite .sub-text:after {
background: #fff !important;
}
.rs-heading.style6.dark .sub-text:after {
background: #232023 !important;
}
.rs-dual-heading.style6.dark .sub-text:after {
background: #232023 !important;
}
.rs-heading.style4.left .title-inner .sub-text {
padding-left: 43px;
}
.rs-heading.style4.left .title-inner .sub-text:before {
left: 0;
}
.rs-dual-heading.style4.left .title-inner .sub-text {
padding-left: 43px;
}
.rs-dual-heading.style4.left .title-inner .sub-text:before {
left: 0;
}
.rs-heading.style4.right .title-inner .sub-text {
padding-right: 43px;
}
.rs-heading.style4.right .title-inner .sub-text:after {
right: 0;
}
.rs-dual-heading.style4.right .title-inner .sub-text {
padding-right: 43px;
}
.rs-dual-heading.style4.right .title-inner .sub-text:after {
right: 0;
}
.rs-heading.style4.Lite .sub-text:before {
background: #fff !important;
}
.rs-heading.style4.Lite .sub-text:after {
background: #fff !important;
}
.rs-dual-heading.style4.Lite .sub-text:before {
background: #fff !important;
}
.rs-dual-heading.style4.Lite .sub-text:after {
background: #fff !important;
}
.rs-heading.style4.text-center .title-inner .sub-text {
display: inline-block;
}
.rs-dual-heading.style4.text-center .title-inner .sub-text {
display: inline-block;
}
.rs-heading.style4.text-right .title-inner .sub-text {
display: inline-block;
}
.rs-dual-heading.style4.text-right .title-inner .sub-text {
display: inline-block;
}
.rs-heading.style7 .title-inner {
position: relative;
padding-bottom: 12px;
}
.rs-heading.style7 .title-inner h2 {
margin-bottom: 12px;
}
.rs-heading.style7 .title-inner .sub-text {
position: relative;
padding-right: 65px;
display: inline-block;
color: #2b59ff;
}
.rs-heading.style7 .title-inner .sub-text:after {
content: "";
position: absolute;
border: 0;
width: 50px;
height: 2px;
background: #2b59ff;
z-index: 9;
margin-left: 0;
right: 0;
top: 4px;
}
.rs-heading.style7 .title-inner .sub-text p {
margin-bottom: 12px;
}
.rs-heading.style7 .title-inner.Lite .sub-text:after {
background: #fff !important;
}
.rs-heading.style7 .title-inner.text-center .title-inner .sub-text {
display: inline-block;
}
.rs-heading.style7 .title-inner.text-right .title-inner .sub-text {
display: inline-block;
}
.rs-dual-heading.style7 .title-inner {
position: relative;
padding-bottom: 12px;
}
.rs-dual-heading.style7 .title-inner h2 {
margin-bottom: 12px;
}
.rs-dual-heading.style7 .title-inner .sub-text {
position: relative;
padding-right: 65px;
display: inline-block;
color: #2b59ff;
}
.rs-dual-heading.style7 .title-inner .sub-text:after {
content: "";
position: absolute;
border: 0;
width: 50px;
height: 2px;
background: #2b59ff;
z-index: 9;
margin-left: 0;
right: 0;
top: 4px;
}
.rs-dual-heading.style7 .title-inner .sub-text p {
margin-bottom: 12px;
}
.rs-dual-heading.style7 .title-inner.Lite .sub-text:after {
background: #fff !important;
}
.rs-dual-heading.style7 .title-inner.text-center .title-inner .sub-text {
display: inline-block;
}
.rs-dual-heading.style7 .title-inner.text-right .title-inner .sub-text {
display: inline-block;
}
.rs-heading.style9 .title-inner {
margin-bottom: 35px;
}
.rs-heading.style9 .title-inner .title-img.top {
margin-bottom: 15px;
}
.rs-heading.style9 .title-upper {
margin-bottom: 5px;
}
.rs-heading.style9 .bottom-line .title {
margin-bottom: 8px;
position: relative;
padding-bottom: 20px;
}
.rs-heading.style9 .bottom-line .title:after {
content: "";
position: absolute;
border: 0;
width: 80px;
height: 2px;
background: #010d14;
z-index: 9;
margin-left: 0;
bottom: 0;
left: 0;
}
.rs-heading.style9 .yes_animation {
position: relative;
}
.rs-heading.style9 .yes_animation img {
display: none;
}
.rs-heading.style9 .yes_animation:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100px;
height: 14px;
animation: waving-line 12s linear infinite;
-webkit-animation: waving-line 12s linear infinite;
}
.rs-dual-heading.style9 .title-inner {
margin-bottom: 35px;
}
.rs-dual-heading.style9 .title-inner .title-img.top {
margin-bottom: 15px;
}
.rs-dual-heading.style9 .title-upper {
margin-bottom: 5px;
}
.rs-dual-heading.style9 .bottom-line .title {
margin-bottom: 8px;
position: relative;
padding-bottom: 20px;
}
.rs-dual-heading.style9 .bottom-line .title:after {
content: "";
position: absolute;
border: 0;
width: 80px;
height: 2px;
background: #010d14;
z-index: 9;
margin-left: 0;
bottom: 0;
left: 0;
}
.rs-dual-heading.style9 .yes_animation {
position: relative;
}
.rs-dual-heading.style9 .yes_animation img {
display: none;
}
.rs-dual-heading.style9 .yes_animation:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100px;
height: 14px;
animation: waving-line 12s linear infinite;
-webkit-animation: waving-line 12s linear infinite;
}
.rs-heading.style9.text-center .bottom-line .title:after {
transform: translateX(-50%);
left: 50%;
}
.rs-dual-heading.style9.text-center .bottom-line .title:after {
transform: translateX(-50%);
left: 50%;
}
.rs-heading.style10.text-center {
text-align: left !important;
}
.rs-heading.style10.text-center .title-inner {
text-align: center;
}
.rs-dual-heading.style10.text-center {
text-align: left !important;
}
.rs-dual-heading.style10.text-center .title-inner {
text-align: center;
}
.rs-heading.style10.text-right {
text-align: left !important;
}
.rs-heading.style10.text-right .title-inner {
text-align: right;
}
.rs-dual-heading.style10.text-right {
text-align: left !important;
}
.rs-dual-heading.style10.text-right .title-inner {
text-align: right;
}
.rs-heading.style10 .title-inner {
transform: rotate(-90deg) translatex(-50%);
display: inline-block;
transform-origin: left center 0;
}
.rs-heading.style10 .title-inner .title {
white-space: nowrap;
position: relative;
top: 40px;
left: 10px;
margin-bottom: 0;
}
.rs-heading.style10 .description {
transform: rotate(-90deg);
display: inline-block;
}
.rs-dual-heading.style10 .title-inner {
transform: rotate(-90deg) translatex(-50%);
display: inline-block;
transform-origin: left center 0;
}
.rs-dual-heading.style10 .title-inner .title {
white-space: nowrap;
position: relative;
top: 40px;
left: 10px;
margin-bottom: 0;
}
.rs-dual-heading.style10 .description {
transform: rotate(-90deg);
display: inline-block;
}
.rs-heading.style11 {
text-align: right !important;
}
.rs-heading.style11 .title-inner {
transform: rotate(90deg);
display: inline-block;
}
.rs-heading.style11 .description {
transform: rotate(90deg);
display: inline-block;
}
.rs-dual-heading.style11 {
text-align: right !important;
}
.rs-dual-heading.style11 .title-inner {
transform: rotate(90deg);
display: inline-block;
}
.rs-dual-heading.style11 .description {
transform: rotate(90deg);
display: inline-block;
}
.rs-heading.style11.text-center {
text-align: right !important;
}
.rs-heading.style11.text-center .title-inner {
text-align: center;
}
.rs-dual-heading.style11.text-center {
text-align: right !important;
}
.rs-dual-heading.style11.text-center .title-inner {
text-align: center;
}
.rs-heading.style11.text-right {
text-align: right !important;
}
.rs-heading.style11.text-right .title-inner {
text-align: right;
}
.rs-dual-heading.style11.text-right {
text-align: right !important;
}
.rs-dual-heading.style11.text-right .title-inner {
text-align: right;
}
.prelements-heading.heading_gradient_color .title-inner .title {
background: linear-gradient(180deg, rgba(33, 44, 74, 0.08) 0%, rgba(255, 255, 255, 0) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}div.beforeandafter {/**/display: block;
height: 434px; overflow: hidden;
width: 650px; }
div.beforeandafter img {
max-width: none !important;
}
div.beforeandafter div.drag { background: #e11631;
cursor: col-resize;
display: block;
height: 100%;
left: 100%;
position: relative;
top: 0;
transition: left 0.4s ease-in-out; width: 4px; z-index: 7;
}
div.beforeandafter div.drag div.draghandle { background: #ffffff;
width: 60px;
height: 60px;
line-height: 56px;
border-radius: 50px;
border-width: 4px;
border-style: solid;
border-color: #e11631;
position: absolute;
text-align: center;
}
div.beforeandafter div.drag div.draghandle::before {
content: "\f323";
font-family: remixicon !important;
display: inline-block;
color: #e11631;
font-size: 25px;
}
div.beforeandafter div.drag::before {
content: "Before Work";
position: absolute;
border-radius: 4px;
background: #e11631;
color: #ffffff;
top: 34px;
text-align: center;
font-size: 20px;
right: 30px;
top: 34px;
width: 150px;
height: 50px;
line-height: 50px;
}
div.beforeandafter div.drag::after {
content: "After Work";
left: 30px;
position: absolute;
border-radius: 4px;
width: 150px;
height: 50px;
line-height: 50px;
background: #e11631;
color: #ffffff;
top: 34px;
text-align: center;
font-size: 20px;
}
div.before1, div.after1 { height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
transition: width 0.4s ease-in-out; width: 100%;
z-index: 7;
}
div.after1 {
z-index: 1; }
.label-bottom div.before1 span.caption { right: 30px;
}
.label-bottom div.after1 span.caption { right: 41%;
}
span.caption {
display: block;
position: absolute;
border-radius: 4px;
padding: 10px 20px;
background: #e11631;
color: #ffffff;
top: 34px;
text-align: center;
font-size: 20px;
}.rs-animated-heading .title span {
display: inline-block;
}
.rs-animated-heading .title-inner .title {
color: #121933;
line-height: 70px;
margin-bottom: 10px;
font-family: "Epilogue", sans-serif;
}
.rs-animated-heading .title-inner .title .cd-headline {
color: #121933;
line-height: 70px;
font-weight: 700;
color: #2b59ff;
display: block;
}
.rs-animated-heading .title-inner .title .cd-headline .cd-words-wrapper {
display: block;
margin-left: 0;
}
.rs-animated-heading .title-inner .title .cd-headline p {
margin-bottom: 0;
color: #F79C53;
}
.rs-animated-heading .title-inner .title .cd-headline p .cd-headline.clip {
padding: 0;
}
.rs-animated-heading .title-inner .title.title-upper {
text-transform: uppercase;
}
.rs-animated-heading .title-inner .title .cd-headline .cd-words-wrapper {
vertical-align: bottom;
top: 13px;
}
.rs-animated-heading .title span {
padding: 0 !important;
}
.rs-dual-heading .title span {
display: inline-block;
}
.slick-slide {
outline: none;
}
.rs-animated-heading.gradient_color .title-inner .title .cd-headline p {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media only screen and (max-width: 950px) {
.rs-animated-heading .title-inner .title .cd-headline {
display: block;
}
}.team-grid-style1 .team-item .team-inner-wrap {
border-radius: 0 0 5px 5px;
overflow: hidden;
position: relative;
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap {
position: relative;
background: #013aa8;
transition: all 0.3s ease 0s;
transform: translateX(0px);
border-radius: 30px 0 30px 0px;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap img {
border-radius: 0;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .share-icon {
margin: 0;
position: absolute;
z-index: 2;
right: 17px;
bottom: 17px;
font-size: 15px;
cursor: pointer;
transition: all 0.3s ease 0s;
background: #fff;
color: #1a73e9;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .share-icon i {
position: unset;
z-index: 2;
width: inherit;
height: inherit;
border-radius: inherit;
display: inherit;
align-items: center;
justify-content: center;
background: inherit;
line-height: normal !important;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .share-icon:before {
background: #fff;
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 33px;
height: 33px;
border-radius: 50%;
transition: all 0.3s ease 0s;
-webkit-animation: pulse-border 1100ms ease-out infinite;
animation: pulse-border 1100ms ease-out infinite;
opacity: 0;
visibility: hidden;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .plus_team {
position: absolute;
top: 0;
bottom: 0;
right: -40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 40px;
transition: all 0.3s ease 0s;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .plus_team .share_excerpt {
writing-mode: vertical-rl;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 {
background: transparent;
padding: 12px 10px;
transition: all 0.3s ease 0s;
display: flex;
flex-direction: column;
text-align: center;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a {
padding: 0;
margin-top: 3px;
margin-bottom: 3px;
background: transparent;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a i {
color: #fff;
font-size: 12px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
background: transparent;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a:first-child {
margin-top: 0;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a:last-child {
margin-bottom: 0;
}
.team-grid-style1 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a:hover i {
color: #EB003D;
background: transparent;
}
.team-grid-style1 .team-item .team-inner-wrap .team-content {
border-radius: 0 0 5px 5px;
display: flex;
align-items: center;
text-align: left;
margin: 0;
padding: 20px 35px 17px;
background: #010d14;
margin-bottom: 30px;
position: unset;
opacity: 1;
position: relative;
}
.team-grid-style1 .team-item .team-inner-wrap .team-content h3.team-name {
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
text-transform: capitalize;
}
.team-grid-style1 .team-item .team-inner-wrap .team-content h3.team-name a {
text-decoration: none;
color: #ffffff;
}
.team-grid-style1 .team-item .team-inner-wrap .team-content h3.team-name a:hover {
color: #c4c4c4;
}
.team-grid-style1 .team-item .team-inner-wrap .team-content span.team-title {
font-size: 15px;
font-weight: 600;
}
.team-grid-style1 .team-item .team-inner-wrap.is-open .image-wrap {
transform: translateX(-40px);
}
.team-grid-style1 .team-item .team-inner-wrap.is-open .image-wrap .share-icon::before {
opacity: 1;
visibility: visible;
}
.team-grid-style1 .team-item.image-hover-style .image-wrap {
transition: all 0.3s ease 0s;
position: relative;
text-align: center;
}
.team-grid-style1 .team-item.image-hover-style .image-wrap a {
display: inline-block;
}
.team-grid-style1 .team-item.image-hover-style .image-wrap a img {
max-width: 100%;
}
.team-grid-style1 .team-item.image-hover-style .image-wrap > * {
position: relative;
z-index: 1;
}
.team-grid-style1 .team-item.image-hover-style .image-wrap img {
transform: scale(1) !important;
}
.team-grid-style1 .team-item.image-hover-style .image-wrap::after {
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
transform: rotate(0);
transition: transform 0.8s;
pointer-events: none;
}
.team-grid-style1 .team-item.image-hover-style:hover .image-wrap::after {
transform: rotate(5deg);
}
.team-grid-style1 .team-item.image-hover-style:hover .image-wrap img {
opacity: 1 !important;
}
.team-grid-style1 .team-item:hover .team-inner-wrap .image-wrap .share-icon::before {
opacity: 1;
visibility: visible;
}
.team-slider-style1 .team-content {
border-radius: 0 0 5px 5px;
display: flex;
align-items: center;
}
.team-slider-style1 .team-content .plus_team .social-icons1 {
position: absolute;
right: 0;
bottom: 100%;
width: 50px;
background: #010d14;
padding: 12px 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
z-index: -1;
transform: scaleY(0);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}
.team-slider-style1 .team-content .plus_team .social-icons1 a {
padding: 0;
background: transparent;
}
.team-slider-style1 .team-content .plus_team .social-icons1 a i {
background: transparent;
}
.team-slider-style1 .team-content .plus_team .social-icons1 a:hover i {
color: #EB003D;
background: transparent;
}
.team-slider-style1 .team-content .plus_team:hover .social-icons1 {
visibility: visible;
opacity: 1;
z-index: 2;
transform: scaleY(1);
}
.team-slider-style1 .team-content .plus_team .share-icon i {
margin: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
right: 35px;
font-weight: 700;
font-size: 18px;
cursor: pointer;
transition: 500ms ease;
background: #EB003D;
color: #fff;
width: 45px;
height: 45px;
border-radius: 45px;
line-height: 50px;
text-align: center;
}
.team-slider-style1 .team-inner-wrap {
border-radius: 0 0 5px 5px;
}
.team-slider-style1 .team-item {
overflow: visible;
}
.team-slider-style1 .team-item .social-icons1 {
text-align: center;
margin-top: 14px;
}
.team-slider-style1 .team-item .social-icons1 a i {
color: #fff;
font-size: 15px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
}
.team-slider-style1 .team-item .image-wrap {
position: relative;
overflow: hidden;
}
.team-slider-style1 .team-item .image-wrap img {
border-radius: 5px 5px 0 0;
}
.team-slider-style1 .team-item .image-wrap .social-icons1 {
position: absolute;
right: 0;
bottom: -180px;
width: 50px;
background: #013aa8;
padding: 12px 0;
opacity: 1;
visibility: visible;
transition: all 0.4s ease 0s;
}
.team-slider-style1 .team-item .image-wrap .social-icons1 a {
padding: 0;
background: transparent;
}
.team-slider-style1 .team-item .image-wrap .social-icons1 a i {
background: transparent;
}
.team-slider-style1 .team-item .image-wrap .social-icons1 a:hover i {
color: #EB003D;
background: transparent;
}
.team-slider-style1 .team-item:hover .image-wrap .social-icons1 {
right: 0;
width: 50px;
opacity: 1;
visibility: visible;
}
.team-slider-style1 .team-item .team-content {
text-align: left;
margin: 0;
padding: 20px 35px 17px;
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
background: #010d14;
margin-bottom: 30px;
position: unset;
opacity: 1;
position: relative;
margin: 0;
}
.team-slider-style1 .team-item .team-content h3.team-name {
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
text-transform: capitalize;
}
.team-slider-style1 .team-item .team-content h3.team-name a {
text-decoration: none;
color: #ffffff;
}
.team-slider-style1 .team-item .team-content h3.team-name a:hover {
color: #c4c4c4;
}
.team-slider-style1 .team-item .team-content span.team-title {
font-size: 15px;
color: #ffffff;
font-weight: 600;
}
.team-slider-style1 .team-item .social-icons {
display: none;
}
.team-grid-style2 .team-inner-wrap {
position: relative;
margin-bottom: 35px;
overflow: hidden;
}
.team-grid-style2 .team-inner-wrap a {
text-decoration: none;
}
.team-grid-style2 .team-inner-wrap .team-img-sec {
position: relative;
}
.team-grid-style2 .team-inner-wrap .wrap-text {
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
padding: 0 40px 12px;
background: #fff;
}
.team-grid-style2 .team-inner-wrap .wrap-text .team-desc {
margin-bottom: 0;
}
.team-grid-style2 .team-inner-wrap .team-content {
width: 100%;
transition: all 0.5s ease 0s;
position: relative;
padding-bottom: 0;
z-index: 1;
margin-bottom: 0;
background: #010d14;
border-radius: 3px 3px 0 0;
padding: 8px 0 14px;
margin-top: -35px;
position: absolute;
bottom: -50%;
left: 50%;
transform: translateX(-50%);
width: 250px;
transition: 0.4s;
text-align: center;
}
.team-grid-style2 .team-inner-wrap .team-content .team-name {
margin-top: 0 !important;
line-height: 28px !important;
color: #ffffff;
margin: 18px 0 0;
font-weight: 500;
}
.team-grid-style2 .team-inner-wrap .team-content .team-name a {
text-decoration: none;
position: relative;
margin-bottom: 0;
font-size: 20px;
text-transform: capitalize;
z-index: 111;
text-decoration: none;
color: #ffffff;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons {
color: #ffffff;
padding-top: 2px;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons a {
text-decoration: none;
color: #ffffff;
padding: 0 3px;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons a i {
height: 25px;
width: 25px;
}
.team-grid-style2 .team-inner-wrap .team-content .team-title {
color: #ffffff;
font-weight: 500;
line-height: 1.4;
display: block;
margin: 10px 0 5px;
color: #eee;
font-size: 13px;
font-weight: 400;
padding: 0;
display: block;
text-transform: uppercase;
}
.team-grid-style2 .team-inner-wrap .team-content .team-title a {
color: #eee;
pointer-events: none;
}
.team-grid-style2 .team-inner-wrap .team-content .nolink {
pointer-events: none;
}
.team-grid-style2 .team-inner-wrap .team-content .cat-doctor {
font-size: 14px;
}
.team-grid-style2 .team-inner-wrap .team-content .cat-doctor a {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
}
.team-grid-style2 .team-inner-wrap:hover .team-content {
bottom: 0;
}
.team-grid-style2 .team-inner-wrap:hover .team-img-sec:before {
height: 100%;
}
.team-slider-style2 .team-inner-wrap {
position: relative;
margin-bottom: 35px;
overflow: hidden;
}
.team-slider-style2 .team-inner-wrap a {
text-decoration: none;
}
.team-slider-style2 .team-inner-wrap .team-img-sec {
position: relative;
}
.team-slider-style2 .team-inner-wrap .wrap-text {
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
padding: 0 40px 12px;
background: #fff;
}
.team-slider-style2 .team-inner-wrap .wrap-text .team-desc {
margin-bottom: 0;
}
.team-slider-style2 .team-inner-wrap .team-content {
width: 100%;
transition: all 0.5s ease 0s;
position: relative;
padding-bottom: 0;
z-index: 1;
margin-bottom: 0;
background: #010d14;
border-radius: 3px 3px 0 0;
padding: 8px 0 14px;
margin-top: -35px;
position: absolute;
bottom: -50%;
left: 50%;
transform: translateX(-50%);
width: 250px;
transition: 0.4s;
text-align: center;
}
.team-slider-style2 .team-inner-wrap .team-content .team-name {
margin-top: 0 !important;
line-height: 28px !important;
color: #ffffff;
margin: 18px 0 0;
font-weight: 500;
}
.team-slider-style2 .team-inner-wrap .team-content .team-name a {
text-decoration: none;
position: relative;
margin-bottom: 0;
font-size: 20px;
text-transform: capitalize;
z-index: 111;
text-decoration: none;
color: #ffffff;
}
.team-slider-style2 .team-inner-wrap .team-content .social-icons {
color: #ffffff;
padding-top: 2px;
}
.team-slider-style2 .team-inner-wrap .team-content .social-icons a {
text-decoration: none;
color: #ffffff;
padding: 0 3px;
}
.team-slider-style2 .team-inner-wrap .team-content .social-icons a i {
height: 25px;
width: 25px;
}
.team-slider-style2 .team-inner-wrap .team-content .team-title {
color: #ffffff;
font-weight: 500;
line-height: 1.4;
display: block;
margin: 10px 0 5px;
color: #eee;
font-size: 13px;
font-weight: 400;
padding: 0;
display: block;
text-transform: uppercase;
}
.team-slider-style2 .team-inner-wrap .team-content .team-title a {
color: #eee;
pointer-events: none;
}
.team-slider-style2 .team-inner-wrap .team-content .nolink {
pointer-events: none;
}
.team-slider-style2 .team-inner-wrap .team-content .cat-doctor {
font-size: 14px;
}
.team-slider-style2 .team-inner-wrap .team-content .cat-doctor a {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
}
.team-slider-style2 .team-inner-wrap:hover .team-content {
bottom: 0;
}
.team-slider-style2 .team-inner-wrap:hover .team-img-sec:before {
height: 100%;
}
.icon-button a {
background: #010d14;
color: #fff;
padding: 3px 17px;
display: inline-block;
font-size: 20px;
margin-bottom: 25px;
border-radius: 18px;
}
.icon-button a:hover {
color: #fff;
background: #2b59ff;
}
.icon-button a i:before {
font-size: inherit;
}
.blogfull .icon-button a {
margin-bottom: 0px;
}
.team-grid-style3 .team-item .team-img-sec {
position: relative;
}
.team-grid-style3 .team-item .team-img-sec:before {
background: rgba(0, 0, 0, 0.7);
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
content: "";
z-index: 10;
opacity: 0;
visibility: hidden;
transition: 0.4s;
border-radius: 5px;
}
.team-grid-style3 .team-item img {
position: relative;
z-index: 1;
border-radius: 5px;
}
.team-grid-style3 .team-item .team-content {
display: block;
z-index: 11;
color: #fff;
padding: 15px;
transition: all 0.4s ease 0s;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
text-align: center;
}
.team-grid-style3 .team-item .team-content .author-text {
position: absolute;
left: 0;
top: 42%;
transition: 0.4s;
transform: translateY(-50%);
text-align: center;
width: 100%;
}
.team-grid-style3 .team-item .team-content .team-title {
color: #fff;
position: relative;
opacity: 0;
transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99);
font-size: 16px;
padding: 0 20px;
opacity: 0;
top: 0;
margin-top: -6px;
}
.team-grid-style3 .team-item .team-content .team-name {
position: relative;
opacity: 0;
transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99);
margin-bottom: 0;
font-size: 20px;
padding: 0 10px;
display: block;
top: -10px;
}
.team-grid-style3 .team-item .team-content .team-name a {
color: #fff;
}
.team-grid-style3 .team-item .team-content .social-icons {
left: 0;
top: 60%;
transform: translateY(-50%);
text-align: center;
width: 100%;
position: absolute;
opacity: 0;
visibility: hidden;
transition: 0.4s;
margin: 0;
padding: 0;
list-style: none;
}
.team-grid-style3 .team-item .team-content .social-icons li {
display: inline-block;
position: relative;
transition: 0.4s;
margin: 0 8px;
}
.team-grid-style3 .team-item .team-content .social-icons .facebook {
bottom: -20px;
}
.team-grid-style3 .team-item .team-content .social-icons .google {
bottom: -20px;
}
.team-grid-style3 .team-item .team-content .social-icons .twitter {
bottom: -15px;
}
.team-grid-style3 .team-item .team-content .social-icons a {
color: #2b59ff;
font-size: 16px;
display: block;
}
.team-grid-style3 .team-item .team-content .social-icons a i {
width: 30px;
height: 30px;
border-radius: 30px;
background: #fff;
line-height: 30px;
}
.team-grid-style3 .team-item .team-content .social-icons a:hover {
opacity: 0.8;
}
.team-grid-style3 .team-item:hover .team-img-sec:before {
opacity: 1;
visibility: visible;
}
.team-grid-style3 .team-item:hover .team-content .author-text {
opacity: 1;
visibility: visible;
}
.team-grid-style3 .team-item:hover .team-content .social-icons {
opacity: 1;
visibility: visible;
}
.team-grid-style3 .team-item:hover .team-content .social-icons li {
bottom: 0;
}
.team-grid-style3 .team-item:hover .team-content .team-title {
opacity: 1;
visibility: visible;
top: 0;
transition-delay: 0.33s;
}
.team-grid-style3 .team-item:hover .team-content .team-name {
opacity: 1;
visibility: visible;
top: 0;
transition-delay: 0.33s;
}
.team-grid-style3 .team-img:after {
top: 0;
}
.team-grid-style3 .team-img:before {
bottom: 0;
}
.team-slider-style3 .team-item .team-img-sec {
position: relative;
}
.team-slider-style3 .team-item .team-img-sec:before {
background: rgba(0, 0, 0, 0.7);
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
content: "";
z-index: 10;
opacity: 0;
visibility: hidden;
transition: 0.4s;
border-radius: 5px;
}
.team-slider-style3 .team-item img {
position: relative;
z-index: 1;
border-radius: 5px;
}
.team-slider-style3 .team-item .team-content {
display: block;
z-index: 11;
color: #fff;
padding: 15px;
transition: all 0.4s ease 0s;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
text-align: center;
}
.team-slider-style3 .team-item .team-content .author-text {
position: absolute;
left: 0;
top: 39%;
transition: 0.4s;
transform: translateY(-50%);
text-align: center;
width: 100%;
}
.team-slider-style3 .team-item .team-content .team-title {
color: #fff;
position: relative;
opacity: 0;
transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99);
font-size: 14px;
padding: 3px 10px;
opacity: 0;
top: -15px;
}
.team-slider-style3 .team-item .team-content .team-name {
position: relative;
opacity: 0;
transition: all 0.45s cubic-bezier(0.23, 0.88, 0.34, 0.99);
margin-bottom: 0;
font-size: 20px;
padding: 0 10px;
display: block;
top: -10px;
}
.team-slider-style3 .team-item .team-content .team-name a {
color: #fff;
}
.team-slider-style3 .team-item .team-content .social-icons {
left: 0;
top: 60%;
transform: translateY(-50%);
text-align: center;
width: 100%;
position: absolute;
opacity: 0;
visibility: hidden;
transition: 0.4s;
margin: 0;
padding: 0;
list-style: none;
}
.team-slider-style3 .team-item .team-content .social-icons li {
display: inline-block;
position: relative;
transition: 0.4s;
margin: 0 8px;
}
.team-slider-style3 .team-item .team-content .social-icons .facebook {
bottom: -20px;
}
.team-slider-style3 .team-item .team-content .social-icons .google {
bottom: -20px;
}
.team-slider-style3 .team-item .team-content .social-icons .twitter {
bottom: -15px;
}
.team-slider-style3 .team-item .team-content .social-icons a {
color: #2b59ff;
font-size: 16px;
display: block;
}
.team-slider-style3 .team-item .team-content .social-icons a i {
width: 30px;
height: 30px;
border-radius: 30px;
background: #fff;
line-height: 30px;
}
.team-slider-style3 .team-item .team-content .social-icons a:hover {
opacity: 0.8;
}
.team-slider-style3 .team-item:hover .team-img-sec:before {
opacity: 1;
visibility: visible;
}
.team-slider-style3 .team-item:hover .team-content .author-text {
opacity: 1;
visibility: visible;
}
.team-slider-style3 .team-item:hover .team-content .social-icons {
opacity: 1;
visibility: visible;
}
.team-slider-style3 .team-item:hover .team-content .social-icons li {
bottom: 0;
}
.team-slider-style3 .team-item:hover .team-content .team-title {
opacity: 1;
visibility: visible;
top: 0;
transition-delay: 0.33s;
}
.team-slider-style3 .team-item:hover .team-content .team-name {
opacity: 1;
visibility: visible;
top: 0;
transition-delay: 0.33s;
}
.team-grid-style4 .owl-stage-outer {
overflow-y: visible;
}
.team-grid-style4 .team-item {
margin-bottom: 125px;
position: relative;
overflow: visible;
}
.team-grid-style4 .team-item:before {
display: none;
background: transparent;
}
.team-grid-style4 .team-item .team-content {
background: #00204a;
padding: 20px;
text-align: center;
z-index: 9;
position: absolute;
z-index: 1;
opacity: 1;
width: unset;
height: unset;
display: inline-block;
top: unset;
bottom: -85px;
padding: 20px 20px 25px;
left: 50%;
max-width: 300px;
transform: translateX(-50%);
width: 100%;
}
.team-grid-style4 .team-item .team-content .team-name {
display: block;
font-size: 22px;
margin-bottom: 0px;
text-transform: capitalize;
font-weight: 600;
}
.team-grid-style4 .team-item .team-content .team-name a {
color: #ffffff;
}
.team-grid-style4 .team-item .team-content .team-title {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
padding-top: 5px;
display: block;
font-family: "Poppins", sans-serif;
color: #ffffff;
}
.team-grid-style4 .team-item .team-content .team-desc {
font-size: 14px;
margin-bottom: 0;
color: #777;
position: relative;
z-index: 1;
max-height: 0;
opacity: 0;
line-height: 24px;
-webkit-transition: all 0.6s, max-height 0.5s;
-o-transition: all 0.6s, max-height 0.5s;
-moz-transition: all 0.6s, max-height 0.5s;
transition: all 0.6s, max-height 0.5s;
overflow: hidden;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}
.team-grid-style4 .team-item .team-content .team-desc:before {
content: "";
position: absolute;
z-index: 1;
background: #010d14;
top: 0;
left: 50%;
width: 50px;
height: 2px;
margin-left: -25px;
}
.team-grid-style4 .team-item .team-content .social-icons {
text-align: center;
margin-top: 12px;
}
.team-grid-style4 .team-item .team-content .social-icons a {
display: inline-block;
}
.team-grid-style4 .team-item .team-content .social-icons a i {
color: #00204a;
font-size: 15px;
width: 40px;
height: 40px;
line-height: 40px;
background: #ffffff;
text-align: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 4px;
margin: 0;
}
.team-grid-style4 .team-item .team-content .social-icons a:hover i {
background: #42806B;
color: #ffffff;
}
.team-grid-style4 .team-item:hover .team-content {
opacity: 1;
top: unset;
}
.team-grid-style4 .team-item:hover .team-content .team-desc {
position: relative;
max-height: 400px;
opacity: 1;
text-align: center;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.4s, max-height 1.5s;
-o-transition: all 0.4s, max-height 1.5s;
-moz-transition: all 0.4s, max-height 1.5s;
transition: all 0.4s, max-height 1.5s;
padding-top: 18px;
margin-top: 8px;
}
.team-slider-style4 .owl-stage-outer {
overflow-y: visible;
}
.team-slider-style4 .team-item {
margin-bottom: 125px;
position: relative;
overflow: visible;
}
.team-slider-style4 .team-item:before {
display: none;
background: transparent;
}
.team-slider-style4 .team-item .team-content {
color: #f8560c;
background: #fff;
padding: 20px;
text-align: center;
z-index: 9;
position: absolute;
z-index: 1;
opacity: 1;
width: unset;
height: unset;
display: inline-block;
top: unset;
bottom: -85px;
padding: 20px 20px 25px;
-webkit-box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1);
box-shadow: 10px 17px 38px 0 rgba(0, 0, 0, 0.1);
left: 50%;
max-width: 310px;
transform: translateX(-50%);
width: 95%;
}
.team-slider-style4 .team-item .team-content .team-name {
display: block;
font-size: 22px;
margin-bottom: 0px;
text-transform: capitalize;
font-weight: 600;
}
.team-slider-style4 .team-item .team-content .team-name a {
color: #010d14;
}
.team-slider-style4 .team-item .team-content .team-title {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
padding-top: 5px;
display: block;
font-family: "Poppins", sans-serif;
color: #0a0a0a;
}
.team-slider-style4 .team-item .team-content .team-desc {
font-size: 14px;
margin-bottom: 0;
color: #777;
position: relative;
z-index: 1;
max-height: 0;
opacity: 0;
line-height: 24px;
-webkit-transition: all 0.6s, max-height 0.5s;
-o-transition: all 0.6s, max-height 0.5s;
-moz-transition: all 0.6s, max-height 0.5s;
transition: all 0.6s, max-height 0.5s;
overflow: hidden;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}
.team-slider-style4 .team-item .team-content .team-desc:before {
content: "";
position: absolute;
z-index: 1;
background: #010d14;
top: 0;
left: 50%;
width: 50px;
height: 2px;
margin-left: -25px;
}
.team-slider-style4 .team-item .team-content .social-icons {
text-align: center;
margin-top: 12px;
}
.team-slider-style4 .team-item .team-content .social-icons a {
display: inline-block;
}
.team-slider-style4 .team-item .team-content .social-icons a i {
color: #010d14;
font-size: 15px;
width: 35px;
height: 35px;
line-height: 35px;
background: transparent;
text-align: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
}
.team-slider-style4 .team-item:hover .team-content {
opacity: 1;
top: unset;
}
.team-slider-style4 .team-item:hover .team-content .team-desc {
position: relative;
max-height: 400px;
opacity: 1;
text-align: center;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.4s, max-height 1.5s;
-o-transition: all 0.4s, max-height 1.5s;
-moz-transition: all 0.4s, max-height 1.5s;
transition: all 0.4s, max-height 1.5s;
padding-top: 18px;
margin-top: 8px;
}
.team-grid-style5 .team-inner-wrap {
position: relative;
padding-bottom: 100px;
}
.team-grid-style5 .team-inner-wrap .image-wrap {
overflow: hidden;
}
.team-grid-style5 .team-inner-wrap .image-wrap img {
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
.team-grid-style5 .team-inner-wrap .team-content {
height: 100px;
width: 100%;
top: unset;
bottom: 0;
opacity: 1;
position: absolute;
padding: 15px 20px;
color: #444;
text-align: center;
overflow: hidden;
background: #fff;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc {
margin: 10px 0;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-name {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0;
text-transform: uppercase;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-name a {
color: #222;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-name a:hover {
opacity: 0.8;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-title {
font-size: 15px;
text-transform: capitalize;
color: #222;
float: none;
text-align: center;
font-weight: 400;
}
.team-grid-style5 .team-inner-wrap .team-content .team-desc {
display: none;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons {
bottom: -100px !important;
transition: all 0.3s ease 0s;
position: absolute;
bottom: 50px;
width: 100%;
text-align: center;
z-index: 100;
left: 50%;
opacity: 0;
transform: translateX(-50%) scale(0.5);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons a {
display: block;
width: 25px;
height: 25px;
line-height: 25px;
padding: 0;
border: none;
text-align: center;
color: #fff;
display: inline-block;
transition: all 0.3s ease 0s;
background: 0 0 !important;
margin-right: 8px;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons a i {
transition: all 0.3s ease 0s;
}
.team-grid-style5 .team-inner-wrap .team-content:hover {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background: #010d14;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
transition: 0.4s all ease;
left: 0;
}
.team-grid-style5 .team-inner-wrap:hover .image-wrap img {
-moz-transform: scale(1.03);
transform: scale(1.03);
}
.team-grid-style5 .team-inner-wrap:hover .team-content {
opacity: 1;
width: 100%;
visibility: visible;
transform: translate(0, 0);
top: unset;
bottom: 0;
height: 140px;
background: #222;
}
.team-grid-style5 .team-inner-wrap:hover .team-content:before {
background: #222;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .member-desc .team-name a {
color: #fff;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .member-desc .team-title {
color: #fff;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .member-desc:before {
background: #222;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .social-icons {
bottom: 25px !important;
opacity: 1;
transform: translateX(-50%) scale(1);
}
.team-slider-style5 .team-inner-wrap {
position: relative;
overflow: hidden;
padding-bottom: 100px;
background: #fff;
}
.team-slider-style5 .team-inner-wrap .image-wrap img {
-webkit-transition: all 0.7s;
transition: all 0.7s;
}
.team-slider-style5 .team-inner-wrap .team-content {
height: 100px;
width: 100%;
top: unset;
bottom: 0;
opacity: 1;
position: absolute;
padding: 15px 20px;
color: #444;
text-align: center;
overflow: hidden;
background: #fff;
-webkit-transition: 0.3s all ease;
-moz-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.team-slider-style5 .team-inner-wrap .team-content .member-desc {
margin: 10px 0;
}
.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-name {
font-size: 20px;
font-weight: 700;
line-height: 30px;
margin: 0;
text-transform: uppercase;
}
.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-name a {
color: #222;
}
.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-name a:hover {
opacity: 0.8;
}
.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-title {
font-size: 15px;
text-transform: capitalize;
color: #222;
float: none;
text-align: center;
font-weight: 400;
}
.team-slider-style5 .team-inner-wrap .team-content .team-desc {
display: none;
}
.team-slider-style5 .team-inner-wrap .team-content .social-icons {
bottom: -100px !important;
transition: all 0.3s ease 0s;
position: absolute;
bottom: 50px;
width: 100%;
text-align: center;
z-index: 100;
left: 50%;
opacity: 0;
transform: translateX(-50%) scale(0.5);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.team-slider-style5 .team-inner-wrap .team-content .social-icons a {
display: block;
width: 25px;
height: 25px;
line-height: 25px;
padding: 0;
border: none;
text-align: center;
color: #fff;
display: inline-block;
transition: all 0.3s ease 0s;
background: 0 0 !important;
margin-right: 8px;
}
.team-slider-style5 .team-inner-wrap .team-content .social-icons a i {
transition: all 0.3s ease 0s;
}
.team-slider-style5 .team-inner-wrap .team-content:before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background: #010d14;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
transition: 0.4s all ease;
left: 0;
}
.team-slider-style5 .team-inner-wrap .team-content:hover {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background: #010d14;
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
transition: 0.4s all ease;
left: 0;
}
.team-slider-style5 .team-inner-wrap:hover .image-wrap img {
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.team-slider-style5 .team-inner-wrap:hover .team-content {
opacity: 1;
width: 100%;
visibility: visible;
transform: translate(0, 0);
top: unset;
bottom: 0;
height: 140px;
background: #222;
}
.team-slider-style5 .team-inner-wrap:hover .team-content:before {
background: #222;
}
.team-slider-style5 .team-inner-wrap:hover .team-content .member-desc .team-name a {
color: #fff;
}
.team-slider-style5 .team-inner-wrap:hover .team-content .member-desc .team-title {
color: #fff;
}
.team-slider-style5 .team-inner-wrap:hover .team-content .member-desc:before {
background: #222;
}
.team-slider-style5 .team-inner-wrap:hover .team-content .social-icons {
bottom: 25px !important;
opacity: 1;
transform: translateX(-50%) scale(1);
}
.team-slider-style6 img {
border-radius: 5px 5px 0 0;
}
.team-slider-style6 .team-content {
text-align: center;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
padding: 20px 15px;
}
.team-slider-style6 .team-content .team-name {
margin-bottom: 2px;
font-size: 20px;
font-weight: 700;
}
.team-slider-style6 .team-content .team-name a {
color: #121933;
}
.team-slider-style6 .team-content .team-name a:hover {
color: #1273eb;
}
.team-slider-style6 .team-content .team-title {
font-size: 16px;
font-weight: 400;
}
.team-grid-style6 .team-item {
padding: 35px 20px 25px;
overflow: visible;
box-shadow: 0px 4px 16px 0px rgba(4, 45, 38, 0.05);
border-radius: 20px;
}
.team-grid-style6 .team-item .image-wrap {
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.team-grid-style6 .team-item .image-wrap img {
border-radius: 50%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.team-grid-style6 .team-item .image-inner {
overflow: hidden;
border-radius: 50%;
max-width: 135px;
margin: 0 auto;
}
.team-grid-style6 .team-item .social-icons {
text-align: center;
position: relative;
padding-top: 15px;
}
.team-grid-style6 .team-item .social-icons a {
display: inline-block;
}
.team-grid-style6 .team-item .social-icons a i {
color: #4a4a4a;
width: 35px;
height: 35px;
line-height: 35px;
background: transparent;
text-align: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
}
.team-grid-style6 .team-item .team-content {
text-align: center;
margin: 0;
padding-top: 10px;
position: unset;
opacity: 1;
}
.team-grid-style6 .team-item .team-content h3.team-name {
font-weight: 600;
font-size: 25px;
margin-bottom: 8px;
text-transform: capitalize;
}
.team-grid-style6 .team-item .team-content h3.team-name a {
text-decoration: none;
color: #121933;
}
.team-grid-style6 .team-item .team-content h3.team-name a:hover {
color: #2b59ff;
}
.team-grid-style6 .team-item .team-content span.team-title {
font-size: 14px;
color: #3E3E3E;
}
.team-grid-style6 .team-item:hover .image-wrap img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.team-slider-style7 .team-item {
padding: 35px 20px 25px;
overflow: visible;
border-radius: 20px;
}
.team-slider-style7 .team-item .team-item-wrap {
transition: all 0.3s ease 0s;
}
.team-slider-style7 .team-item .image-wrap {
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.team-slider-style7 .team-item .image-wrap img {
border-radius: 50%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.team-slider-style7 .team-item .image-inner {
border-radius: 50%;
margin: 0 auto;
}
.team-slider-style7 .team-item .social-icons {
text-align: center;
position: relative;
padding-top: 5px;
}
.team-slider-style7 .team-item .social-icons a {
display: inline-block;
}
.team-slider-style7 .team-item .social-icons a i {
color: #4a4a4a;
width: 35px;
height: 35px;
line-height: 35px;
background: transparent;
text-align: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
}
.team-slider-style7 .team-item .social-icons a:last-child {
margin-right: 0;
}
.team-slider-style7 .team-item .social-icons a:hover i {
color: #42806B;
}
.team-slider-style7 .team-item .team-content {
text-align: center;
margin: 0;
padding-top: 10px;
position: unset;
opacity: 1;
}
.team-slider-style7 .team-item .team-content h3.team-name {
font-weight: 600;
font-size: 25px;
margin-bottom: 0;
text-transform: capitalize;
}
.team-slider-style7 .team-item .team-content h3.team-name a {
text-decoration: none;
color: #121933;
}
.team-slider-style7 .team-item .team-content h3.team-name a:hover {
color: #2b59ff;
}
.team-slider-style7 .team-item .team-content span.team-title {
font-size: 14px;
color: #3E3E3E;
display: block;
}
.team-slider-style7 .team-item:hover .image-wrap img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap {
display: flex;
flex-direction: column;
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap .image-wrap {
order: 2;
}
.team-grid-style7 .team-item .team-content .team-name a:hover {
color: #42806B;
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap .team-content {
order: 1;
border-color: #42806B;
}
.team-grid-style7 .team-item .social-icons1 {
text-align: center;
margin-top: 14px;
}
.team-grid-style7 .team-item .social-icons1 a i {
color: #fff;
font-size: 16px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
top: unset;
}
.team-grid-style7 .team-item .team-inner-wrap {
border-radius: 0 0 5px 5px;
overflow: hidden;
position: relative;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap {
position: relative;
transition: all 0.3s ease 0s;
transform: translateX(0px);
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap img {
border-radius: 0;
width: 100%;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .share-icon {
margin: 0;
position: absolute;
z-index: 2;
right: 17px;
bottom: 17px;
font-size: 15px;
cursor: pointer;
transition: all 0.3s ease 0s;
background: #fff;
color: #1a73e9;
width: 32px;
height: 32px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .share-icon i {
position: unset;
z-index: 2;
width: inherit;
height: inherit;
border-radius: inherit;
display: inherit;
align-items: center;
justify-content: center;
background: inherit;
line-height: normal !important;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .share-icon:before {
background: #fff;
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 33px;
height: 33px;
border-radius: 50%;
transition: all 0.3s ease 0s;
-webkit-animation: pulse-border 1100ms ease-out infinite;
animation: pulse-border 1100ms ease-out infinite;
opacity: 0;
visibility: hidden;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .plus_team {
position: absolute;
top: 0;
bottom: 0;
right: -40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 40px;
transition: all 0.3s ease 0s;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .plus_team .share_excerpt {
writing-mode: vertical-rl;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 {
background: transparent;
padding: 12px 10px;
transition: all 0.3s ease 0s;
display: flex;
flex-direction: column;
text-align: center;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a {
padding: 0;
margin-top: 3px;
margin-bottom: 3px;
background: transparent;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a i {
color: #fff;
font-size: 12px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
border-radius: 50%;
margin: 0;
background: transparent;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a:first-child {
margin-top: 0;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a:last-child {
margin-bottom: 0;
}
.team-grid-style7 .team-item .team-inner-wrap .image-wrap .plus_team .social-icons1 a:hover i {
color: #EB003D;
background: transparent;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content {
border-radius: 0 0 5px 5px;
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
margin: 0;
padding: 20px 35px 17px;
background: #010d14;
margin-bottom: 30px;
position: unset;
opacity: 1;
position: relative;
margin-bottom: 0px;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content h3.team-name {
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
text-transform: capitalize;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content h3.team-name a {
text-decoration: none;
color: #ffffff;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content h3.team-name a:hover {
color: #c4c4c4;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content span.team-title {
font-size: 15px;
font-weight: 600;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team:hover .social-icons1 {
visibility: visible;
opacity: 1;
z-index: 2;
transform: scaleY(1);
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team i.ri-share-line {
background-color: #513DE8;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team .social-icons1 {
position: absolute;
right: 0;
bottom: 100%;
width: 50px;
background: #010d14;
padding: 12px 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
z-index: -1;
transform: scaleY(0);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team.custom {
position: relative;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team.custom i.ri-share-line {
background-color: #513DE8;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team.custom .social-icons {
position: absolute;
bottom: 100%;
width: 50px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
z-index: -1;
transform: scaleY(0);
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team.custom .social-icons a.social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #ffffff;
margin: 7px 0px;
border-radius: 5px;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team.custom .social-icons a.social-icon i {
color: #212C4A;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team.custom .social-icons a.social-icon:hover {
background-color: #ff3838;
transition: 0.5s;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team.custom .social-icons a.social-icon:hover i {
color: #fff;
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .plus_team.custom:hover .social-icons {
visibility: visible;
opacity: 1;
z-index: 2;
transform: scaleY(1);
}
.team-grid-style7 .team-item .team-inner-wrap .team-content .social-icons1 {
display: flex;
flex-direction: column;
}
.team-grid-style7 .team-item .team-inner-wrap.is-open .image-wrap {
transform: translateX(-40px);
}
.team-grid-style7 .team-item .team-inner-wrap.is-open .image-wrap .share-icon::before {
opacity: 1;
visibility: visible;
}
.team-grid-style7 .team-item.image-hover-style .image-wrap {
transition: all 0.3s ease 0s;
position: relative;
text-align: center;
}
.team-grid-style7 .team-item.image-hover-style .image-wrap a {
display: inline-block;
}
.team-grid-style7 .team-item.image-hover-style .image-wrap a img {
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.team-grid-style7 .team-item.image-hover-style .image-wrap a {
width: 100%;
}
.team-grid-style7 .team-item.image-hover-style .image-wrap a img {
width: 100%;
}
}
.team-grid-style7 .team-item.image-hover-style .image-wrap > * {
position: relative;
z-index: 1;
}
.team-grid-style7 .team-item.image-hover-style .image-wrap img {
transform: scale(1) !important;
}
.team-grid-style7 .team-item.image-hover-style .image-wrap::after {
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
transform: rotate(0);
transition: transform 0.8s;
pointer-events: none;
}
.team-grid-style7 .team-item.image-hover-style:hover .image-wrap::after {
transform: rotate(5deg);
}
.team-grid-style7 .team-item.image-hover-style:hover .image-wrap img {
opacity: 1 !important;
}
.team-grid-style7 .team-item:hover .team-inner-wrap .image-wrap .share-icon::before {
opacity: 1;
visibility: visible;
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap {
display: flex;
flex-direction: column;
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap .team-content .plus_team .social-icons1 {
top: 49%;
position: absolute;
right: 10px;
bottom: unset;
width: 50px;
background: unset;
padding: 12px 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
z-index: -1;
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap .team-content .plus_team .social-icons1 .social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #ffffff;
margin: 2px 0px;
border-radius: 5px;
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap .team-content .plus_team .social-icons1 .social-icon i {
color: #212C4A;
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap .team-content .plus_team .social-icons1 .social-icon:hover {
background-color: #42806B;
transition: 0.5s;
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap .team-content .plus_team .social-icons1 .social-icon:hover i {
color: #fff;
}
.team-grid-style7 .team-item.reverse_team .team-inner-wrap .team-content .plus_team:hover .social-icons1 {
visibility: visible;
opacity: 1;
z-index: 2;
transform: scaleY(1);
}
.team-grid-style8 .team-inner-wrap {
position: relative;
transition: all 0.3s ease 0s;
}
.team-grid-style8 .team-inner-wrap .image-wrap {
position: relative;
}
.team-grid-style8 .team-inner-wrap .image-wrap .plus_team {
position: absolute;
top: 17px;
right: 20px;
}
.team-grid-style8 .team-inner-wrap .image-wrap .plus_team .social-icons1 {
display: flex;
flex-direction: column;
top: 80%;
position: absolute;
right: -10px;
bottom: unset;
width: 50px;
background: unset;
padding: 12px 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
z-index: -1;
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
}
.team-grid-style8 .team-inner-wrap .image-wrap .plus_team .social-icons1 .social-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #ffffff;
margin: 2px 0px;
border-radius: 5px;
}
.team-grid-style8 .team-inner-wrap .image-wrap .plus_team .social-icons1 .social-icon i {
color: #071230;
top: 0px;
}
.team-grid-style8 .team-inner-wrap .image-wrap .plus_team .social-icons1 .social-icon:hover {
background-color: #42806B;
transition: 0.5s;
}
.team-grid-style8 .team-inner-wrap .image-wrap .plus_team .social-icons1 .social-icon:hover i {
color: #fff;
}
.team-grid-style8 .team-inner-wrap .image-wrap .plus_team i.ri-share-line {
background-color: #071230;
width: 40px;
height: 40px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
}
.team-grid-style8 .team-inner-wrap .image-wrap .plus_team:hover .social-icons1 {
visibility: visible;
opacity: 1;
z-index: 2;
transform: scaleY(1);
}
.team-grid-style8 .team-inner-wrap .team-name a {
color: #1a001b;
}
.team-grid-style8 .team-inner-wrap .team-name a:hover {
color: #42806B;
}
.team-grid-style8 .team-inner-wrap .phone-call {
position: absolute;
left: 0;
bottom: 0;
right: 0;
transform: perspective(400px) translateY(0px);
transform-origin: bottom;
transition: 0.5s;
z-index: 2;
visibility: hidden;
opacity: 0;
font-size: 15px;
font-weight: 500;
border-top: 1px solid #e6e7ea;
padding-top: 20px;
font-size: 16px;
font-weight: 700;
}
.team-grid-style8 .team-inner-wrap .phone-call i {
color: #071230;
}
.team-grid-style8 .team-inner-wrap .phone-call .call {
margin-left: 5px;
color: #071230;
}
.team-grid-style8 .team-inner-wrap:hover .phone-call {
transform: perspective(400px) translateY(40px);
transition: 0.5s;
visibility: visible;
opacity: 1;
}
.team-grid-style9 .team-item {
border: 1px solid rgba(233, 234, 237, 0.48);
padding: 20px;
border-radius: 4px;
transition: all 0.3s ease 0s;
margin-bottom: 0;
}
.team-grid-style9 .team-item .team-inner-wrap {
border-radius: 0 0 5px 5px;
overflow: hidden;
position: relative;
}
.team-grid-style9 .team-item .team-inner-wrap .team-content {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
background: transparent;
}
.team-grid-style9 .team-item .team-inner-wrap .team-content .inner-ctn h3.team-name, .team-grid-style9 .team-item .team-inner-wrap .team-content .inner-ctn a {
font-weight: 600;
font-size: 20px;
line-height: 32px;
margin-bottom: 0px;
text-transform: capitalize;
color: #00204a;
}
.team-grid-style9 .team-item .team-inner-wrap .team-content .inner-ctn h3.team-name a, .team-grid-style9 .team-item .team-inner-wrap .team-content .inner-ctn a a {
text-decoration: none;
}
.team-grid-style9 .team-item .team-inner-wrap .team-content .inner-ctn span.team-title {
font-size: 15px;
font-weight: 500;
line-height: 21px;
color: #656567;
}
.team-grid-style9 .team-item .team-inner-wrap .team-content .plus_team {
position: relative;
display: flex;
align-items: center;
transition: all 0.3s ease 0s;
}
.team-grid-style9 .team-item .team-inner-wrap .team-content .plus_team i {
background-color: #42806B;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
}
.team-grid-style9 .team-item .team-inner-wrap .image-wrap img {
border-radius: 4px;
}
.team-grid-style9 .team-item .team-inner-wrap .share-icon-wrapper {
position: absolute;
bottom: 5px;
left: 5px;
display: flex;
align-items: center;
margin-top: -20px;
}
.team-grid-style9 .team-item .team-inner-wrap .share-icon-wrapper i {
background-color: #00204a;
width: 40px;
height: 40px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
z-index: 2;
}
.team-grid-style9 .team-item .team-inner-wrap .share-icon-wrapper .social-icons1 {
display: flex;
transition: all 0.4s ease 0s;
margin-left: 3px;
opacity: 0;
transform: translateX(-50px);
}
.team-grid-style9 .team-item .team-inner-wrap .share-icon-wrapper .social-icons1 a {
margin: 0 1.5px;
}
.team-grid-style9 .team-item .team-inner-wrap .share-icon-wrapper .social-icons1 a i {
transition: all 0.3s ease 0s;
background: #42806B;
}
.team-grid-style9 .team-item .team-inner-wrap .share-icon-wrapper .social-icons1 a:hover i {
background: #FE6400;
}
.team-grid-style9 .team-item:hover .team-inner-wrap .image-wrap .share-icon::before {
opacity: 1;
visibility: visible;
}
.team-grid-style9 .team-item:hover .team-inner-wrap .share-icon-wrapper .social-icons1 {
transform: translateX(0px);
opacity: 1;
}
.team-grid-style10 .owl-stage-outer {
overflow-y: visible;
}
.team-grid-style10 .team-item {
margin-bottom: 125px;
position: relative;
overflow: visible;
}
.team-grid-style10 .team-item:before {
display: none;
background: transparent;
}
.team-grid-style10 .team-item .image-wrap {
background: #f6f5f6;
text-align: center;
transition: all 0.3s ease 0s;
}
.team-grid-style10 .team-item .image-wrap img {
max-width: calc(100% - 30px);
margin-left: auto;
margin-right: auto;
}
.team-grid-style10 .team-item .team-content {
background: #ffffff;
position: absolute;
z-index: 1;
opacity: 1;
height: unset;
display: inline-block;
top: unset;
bottom: -30px;
padding: 20px 20px 25px;
border-radius: 6px;
left: 20px;
right: 20px;
box-shadow: 0px 6px 34px 0px rgba(26, 0, 27, 0.06);
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
}
.team-grid-style10 .team-item .team-content .team-name {
display: block;
font-size: 22px;
margin-bottom: 0px;
text-transform: capitalize;
}
.team-grid-style10 .team-item .team-content .team-name a {
color: #1a001b;
}
.team-grid-style10 .team-item .team-content .team-name a:hover {
color: #42806B;
}
.team-grid-style10 .team-item .team-content .team-title {
font-size: 14px;
font-weight: 400;
padding-top: 5px;
display: block;
color: #656567;
}
.team-grid-style10 .team-item .team-content span.team-phone,
.team-grid-style10 .team-item .team-content span.team-email {
display: block;
}
.team-grid-style10 .team-item .team-content span.team-phone a,
.team-grid-style10 .team-item .team-content span.team-email a {
color: #656567;
}
.team-grid-style10 .team-item .team-content span.team-phone a:hover,
.team-grid-style10 .team-item .team-content span.team-email a:hover {
color: #42806B;
}
.team-grid-style10 .team-item:hover .team-content {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}.rs-team-slider.team-slider-style7 .image-wrap {
text-align: center;
border-radius: 0;
}
.rs-team-slider.team-slider-style7 .image-wrap .image-inner {
position: relative;
display: inline-block;
border-radius: 0;
}
.rs-team-slider.team-slider-style7 .image-wrap .image-inner a {
z-index: 1;
position: relative;
display: inline-block;
overflow: hidden;
border-radius: 47% 53% 60% 40%/41% 49% 51% 59%;
}
.rs-team-slider.team-slider-style7 .image-wrap .image-inner a img {
border-radius: unset;
}
.rs-team-slider.team-slider-style7 .image-wrap .image-inner:after {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 125px;
height: 125px;
border-radius: 50%;
background: #f9f9f9;
animation: team-shape-circle 55s linear infinite;
}
.rs-team-slider.team-slider-style8 .team-item .image-wrap {
padding: 37px;
background: linear-gradient(-45deg, transparent 17.98%, #e11631 99.52%);
border-radius: 50%;
}
.rs-team-slider.team-slider-style8 .team-item .image-wrap .img-inner-wrap {
position: relative;
border-radius: 50%;
overflow: hidden;
box-shadow: 4px 13px 10px 0px rgba(0, 0, 0, 0.5);
}
.rs-team-slider.team-slider-style8 .team-item .image-wrap .img-inner-wrap .team-social {
position: absolute;
right: 0;
left: 0;
bottom: 30px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
}
.rs-team-slider.team-slider-style8 .team-item .image-wrap .img-inner-wrap .team-social a {
display: inline-block;
margin-right: 3px;
}
.rs-team-slider.team-slider-style8 .team-item .image-wrap .img-inner-wrap .team-social a:last-child {
margin: 0 !important;
}
.rs-team-slider.team-slider-style8 .team-item .image-wrap .img-inner-wrap:after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 0.3s ease 0s;
background: linear-gradient(180deg, transparent 17.98%, #e11631 99.52%);
transform: translateY(50px) scale(1.2);
opacity: 0;
visibility: hidden;
}
.rs-team-slider.team-slider-style8 .team-item .team-item-wrap:hover .image-wrap .img-inner-wrap .team-social {
opacity: 1;
visibility: visible;
}
.rs-team-slider.team-slider-style8 .team-item .team-item-wrap:hover .image-wrap .img-inner-wrap:after {
visibility: visible;
opacity: 1;
transform: translateY(0) scale(1);
}
.rs-team-slider.team-slider-style9 .plus_team {
position: absolute;
right: 20px;
bottom: -20px;
}
.rs-team-slider.team-slider-style9 .plus_team .social-icons1 {
display: flex;
flex-direction: column;
margin-bottom: 2px;
transform: translateY(-20px);
transition: all 0.3s ease 0s;
opacity: 0;
}
.rs-team-slider.team-slider-style9 .plus_team .social-icons1 a {
margin: 1px 0;
}
.rs-team-slider.team-slider-style9 .plus_team .social-icons1 a:first-child {
top-bottom: 0;
}
.rs-team-slider.team-slider-style9 .plus_team .social-icons1 a:last-child {
margin-bottom: 0;
}
.rs-team-slider.team-slider-style9 .plus_team i {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 4px;
color: #1a001b;
width: 40px;
height: 40px;
background: #ffffff;
transition: all 0.3s ease 0s;
}
.rs-team-slider.team-slider-style9 .plus_team i:hover {
background: #e11631;
color: #ffffff;
}
.rs-team-slider.team-slider-style9 .plus_team i.ri-share-line {
background: #e11631;
color: #ffffff;
}
.rs-team-slider.team-slider-style9 .plus_team i.ri-share-line:hover {
background: #e11631;
color: #ffffff;
}
.rs-team-slider.team-slider-style9 .team-inner-wrap {
position: relative;
border-radius: 10px;
margin: 20px 0;
padding: 10px;
background: #ffffff;
box-shadow: 0px 2px 18px 0px rgba(12, 4, 66, 0.06);
}
.rs-team-slider.team-slider-style9 .team-inner-wrap .image-wrap {
position: relative;
}
.rs-team-slider.team-slider-style9 .team-inner-wrap .image-wrap img {
border-radius: 10px 10px 0 0;
}
.rs-team-slider.team-slider-style9 .team-inner-wrap .team-content {
padding: 20px 10px 15px;
}
.rs-team-slider.team-slider-style9 .team-inner-wrap .team-content .team-name {
margin: 0 0 3px;
font-size: 24px;
font-weight: 600;
line-height: 36px;
text-transform: capitalize;
}
.rs-team-slider.team-slider-style9 .team-inner-wrap .team-content .team-name a {
color: #1a001b;
}
.rs-team-slider.team-slider-style9 .team-inner-wrap .team-content .team-name a:hover {
color: #e11631;
}
.rs-team-slider.team-slider-style9 .team-inner-wrap:hover .plus_team .social-icons1 {
opacity: 1;
transform: translateY(0);
}
.team-slider-default {
position: relative;
margin: 0;
display: flex;
}
.team-slider-default .team-item {
padding: 0;
}
.team-slider-default .slider-for {
width: 65%;
max-width: 65%;
}
.team-slider-default .slider-for .team-inner-wrap {
margin-bottom: 0 !important;
}
.team-slider-default .slider-for .team-inner-wrap .image-wrap {
position: relative;
}
.team-slider-default .slider-for .team-inner-wrap .image-wrap img {
width: 100%;
}
.team-slider-default .slider-for .team-inner-wrap .image-wrap .social-icons {
display: flex;
flex-direction: column;
padding: 0 15px 15px 0;
gap: 5px;
position: absolute;
bottom: 0;
right: 0;
opacity: 0;
transform: scaleY(0);
transition: all 0.3s ease 0s;
}
.team-slider-default .slider-for .team-inner-wrap .image-wrap .social-icons a {
color: #000000;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, 0.8);
width: 35px;
background: #fff;
height: 35px;
border-radius: 3px;
}
.team-slider-default .slider-for .team-inner-wrap .image-wrap .social-icons a:hover {
color: #d52925;
}
.team-slider-default .slider-for .team-inner-wrap .team-content {
padding: 20px 2px 0 0;
margin-top: 4px;
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.team-slider-default .slider-for .team-inner-wrap .team-content .team-member-info .team-name {
margin-bottom: 0;
}
.team-slider-default .slider-for .team-inner-wrap .team-content .social-trigger-btn {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #fff;
background: #d52925;
transition: all 0.3s ease 0s;
cursor: pointer;
}
.team-slider-default .slider-for .team-inner-wrap .team-content .social-trigger-btn i {
line-height: 1;
top: 0;
}
.team-slider-default .slider-for .team-inner-wrap.highlight .social-icons {
transform: scaleY(1);
opacity: 1;
}
.team-slider-default .slider-for .team-inner-wrap.highlight .social-trigger-btn:not(.social-icons) {
transform: rotate(45deg);
}
.team-slider-default .rs-slide-nav {
max-width: 35%;
padding-left: 30px;
background: inherit;
max-height: 396px;
overflow: hidden;
}
.team-slider-default .image-list {
border: none !important;
}
.team-slider-default .image-list img {
margin-bottom: 30px;
cursor: pointer;
}
.team-slider-default .slick-dots {
line-height: 10px;
bottom: -40px;
z-index: 3;
}
.team-slider-default .slick-dots li {
display: inline-block;
width: unset;
height: unset;
margin: 0 5px;
}
.team-slider-default .slick-dots li button {
width: 15px;
height: 15px;
display: inline-block;
font-size: unset;
line-height: unset;
padding: unset;
background: #707484;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
border-radius: 15px;
}
.team-slider-default .slick-dots li button:before {
display: none;
}
.team-slider-default .slick-dots li button:hover {
background: #2b59ff;
opacity: 1;
width: 26px;
}
.team-slider-default .slick-dots li.slick-active button {
width: 24px;
background: #2b59ff;
opacity: 1;
}
.team-slider-default .slick-arrow {
position: absolute;
bottom: 0;
transition: all 0.3s ease 0s;
z-index: 9;
opacity: 1;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
background: #d52925;
}
.team-slider-default .slick-arrow:before {
opacity: 1;
font-family: remixicon;
font-style: normal;
-webkit-font-smoothing: antialiased;
}
.team-slider-default .slick-arrow.slick-next:before {
content: "\ea6c";
}
.team-slider-default .slick-arrow.slick-prev:before {
content: "\ea60";
}
.team-slider-default .slick-arrow:hover {
background: #282425;
}
.team-slider-default .slick-arrow:hover:before {
color: #fff;
}
.team-slider-default:hover .slick-arrow {
opacity: 1;
visibility: visible;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider {
position: relative;
padding-bottom: 123px;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider .custom-nav {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
border-radius: 10px;
overflow: hidden;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider .custom-nav .slick-arrow {
font-size: 16px;
line-height: 26px;
font-weight: 600;
text-transform: uppercase;
opacity: 1;
visibility: visible;
color: #fff;
font-family: "Epilogue", sans-serif;
background: #765DF7;
position: unset;
width: unset;
height: unset;
transform: unset;
display: flex;
align-items: center;
transition: all 0.3s ease 0s;
padding: 22px 44px;
border-radius: 0;
border: none;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider .custom-nav .slick-arrow svg {
margin-right: 10px;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider .custom-nav .slick-arrow svg path {
transition: all 0.3s ease 0s;
fill: #fff;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider .custom-nav .slick-arrow:before {
display: none;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider .custom-nav .slick-arrow.slick-next svg {
margin-left: 10px;
margin-right: 0;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider .custom-nav .slick-arrow:hover {
color: #F79C53;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider .custom-nav .slick-arrow:hover svg path {
fill: #F79C53;
}
.rsaddon-unique-slider.rs-team-slider.team-slider-style8 .rs-addon-slider .custom-nav:after {
position: absolute;
content: "/";
left: 50%;
top: 50%;
color: #fff;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 9;
}
@keyframes team-shape-circle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.home-4-team-member .team-item .team-content .social-icons1 {
display: flex;
flex-direction: column;
}
.home-4-team-member .team-item .team-content {
display: flex;
justify-content: space-between;
}.rs-portfolio-style1 .portfolio-details {
padding: 0;
}
.rs-portfolio-style1 .portfolio-details .p-category {
margin: 0 0 10px;
}
.rs-portfolio-style1 .portfolio-details .p-title {
margin: 0;
font-size: 35px;
line-height: 45px;
font-weight: 600;
}
.rs-portfolio-style1 .portfolio-item {
position: relative;
border-radius: 2px;
transition: 0.4s;
}
.rs-portfolio-style1 .portfolio-item .portfolio-img img {
border-radius: 2px;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details {
position: absolute;
bottom: 0;
transform: translateY(-20px);
left: 20px;
opacity: 0;
transition: 0.4s;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-category {
margin: 0;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-category a {
display: inline-block;
color: #ffffff;
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-transform: capitalize;
transition: 0.3s ease all;
padding: 7px 17px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-category a:hover {
background: #42806B;
opacity: 0.9;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-title {
margin: 0;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-title a {
color: #1a001b;
font-size: 24px;
font-weight: 600;
text-transform: capitalize;
transition: 0.3s ease all;
margin-top: 6px;
background: #ffffff;
padding: 10px 10px 10px 18px;
border-radius: 2px;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-title a .title-icons {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: #f2f2f2;
border-radius: 50%;
margin-left: 40px;
transition: all 0.3s ease 0s;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-title a .title-icons svg path {
fill: #42806B;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-title a .title-icons i {
top: unset;
font-size: 18px;
color: #42806B;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-title a .title-icons:hover {
background: #42806B;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-title a .title-icons:hover svg path {
fill: #ffffff;
}
.rs-portfolio-style1 .portfolio-item .portfolio-details .p-title a:hover {
color: #42806B;
}
.rs-portfolio-style1 .portfolio-item:hover .portfolio-details {
opacity: 1;
visibility: visible;
}
.rs-portfolio-style2 .portfolio-details {
padding: 0;
}
.rs-portfolio-style2 .portfolio-details .p-category {
margin: 0 0 10px;
}
.rs-portfolio-style2 .portfolio-details .p-title {
margin: 0;
font-size: 35px;
line-height: 45px;
font-weight: 600;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 {
padding: 0px !important;
position: relative;
border-radius: 4px !important;
transition: 0.4s;
height: unset !important;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2:before {
content: "";
position: absolute;
opacity: 0.6999999881;
background: #09496A;
left: 0;
right: 0;
height: 0;
transition: all 0.5s ease;
bottom: 0;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2:hover:before {
height: 100%;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 .portfolio-img img {
border-radius: 2px;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 .portfolio-details {
position: absolute;
bottom: 0;
transform: translateY(-25px);
opacity: 0;
transition: 0.4s;
width: 100%;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 .portfolio-details .p-category {
margin: 0;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 .portfolio-details .p-category a {
display: inline-block;
color: #ffffff;
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-transform: capitalize;
transition: 0.3s ease all;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 .portfolio-details .p-title {
margin: 0;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 .portfolio-details .p-title a {
color: #42806B;
font-size: 24px;
font-weight: 600;
text-transform: capitalize;
transition: 0.3s ease all;
margin-top: 6px;
display: inline-block;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 .portfolio-details .p-title a:hover {
color: #42806B;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 .portfolio-details .title-icons svg {
margin-top: 5px;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2 .portfolio-details .title-icons svg path {
fill: #42806B;
}
.rs-portfolio-style2 .portfolio-item.rsportfolio-grid-style2:hover .portfolio-details {
opacity: 1;
visibility: visible;
}.portfolio-filter {/*/*/}
.portfolio-filter.rs-portfolio-style2 .portfolio-item {
position: relative;
overflow: inherit;
z-index: 1;
margin-bottom: 30px;
background: unset !important;
transition: all 0.4s ease 0s;
}
@media only screen and (max-width: 767px) {
.portfolio-filter.rs-portfolio-style2 .portfolio-item img {
width: 100%;
}
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item:after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 2px solid rgba(230, 145, 35, 0.6705882353);
transition: 0.5s;
z-index: -1;
transform: translate(-10px, -10px);
border-radius: 4px;
transition: all 0.4s ease 0s;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content {
position: absolute;
left: 0;
right: 0;
bottom: -50px;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
background: #d52925;
opacity: 0;
visibility: hidden;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content:before {
content: "";
transition: unset;
position: absolute;
bottom: 100%;
height: 50px;
left: 0;
right: 0;
z-index: 1;
transform: translateY(1px);
clip-path: polygon(0 100%, 60% 0, 100% 100%);
background: inherit;
transition: all 0.4s ease 0s;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon {
position: unset;
z-index: 11;
margin: 0;
visibility: hidden;
transition: unset;
top: 2px;
right: 0px;
text-align: right;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: transparent;
border-radius: 0px 10px 10px 0px;
opacity: 1;
visibility: visible;
color: #ffffff;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon a {
display: flex;
align-items: center;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon a svg {
left: 11px;
top: 1px;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
transition: 0.5s;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon a:hover svg {
transform: translate3d(8px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon i {
font-size: 15px;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon i:before {
font-size: 15px;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title {
position: unset;
transition: unset;
z-index: 11;
margin: 0;
bottom: 55px;
left: -40px;
opacity: 1;
visibility: visible;
background: transparent;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title span.p-category {
display: block;
line-height: 1;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title span.p-category a:nth-of-type(1) {
position: relative;
margin-left: 50px;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title span.p-category a:nth-of-type(1)::before {
content: "";
position: absolute;
width: 40px;
height: 11px;
background-image: url(http://192.168.0.134:10005/wp-content/uploads/2023/05/partner_logo.png);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
top: 5px;
left: -50px;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title span.p-category a:nth-of-type(2) {
position: relative;
margin-left: 20px;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title span.p-category a:nth-of-type(2)::before {
content: "";
position: absolute;
width: 6px;
height: 6px;
background: #fff;
border-radius: 50%;
bottom: 8px;
left: -15px;
}
@media only screen and (max-width: 1366px) {
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title span.p-category a:nth-of-type(2)::before {
width: 5px;
height: 5px;
bottom: 5px;
}
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title span {
font-size: 16px;
font-weight: 400;
color: #ffffff;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item:hover .portfolio-content {
opacity: 1;
visibility: visible;
bottom: 0;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item:hover .portfolio-content .p-title {
bottom: 50px;
left: 0 !important;
opacity: 1;
visibility: visible;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item:hover .portfolio-content .p-icon {
opacity: 1;
visibility: visible;
right: -30px;
}
.portfolio-filter.rs-portfolio-style2 .portfolio-item:hover::after {
transform: translate(0, 0);
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 {
padding-bottom: 80px !important;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item {
overflow: visible;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-img {
overflow: hidden;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-img img {
border-radius: 0;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner {
background: #fff;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
position: absolute;
bottom: -60px;
padding: 34px 30px 26px;
transition: all 0.5s ease-in-out;
z-index: 10;
left: 30px;
right: 30px;
border-radius: 0;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title {
top: 0;
transition: all 0.8s ease-in-out;
left: 0;
z-index: 11;
width: 100%;
margin-bottom: 0;
font-size: 20px;
font-weight: 800;
line-height: 30px;
text-transform: capitalize;
position: relative;
font-size: 22px;
max-width: 220px;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title a {
color: #032e42;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner .p-category {
top: 0;
bottom: 0;
left: 0;
position: relative;
transition: all 0.8s ease-in-out;
margin-bottom: 8px;
text-transform: uppercase;
color: #666666;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner .p-icon {
position: absolute;
right: 30px;
bottom: 30px;
z-index: 11;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner .p-icon i {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 40px;
background: #f8e6e6;
text-align: center;
color: #032e42;
transition: 0.4s;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner .p-icon i:before {
margin: 0;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner .p-icon i:hover {
background: linear-gradient(to bottom right, #003b40, #ffb703);
color: #fff;
}
.portfolio-filter.rs-portfolio-style4 .rs-portfolio4 .portfolio-item:hover .portfolio-inner {
bottom: -50px;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item {
overflow: visible;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item .portfolio-img {
overflow: hidden;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item .portfolio-inner {
background: #fff;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
position: absolute;
bottom: -60px;
left: 0;
transition: all 0.5s ease-in-out;
z-index: 10;
text-align: center;
width: 100%;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title {
top: 12px;
text-align: center;
transition: all 0.8s ease-in-out;
left: 0;
z-index: 11;
width: 100%;
padding: 0 20px;
margin-bottom: 0;
font-weight: 700;
line-height: 30px;
text-transform: capitalize;
position: relative;
font-size: 20px;
font-weight: 600;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title a {
color: #121933;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title a:hover {
color: #121933;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-category {
top: 0;
bottom: 0;
left: 0;
text-align: center;
position: relative;
transition: all 0.8s ease-in-out;
opacity: 0;
margin-bottom: 0;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item:hover .portfolio-inner {
bottom: -50px;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item:hover .portfolio-inner .p-title {
top: 0;
}
.portfolio-filter.rs-portfolio-style5 .rs-portfolio4 .portfolio-item:hover .portfolio-inner .p-category {
opacity: 1;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-portfolio4 .portfolio-item .portfolio-inner {
bottom: -200px;
padding: 30px 0;
opacity: 0;
visibility: hidden;
max-width: 370px;
left: 50%;
transform: translateX(-50%);
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title {
top: 0;
margin-bottom: 5px;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-category {
opacity: 1;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-portfolio4 .portfolio-item img {
transform: scale(1);
opacity: 0.2;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-portfolio4.slick-current .portfolio-item img {
opacity: 1;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-portfolio4.slick-current .portfolio-inner {
bottom: 0;
opacity: 1;
visibility: visible;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-next {
position: absolute;
-webkit-transform: inherit;
transform: inherit;
transition: 0.6s ease all;
z-index: 2;
opacity: 1;
visibility: visible;
right: 24%;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-next:before {
font-family: Flaticon;
font-size: 24px;
color: #111111;
margin-left: 0;
opacity: 1;
transition: 0.3s;
content: "\f110";
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-next:hover:before {
color: #2b59ff;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-prev {
position: absolute;
-webkit-transform: inherit;
transform: inherit;
transition: 0.6s ease all;
z-index: 2;
opacity: 1;
visibility: visible;
left: 24%;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-prev:before {
font-family: Flaticon;
font-size: 24px;
color: #111111;
margin-left: 0;
opacity: 1;
transition: 0.3s;
content: "\f111";
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-prev:hover:before {
color: #2b59ff;
}
.portfolio-filter .rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-dots {
bottom: -35px;
}
.portfolio-filter.rs-portfolio-style6 .portfolio-filter {
display: inline-block;
}
.portfolio-filter .portfolio-read-more {
width: 50px;
height: 50px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 24px;
}
.portfolio-filter .portfolio-read-more svg {
width: 14px;
height: 14px;
}
.portfolio-filter .portfolio-read-more svg path {
fill: #d52925;
}
.portfolio-filter.rs-portfolio-style6 .portfolio-filter button {
margin: 0px;
}
.portfolio-filter.rs-portfolio-style6 .portfolio-filter button.active, .portfolio-filter.rs-portfolio-style6 .portfolio-filter button:hover {
webkit-clip-path: polygon(50% 0%, 100% 1%, 100% 35%, 100% 80%, 94% 100%, 50% 100%, 21% 100%, 0 100%, 0 0, 86% 0) !important;
clip-path: polygon(50% 0%, 100% 1%, 100% 35%, 100% 80%, 94% 100%, 50% 100%, 21% 100%, 0 100%, 0 0, 86% 0) !important;
}
.portfolio-filter.rs-portfolio-style6 .portfolio-item .portfolio-inner p {
font-size: 17px;
line-height: 28px;
}
.portfolio-filter i.custom-icon {
font-style: normal;
}
.portfolio-filter .p-icon i {
font-style: normal;
}
.portfolio-filter body i.custom-icon {
font-size: 28px;
display: inline-block;
}
.portfolio-filter body .rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon i.custom-icon {
font-size: 28px;
}
.portfolio-filter body .rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon i.custom-icon:before {
font-size: 28px;
}
.portfolio-filter .portfolio-filter {
margin-bottom: 20px;
}
.portfolio-filter .portfolio-filter button {
padding: 5px 20px;
border-radius: 3px;
display: inline-block;
border-radius: 3px !important;
font-weight: 500;
position: relative;
}
.portfolio-filter .portfolio-filter button:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: #2b59ff;
height: 2px;
width: 0;
transition: 0.4s;
}
.portfolio-filter .portfolio-filter button:hover {
color: #121933;
}
.portfolio-filter .portfolio-filter button + button {
margin-left: 20px;
}
.portfolio-filter .portfolio-filter button.active {
color: #ff5421;
}
.portfolio-filter .portfolio-filter button.active:before {
width: 10px;
}
.portfolio-filter .portfolio-filter button.active:hover {
color: #ff5421;
}
.portfolio-filter .rs-portfolios9 .grid {
display: flex;
}
.portfolio-filter .rs-portfolios9 .portfolio-item {
position: relative;
overflow: hidden;
z-index: 1;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-content {
position: absolute !important;
padding: 24px 30px;
opacity: 0;
z-index: 10;
top: 0;
visibility: hidden;
width: 100%;
height: 100%;
text-align: center;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-content:before {
content: "";
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
width: 100%;
height: 100%;
background: rgba(0, 69, 122, 0.7294117647);
transition: all 0.4s;
transform: scale(1.2);
transition: 0.6s;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-content a {
color: #fff;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-content .p-title {
margin-bottom: 5px;
font-size: 18px;
transition: 0.3s ease all;
line-height: 25px !important;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-content p {
margin-bottom: 0;
color: #fff;
transition: 0.3s ease all;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-content .portfolio-inner {
position: relative;
z-index: 11;
transform: scale(1.3);
transition: 0.5s;
}
.portfolio-filter .rs-portfolios9 .portfolio-item:hover .portfolio-content {
opacity: 1;
visibility: visible;
}
.portfolio-filter .rs-portfolios9 .portfolio-item:hover .portfolio-content:before {
opacity: 1;
visibility: visible;
}
.portfolio-filter .rs-portfolios9 .portfolio-item:hover .portfolio-img img {
transform: scale(1);
}
.portfolio-filter .rs-portfolios9 .portfolio-item:hover .portfolio-content:before, .portfolio-filter .rs-portfolios9 .portfolio-item:hover .portfolio-content .portfolio-inner {
transform: scale(1);
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-img {
position: relative;
z-index: 1;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-img img {
width: 100%;
transform: scale(1.2);
transition: 0.6s;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-img .p-link {
position: absolute;
bottom: 20px;
right: 20px;
display: inline-block;
font-size: 36px;
color: #ffffff;
transition: all 0.3s ease;
opacity: 0;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-img .p-link i {
margin-left: 2px;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-img:hover {
opacity: 0.7 !important;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .p-icon {
transition: all 0.4s ease-in-out 0s;
bottom: -100px;
right: 25px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #080d41;
border-radius: 50%;
z-index: 7;
opacity: 0;
visibility: hidden;
position: absolute;
}
.portfolio-filter .rs-portfolios9 .portfolio-item .portfolio-content p {
margin-bottom: 8px;
}.rs-portfolio-slider .rs-addon-sliders {
position: relative;
}
.rs-portfolio-slider .rs-addon-sliders .portfolio-img {
flex-shrink: 0;
}
.rs-portfolio-slider .rs-addon-sliders.slick-dotted {
margin: 0;
}
.rs-portfolio-slider .rs-addon-sliders .slick-list {
padding: 0 !important;
}
.rs-portfolio-slider .rs-addon-sliders .slick-list .slick-track {
display: flex;
align-items: center;
}
.rs-portfolio-slider .rs-addon-sliders .slick-arrow {
top: unset;
left: 42%;
right: unset;
bottom: 0;
background: transparent;
width: auto;
height: auto;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #C6C1C2;
border-radius: 50%;
}
.rs-portfolio-slider .rs-addon-sliders .slick-arrow::before {
line-height: unset;
content: "\ea60";
font-family: remixicon;
font-size: 18px;
color: #071230;
transition: all 0.3s ease 0s;
}
.rs-portfolio-slider .rs-addon-sliders .slick-arrow.slick-next {
right: 42%;
left: unset;
}
.rs-portfolio-slider .rs-addon-sliders .slick-arrow.slick-next::before {
content: "\ea6c";
}
.rs-portfolio-slider .rs-addon-sliders .slick-arrow:hover {
background: transparent;
border-color: #e11631;
}
.rs-portfolio-slider .rs-addon-sliders .slick-arrow:hover:before {
color: #e11631;
}
.rs-portfolio-slider .rs-addon-sliders .slick-dots li.slick-active button {
width: 8px;
height: 8px;
}
.rs-portfolio-slider .rs-addon-sliders .slick-dots li button {
width: 8px;
height: 8px;
}
.rs-portfolio-slider .rs-addon-sliders.slick-dots-2 .slick-dots li button {
width: 20px;
height: 20px;
position: relative;
border: 1px solid transparent;
background: transparent;
transition: all 0.3s ease 0s;
}
.rs-portfolio-slider .rs-addon-sliders.slick-dots-2 .slick-dots li button:after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #e11631;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease 0s;
}
.rs-portfolio-slider .rs-addon-sliders.slick-dots-2 .slick-dots li button:hover {
border-color: #e11631;
}
.rs-portfolio-slider .rs-addon-sliders.slick-dots-2 .slick-dots li.slick-active button {
border-color: #e11631;
}
.rs-portfolio-slider .rs-addon-sliders .portfolio-content,
.rs-portfolio-slider .rs-addon-sliders .description {
transition: all 0.3s ease 0s;
}
.rs-portfolio-slider.overlay-show .portfolio-item .portfolio-img {
position: relative;
}
.rs-portfolio-slider.overlay-show .portfolio-item .portfolio-img:after {
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
transition: all 0.3s ease 0s;
}
.rs-portfolio.swiper .content-details {
display: block;
margin-bottom: 55px;
margin-top: 20px;
}
.rs-portfolio.swiper.swiper-horizontal > .swiper-scrollbar {
width: 100%;
background-color: #ffe8e5;
height: 5px;
left: 0;
}
.rs-portfolio.swiper.swiper-horizontal > .swiper-scrollbar .swiper-scrollbar-drag {
background-color: #f05c4e;
}/*/*/.rs-portfolio-style2 .portfolio-item {
padding: 30px;
position: relative;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 510px;
flex-shrink: 0;
display: flex;
align-items: flex-end;
transition: all 0.5s;
border-radius: 6px;
margin-bottom: 75px;
cursor: pointer;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content {
position: unset;
opacity: 0;
overflow: hidden;
transition: all 0.3s ease 0s;
transform: translateY(-20px);
pointer-events: none;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title {
margin: 0;
font-size: 24px;
font-weight: 600;
text-transform: capitalize;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title a {
color: #071230;
transition: 0.3s ease all;
margin-top: 6px;
background: #ffffff;
padding: 10px 20px;
border-radius: 2px;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title a .title-icons {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: #f2f2f2;
border-radius: 50%;
margin-left: 55px;
transition: all 0.3s ease 0s;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title a .title-icons svg path {
fill: #e11631;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title a .title-icons i {
top: unset;
font-size: 18px;
color: #e11631;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title a .title-icons:hover {
background: #e11631;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title a .title-icons:hover svg path {
fill: #ffffff;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title a:hover {
color: #e11631;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-category {
margin: 0;
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-transform: capitalize;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-category a {
display: inline-block;
color: #fff;
transition: 0.3s ease all;
background: #e11631;
padding: 7px 17px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-category a:hover {
background: #e11631;
opacity: 0.9;
}
.rs-portfolio-style2 .slick-active:not(.slick-center) .portfolio-item {
height: 400px;
transition-delay: 0.5s;
transition: 0s;
}
.rs-portfolio-style2 .slick-active.slick-center {
display: flex;
justify-content: center;
position: relative;
z-index: 2;
}
.rs-portfolio-style2 .slick-active.slick-center .portfolio-item {
cursor: default;
box-shadow: rgba(0, 0, 0, 0.22) 0px 60px 20px -47px;
width: calc(100% + 170px) !important;
}
.rs-portfolio-style2 .slick-active.slick-center .portfolio-item .portfolio-content {
opacity: 1;
visibility: visible;
transform: translateY(0px);
pointer-events: unset;
}/*/*/.rs-portfolio-style3 .portfolio-item {
position: relative;
overflow: hidden;
}
.rs-portfolio-style3 .portfolio-item .portfolio-img {
border-radius: 4px;
overflow: hidden;
}
.rs-portfolio-style3 .portfolio-item .p-category {
font-size: 15px;
font-weight: 500;
line-height: 21px;
margin-bottom: 10px;
}
.rs-portfolio-style3 .portfolio-item .p-category a {
color: #e11631;
}
.rs-portfolio-style3 .portfolio-item .p-category a:hover {
color: #b31127;
}
.rs-portfolio-style3 .portfolio-item .p-title {
font-size: 24px;
font-weight: 600;
line-height: 36px;
margin: 0;
}
.rs-portfolio-style3 .portfolio-item .p-title a {
color: #071230;
}
.rs-portfolio-style3 .portfolio-item .p-title a:hover {
color: #e11631;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content {
position: absolute;
left: 30px;
bottom: -30px;
min-width: 295px;
background: #fff;
padding: 20px 24px 13px;
border-radius: 6px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease 0s;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content .p-icon a {
color: #e11631;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content .p-icon a svg {
transition: all 0.3s ease 0s;
margin-left: 5px;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content .p-icon a svg path {
fill: #e11631;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content .p-icon a i {
color: #e11631;
margin-left: 5px;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content .p-icon a:hover svg {
transform: rotate(45deg);
}
.rs-portfolio-style3 .portfolio-item:hover .portfolio-content {
bottom: 30px;
opacity: 1;
visibility: visible;
}
.rs-portfolio-style3 .slick-current .portfolio-content {
bottom: 30px;
opacity: 1;
visibility: visible;
}
.rs-portfolio-style4 .portfolio-details {
padding: 0;
}
.rs-portfolio-style4 .portfolio-details .p-category {
margin: 0 0 10px;
}
.rs-portfolio-style4 .portfolio-details .p-title {
margin: 0;
font-size: 35px;
line-height: 45px;
font-weight: 600;
}
.rs-portfolio-style4 .portfolio-item {
position: relative;
border-radius: 2px;
transition: 0.4s;
}
.rs-portfolio-style4 .portfolio-item .portfolio-img img {
border-radius: 2px;
}
.rs-portfolio-style4 .portfolio-item .portfolio-img::before {
content: "";
position: absolute;
background: #014656;
left: 0;
right: 0;
height: 0;
transition: all 0.5s ease;
bottom: 0;
}
.rs-portfolio-style4 .portfolio-item:hover .portfolio-img::before {
height: 100%;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details {
position: absolute;
bottom: 0;
transform: translateY(-20px);
left: 20px;
opacity: 0;
transition: 0.4s;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-category {
margin: 0;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-category a {
display: inline-block;
color: #ffffff;
font-size: 14px;
line-height: 14px;
font-weight: 400;
text-transform: capitalize;
transition: 0.3s ease all;
background: #e11631;
padding: 7px 17px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-category a:hover {
background: #e11631;
opacity: 0.9;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-title {
margin: 0;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-title a {
color: #1a001b;
font-size: 24px;
font-weight: 600;
text-transform: capitalize;
transition: 0.3s ease all;
margin-top: 6px;
background: #ffffff;
padding: 10px 10px 10px 18px;
border-radius: 2px;
display: inline-block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-title a .title-icons {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: #f2f2f2;
border-radius: 50%;
margin-left: 40px;
transition: all 0.3s ease 0s;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-title a .title-icons svg path {
fill: #e11631;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-title a .title-icons i {
top: unset;
font-size: 18px;
color: #e11631;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-title a .title-icons:hover {
background: #e11631;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-title a .title-icons:hover svg path {
fill: #ffffff;
}
.rs-portfolio-style4 .portfolio-item .portfolio-details .p-title a:hover {
color: #e11631;
}
.rs-portfolio-style4 .portfolio-item:hover .portfolio-details {
opacity: 1;
visibility: visible;
}.counter-top-area {
position: relative;
padding: 0;
}
.counter-top-area .rs-counter-list .counter-icon {
display: inline-block;
}
.counter-top-area .rs-counter-list .counter-icon i {
font-size: 50px;
color: #dcdcdc;
line-height: 60px;
transition: all 0.3s ease 0s;
}
.counter-top-area .rs-counter-list .count-text .rs-counter {
font-size: 50px;
color: #010d14;
line-height: 60px;
display: inline-block;
transition: all 0.3s ease 0s;
}
.counter-top-area .rs-counter-list .count-text .title {
font-size: 18px;
color: #666;
line-height: 18px;
transition: all 0.3s ease 0s;
display: block;
}
.counter-top-area.style1 {
text-align: center;
}
.counter-top-area.style1 .count-number span {
padding: 10px 0px 10px 0px;
}
.counter-top-area.skew_enable .rs-counter-list {
position: relative;
z-index: 1;
}
.counter-top-area.skew_enable:after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #4301FF;
transform: skewX(-4deg);
border-radius: 10px;
}
.counter-top-area.style2 .rs-counter-list {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.counter-top-area.style2 .rs-counter-list .counter-icon {
display: inline-block;
align-self: end;
position: relative;
flex-shrink: 0;
}
.counter-top-area.style2 .rs-counter-list .counter-icon img {
z-index: 1;
position: relative;
}
.counter-top-area.style2 .rs-counter-list .counter-icon:after {
position: absolute;
content: "";
width: 126px;
height: 130px;
border-radius: 10px;
bottom: -25px;
left: 26px;
background: rgba(50, 63, 124, 0.0509803922);
}
.counter-top-area.style2 .rs-counter-list .count-text {
z-index: 1;
position: relative;
}
.counter-top-area.style2 .rs-counter-list .count-number {
display: flex;
align-items: center;
}
.counter-top-area.style2 .rs-counter-list .count-number span {
color: #e11631;
}
.counter-top-area.style3 .count-text {
display: flex;
align-items: flex-end;
}
.counter-top-area.style3 .count-text .title {
position: relative;
bottom: 8px;
}
.counter-top-area.style4 {
padding: 20px 0 20px 20px;
position: relative;
}
.counter-top-area.style4 .rs-counter-list {
position: relative;
z-index: 1;
}
.counter-top-area.style4:after {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
width: 70px;
background: #2b59ff;
}
.home_2_counters .elementor-counter-number-prefix {
flex-grow: unset !important;
}
.counter-custom-css .counter-top-area .rs-counter-list {
display: flex;
flex-direction: column;
}
.counter-custom-css .counter-top-area .rs-counter-list .counter-icon {
order: 2;
}
.counter-custom-css .counter-top-area .rs-counter-list .count-text {
order: 1;
}
.counter {
text-align: center;
height: 210px;
width: 210px;
padding: 7px 4px 0;
margin: 0 auto;
position: relative;
z-index: 1;
}
.counter:before {
content: "";
background-color: #fff;
height: 157px;
width: 157px;
border-radius: 15px;
border: 5px solid #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
}
.counter .counter-icon {
color: #ffffff;
background: #e11631;
line-height: 70px;
font-size: 35px;
height: 70px;
width: 70px;
margin: 0 auto 8px;
border-radius: 19px 0 50px;
transform: rotate(45deg);
}
.counter .counter-icon i, .counter .counter-icon img, .counter .counter-icon svg {
transform: rotate(-45deg);
}
.counter .count-number {
position: relative;
}
.counter .count-number span.rs-counter {
color: #00204a;
font-size: 25px;
font-weight: 700;
letter-spacing: 1px;
margin: 0 0 13px 0;
display: block;
}
.counter .count-number span.plusss {
position: absolute;
color: #00204a;
top: 6px;
right: 0;
left: 34%;
font-size: 20px;
}
.counter h3 {
color: #ffffff;
background: #e11631;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
line-height: 28px;
text-transform: capitalize;
padding: 10px 5px;
margin: 0;
border-radius: 0 0 20px 20px;
position: relative;
}
.counter h3::before, .counter h3::after {
content: "";
background: #b31127;
width: 23px;
height: 15px;
position: absolute;
z-index: -2;
top: -15px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.counter h3::before {
left: 0;
}
.counter h3::after {
transform: rotateY(180deg);
left: auto;
right: 0;
}
@media screen and (max-width: 990px) {
.counter {
margin-bottom: 40px;
}
}.rs-addon-cost-calculator .cost_calculator .area-ctrol {
margin-bottom: 30px;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol:not(.area-calculate) {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol:not(.area-calculate) > * {
flex-shrink: 0;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol:not(.area-calculate) > * label {
flex: 0 0 40%;
width: 40%;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol:not(.area-calculate) > *:not(label) {
flex: 0 0 60%;
width: 60%;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol.area-calculate {
margin-bottom: 44px;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol.area-calculate .range-inner {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol.area-calculate .range-inner .range_result {
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol.emergency-calculate .emergency-inner {
display: flex;
align-items: center;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol.emergency-calculate .emergency-inner input {
margin-right: 15px;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol label {
font-size: 18px;
font-weight: 600;
color: #1a001b;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol input[type=range] {
-webkit-appearance: none;
width: 100%;
height: 14px;
border-radius: 16px;
background: transparent;
border: 2px solid rgba(7, 18, 48, 0.05);
outline: none;
opacity: 1;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol input[type=range]:hover {
opacity: 1;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 24px;
height: 24px;
background: #e11631;
cursor: pointer;
border-radius: 50%;
box-shadow: 0px 0px 10px 0px rgba(225, 22, 49, 0.1);
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol input[type=range]::-moz-range-thumb {
width: 24px;
height: 24px;
background: #e11631;
cursor: pointer;
border-radius: 50%;
box-shadow: 0px 0px 10px 0px rgba(225, 22, 49, 0.1);
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol input[type=checkbox] {
appearance: none;
display: grid;
place-content: center;
width: 20px;
height: 20px;
border: 1px solid #e11631;
border-radius: 0;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol input[type=checkbox]:before {
content: "";
width: 20px;
height: 20px;
transform: scale(0);
transition: 120ms transform ease-in-out;
box-shadow: inset 1.1em 1.1em #e11631;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol input[type=checkbox]:checked::before {
transform: scale(0.4);
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol .select-option {
position: relative;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol .select-option select {
appearance: none;
margin: 0;
height: 40px;
border: 2px solid rgba(7, 18, 48, 0.05);
padding: 5px 15px;
font-size: 15px;
color: #656567;
background: transparent;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol .select-option:after {
position: absolute;
content: "\ea4d";
font-family: remixicon;
right: 12px;
top: 0;
bottom: 0;
display: flex;
align-items: center;
z-index: 1;
font-size: 25px;
pointer-events: none;
color: #515261;
}
.rs-addon-cost-calculator .cost_calculator .area-ctrol:last-child {
margin-bottom: 0;
}
.rs-addon-cost-calculator .result-area {
margin-top: 25px;
}
.rs-addon-cost-calculator .result-area .calculate_list,
.rs-addon-cost-calculator .result-area .range_result2 {
font-weight: 500;
font-size: 15px;
}
.rs-addon-cost-calculator .result-area .calculate_list span,
.rs-addon-cost-calculator .result-area .range_result2 span {
text-transform: uppercase;
}
.rs-addon-cost-calculator .result-area .total {
margin-top: 25px;
border: 2px solid rgba(7, 18, 48, 0.05);
border-radius: 4px;
padding: 11px 25px;
position: relative;
}
.rs-addon-cost-calculator .result-area .total span {
color: #1a001b;
font-weight: 500;
font-size: 15px;
}
.rs-addon-cost-calculator .result-area .total p {
position: absolute;
right: -2px;
top: -2px;
bottom: -2px;
margin: 0;
border-radius: inherit;
padding: 5px 30px;
font-size: 20px;
display: flex;
align-items: center;
text-align: center;
font-weight: 600;
line-height: 32px;
background: #e11631;
color: #ffffff;
}.rs-addon-services.style1 .services-inner {
transition: all 0.3s ease 0s;
}
.rs-addon-services.style1 .services-inner .media_wrap .image_style img {
-webkit-transform-style: preserve-3d;
transition: -webkit-transform 1s ease-in;
transition: -mz-transform 1s ease-in;
transition: transform 1s ease-in;
}
.rs-addon-services.style1 .services-inner .numbering {
flex-shrink: 0;
transition: 0.5s;
}
.rs-addon-services.style1 .services-inner:hover .btn-part {
transition: 0.5s;
}
.rs-addon-services.style1 .services-inner:hover .services-btn {
color: #42806B;
}
.rs-addon-services.style1 .services-inner:hover .services-btn .ser-icon-right {
background: #323f7c;
}
.rs-addon-services.style1 .services-inner .services-btn svg path {
fill: #42806B !important;
}
.rs-addon-services.style1 .services-inner .services-btn .ser-icon-right {
background: #ebb88f;
border-radius: 50%;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
transition: 0.3s;
}
.rs-addon-services.style1 .services-inner .services-btn .ser-icon-right:before {
content: "";
position: absolute;
width: 1px;
height: 30px;
background: rgba(255, 255, 255, 0.4);
left: -10px;
}
.rs-addon-services.style1 .services-inner .services-btn svg {
top: 1px;
}
.rs-addon-services.style1 .services-inner .services-btn svg {
transition: all 0.3s ease 0s;
}
.rs-addon-services.style1 .services-inner .services-btn:hover svg {
transform: translateX(15deg);
}
.rs-addon-services.style1 .services-inner .services-title > * {
transition: 0.3s;
}
.rs-addon-services.style1 .services-inner:after {
position: absolute;
content: "";
background: #000;
height: 4px;
width: 0;
transition: all 0.7s;
left: auto;
right: 0;
display: none;
bottom: 0;
pointer-events: none;
}
.rs-addon-services.style1 .services-inner:hover:after {
width: 100%;
left: 0;
right: auto;
}
.rs-addon-services.style1.shape-enable {
clip-path: polygon(0% 0%, 75% 0, 99% 50%, 75% 100%, 0% 100%);
}
.rs-addon-services.style2 .services-inner {
position: relative;
background: #42806B;
border-radius: 10px;
transition: all 0.3s ease 0s;
}
.rs-addon-services.style2 .services-inner:before {
position: absolute;
content: "";
left: 3px;
right: 4px;
top: 99.4%;
height: 50px;
background: #42806B;
clip-path: polygon(50% 100%, 0 0, 100% 0);
transition: all 0.3s ease 0s;
}
.rs-addon-services.style2 .services-inner .media_wrap {
position: relative;
}
.rs-addon-services.style2 .services-inner .media_wrap .media-cmn {
transition-duration: 0.2s !important;
}
.rs-addon-services.style2 .services-inner .media_wrap .media-cmn .normal {
display: block;
}
.rs-addon-services.style2 .services-inner .media_wrap .media-cmn .hover {
display: none;
}
.rs-addon-services.style2 .services-inner .media_wrap img {
transition: all 0.3s ease 0s;
}
.rs-addon-services.style2 .services-inner .media_wrap .overly_style_icon_normal {
position: absolute;
left: 30px;
bottom: -35px;
width: 80px;
height: 80px;
border-radius: 50%;
transition: all 0.5s;
opacity: 1;
background: linear-gradient(253.04deg, #4200FF 7.71%, #104CBA 91.47%);
z-index: 1;
pointer-events: none;
display: flex;
align-items: center;
justify-content: center;
}
.rs-addon-services.style2 .services-inner .media_wrap .overly_style_icon_normal img {
width: 40px;
height: auto;
}
.rs-addon-services.style2 .services-inner .numbering {
transition: all 0.3s ease 0s;
position: absolute;
bottom: -60px;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 40px;
line-height: 45px;
background: #2d6759;
text-align: center;
border-radius: 50%;
}
.rs-addon-services.style2 .services-inner .numbering span {
font-size: 20px;
color: #ffffff;
}
.rs-addon-services.style2 .services-inner .numbering::after {
content: "";
position: absolute;
width: 60px;
height: 60px;
border: 1px solid white;
border-radius: 50%;
top: 50%;
left: 50%;
-web-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.rs-addon-services.style2 .desc-text {
margin-top: 82px;
}
.rs-addon-services.style2:hover .services-inner {
background-color: #073937;
}
.rs-addon-services.style2:hover .services-inner:before {
background: #073937;
}
.rs-addon-services.style2:hover .services-inner .media_wrap .image_style img {
transform: scale(1.06);
}
.rs-addon-services.style2:hover .numbering {
background: #42806B;
}
.rs-addon-services.style3 .services-inner .media_wrap {
overflow: hidden;
border-radius: 4px;
}
.rs-addon-services.style3 .services-inner .media_wrap .image_style img {
transition: all 0.3s ease 0s;
}
.rs-addon-services.style3 .services-inner .media_wrap:hover .image_style img {
transform: scale(1.05);
}
.rs-addon-services.style3 .services-inner .content_part {
box-shadow: 0px 4px 18px 0px rgba(16, 23, 65, 0.05);
background-color: #ffffff;
margin: -47px 10px 15px 10px;
position: relative;
padding: 50px 30px 33px 30px;
border-radius: 4px;
}
.rs-addon-services.style3 .services-inner .content_part .services-title .title {
margin-bottom: 8px;
color: #101741;
font-size: 24px;
}
.rs-addon-services.style3 .services-inner .content_part .services-title .title a {
color: #101741;
font-size: 24px;
}
.rs-addon-services.style3 .services-inner .content_part .services-title .title:hover * {
color: #42806B;
}
.rs-addon-services.style3 .services-inner .content_part .desc-text {
font-size: 16px;
}
.rs-addon-services.style3 .services-inner .content_part .icon_style {
position: absolute;
width: 85px;
height: 80px;
left: 50%;
top: 0;
transition: all 0.3s ease 0s;
transform: translate(-50%, -50%);
background-image: url(http://192.168.0.134:10011/wp-content/uploads/2023/06/triangle-shape.png);
background-repeat: no-repeat no-repeat;
background-position: center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
}
.rs-addon-services.style3 .services-inner .content_part .icon_style img {
width: 41px;
height: auto;
margin-top: 10px;
transition: transform 0.5s;
}
.rs-addon-services.style3 .services-inner:hover .content_part .icon_style img {
transform: scale(-1) rotate(180deg);
}
.rs-addon-services.style4 {
position: relative;
transition: all 0.3s ease 0s;
}
.rs-addon-services.style4:hover:before {
content: "";
position: absolute;
height: 5px;
background: #00204a;
width: 100%;
border-radius: 6px 6px 0px 0px;
left: 0;
right: 0;
top: 0;
}
.rs-addon-services.style4 .services-inner .service-heading {
display: flex;
align-items: center;
}
.rs-addon-services.style4 .services-inner .service-heading .feature-content-style-four > * {
margin: 0;
}
.rs-addon-services.style4 .services-inner .service-heading .feature-image img {
height: 70px;
}
.rs-addon-services.style4 .services-inner ul.rs-features-list {
list-style: none;
margin: 0;
}
.rs-addon-services.style4 .services-inner ul.rs-features-list li {
transition: 0.2s ease-in-out;
list-style: none;
margin: 0;
margin-bottom: 7px;
display: flex;
transition: transform 0.2s ease-in-out;
}
.rs-addon-services.style4 .services-inner ul.rs-features-list li .icon_wrap {
min-width: 30px;
}
.rs-addon-services.style4 .services-inner ul.rs-features-list li img, .rs-addon-services.style4 .services-inner ul.rs-features-list li svg {
width: 25px;
height: auto;
transition: transform 0.2s ease-in-out;
}
.rs-addon-services.style4 .services-inner ul.rs-features-list li a {
transition: 0.2s ease-in-out;
}
.rs-addon-services.style4 .services-inner ul.rs-features-list li:hover a {
margin-left: 25px !important;
}
.rs-addon-services.style4 .services-inner .btn-part a.services-btn:hover {
color: #42806B;
}
.rs-addon-services.style5 .services-inner .media_wrap {
position: relative;
}
.rs-addon-services.style5 .services-inner .media_wrap .btn-part {
position: absolute;
right: 50px;
bottom: 0;
transform: translateY(20px);
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
}
.rs-addon-services.style5 .services-inner .media_wrap .btn-part a.services-btn {
transition: all 0.3s ease 0s;
display: inline-block !important;
background: #ffffff;
text-align: center;
}
.rs-addon-services.style5 .services-inner .media_wrap .btn-part a.services-btn svg path, .rs-addon-services.style5 .services-inner .media_wrap .btn-part a.services-btn i {
fill: #008EFF;
}
.rs-addon-services.style5 .services-inner .media_wrap .btn-part a.services-btn:hover {
background: #008EFF;
}
.rs-addon-services.style5 .services-inner .media_wrap .btn-part a.services-btn:hover svg path, .rs-addon-services.style5 .services-inner .media_wrap .btn-part a.services-btn:hover i {
fill: #fff;
color: #ffffff;
}
.rs-addon-services.style5 .services-inner .media_wrap::after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: -1px;
width: 100%;
height: 50px;
background: #fff;
clip-path: polygon(0% 100%, 24% 28%, 48% 77%, 74% 24%, 100% 100%);
}
.rs-addon-services.style5 .services-inner .content_part {
transition: all 0.3s ease 0s;
}
.rs-addon-services.style5 .services-inner .content_part .title-icon img, .rs-addon-services.style5 .services-inner .content_part .title-icon svg {
width: auto;
height: 40px;
transition: all 0.3s ease 0s;
}
.rs-addon-services.style5 .services-inner:hover .content_part .title-icon img, .rs-addon-services.style5 .services-inner:hover .content_part .title-icon svg {
transform: scale(-1) rotate(180deg);
}
.rs-addon-services.style5 .services-inner:hover .btn-part {
opacity: 1;
visibility: visible;
transform: translateY(0px);
z-index: 1;
}
.rs-addon-services.style5 .services-inner:hover .content_part {
border-color: #42806B;
}
.rs-addon-services.style6 {
position: relative;
}
.rs-addon-services.style6 .feature-image {
overflow: hidden;
position: relative;
}
.rs-addon-services.style6 .feature-image img {
width: 100%;
height: auto;
transition: all 0.3s ease 0s;
object-fit: cover;
}
.rs-addon-services.style6 .feature-image:before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
pointer-events: none;
}
.rs-addon-services.style6 .services-inner {
position: absolute;
top: 0;
left: 0;
text-align: left;
z-index: 2;
}
.rs-addon-services.style6 .services-inner .btn-part {
transform: translateY(10px);
transition: all 0.3s ease 0s;
opacity: 0;
visibility: hidden;
}
.rs-addon-services.style6:hover .feature-image img {
transform: scale(1.05);
}
.rs-addon-services.style6:hover .services-inner .btn-part {
transform: translateY(0px);
opacity: 1;
visibility: visible;
}
.rs-addon-services.style7 .services-inner {
position: relative;
z-index: 10;
overflow: hidden;
background: #fff;
}
.rs-addon-services.style7 .services-inner::before {
left: 0;
right: 0;
bottom: 0;
z-index: -1;
content: "";
height: 0%;
position: absolute;
background: #008BF9;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: -1;
}
.rs-addon-services.style7 .services-inner .content_part .services-title .title a {
position: relative;
transition: all 0.3s ease 0s;
}
.rs-addon-services.style7 .services-inner .content_part .services-title .title a::before {
bottom: -26px;
left: 0;
width: 50px;
height: 4px;
content: "";
position: absolute;
background: #008BF9;
transition: all 0.3s ease 0s;
}
.rs-addon-services.style7 .services-inner .content_part .icon-btn-area-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.rs-addon-services.style7 .services-inner .content_part .icon-btn-area-wrap .media_wrap .media-cmn img {
transition: filter 0.3s;
}
.rs-addon-services.style7 .services-inner:hover::before {
width: 100%;
height: 100%;
}
.rs-addon-services.style7 .services-inner:hover .content_part .services-title .title a {
color: #fff;
}
.rs-addon-services.style7 .services-inner:hover .content_part .services-title .title a::before {
background: #fff;
}
.rs-addon-services.style7 .services-inner:hover .content_part .desc-text {
color: #fff;
}
.rs-addon-services.style7 .services-inner:hover .content_part .icon-btn-area-wrap .media_wrap .media-cmn img {
filter: brightness(0) invert(1) !important;
animation: foldAnimation alternate-reverse linear 0.5s;
}
.rs-addon-services.style7 .services-inner:hover .content_part .icon-btn-area-wrap .btn-part a svg, .rs-addon-services.style7 .services-inner:hover .content_part .icon-btn-area-wrap .btn-part a i {
display: inline-block;
}
.rs-addon-services.style7 .services-inner:hover .content_part .icon-btn-area-wrap .btn-part a:hover svg, .rs-addon-services.style7 .services-inner:hover .content_part .icon-btn-area-wrap .btn-part a:hover i {
-webkit-animation: toLeftFromRight 0.5s forwards;
animation: toLeftFromRight 0.5s forwards;
}
.rs-addon-services.style8 .services-inner .services-btn {
transition: all 0.3s ease 0s;
height: 42px;
width: 42px;
background: #42806B;
border-radius: 42px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.rs-addon-services.style8 .services-inner .services-btn span {
transition: all 0.3s ease 0s;
font-size: 0;
transform: scale(0);
}
.rs-addon-services.style8 .services-inner:hover .services-btn {
width: 140px;
}
.rs-addon-services.style8 .services-inner:hover .services-btn span {
font-size: 17px;
transform: scale(1);
margin-right: 10px;
}
.rs-addon-services.style9 {
overflow: hidden;
}
.rs-addon-services.style9 .services-inner {
transition: all 0.3s ease 0s;
}
.rs-addon-services.style9 .services-inner .media_wrap {
position: relative !important;
}
.rs-addon-services.style9 .services-inner .media_wrap .image_style img {
transition: all 0.3s ease 0s;
width: 100%;
}
.rs-addon-services.style9 .services-inner .content_part {
position: absolute;
bottom: 30px;
left: 60px;
right: 30px;
}
.rs-addon-services.style9 .services-inner .icon_img {
transition: all 0.3s ease 0s;
position: absolute;
bottom: 0;
left: -30px;
width: 85px;
height: 85px;
border-radius: 50%;
background: #42806B;
display: flex;
align-items: center;
justify-content: center;
}
.rs-addon-services.style9 .services-inner .icon_img img {
width: 40px;
height: auto;
}
.rs-addon-services.style9 .services-inner .services-title a:hover {
color: #42806B;
}
.rs-addon-services.style9 .services-inner:hover .image_style img {
transform: scale(1.05);
}
.rs-addon-services.style9 .services-inner:hover .icon_img img {
animation: foldAnimation linear 0.3s;
}
.rs-addon-services.style10 .services-inner {
overflow: hidden;
}
.rs-addon-services.style10 .services-inner .content_part {
position: relative;
}
.rs-addon-services.style10 .services-inner .content_part svg.rs_wev_shape {
position: absolute;
top: 2px;
background-size: cover;
width: auto;
left: -2px;
right: 0;
height: 40px;
z-index: 0;
}
@media screen and (max-width: 767px) {
.rs-addon-services.style10 .services-inner .content_part svg.rs_wev_shape {
display: none;
}
}
.rs-addon-services.style10 .services-inner .content_part .services-title .rs-step-icon {
position: relative;
background: #42806B;
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 60px;
text-align: center;
margin-top: -40px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.11);
}
@media screen and (max-width: 767px) {
.rs-addon-services.style10 .services-inner .content_part .services-title .rs-step-icon {
margin-top: 0px;
}
}
.rs-addon-services.style10 .services-inner .content_part .services-title .rs-step-icon svg {
padding: 5px;
fill: #fff !important;
}
.rs-addon-services.style10 .services-inner .content_part .services-title .rs-step-icon svg path {
fill: #fff;
}
.rs-addon-services.style10 .services-inner .content_part .numbering {
position: absolute;
color: rgba(7, 57, 55, 0.0196078431);
bottom: 90px;
right: 34px;
top: 50px;
font-size: 60px;
font-weight: 700;
}
.rs-addon-services.style10 .services-inner .media_wrap {
overflow: hidden;
}
.rs-addon-services.style10 .services-inner .media_wrap img {
transition: all 0.3s ease 0s;
}
.rs-addon-services.style10 .services-inner:hover .media_wrap img {
transform: scale(1.05);
}
.rs-addon-services .services-inner .btn-part .services-btn {
display: flex !important;
align-items: center;
}
.rs-addon-services .media_wrap {
flex-shrink: 0;
}
.service-icon-hover-effect .rs-addon-services.style1:hover .image_style img {
animation: foldAnimation linear 0.3s;
}
.default-icon-showhide .btn-part .services-btn svg {
transform: translateX(0px);
visibility: hidden;
opacity: 0;
transition: all 0.3s ease 0s;
}
.default-icon-showhide:hover {
border-color: #42806B !important;
}
.default-icon-showhide:hover .btn-part .services-btn {
color: #42806B;
}
.default-icon-showhide:hover .btn-part .services-btn svg {
transform: translateX(10px);
visibility: visible;
opacity: 1;
}
@media only screen and (max-width: 767px) {
.rs-addon-services .services-inner .media_wrap img {
width: 100%;
}
}
.number-border-animation .rs-addon-services .services-inner .numbering span {
z-index: 2;
position: relative;
}
.number-border-animation .rs-addon-services .services-inner .numbering span::before {
background: #d52925;
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
visibility: hidden;
opacity: 0;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
.number-border-animation .rs-addon-services .services-inner .numbering span::after {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
transition: all 200ms;
visibility: hidden;
opacity: 0;
}
.number-border-animation .rs-addon-services .services-inner:hover .numbering span::before {
visibility: visible;
opacity: 1;
}
.number-border-animation .rs-addon-services .services-inner:hover .numbering span::after {
visibility: visible;
opacity: 1;
}
@-webkit-keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0.5;
}
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0.5;
}
}
@-webkit-keyframes foldAnimation {
0% {
transform: rotateY(0deg);
}
50% {
transform: rotateY(90deg);
}
100% {
transform: rotateY(0deg);
}
}
@keyframes foldAnimation {
0% {
transform: rotateY(0deg);
}
50% {
transform: rotateY(90deg);
}
100% {
transform: rotateY(0deg);
}
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translateX(20%);
transform: translateX(20%);
}
50% {
opacity: 0;
-webkit-transform: translateX(-20%);
transform: translateX(-20%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
-webkit-transform: translateX(20%);
transform: translateX(20%);
}
50% {
opacity: 0;
-webkit-transform: translateX(-20%);
transform: translateX(-20%);
}
51% {
opacity: 1;
}
}.rsaddon-unique-slider .rs-services-slider.arrow_show_enable .slick-arrow {
visibility: visible;
opacity: 1;
}
.rs-services-slider.style1 .grid-item {
position: relative;
}
.rs-services-slider.style1 .grid-item .rs-service-slider {
position: relative;
}
.rs-services-slider.style1 .grid-item .rs-service-slider::before {
content: "";
position: absolute;
background: #034b5b;
left: 0;
right: 0;
height: 0;
transition: all 0.5s ease;
bottom: 0;
pointer-events: none;
}
.rs-services-slider.style1 .grid-item .rs-service-slider:hover:before {
height: 100%;
}
.rs-services-slider.style1 .grid-item .rs-service-slider .watermark-text {
position: relative;
}
.rs-services-slider.style1 .grid-item.slick-active:not(.service-slider-active) .rs-service-slider {
border-bottom: 3px solid #034b5b;
}
.rs-services-slider.style1 .grid-item.service-slider-active .rs-service-slider {
border-bottom: 3px solid #f18f20;
}
.rs-services-slider.style1 .grid-item.service-slider-active.slick-center .rs-service-slider:hover {
background-color: transparent;
}
.rs-services-slider.style1 .rs-service-slider {
position: relative;
display: block;
transition: all 0.3s ease 0s;
}
.rs-services-slider.style1 .rs-service-slider .service-title .title {
transition: all 0.3s;
}
.rs-services-slider.style1 .rs-service-slider .service-title-holder {
position: relative;
}
.rs-services-slider.style1 .rs-service-slider .read__more a {
opacity: 1;
box-shadow: none;
display: inline-block;
overflow: hidden;
position: relative;
line-height: 47px;
}
.rs-services-slider.style1 .rs-service-slider .read__more a .custom-blog-btn {
display: inline-block;
box-shadow: none;
opacity: 1;
color: #0a0a0a;
}
.rs-services-slider.style1 .rs-service-slider .read__more a .custom-blog-btn i {
margin-left: 7px;
position: relative;
}
.rs-services-slider.style1 .rs-service-slider .read__more a .custom-blog-btn i:before {
margin: 0;
}
.rs-services-slider.style1 .rs-service-slider .read__more a:hover .custom-blog-btn {
mix-blend-mode: normal;
color: #fff;
}
.rs-services-slider.style2 .grid-item .rs-service-slider {
box-shadow: 0px 4px 55px rgba(0, 58, 55, 0.01);
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-img {
overflow: hidden;
position: relative;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-img img {
transition: all 0.3s ease 0s;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder {
position: relative;
padding: 0px 30px 30px 40px;
z-index: 1;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder svg.rs_wev_shape {
position: absolute;
top: 2px;
background-size: cover;
width: auto;
left: 0;
right: 0;
height: 40px;
z-index: -1;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder svg.rs_wev_shape path {
fill: #fff;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder .service-title .rs-step-icon {
background: #42806B;
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 60px;
text-align: center;
margin-top: -40px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.11);
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder .service-title .rs-step-icon img {
width: auto;
height: 30px;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder .service-title .rs-step-icon svg {
padding: 5px;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder .service-title .rs-step-icon svg path {
fill: #ffffff !important;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder .service-title .title {
transition: all 0.3s ease 0s;
color: #073937;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder .watermark-text {
position: absolute;
top: 50px;
right: -8px;
color: rgba(0, 58, 55, 0.02);
font-size: 100px;
font-style: normal;
font-weight: 700;
line-height: 100%;
}
.rs-services-slider.style2 .grid-item .rs-service-slider .service-title-holder .service-desc .description {
color: #656567;
}
.rs-services-slider.style2 .grid-item .rs-service-slider:hover .service-img img {
transform: scale(1.05);
}
.rs-services-slider.style2 .grid-item .rs-service-slider:hover .service-title .rs-step-icon img {
animation: foldAnimation linear 0.3s;
}
.rs-services-slider .slick-slide,
.rs-services-slider .slick-slide[aria-hidden=true]:not(.slick-cloned) ~ .slick-cloned[aria-hidden=true] {
transition: all 0.4s ease-in-out;
}
.rs-addon-slider.style2 .slick-dots li {
transition: all 0.3s ease 0s;
}
.rs-addon-slider.style2 .slick-dots li button {
width: 20px;
height: 20px;
position: relative;
border: 1px solid transparent;
background: transparent;
transition: all 0.3s ease 0s;
}
.rs-addon-slider.style2 .slick-dots li button::after {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #D9D9D9;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease 0s;
}
.rs-addon-slider.style2 .slick-dots li button:hover {
width: 20px;
}
.rs-addon-slider.style2 .slick-dots li.slick-active button {
border-color: #42806B;
width: 20px;
height: 20px;
background: transparent;
}
.rs-addon-slider.style2 .slick-dots li.slick-active button::after {
background: #42806B;
}
@keyframes foldAnimation {
0% {
transform: rotateY(0deg);
}
50% {
transform: rotateY(90deg);
}
100% {
transform: rotateY(0deg);
}
}@-webkit-keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.rs-video {
position: relative;
background-repeat: no-repeat !important;
background-size: cover !important;
padding: 100px 20px;
}
.rs-video .video-iocn {
background-color: #fff;
height: 30px;
width: 30px;
border-radius: 50%;
}
.rs-video .video-iocn svg {
position: relative;
width: 10px;
margin: -1px 11px;
}
.rs-video a i {
transition: inherit;
position: relative;
z-index: 2;
width: inherit;
height: inherit;
display: inherit;
align-items: inherit;
justify-content: inherit;
background: inherit;
text-align: inherit;
border-radius: inherit;
}
.rs-video .video-desc {
z-index: 1;
font-size: 20px;
position: relative;
}
.rs-video .video-desc span {
display: block;
font-size: 22px;
font-weight: 400;
}
.rs-video .overly-border {
border: 1px solid #010d14;
border-radius: 50%;
position: absolute;
width: 70px;
height: 70px;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
.rs-video .video-content {
z-index: 10;
}
.rs-video .video-content h4 {
margin-top: 40px;
margin-bottom: 0;
font-size: 30px;
color: #fff;
text-transform: uppercase;
}
.rs-video:hover .popup-videos {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
.rs-video:hover .overly-border:before {
opacity: 1;
transform: scale(1);
}
.rs-video:hover .overly-border:after {
opacity: 1;
transform: scale(1);
}
.rs-video .popup-videos {
position: absolute;
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
line-height: 80px;
padding: 0;
margin: 0 auto;
left: 50%;
top: 50%;
z-index: 9;
text-align: center;
background: #010d14;
display: flex;
align-items: center;
justify-content: center;
}
.rs-video .popup-videos:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
transition: all 200ms;
-webkit-animation: pulse-border 1700ms ease-out infinite;
animation: pulse-border 1700ms ease-out infinite;
animation-delay: 600ms;
}
.rs-video .popup-videos:before {
background: #010d14;
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
-webkit-animation: pulse-border 1700ms ease-out infinite;
animation: pulse-border 1700ms ease-out infinite;
}
.rs-video.style2 .rs-icon-inners .animate-border .popup-border,
.rs-video .popup-videos, .rs-video .popup-videos:before {
background-color: #e11631;
}
.rs-video .popup-videos i {
transition: 0.3s ease all;
font-size: 40px;
color: #010d14;
position: relative;
top: 0px;
}
.rs-video .popup-videos i:before {
color: #fff;
}
.rs-video .popup-videos:hover {
border-color: rgba(255, 255, 255, 0.7);
}
.rs-video .popup-videos span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 27px solid #fff;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
}
.rs-video.style5 .video-wrapper {
height: 700px;
width: 100%;
overflow: hidden;
}
.rs-video.style5 video {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.rs-video.center .overly-border {
margin: 0 auto;
}
.rs-video.left .overly-border {
margin-left: 0;
margin-right: auto;
}
.rs-video.right .overly-border {
margin-left: auto;
margin-right: 0;
}
.rs-video.style1 .video-desc {
top: 60px;
}
.rs-video.gradient-border-enable a {
display: inline-block;
position: relative;
}
.rs-video.gradient-border-enable a:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-image: linear-gradient(94.57deg, #9b25ff 8.35%, #0194e7 100%);
transition: 0.4s;
width: 0;
}
.rs-video.gradient-border-enable a:hover:after {
width: 100%;
}
.rs-video.gradient-icon-enable i {
color: transparent;
background-image: linear-gradient(94.57deg, #9b25ff 8.35%, #0194e7 100%);
-webkit-background-clip: text;
}
.rs-video.style4 {
padding: 0;
}
.rs-video.style4 p {
margin: 0;
}
.rs-video.style4 a {
display: flex;
align-items: center;
justify-content: center;
}
.rs-video.style4 a i {
top: unset;
}
.rs-video.style2 .rs-icon-inner {
display: flex;
justify-content: center;
align-items: center;
position: relative;
margin-top: 60px;
}
.rs-video.style2 .rs-icon-inner .rs-icon-btn {
margin-right: 0;
}
.rs-video.style2 .rs-icon-inner .rs-icon-btn a {
display: block;
background: #ffffff;
color: #010d14;
padding: 8px 34px;
border-radius: 30px;
transition: 0.4s;
font-size: 16px;
position: relative;
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
z-index: 1;
overflow: hidden;
border: 3px solid #ffffff;
}
.rs-video.style2 .rs-icon-inner .rs-icon-btn a:before {
display: block;
position: absolute;
top: 0px;
right: 0px;
width: 0px;
height: 100%;
z-index: -1;
content: "";
background: #010d14;
border-radius: 30px;
transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.rs-video.style2 .rs-icon-inner .rs-icon-btn a:hover {
background: #010d14;
color: #ffffff;
opacity: 0.9;
}
.rs-video.style2 .rs-icon-inner .rs-icon-btn a:hover:before {
left: 0%;
right: auto;
width: 100%;
}
.rs-video.style2 .rs-icon-inner .icon-area {
position: relative;
display: none;
left: -60px;
}
.rs-video.style2 .rs-icon-inner .icon-area .overly-border {
width: 60px;
height: 60px;
}
.rs-video.style2 .rs-icon-inner .icon-area .popup-videos {
width: 50px;
height: 50px;
line-height: 56px;
}
.rs-video.style2 .rs-icon-inner .icon-area .popup-videos i {
font-size: 24px;
}
.rs-video.style3 .overly-border {
width: unset;
height: unset;
line-height: unset;
border: none;
top: 50%;
border-radius: 0;
}
.rs-video.style3 .overly-border .icon-area .popup-videos.icon-type .fa {
text-indent: unset;
}
.rs-video.style3 .overly-border .icon-area .popup-videos.icon-type .fa.fa-play {
text-indent: 8px;
}
.rs-video.style3 .overly-border .icon-area .popup-videos.image-type {
width: 76px;
height: 76px;
line-height: 70px;
background: transparent;
}
.rs-video.style3 .overly-border .icon-area .popup-videos.image-type img {
width: 100%;
height: auto;
}
.rs-video.style3 .overly-border .icon-area .popup-videos.image-type:after {
display: none;
}
.rs-video.style3 .overly-border .icon-area .popup-videos.image-type:before {
display: none;
}
.rs-video.writing-normal .video-desc {
writing-mode: unset;
}
.rs-video.writing-vertical_rl .video-desc {
writing-mode: vertical-rl;
transform: rotate(180deg);
}
.rs-video.writing-vertical_lr .video-desc {
writing-mode: vertical-lr;
transform: rotate(180deg);
}.rs-price-table-menu ul {
margin: 0;
list-style: none;
}
.rs-price-table-menu li {
list-style: none;
}
.rs-price-table-menu .rs-pricing-table-body h3.rs-pricing-menu-features-title {
margin-bottom: 0px;
}
.rs-price-table-menu .rs-pricing-table-body .full-menu-item .price-menu {
display: flex;
flex-wrap: wrap;
}
.rs-price-table-menu .rs-pricing-table-body .full-menu-item .price-menu .rs-pricing-menu-image {
margin-right: 10px;
flex-grow: 0;
width: 80px;
}
.rs-price-table-menu .rs-pricing-table-body .full-menu-item .price-menu .rs-pricing-table-feature-text {
display: flex;
justify-content: space-between;
margin-bottom: 5px;
width: 100%;
}
.rs-price-table-menu .rs-pricing-table-body .full-menu-item .price-menu .rs-pricing-table-feature-text span.rs-price-title-connector {
border-bottom: 1px dashed #ccc;
height: 1px;
flex-grow: 1;
align-self: center;
margin: 0 20px;
}
.rs-price-table-menu .rs-pricing-table-body .full-menu-item .price-menu .rs-pricing-table-feature-text span {
align-self: center;
}
.rs-price-table-menu .rs-pricing-table-body .full-menu-item .price-menu .menu-price {
display: inline-table;
align-self: center;
}
div.swiper-container.rs-pricing-slider {
position: relative;
right: -150px;
padding-top: 20px;
padding-bottom: 20px;
margin-top: -88px;
margin-bottom: -88px;
padding-left: 20px;
}
div.swiper-container.rs-pricing-slider ul {
margin: 0;
padding: 0;
list-style: none;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper {
align-items: center;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper .swiper-slide .test-it {
border-radius: 40px;
margin: 0 auto;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
position: relative;
z-index: -2;
background: transparent;
overflow: hidden;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper .swiper-slide .test-it img {
width: 100%;
height: 100%;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper .swiper-slide .test-it .priceing-wrap {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
color: #ffffff;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper .swiper-slide .test-it .priceing-wrap .top-part i {
width: 60px;
height: 60px;
border-radius: 100%;
line-height: 60px;
display: block;
margin: 0 auto 25px;
background: #2b59ff;
font-size: 28px;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper .swiper-slide .test-it .priceing-wrap .top-part .title {
margin-bottom: 7px;
font-size: 22px;
color: #ffffff;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper .swiper-slide .test-it .priceing-wrap .top-part .price {
font-weight: 500;
font-size: 20px;
margin-bottom: 10px;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper .swiper-slide .test-it .priceing-wrap ul.info li {
font-size: 13px;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper .swiper-slide .test-it .priceing-wrap .btn-part {
display: none;
}
div.swiper-container.rs-pricing-slider .swiper-wrapper .swiper-slide .test-it .priceing-wrap .btn-part .readon {
padding: 8px 33px;
}
div.swiper-container.rs-pricing-slider .swiper-slide {
opacity: 0;
}
div.swiper-container.rs-pricing-slider .swiper-slide .test-it {
width: 100%;
max-width: 85% !important;
left: -85px;
height: 395px;
}
div.swiper-container.rs-pricing-slider .swiper-slide-prev {
opacity: 1;
}
div.swiper-container.rs-pricing-slider .swiper-slide-prev .test-it {
width: 140%;
max-width: 140% !important;
left: 0 !important;
z-index: 2 !important;
height: 690px !important;
}
div.swiper-container.rs-pricing-slider .swiper-slide-prev .test-it .top-part i {
display: block !important;
}
div.swiper-container.rs-pricing-slider .swiper-slide-prev .test-it .top-part .title {
font-size: 25px !important;
margin-bottom: 32px !important;
}
div.swiper-container.rs-pricing-slider .swiper-slide-prev .test-it .top-part .price {
font-size: 35px !important;
color: #2b59ff !important;
margin-bottom: 30px !important;
font-weight: 600 !important;
}
div.swiper-container.rs-pricing-slider .swiper-slide-prev .test-it ul.info li {
font-size: 16px !important;
}
div.swiper-container.rs-pricing-slider .swiper-slide-prev .test-it .btn-part {
display: block !important;
}
div.swiper-container.rs-pricing-slider .swiper-slide-prev .test-it:before {
position: absolute;
content: "";
border-radius: 100%;
z-index: 0;
width: 22px;
height: 22px;
right: 80px;
top: 80px;
background: #91a9ff;
opacity: 0.26;
animation: move-x2 5s alternate infinite;
-webkit-animation: move-x2 5s alternate infinite;
}
div.swiper-container.rs-pricing-slider .swiper-slide-prev .test-it:after {
position: absolute;
content: "";
border-radius: 100%;
z-index: 0;
width: 40px;
height: 40px;
left: 80px;
bottom: 80px;
background: #2b59ff;
opacity: 0.26;
animation: move-x 2s alternate infinite;
-webkit-animation: move-x 2s alternate infinite;
}
div.swiper-container.rs-pricing-slider .swiper-slide-active {
opacity: 1;
}
div.swiper-container.rs-pricing-slider .swiper-slide-active .test-it {
width: 120%;
max-width: 120% !important;
left: 0 !important;
z-index: 1 !important;
height: 520px !important;
}
div.swiper-container.rs-pricing-slider .swiper-slide-next {
opacity: 1;
}
div.swiper-container.rs-pricing-slider .swiper-slide-next .test-it {
width: 100%;
max-width: 100% !important;
left: -45px !important;
z-index: -1 !important;
height: 450px !important;
}
div.swiper-container.rs-pricing-slider .swiper-slide-next .test-it .top-part i {
display: block !important;
}
div.swiper-container.rs-pricing-slider .swiper-next {
width: 40px;
height: 40px;
line-height: 40px;
background: #ffffff;
border-radius: 100%;
position: absolute;
bottom: 20px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
cursor: pointer;
text-align: center;
transition: all 0.4s ease 0s;
z-index: 3;
left: 52%;
}
div.swiper-container.rs-pricing-slider .swiper-next:after {
font-family: Flaticon;
color: #2b59ff;
transition: all 0.4s ease 0s;
content: "\f111";
}
div.swiper-container.rs-pricing-slider .swiper-next:hover {
background: #2b59ff;
}
div.swiper-container.rs-pricing-slider .swiper-next:hover:after {
color: #ffffff;
}
div.swiper-container.rs-pricing-slider .swiper-prev {
width: 40px;
height: 40px;
line-height: 40px;
background: #ffffff;
border-radius: 100%;
position: absolute;
bottom: 20px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
cursor: pointer;
text-align: center;
transition: all 0.4s ease 0s;
z-index: 3;
left: 59%;
}
div.swiper-container.rs-pricing-slider .swiper-prev:after {
font-family: Flaticon;
color: #2b59ff;
transition: all 0.4s ease 0s;
content: "\f110";
}
div.swiper-container.rs-pricing-slider .swiper-prev:hover {
background: #2b59ff;
}
div.swiper-container.rs-pricing-slider .swiper-prev:hover:after {
color: #ffffff;
}
div.swiper-container.rs-pricing-slider .pattern {
position: absolute;
left: 80px;
top: 80px;
pointer-events: none;
}
.rs-price-table .rs-pricing-table-features-list {
margin-left: 0;
list-style: none;
}
.rs-price-table.style-1 {
position: relative;
}
.rs-price-table.style-1 .rs-pricing-table-price-text {
color: #e11631;
}
.rs-price-table.style-1 .short-desc {
border-color: #e11631;
}
.rs-price-table.style-1 .rs-pricing-table-features-list li svg path {
fill: #e11631;
}
.rs-price-table.style-1 .rs-pricing-table-btn {
background: #e11631;
color: #ffffff;
}
.rs-price-table.style-1 .rs-pricing-table-btn:hover {
background: #ffffff;
color: #1a001b;
}
.rs-price-table.style-1:after {
position: absolute;
content: "";
right: 20px;
left: 20px;
top: 20px;
bottom: 20px;
background: transparent;
border: 1px dashed #e11631;
pointer-events: none;
}
.rs-price-table.style-1 > * {
position: relative;
z-index: 1;
}
.rs-price-table.style-1 .rs-pricing-table-badge {
position: absolute;
top: 0;
padding: 10px 10px;
background-color: #010d14;
color: #fff;
line-height: 1;
z-index: 1;
}
.rs-price-table.style-1 .rs-pricing-table-title {
padding-top: 10px;
margin-bottom: 20px;
color: #121933;
font-weight: 400;
font-size: 24px;
line-height: 30px;
}
.rs-price-table.style-1 .rs-pricing-table-price {
margin-bottom: 30px;
}
.rs-price-table.style-1 .rs-pricing-table-price .rs-pricing-table-price-tag {
margin-bottom: 0.5rem;
color: #e11631;
font-weight: 700;
font-size: 60px;
line-height: normal;
position: relative;
}
.rs-price-table.style-1 .rs-pricing-table-price .rs-pricing-table-price-tag .rs-pricing-table-currency {
font-size: 24px;
}
.rs-price-table.style-1 .rs-pricing-table-price .rs-pricing-table-price-tag .rs-pricing-table-price-text {
font-weight: 700;
}
.rs-price-table.style-1 .rs-pricing-table-price .rs-pricing-table-price-tag span.watermark {
position: absolute;
font-size: 60px;
line-height: 60px;
text-transform: capitalize;
font-weight: 800;
opacity: 0.06;
top: 6%;
transform: translateY(-50%);
width: 100%;
left: 0;
color: inherit;
white-space: nowrap;
vertical-align: middle;
-webkit-background-clip: text;
-webkit-text-stroke: 3px transparent;
background-size: cover;
color: #fff;
}
.rs-price-table.style-1 .rs-pricing-table-price .rs-pricing-table-period {
display: block;
}
.rs-price-table.style-1 .rs-pricing-table-price.display-inline2 .rs-pricing-table-price-tag {
line-height: 0.66;
display: flex;
justify-content: center;
}
.rs-price-table.style-1 .rs-pricing-table-price.display-inline2 .rs-pricing-table-period {
display: flex;
align-items: flex-end;
}
.rs-price-table.style-1 .rs-pricing-table-price.display-inline .rs-pricing-table-period {
position: relative;
padding-left: 20px;
display: inline-block;
}
.rs-price-table.style-1 .rs-pricing-table-price.display-inline .rs-pricing-table-period:before {
content: "";
height: 20px;
width: 2px;
position: absolute;
left: 0;
transform: rotate(20deg) translateY(-50%);
top: 50%;
background: #f2f2f2;
}
.rs-price-table.style-1 .short-desc {
position: relative;
}
.rs-price-table.style-1 .short-desc::after {
content: "";
position: absolute;
display: inline-block;
width: 20px;
height: 20px;
right: -10px;
bottom: -10px;
background: #ece9e8;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.rs-price-table.style-1 .short-desc::before {
content: "";
position: absolute;
display: inline-block;
width: 20px;
height: 20px;
left: -10px;
bottom: -10px;
background: #ece9e8;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.rs-price-table.style-1 .rs-pricing-table-body {
margin-bottom: 35px;
}
.rs-price-table.style-1 .rs-pricing-table-body .rs-pricing-table-features-title {
margin-top: 15px;
margin-bottom: 10px;
font-weight: 700;
font-size: 16px;
}
.rs-price-table.style-1 .rs-pricing-table-body .rs-pricing-table-features-list {
margin: 0;
padding: 0;
list-style: none;
}
.rs-price-table.style-1 .rs-pricing-table-body .rs-pricing-table-features-list li {
margin-bottom: 8px;
font-size: 16px;
}
.rs-price-table.style-1 .rs-pricing-table-body .rs-pricing-table-features-list li:last-child {
border: none !important;
}
.rs-price-table.style-1 .rs-pricing-table-body .rs-pricing-table-features-list li i {
margin-right: 10px;
min-width: 15px;
font-size: 16px;
}
.rs-price-table.style-1 .rs-pricing-table-body .rs-pricing-table-features-list li svg {
width: 18px;
height: 18px;
margin-right: 10px;
display: inline-block;
}
.rs-price-table.style-1 .rs-pricing-table-body .rs-pricing-table-features-list.right_position li {
overflow: hidden;
}
.rs-price-table.style-1 .rs-pricing-table-body .rs-pricing-table-features-list.right_position li i {
float: right;
margin-right: 0;
}
.rs-price-table.style-1 .rs-pricing-table-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 20px;
border-radius: 2px;
color: #fff;
text-decoration: none;
font-size: 16px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
position: relative;
}
.rs-price-table.style-1 .rs-pricing-table-btn svg,
.rs-price-table.style-1 .rs-pricing-table-btn i {
transition: all 0.3s ease 0s;
position: relative;
margin-left: 10px;
transform: translateX(0px);
}
.rs-price-table.style-1 .rs-pricing-table-btn:hover svg,
.rs-price-table.style-1 .rs-pricing-table-btn:hover i {
transform: translateX(3px);
}
.rs-price-table.style-1 .rs-pricing-icon {
position: relative;
}
.rs-price-table.style-1 .rs-pricing-icon i {
position: relative;
transition: all 0.4s ease 0s;
text-align: center;
}
.rs-price-table.style-1 .btn-bottom-text p {
color: #e11631;
}
.rs-price-table.style-2 {
background-color: #e11631;
padding: 30px;
border-radius: 4px;
text-align: center;
}
.rs-price-table.style-2 .rs-pricing-table-header:after {
background: #e11631;
}
.rs-price-table.style-2 .rs-pricing-table-title,
.rs-price-table.style-2 .rs-pricing-table-price-text,
.rs-price-table.style-2 .rs-pricing-table-currency,
.rs-price-table.style-2 .rs-pricing-table-features-title,
.rs-price-table.style-2 .rs-pricing-table-features-list li,
.rs-price-table.style-2 .rs-pricing-table-features-title {
color: #ffffff;
}
.rs-price-table.style-2 .rs-pricing-table-btn {
background: #e11631;
color: #ffffff;
}
.rs-price-table.style-2 .rs-pricing-table-btn:hover {
color: #1a001b;
background: #ffffff;
}
.rs-price-table.style-2 .rs-pricing-table-header {
position: relative;
padding: 20px;
margin-bottom: 40px;
border-radius: 4px;
overflow: hidden;
}
.rs-price-table.style-2 .rs-pricing-table-header > * {
position: relative;
z-index: 1;
}
.rs-price-table.style-2 .rs-pricing-table-header:after {
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0.9;
}
.rs-price-table.style-2 .rs-pricing-table-title {
margin-bottom: 10px;
}
.rs-price-table.style-2 .rs-pricing-table-features-title {
margin-bottom: 40px;
}
.rs-price-table.style-2 .rs-pricing-table-body {
margin-bottom: 50px;
}
.rs-price-table.style-2 .rs-pricing-table-features-list {
margin-bottom: 0;
}
.rs-price-table.style-2 .rs-pricing-table-features-list > li {
margin-bottom: 10px;
}
.rs-price-table.style-2 .rs-pricing-table-features-list > li:first-child {
margin-top: 0 !important;
}
.rs-price-table.style-2 .rs-pricing-table-features-list > li:last-child {
margin-bottom: 0 !important;
}
.rs-price-table.style-2 .rs-pricing-table-btn {
padding: 11px 30px;
border-radius: 4px;
}.rs-price-table-slider.rs-addon-slider .slick-dots li button {
background: transparent;
}
.rs-price-table-slider.rs-addon-slider .slick-dots li.slick-active button {
border-color: #e11631;
background: #e11631;
}
.rs-price-table-slider .pricing-wrapper {
background: #1a001b;
border-radius: 4px;
position: relative;
padding: 40px;
text-align: center;
}
.rs-price-table-slider .pricing-wrapper .title {
color: #ffffff;
}
.rs-price-table-slider .pricing-wrapper .pricing-price {
color: #ffffff;
}
.rs-price-table-slider .pricing-wrapper .pricing-price .get-price {
color: #e11631;
}
.rs-price-table-slider .pricing-wrapper .pricing-price .get-period {
color: rgba(255, 255, 255, 0.6);
}
.rs-price-table-slider .pricing-wrapper .description {
color: rgba(255, 255, 255, 0.6);
}
.rs-price-table-slider .pricing-wrapper .btn-part a {
background: #e11631;
color: #ffffff;
}
.rs-price-table-slider .pricing-wrapper .btn-part a:hover {
background: #00204a;
}
.rs-price-table-slider .pricing-wrapper .pricing-price span {
display: inline-block;
}
.rs-price-table-slider .pricing-wrapper .btn-part a {
padding: 10px 24px;
display: inline-block;
}
.rs-price-table-slider .pricing-wrapper:after {
position: absolute;
content: "";
right: 20px;
left: 20px;
top: 20px;
bottom: 20px;
background: transparent;
border: 1px dashed #e11631;
pointer-events: none;
}.pricing-switcher .switch {
position: absolute;
top: 10px;
left: 10px;
height: 45px;
width: 96px;
background-color: #080d41;
border-radius: 50px;
transition: transform 0.5s;
}
.pricing-switcher input[type=radio]:checked + label + .switch, .pricing-switcher input[type=radio]:checked + label:nth-of-type(n) + .switch {
transform: translateX(95px);
color: #fff;
}
.pricing-switcher .fieldset {
display: inline-block;
position: relative;
padding: 20px 16px;
border-radius: 50px;
background: #fff;
width: 100%;
max-width: 205px;
}
.pricing-switcher .fieldset.mnt-ac .rs-mnt, .pricing-switcher .fieldset.mnt-acs .rs-yrs {
color: #fff !important;
}
.pricing-switcher input[type=radio] {
position: absolute;
opacity: 0;
}
.pricing-switcher label {
position: relative;
z-index: 1;
display: inline-block;
float: left;
cursor: pointer;
font-size: 16px;
color: #3E3E3E;
font-weight: 400;
margin: 0;
width: 50%;
}
.no-js .pricing-switcher {
display: none;
}
.pricing-list {
margin: 16px 0 0;
list-style: none;
}
.pricing-list > li {
position: relative;
margin-bottom: 1em;
}
@media only screen and (min-width: 881px) {
.pricing-list:after {
content: "";
display: table;
clear: both;
}
.pricing-list > li {
width: 33.333%;
float: left;
}
.has-margins .pricing-list > li {
width: 32.3333333333%;
float: left;
margin-right: 1.5%;
}
.has-margins .pricing-list > li:last-of-type {
margin-right: 0;
}
}
.pricing-wrapper {
position: relative;
list-style: none;
margin-left: 20px;
margin-right: 20px;
}
.touch .pricing-wrapper {
perspective: 2000px;
}
.pricing-wrapper.is-switched .is-visible {
transform: rotateY(180deg);
-webkit-animation: rotate 0.5s;
animation: rotate 0.5s;
}
.pricing-wrapper.is-switched .is-hidden {
transform: rotateY(0);
-webkit-animation: rotate-inverse 0.5s;
animation: rotate-inverse 0.5s;
opacity: 0;
}
.pricing-wrapper.is-switched .is-selected {
opacity: 1;
}
.pricing-wrapper.is-switched.reverse-animation .is-visible {
transform: rotateY(-180deg);
-webkit-animation: rotate-back 0.5s;
animation: rotate-back 0.5s;
}
.pricing-wrapper.is-switched.reverse-animation .is-hidden {
transform: rotateY(0);
-webkit-animation: rotate-inverse-back 0.5s;
animation: rotate-inverse-back 0.5s;
opacity: 0;
}
.pricing-wrapper.is-switched.reverse-animation .is-selected {
opacity: 1;
}
.pricing-wrapper > li {
background-color: #ffffff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 30px;
padding: 50px;
}
.pricing-wrapper .is-visible {
position: relative;
z-index: 5;
}
.pricing-wrapper .is-hidden {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
transform: rotateY(180deg);
}
.pricing-wrapper .is-selected {
z-index: 3 !important;
}
@media only screen and (min-width: 1050px) {
.pricing-wrapper > li::before {
content: "";
position: absolute;
z-index: 6;
left: -1px;
top: 50%;
bottom: auto;
transform: translateY(-50%);
height: 50%;
width: 1px;
}
.pricing-wrapper > li::after {
display: none;
}
.has-margins .pricing-wrapper > li, .has-margins .exclusive .pricing-wrapper > li {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
:nth-of-type(1) > .pricing-wrapper > li::before {
display: none;
}
.has-margins .pricing-wrapper > li {
border-radius: 4px 4px 6px 6px;
}
.has-margins .pricing-wrapper > li::before {
display: none;
}
}
@media only screen and (min-width: 1500px) {
.full-width .pricing-wrapper > li {
padding: 2.5em 0;
}
}
.no-js .pricing-wrapper .is-hidden {
position: relative;
transform: rotateY(0);
margin-top: 1em;
}
@media only screen and (min-width: 1050px) {
.exclusive .pricing-wrapper > li::before, .exclusive + li .pricing-wrapper > li::before {
display: none;
}
}
.pricing-body {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
overflow-x: visible;
padding-bottom: 20px;
}
.pricing-features {
width: 600px;
}
.pricing-features li {
width: 100px;
float: left;
padding: 1.6em 1em;
font-size: 1.5rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.has-margins .exclusive .pricing-features li {
margin: 0;
}
.has-margins .pricing-footer {
padding-bottom: 0;
}
.select {
position: relative;
z-index: 1;
display: block;
height: 100%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
color: transparent;
position: static;
display: inline-block;
height: auto;
padding: 1.3em 2em;
color: #1bbc9d;
border-radius: 8px;
border: 2px solid #1bbc9d;
font-size: 1.4rem;
text-indent: 0;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.6s;
width: 70%;
}
.no-touch .select:hover, .exclusive .select {
background-color: #1bbc9d;
color: #ffffff;
}
.no-touch .exclusive .select:hover {
background-color: #24e0ba;
}
.secondary-theme .exclusive .select {
background-color: #1bbc9d;
}
.no-touch .secondary-theme .exclusive .select:hover {
background-color: #112e3c;
}
.has-margins .select {
display: block;
padding: 1.7em 0;
border-radius: 0 0 4px 4px;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(180deg);
}
}
@keyframes rotate {
0% {
transform: perspective(2000px) rotateY(0);
}
70% {
transform: perspective(2000px) rotateY(200deg);
}
100% {
transform: perspective(2000px) rotateY(180deg);
}
}
@-webkit-keyframes rotate-inverse {
0% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
}
}
@keyframes rotate-inverse {
0% {
transform: perspective(2000px) rotateY(-180deg);
}
70% {
transform: perspective(2000px) rotateY(20deg);
}
100% {
transform: perspective(2000px) rotateY(0);
}
}
@-webkit-keyframes rotate-back {
0% {
-webkit-transform: perspective(2000px) rotateY(0);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-200deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(-180deg);
}
}
@keyframes rotate-back {
0% {
transform: perspective(2000px) rotateY(0);
}
70% {
transform: perspective(2000px) rotateY(-200deg);
}
100% {
transform: perspective(2000px) rotateY(-180deg);
}
}
@-webkit-keyframes rotate-inverse-back {
0% {
-webkit-transform: perspective(2000px) rotateY(180deg);
}
70% {
-webkit-transform: perspective(2000px) rotateY(-20deg);
}
100% {
-webkit-transform: perspective(2000px) rotateY(0);
}
}
@keyframes rotate-inverse-back {
0% {
transform: perspective(2000px) rotateY(180deg);
}
70% {
transform: perspective(2000px) rotateY(-20deg);
}
100% {
transform: perspective(2000px) rotateY(0);
}
}
.rs-pricing-container .pricing-switcher {
text-align: center;
}
.rs-pricing-container .pricing-header {
position: relative;
padding: 0 0 25px;
margin: 0 0 23px;
}
.rs-pricing-container .pricing-header h3 {
font-size: 20px;
font-weight: 500;
color: #080d41;
line-height: 30px;
text-transform: uppercase;
margin: 0 0 8px;
}
.rs-pricing-container .pricing-header .price {
font-size: 45px;
line-height: 55px;
color: #080d41;
font-weight: 600;
}
.rs-pricing-container .pricing-header:after {
content: "";
position: absolute;
background: #4D4C4C;
height: 1px;
bottom: 0;
left: 0;
right: 0;
opacity: 1;
}
.rs-pricing-container .pricing-header .price-inner {
display: flex;
align-items: flex-end;
justify-content: center;
}
.rs-pricing-container .pricing-header .price-inner span {
color: #fff;
position: relative;
top: -7px;
margin-left: 10px;
}
.rs-pricing-container .pricing-body .description {
font-size: 16px;
color: #3E3E3E;
opacity: 0.8;
line-height: 22px;
padding: 0 0 10px;
}
.rs-pricing-container .pricing-body .features ul {
margin: 0;
padding: 0;
list-style: none;
}
.rs-pricing-container .pricing-body .features ul li {
position: relative;
font-size: 16px;
line-height: 26px;
color: #372748;
padding-right: 36px;
margin: 15px 0;
transition: all 0.5s ease;
}
.rs-pricing-container .pricing-body .features ul li:before {
content: "\eb80";
color: #080d41;
margin: 0;
display: inline-block;
font-family: remixicon;
position: absolute;
right: 0;
transition: all 0.5s ease;
}
.rs-pricing-container .pricing-body .features ul li.close-icon:before {
color: #3E3E3E;
content: "\eb97";
opacity: 0.6;
}
.rs-pricing-container .pricing-footer a {
display: inline-block;
border: 1px solid #080d41;
font-size: 18px;
line-height: 28px;
color: #080d41;
font-weight: 700;
padding: 20px;
width: 100%;
border-radius: 15px;
text-align: center;
}
.rs-pricing-container .pricing-footer a span {
position: relative;
z-index: 9;
}
.rs-pricing-container .pricing-wrapper > li:hover .pricing-footer a {
background: #080d41;
color: #ffffff;
}
.rs-pricing-container.gradient_enable .pricing-wrapper > li:not(:hover) .pricing-footer a span, .rs-pricing-container.gradient_enable .pricing-header .price {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-color: transparent;
background-image: linear-gradient(80deg, #D6A700 0%, #7D16FF 100%);
}
.rs-pricing-container.gradient_enable .pricing-footer a {
background-color: transparent;
background-image: linear-gradient(80deg, #D6A700 0%, #7D16FF 100%);
border: none !important;
position: relative;
color: #fff;
}
.rs-pricing-container.gradient_enable .pricing-footer a:before {
position: absolute;
content: "";
left: 2px;
right: 2px;
top: 2px;
bottom: 2px;
border-radius: inherit;
transition: all 0.3s;
background-color: transparent;
background-image: linear-gradient(80deg, #2C2355 0%, #2C2355 100%);
}
.rs-pricing-container.gradient_enable .pricing-wrapper > li:hover .pricing-footer a {
background-color: transparent;
background-image: linear-gradient(80deg, #d6a700 0%, #7d16ff 100%);
}
.rs-pricing-container.gradient_enable .features ul li:not(.close-icon):before {
color: transparent;
background-image: linear-gradient(94.57deg, #D6A700 8.35%, #7D16FF 100%);
-webkit-background-clip: text;
}
.rs-pricing-container.style2 .pricing-header:after {
height: 0px;
}.rs_button .rs_btn_icon {
width: 38px;
height: 38px;
background-color: #292965;
border-radius: 50%;
transition: all 0.4s;
}
.rs_button .rs_btn_icon svg {
margin-left: 10px;
margin-right: 10px;
text-align: center;
margin-top: 10px;
width: 20px;
height: 20px;
}
.rs-btn-style-11 .ff_submit_btn_wrapper {
position: relative;
}
.rs-btn-style-11 .ff_submit_btn_wrapper .ff_btn_style {
background-color: #42806B;
padding: 19px 36px;
color: #fff;
border-radius: 6px;
font-size: 16px;
z-index: 1;
overflow: hidden;
transition: border-color 0.5s;
}
.rs-btn-style-11 .ff_submit_btn_wrapper .ff_btn_style:before {
content: "";
position: absolute;
z-index: -1;
background: #00204a;
height: 150px;
width: 340px;
border-radius: 50%;
top: 100%;
left: 100%;
transition: all 0.4s;
}
.rs-btn-style-11 .ff_submit_btn_wrapper .ff_btn_style:hover:before {
top: -30px;
left: -30px;
}
.rs-btn.style11 {
position: relative;
}
.rs-btn.style11 a {
background: #42806B;
padding: 19px 36px;
color: #fff;
border-radius: 6px;
font-size: 16px;
z-index: 1;
overflow: hidden;
transition: border-color 0.5s;
}
.rs-btn.style11 a:before {
content: "";
position: absolute;
z-index: -1;
background: #42806B;
height: 117px;
width: 120%;
border-radius: 50%;
top: 100%;
left: 100%;
transition: all 0.4s;
}
.rs-btn.style11 a:hover:before {
top: -30px;
left: -30px;
}
.rs-btn.style12 {
position: relative;
}
.rs-btn.style12 a {
background-color: transparent;
color: #42806B;
border-radius: 6px;
font-size: 16px;
z-index: 1;
overflow: hidden;
border-style: solid;
border-width: 2px 2px 2px 2px;
padding: 12px 34px;
border-color: rgba(228, 0, 59, 0.2);
transition: border-color 0.5s;
}
.rs-btn.style12 a:before {
content: "";
position: absolute;
z-index: -1;
background: #42806B;
height: 150px;
width: 340px;
border-radius: 48%;
top: 100%;
left: 100%;
transition: all 0.4s;
}
.rs-btn.style12 a:hover {
color: #ffffff;
border-color: #42806B;
background: transparent;
}
.rs-btn.style12 a:hover:before {
top: -30px;
left: -30px;
}
.rs-header-btn .rs-btn.style11 {
position: relative;
}
.rs-header-btn .rs-btn.style11 a {
background-color: #42806B;
padding: 19px 36px;
color: #fff;
border-radius: 6px;
font-size: 16px;
z-index: 1;
overflow: hidden;
transition: border-color 0.5s;
}
.rs-header-btn .rs-btn.style11 a:before {
content: "";
position: absolute;
z-index: -1;
background: #00204a;
height: 117px;
width: 120%;
border-radius: 50%;
top: 100%;
left: 100%;
transition: all 0.4s;
}
.rs-header-btn .rs-btn.style11 a:hover:before {
top: -30px;
left: -30px;
}
.rs-view-btn a {
color: #121933;
position: relative;
outline: none;
font-weight: 600;
}
.rs-view-btn a:hover {
color: #121933;
}
.rs-view-btn a:hover .rs-btn.rs-btnblack::before {
width: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.rs-view-btn a:hover .rs-btn.rs-btnblack .rs_btn__text {
-webkit-transform: translateX(2.15em);
transform: translateX(2.15em);
-webkit-transition: width 1s ease, -webkit-transform 0.5s ease;
transition: width 1s ease, -webkit-transform 0.5s ease;
transition: transform 0.5s ease, width 1s ease;
transition: transform 0.5s ease, width 1s ease, -webkit-transform 0.5s ease;
}
.rs-view-btn a:hover .rs-btn.rs-btnblack .rs_btn__text::before {
width: 100%;
max-width: 100%;
-webkit-transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn a:hover .rs-btn.rs-btnblack .rs_btn__text::after {
width: 100%;
-webkit-transition: width 0.15s 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: width 0.15s 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn a:hover .rs-btn.rs-btnblack .rs_btn__text span::before {
left: 0;
height: 100%;
-webkit-transition: height 0.15s 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.15s 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn a:hover .rs-btn.rs-btnblack .rs_btn__text span::after {
right: 0;
height: 100%;
-webkit-transition: height 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn .rs-btn.rs-btnblack .rs_btn__text {
position: relative;
padding: 14px 32px;
line-height: 1.5;
display: inline-block;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.rs-view-btn .rs-btn.rs-btnblack .rs_btn__text span::before {
content: "";
position: absolute;
height: 0;
width: 2px;
background-color: #333;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
left: 0;
bottom: 0;
-webkit-transition: height 0.15s 0 cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.15s 0 cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn .rs-btn.rs-btnblack .rs_btn__text span::after {
content: "";
position: absolute;
height: 0;
width: 2px;
background-color: #333;
-webkit-transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
transition: all 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
right: 0;
top: 0;
-webkit-transition: height 0.15s 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.15s 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn .rs-btn.rs-btnblack .rs_btn__text::before {
top: 0;
left: 0;
-webkit-transition: width 0.15s 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transition: width 0.15s 0.45s cubic-bezier(0.4, 0, 0.2, 1);
content: "";
position: absolute;
height: 2px;
width: 0;
background-color: #333;
}
.rs-view-btn .rs-btn.rs-btnblack .rs_btn__text::after {
content: "";
position: absolute;
height: 2px;
width: 0;
background-color: #333;
bottom: 0;
right: 0;
-webkit-transition: width 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
transition: width 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn .rs-btn.rs-btnblack:hover::before {
width: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.rs-view-btn .rs-btn.rs-btnblack:hover .rs_btn__text {
-webkit-transform: translateX(2.15em);
transform: translateX(2.15em);
-webkit-transition: width 1s ease, -webkit-transform 0.5s ease;
transition: width 1s ease, -webkit-transform 0.5s ease;
transition: transform 0.5s ease, width 1s ease;
transition: transform 0.5s ease, width 1s ease, -webkit-transform 0.5s ease;
}
.rs-view-btn .rs-btn.rs-btnblack:hover .rs_btn__text::before {
width: 100%;
max-width: 100%;
-webkit-transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn .rs-btn.rs-btnblack:hover .rs_btn__text::after {
width: 100%;
-webkit-transition: width 0.15s 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: width 0.15s 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn .rs-btn.rs-btnblack:hover .rs_btn__text span::before {
left: 0;
height: 100%;
-webkit-transition: height 0.15s 0.45s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.15s 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn .rs-btn.rs-btnblack:hover .rs_btn__text span::after {
right: 0;
height: 100%;
-webkit-transition: height 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
transition: height 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.rs-view-btn .rs-btn.rs-btnblack::before {
content: "";
position: absolute;
top: 50%;
right: -2.4em;
height: 1px;
width: 3em;
background-color: #333;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.rs-btn.style5 .rs_button {
position: relative;
}
.rs-btn.style5 .rs_button:before {
position: absolute;
content: "";
width: 30px;
height: 30px;
border-radius: 30px;
right: 15%;
top: 13px;
transition: 0.4s;
z-index: 3;
background: #930606;
}
.rs-btn.style5 .rs_button span {
position: relative;
z-index: 9;
}
.rs-btn.style5 .rs_button:hover:before {
right: 65%;
}
.rs_button_style5 {
position: relative;
}
.rs_button_style5:before {
position: absolute;
content: "";
width: 30px;
height: 30px;
border-radius: 30px;
right: 15%;
top: 14px;
transition: 0.4s;
z-index: 30;
background: #930606;
}
.rs_button_style5 span {
position: relative;
z-index: 31;
}
.rs_button_style5:hover:before {
right: 65%;
}
.rs-btn.style7 .rs_button {
padding: 18px 0;
position: relative;
overflow: visible;
}
.rs-btn.style7 .rs_button:hover {
transition: 0.5s;
}
.rs-btn.style7 .rs_button:hover::after {
transform: translate(0, 0);
}
.rs-btn.style7 .rs_button::after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
transform: translate(-8px, -8px);
border: 2px solid #E69223;
transition: all 0.4s ease 0s;
z-index: -1;
}
.rs-latest-button {
pointer-events: auto;
cursor: pointer;
background: #e7e7e7;
border: none;
padding: 1.5rem 3rem;
margin: 0;
font-family: inherit;
font-size: inherit;
position: relative;
display: inline-block;
}
.rs-latest-button svg {
height: 20px;
position: relative;
top: -1px;
}
.rs-latest-button::before,
.rs-latest-button::after {
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 100%;
}
.rs-latest-button--calypso {
overflow: hidden;
font-size: 1.15rem;
border-radius: 0.85rem;
color: #fff;
}
.rs-latest-button--calypso span {
display: block;
position: relative;
z-index: 10;
color: #0a0a0a;
}
.rs-latest-button--calypso span svg path {
fill: #0a0a0a;
}
.rs-latest-button--calypso:hover span {
color: #fff;
}
.rs-latest-button--calypso:hover span svg path {
fill: #fff;
}
.rs-latest-button--calypso:hover span {
animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
}
@keyframes MoveScaleUpInitial {
to {
transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
opacity: 0;
}
}
@keyframes MoveScaleUpEnd {
from {
transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rs-latest-button--calypso::before {
content: "";
background: #000;
width: 120%;
height: 0;
padding-bottom: 120%;
top: -110%;
left: -10%;
border-radius: 50%;
transform: translate3d(0, 68%, 0) scale3d(0, 0, 0);
}
.rs-latest-button--calypso:hover::before {
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.rs-latest-button--calypso::after {
content: "";
background: #000;
transform: translate3d(0, -100%, 0);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.rs-latest-button--calypso:hover::after {
transform: translate3d(0, 0, 0);
transition-duration: 0.05s;
transition-delay: 0.4s;
transition-timing-function: linear;
}
.rs-btn.style8 .rs_button:hover .btn-icon {
opacity: 0;
transition-delay: 0s;
transform: translateX(10px);
}
.rs-btn.style8 .rs_button .btn-icon + .btn-icon {
margin-inline-end: 0;
margin-inline-start: 8px;
display: inline-block;
margin-inline-start: 0;
margin-inline-end: 0;
opacity: 0;
transform: translateX(-10px);
transition-delay: 0s;
order: -2;
}
.rs-btn.style8 .rs_button .btn-icon {
display: inline-block;
transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.rs-btn.style8 .rs_button:hover .btn-icon + .btn-icon {
opacity: 1;
transform: translateX(0);
transition-delay: 0.225s;
}
.rs-btn.style8 .rs_button .icon-reverse-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.rs-btn.style8 .rs_button .btn_text {
display: inline-block;
transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
margin-inline-start: -23px;
}
.rs-btn.style8 .rs_button:hover .btn_text {
transition-delay: 0.1s;
transform: translateX(23px);
}
.rs-btn.style6 .rs_button, .rs-btn.style1 .rs_button, .rs-btn.style7 .rs_button {
transition: all 0.3s ease 0s;
}
.rs-btn.style6 .rs_button svg, .rs-btn.style1 .rs_button svg, .rs-btn.style7 .rs_button svg {
transition: all 0.3s ease 0s;
}
.rs-btn.style6 .rs_button:hover svg, .rs-btn.style1 .rs_button:hover svg, .rs-btn.style7 .rs_button:hover svg {
transform: translateX(5px);
}
.rs-btn.style9 {
line-height: 0;
}
.rs-btn.style9 .rs_button {
position: relative;
display: inline-block;
}
.rs-btn.style9 .rs_button span {
display: inline-block;
z-index: 1;
position: relative;
}
.rs-btn.style9 .rs_button svg {
position: relative;
z-index: 1;
transition: all 0.3s ease 0s;
}
.rs-btn.style9 .rs_button:after {
position: absolute;
content: "";
background: #d52925;
width: 125%;
left: -13%;
top: 0;
bottom: 0;
transform: skew(30deg);
transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
transition: all 0.4s;
pointer-events: none;
}
.rs-btn.style9 .rs_button:hover svg {
transform: rotate(45deg);
}
.rs-btn.style9 .rs_button:hover:after {
transform: translate3d(100%, 0, 0);
}
@keyframes MoveUpInitial {
to {
transform: translate3d(0, -105%, 0);
}
}
@keyframes MoveUpEnd {
from {
transform: translate3d(0, 100%, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.rs-btn.style10 .rs_button {
overflow: hidden;
position: relative;
display: inline-block;
background: #231f20;
color: #fff;
padding: 15px 35px 15px 35px;
webkit-clip-path: polygon(50% 0%, 100% 1%, 100% 35%, 100% 80%, 94% 100%, 50% 100%, 21% 100%, 0 100%, 0 0, 86% 0) !important;
clip-path: polygon(50% 0%, 100% 1%, 100% 35%, 100% 80%, 94% 100%, 50% 100%, 21% 100%, 0 100%, 0 0, 86% 0) !important;
}
.rs-btn.style10 .rs_button .btn_text {
display: inline-block;
z-index: 1;
position: relative;
}
.rs-btn.style10 .rs_button svg {
width: 14px;
height: 14px;
position: relative;
z-index: 1;
transition: all 0.3s ease 0s;
margin-left: 12px;
margin-right: 3px;
}
.rs-btn.style10 .rs_button svg path {
fill: #fff;
}
.rs-btn.style10 .rs_button:before {
position: absolute;
content: "";
background: #d52925;
width: 100%;
height: 100%;
transform-origin: 50% 100%;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
transition: clip-path 0.2s, -webkit-clip-path 0.2s;
transition-timing-function: cubic-bezier(0.7, 0, 0.2, 1);
left: 0;
top: 0;
}
.rs-btn.style10 .rs_button:hover:before {
transition-duration: 0.3s;
-webkit-clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);
clip-path: polygon(0 0, 100% 0, 0 0, 0% 100%);
color: #fff;
}
.rs-btn.style10 .rs_button .icon-reverse-wrapper {
display: block;
position: relative;
overflow: hidden;
}
.rs-btn.style10 .rs_button:hover .icon-reverse-wrapper span {
animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}
.rs-btn.style10 .rs_button:hover svg {
transform: rotate(45deg);
}
.rs-btn.style10 .rs_button:hover:after {
transform: translate3d(100%, 0, 0);
}
.rs-btn.style13 a {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 6% 50%);
}
.rs-btn.primary_color a {
background: #42806B;
border-color: #42806B;
}
.rs-btn.primary_color a:hover {
background: #00204a;
border-color: #00204a;
}
.rs-btn.secondary_color a {
background: #00204a;
border-color: #00204a;
}
.rs-btn.secondary_color a:hover {
background: #42806B;
border-color: #42806B;
}.rs-logo-grid .rs-grid-figure {
display: flex;
align-items: center;
justify-content: center;
}
.rs-logo-grid .rs-grid-figure .logo-img {
overflow: hidden;
}
.rs-logo-grid .rs-grid-figure .logo-title {
overflow: hidden;
}
.rs-logo-grid .rs-grid-figure .logo-title .title {
margin: 0;
}
.rs-logo-grid .rs-grid-figure .logo-desc {
overflow: hidden;
}
.rs-logo-grid .rs-grid-figure .logo-desc .description {
margin: 0;
}
.rs-logo-grid .logo-grid-item {
border-bottom: 1px solid rgba(0, 0, 0, 0.04);
border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.rs-logo-grid .logo-grid-item.pre-last {
border-right: 0;
}
.rs-logo-grid .logo-grid-item.pre-last-row {
border-bottom: 0;
}
.rs-grid-figure .logo-img img {
transition: all 0.3s ease 0s;
}
.rs-logo-grid.rsl_style3 .grid-item {
border-bottom: 0.5px solid rgba(58, 58, 58, 0.05);
border-right: 0.5px solid rgba(58, 58, 58, 0.05);
}
.rs-logo-grid.rsl_style3 .grid-item:nth-child(3), .rs-logo-grid.rsl_style3 .grid-item:nth-child(6), .rs-logo-grid.rsl_style3 .grid-item:nth-child(9), .rs-logo-grid.rsl_style3 .grid-item:nth-child(12) {
border-right: 0.5px solid rgba(58, 58, 58, 0);
}
.rs-logo-grid.rsl_style3 .grid-item:nth-child(7), .rs-logo-grid.rsl_style3 .grid-item:nth-child(8), .rs-logo-grid.rsl_style3 .grid-item:nth-child(9) {
border-bottom: 0.5px solid rgba(58, 58, 58, 0);
}
@media only screen and (max-width: 600px) {
.rs-logo-grid .logo-grid-item {
width: 100% !important;
}
}.rs-cta {
width: 100%;
display: inline-flex;
align-items: center;
}
.rs-cta .cta-content {
float: left;
width: 80%;
text-align: left;
order: unset;
}
.rs-cta .cta-content .cta-title h3.title {
margin: 0 0 10px;
}
.rs-cta .cta-content .cta-text .desc {
margin: 0;
}
.rs-cta .rs-btn {
width: 20%;
float: right;
text-align: right;
order: unset;
}
.rs-cta .rs-btn .readon {
line-height: 1;
color: #fff;
background-color: #010d14;
padding: 15px 35px;
font-size: 17px;
border-radius: 0;
}
.rs-cta .rs-btn .readon:hover {
background: #2b59ff;
}
.rs-cta .rs-btn .readon i {
margin: 0;
transform: translateX(5px);
transition: all ease 0.3s;
}@keyframes left {
100% {
transform: rotate(180deg);
}
}
@keyframes right {
100% {
transform: rotate(180deg);
}
}
.rs-testimonial-nav-style2 {
margin: 0;
max-width: 280px;
}
.rs-testimonial-nav-style2 .team-item {
padding: 0 15px;
}
.rs-testimonial-nav-style2 .slick-dots {
line-height: 10px;
bottom: -40px;
z-index: 3;
bottom: -115px;
}
.rs-testimonial-nav-style2 .slick-dots li {
display: inline-block;
width: unset;
height: unset;
margin: 0 5px;
}
.rs-testimonial-nav-style2 .slick-dots li button {
width: 15px;
height: 15px;
display: inline-block;
font-size: unset;
line-height: unset;
padding: unset;
background: #707484;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
border-radius: 15px;
}
.rs-testimonial-nav-style2 .slick-dots li button:before {
display: none;
}
.rs-testimonial-nav-style2 .slick-dots li button:hover {
background: #2b59ff;
opacity: 1;
width: 26px;
}
.rs-testimonial-nav-style2 .slick-dots li.slick-active button {
width: 24px;
background: #2b59ff;
opacity: 1;
}
.rs-testimonial-nav-style2 .slick-next {
position: absolute;
bottom: 0;
transition: 0.6s ease all;
z-index: 9;
}
.rs-testimonial-nav-style2 .slick-next:before {
line-height: 40px;
color: #3E3E3E;
opacity: 1;
content: "\f110";
}
.rs-testimonial-nav-style2 .slick-next:hover {
opacity: 1;
background: #121933;
}
.rs-testimonial-nav-style2 .slick-next:hover:before {
color: #fff;
}
.rs-testimonial-nav-style2 .slick-prev {
position: absolute;
bottom: 0;
transition: 0.6s ease all;
z-index: 9;
}
.rs-testimonial-nav-style2 .slick-prev:before {
line-height: 40px;
color: #3E3E3E;
opacity: 1;
content: "\f111";
}
.rs-testimonial-nav-style2 .slick-prev:hover {
opacity: 1;
background: #121933;
}
.rs-testimonial-nav-style2 .slick-prev:hover:before {
color: #fff;
}
.rs-testimonial-nav-style2:hover .slick-prev {
opacity: 1;
visibility: visible;
}
.rs-testimonial-nav-style2:hover .slick-next {
opacity: 1;
visibility: visible;
}
.rs-testimonial-nav-style2 .item {
padding-top: 10px;
}
.rs-testimonial-nav-style2 .item .testimonial-name {
display: none;
}
.rs-testimonial-nav-style2 .item .testimonial-title {
display: none;
}
.rs-testimonial-nav-style2 .item .nav-image {
position: relative;
border-radius: 50%;
}
.rs-testimonial-nav-style2 .item .nav-image img {
margin-top: 10px;
margin-bottom: 10px;
}
.rs-testimonial-nav-style2 .item .circle {
display: none;
position: absolute;
z-index: 9;
width: 70px;
height: 70px;
z-index: -1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.rs-testimonial-nav-style2 .item img {
margin: 0 auto;
width: 60px;
height: 60px;
border-radius: 50%;
cursor: pointer;
transition: 0.4s;
position: relative;
border: 5px solid #19082D;
}
.rs-testimonial-nav-style2 .item.slick-current .testimonial-name {
display: block;
}
.rs-testimonial-nav-style2 .item.slick-current .testimonial-title {
display: block;
}
.rs-testimonial-nav-style2 .item.slick-current .nav-image .circle {
display: block;
}
.rs-testimonial-nav-style2 .item.slick-current .author-inner {
min-width: 180px;
padding-top: 20px;
margin-left: 10px;
}
.rs-testimonial-nav-style2 .circular {
height: 70px;
width: 70px;
position: relative;
}
.rs-testimonial-nav-style2 .circular .inner {
position: absolute;
z-index: 6;
top: 50%;
left: 50%;
height: 65px;
width: 65px;
transform: translate(-50%, -50%);
background: #100E22;
border-radius: 100%;
}
.rs-testimonial-nav-style2 .circular .bar {
position: absolute;
height: 100%;
width: 100%;
background: transparent;
-webkit-border-radius: 100%;
clip: rect(0px, 100px, 100px, 35px);
}
.rs-testimonial-nav-style2 .circular .left .progress {
z-index: 1;
animation: left 4s linear both;
}
.rs-testimonial-nav-style2 .circular .right {
transform: rotate(180deg);
z-index: 3;
}
.rs-testimonial-nav-style2 .circular .right .progress {
animation: right 4s linear both;
animation-delay: 4s;
}
.rs-testimonial-nav-style2 .circle .bar .progress {
position: absolute;
height: 100%;
width: 100%;
-webkit-border-radius: 100%;
clip: rect(0px, 35px, 100px, 0px);
background: #2B59FF;
}
.rs-testimonial-dots-style2 {
margin: 0;
}
.rs-testimonial-dots-style2 .team-item {
padding: 0 15px;
}
.rs-testimonial-dots-style2 .slick-dots {
line-height: 10px;
bottom: -40px;
z-index: 3;
}
.rs-testimonial-dots-style2 .slick-dots li {
display: inline-block;
width: unset;
height: unset;
margin: 0 5px;
}
.rs-testimonial-dots-style2 .slick-dots li button {
width: 15px;
height: 15px;
display: inline-block;
font-size: unset;
line-height: unset;
padding: unset;
background: #707484;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
border-radius: 15px;
}
.rs-testimonial-dots-style2 .slick-dots li button:before {
display: none;
}
.rs-testimonial-dots-style2 .slick-dots li button:hover {
background: #2b59ff;
opacity: 1;
width: 26px;
}
.rs-testimonial-dots-style2 .slick-dots li.slick-active button {
width: 24px;
background: #2b59ff;
opacity: 1;
}
.rs-testimonial-dots-style2 .slick-next {
position: absolute;
bottom: 0;
transition: 0.6s ease all;
z-index: 9;
}
.rs-testimonial-dots-style2 .slick-next:before {
line-height: 40px;
color: #3E3E3E;
opacity: 1;
content: "\f110";
}
.rs-testimonial-dots-style2 .slick-next:hover {
opacity: 1;
background: #121933;
}
.rs-testimonial-dots-style2 .slick-next:hover:before {
color: #fff;
}
.rs-testimonial-dots-style2 .slick-prev {
position: absolute;
bottom: 0;
transition: 0.6s ease all;
z-index: 9;
}
.rs-testimonial-dots-style2 .slick-prev:before {
line-height: 40px;
color: #3E3E3E;
opacity: 1;
content: "\f111";
}
.rs-testimonial-dots-style2 .slick-prev:hover {
opacity: 1;
background: #121933;
}
.rs-testimonial-dots-style2 .slick-prev:hover:before {
color: #fff;
}
.rs-testimonial-dots-style2:hover .slick-prev {
opacity: 1;
visibility: visible;
}
.rs-testimonial-dots-style2:hover .slick-next {
opacity: 1;
visibility: visible;
}
.rs-testimonial-dots-style2 .slick-slide {
opacity: 0;
}
.rs-testimonial-dots-style2 .slick-slide .ratings {
position: relative;
z-index: 1;
}
.rs-testimonial-dots-style2 .slick-slide .ratings img {
margin: 0 auto;
max-width: 100px;
}
.rs-testimonial-dots-style2 .slick-slide.slick-active {
opacity: 1;
}
.rs-testimonial-dots-style2 .slick-slide.slick-center {
opacity: 1;
visibility: visible;
z-index: 9;
}
.rs-addon-slider {
margin: 0;
}
.rs-addon-slider .team-item {
padding: 0 15px;
}
.rs-addon-slider .slick-dots {
line-height: 10px;
bottom: -40px;
z-index: 3;
}
.rs-addon-slider .slick-dots li {
display: inline-block;
width: unset;
height: unset;
margin: 0 5px;
}
.rs-addon-slider .slick-dots li button {
width: 15px;
height: 15px;
display: inline-block;
font-size: unset;
line-height: unset;
padding: unset;
background: transparent;
border: 1px solid #C6C1C2;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
border-radius: 15px;
}
.rs-addon-slider .slick-dots li button:before {
display: none;
}
.rs-addon-slider .slick-dots li button:hover {
opacity: 1;
width: 26px;
}
.rs-addon-slider .slick-dots li.slick-active button {
width: 24px;
background: #e11631;
opacity: 1;
}
.rs-addon-slider .slick-arrow {
position: absolute;
bottom: 0;
transition: all 0.3s ease 0s;
z-index: 9;
font-size: 0;
display: flex;
align-items: center;
justify-content: center;
}
.rs-addon-slider .slick-arrow:before {
color: #3E3E3E;
opacity: 1;
line-height: normal !important;
}
.rs-addon-slider .slick-arrow:hover {
opacity: 1;
background: #121933;
}
.rs-addon-slider .slick-arrow:hover:before {
color: #fff;
}
.rs-addon-slider:hover .slick-arrow {
opacity: 1;
}
.rsaddon-unique-slider .rs-testimonial-dots-style2 .slick-arrow {
opacity: 1;
visibility: visible;
}
.rs-testimonial p {
margin: 0 0 15px;
position: relative;
}
.rs-testimonial .image-wrap img {
height: 65px;
width: 65px;
border-radius: 50%;
position: relative;
}
.rs-testimonial .testimonial-item {
position: relative;
transition: all 0.3s ease 0s;
height: auto;
}
.rs-testimonial .testimonial-item .item-content span img {
z-index: 9;
}
.rs-testimonial .testimonial-item .item-content.bubble {
position: relative;
}
.rs-testimonial .testimonial-item .item-content.bubble:after {
top: 100%;
left: 15%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #010d14;
border-width: 12px;
margin-left: -30px;
z-index: 1;
}
.rs-testimonial .testimonial-item .item-content.bubble span i {
z-index: 1;
}
.rs-testimonial .testimonial-item .testimonial-information {
position: relative;
display: flex;
align-items: center;
}
.rs-testimonial .testimonial-item .testimonial-information .ratings {
margin-left: 15px;
}
.rs-testimonial .testimonial-item .testimonial-information .ratings img {
width: 100px;
}
.rs-testimonial .testimonial-item .testimonial-information .testimonial-name {
color: #000000;
font-size: 20px;
font-weight: 500;
margin-left: 15px;
}
.rs-testimonial .testimonial-item .testimonial-information .testimonial-title {
color: #878787;
}
.rs-testimonial .testimonial-item .testimonial-content {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
justify-content: space-between;
}
.rs-testimonial .testimonial-item .item-services h6 {
margin-bottom: 3px;
}
.rs-testimonial .testimonial-item .quote-icon {
position: absolute;
right: 10px;
bottom: 32px;
}
.rs-testimonial .testimonial-item.center .image-wrap img {
margin: auto;
}
.rs-testimonial .testimonial-item.inline_yes .testimonial-content {
display: flex;
justify-content: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.rs-testimonial .testimonial-item.inline_yes .testimonial-content .testimonial-information {
padding: 0 0 0 20px;
text-align: left;
}
.rs-testimonial .testimonial-item.inline_yes .testimonial-content .testimonial-information .testimonial-title {
padding-bottom: 10px;
display: block;
}
.rs-testimonial .testimonial-item.inline_yes.left .testimonial-content {
justify-content: flex-start;
}
.rs-testimonial .testimonial-item.inline_no .testimonial-content {
display: block;
}
.rs-testimonial .testimonial-item.inline_no .testimonial-content .image-wrap {
position: relative;
}
.rs-testimonial .testimonial-item.inline_no .testimonial-content .testimonial-information {
padding-left: 0;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .testimonial-items .inrs {
display: flex;
align-items: center;
vertical-align: middle;
border-radius: 3px;
background: #ffffff;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.06);
margin: 40px 40px 20px 100px;
padding: 50px 30px 45px 50px;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .testimonial-items .inrs .testimonial-contents .image-wrap {
position: relative;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .testimonial-items .inrs .testimonial-contents .image-wrap img {
height: 320px;
max-width: 320px;
width: 320px;
z-index: 1;
position: relative;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .testimonial-items .inrs .item-content {
padding-left: 45px;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .testimonial-items .inrs .item-content .testimonial-informations {
margin-top: 4px;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .slick-next {
border: none;
background: #2B59FF;
border: 1px solid transparent;
right: -7%;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .slick-next:before {
color: #fff;
line-height: 50px;
opacity: 1;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .slick-next:hover {
background: #5272E4;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .slick-next:hover:before {
color: #fff;
opacity: 1;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .slick-prev {
border: 1px solid transparent;
background: #2B59FF;
left: -11%;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .slick-prev:before {
color: #fff;
line-height: 50px;
opacity: 1;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .slick-prev:hover {
background: #5272E4;
}
.rs-testimonial .rs-addon-slider.sliders-restimon3 .slick-prev:hover:before {
color: #fff;
opacity: 1;
}
.rs-testimonial .ratings img {
max-width: 100px;
}
.rs-testimonial--right .testimonial-content {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.rs-testimonial--right .rs-testimonial .item-content.bubble {
position: relative;
}
.rs-testimonial--right .rs-testimonial .item-content.bubble:after {
left: 94% !important;
z-index: 1;
}
.rs-testimonial--right .rs-testimonial .item-content.bubble span i {
z-index: 1;
}
.rs-testimonial--right .testimonial-information {
padding-right: 15px;
}
.rs-testimonial--center .testimonial-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.rs-testimonial--center .rs-testimonial .item-content.bubble {
position: relative;
}
.rs-testimonial--center .rs-testimonial .item-content.bubble:after {
left: 55%;
z-index: 1;
}
.rs-testimonial--center .rs-testimonial .item-content.bubble span i {
z-index: 1;
}
.rs-testimonial--center .testimonial-information {
padding-top: 15px;
}
.slider-gap-15 .slick-list {
padding-top: 10px;
}
div.rs-testimonial-grid.rs-testimonial2 .slick-arrow {
width: 45px;
height: 45px;
line-height: 45px;
}
div.rs-testimonial-grid.rs-testimonial2 .slick-arrow:before {
line-height: 39px;
}
.rs-testimonial-grid.rs_dots_center-align .slick-dots {
bottom: auto;
top: 50%;
transform: translateY(-50%);
text-align: right;
right: -20px;
}
.rs-testimonial-grid.rs_dots_center-align .slick-dots li {
display: block;
}
.rs-testimonial-grid.rs_dots_center-align .slick-dots li button {
width: 6px;
height: 6px;
border-radius: 2px !important;
margin: 3px 0;
}
.rs-testimonial-grid.rs_dots_center-align .slick-dots li.slick-active button {
height: 15px;
}
.rs-testimonial4 .testimonial-contents {
flex: 0 0 30%;
max-width: 30%;
}
.pagination-area {
padding-top: 0px;
clear: both;
text-align: center;
}
.pagination-area .pagination {
padding: 0;
margin: 0;
}
.pagination-area .nav-links {
display: flex;
align-items: center;
padding: 20px 10px 20px 10px;
border-radius: 0px;
}
.pagination-area .nav-links > * {
border-radius: 0px;
margin-left: 0px;
margin-right: 10px;
}
.pagination-area .nav-links > *:last-child {
margin-right: 0;
}
.pagination-area .nav-links a {
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #1a001b;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease 0s;
background: rgba(255, 255, 255, 0);
position: relative;
}
.pagination-area .nav-links a.page-numbers {
border-style: solid;
border-width: 1.5px 1.5px 1.5px 1.5px;
border-color: rgba(7, 18, 48, 0.1019607843);
}
.pagination-area .nav-links a.next.page-numbers, .pagination-area .nav-links a.prev.page-numbers {
font-size: 0;
}
.pagination-area .nav-links a.next.page-numbers:before, .pagination-area .nav-links a.prev.page-numbers:before {
position: absolute;
font-family: remixicon !important;
font-size: 16px;
line-height: 1;
opacity: 1;
content: "\ea6b";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.pagination-area .nav-links a.prev.page-numbers:before {
content: "\ea5f";
}
.pagination-area .nav-links span.current {
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-color: rgba(255, 255, 255, 0) !important;
color: #ffffff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease 0s;
background: #e11631;
position: relative;
}.rsaddon-unique-slider .testimonial-content .image-wrap {
flex-shrink: 0;
}
.rsaddon-unique-slider.arrow_style2 .rs-addon-slider .slick-arrow {
opacity: 1;
visibility: visible;
width: 50px;
height: 50px;
line-height: 50;
}
.rsaddon-unique-slider.arrow_style2 .rs-addon-slider .slick-arrow::before {
line-height: 50px;
}
.rsaddon-unique-slider .testimonial-items {
cursor: grab;
}
.rsaddon-unique-slider .testimonial-items:focus {
cursor: grabbing;
}
.rsaddon-unique-slider .testimonial-items .inrs {
position: relative;
}
.rsaddon-unique-slider .testimonial-items .quote-img-icon {
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
}
.rsaddon-unique-slider.rs-testimonial.rs-testi_stylestyle5 .rs-addon-slider.sliders-restimon3 .testimonial-items .inrs .testimonial-contents {
flex-shrink: 0;
}
.rsaddon-unique-slider.rs-testimonial.rs-testi_stylestyle5 .rs-addon-slider.sliders-restimon3 .testimonial-items .inrs .testimonial-contents .image-wrap img {
height: unset;
width: unset;
max-width: unset;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .quote-img-icon {
z-index: 2;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content .avatar_info_wrap {
display: flex;
align-items: center;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content .avatar_info_wrap .image-wrap {
margin-right: 20px;
border-radius: 10px;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content .avatar_info_wrap .image-wrap img {
border-radius: 10px;
width: 100px;
height: auto;
z-index: 1;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content .avatar_info_wrap .image-wrap.show_gradient_border {
position: relative;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content .avatar_info_wrap .image-wrap.show_gradient_border img {
margin: 10px 0 0 10px;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content .avatar_info_wrap .image-wrap.show_gradient_border:after, .rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content .avatar_info_wrap .image-wrap.show_gradient_border:before {
position: absolute;
content: "";
border-radius: 10px;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content .avatar_info_wrap .image-wrap.show_gradient_border:after {
background: linear-gradient(94.57deg, #FE8801 0.99%, #F5B163 99.43%);
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content .avatar_info_wrap .image-wrap.show_gradient_border:before {
background: #f7f7f7;
z-index: 1;
width: calc(100% - 2px);
height: calc(100% - 2px);
top: 1px;
left: 1px;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content.bubble .testimonial-item {
position: relative;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper .item-content.bubble .testimonial-item:after {
position: absolute;
content: "";
left: 59px;
bottom: -29px;
border-bottom: 0 solid;
border-left: 0px solid;
border-right: 45px solid;
border-top: 45px solid;
background-color: transparent;
border-color: transparent;
border-top-color: #e11631;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper.nav_vertical_true {
display: flex;
align-items: center;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper.nav_vertical_true * {
flex-shrink: 0;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper.nav_vertical_true .slider-for {
flex: 0 0 88%;
max-width: 88%;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper.nav_vertical_true .slider-nav {
flex: 0 0 12%;
max-width: 12%;
}
.rsaddon-unique-slider.rs-testi_stylestyle2 .testimonial_wrapper.nav_vertical_true .slider-nav .nav-image img {
margin: 0 auto;
}
.rs-testimonial.skew_enable .testimonial-item {
transform: skewY(2deg);
}
.rs-testimonial.skew_enable .testimonial-item > * {
transform: skewY(-2deg);
}
.rsaddon-unique-slider.rs-testimonial.before_img_border_enable .testimonial-item .testimonial-content .image-wrap {
position: relative;
margin-right: 20px;
border-radius: 10px;
}
.rsaddon-unique-slider.rs-testimonial.before_img_border_enable .testimonial-item .testimonial-content .image-wrap::before {
content: "";
position: absolute;
background: #fff;
z-index: 1;
width: calc(100% - 2px);
height: calc(100% - 2px);
top: 1px;
left: 1px;
border-radius: 10px;
}
.rsaddon-unique-slider.rs-testimonial.before_img_border_enable .testimonial-item .testimonial-content .image-wrap::after {
content: "";
position: absolute;
border-radius: 10px;
background: #F79C53;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.rsaddon-unique-slider.rs-testimonial.before_img_border_enable .testimonial-item .testimonial-content .image-wrap img {
border-radius: 10px;
z-index: 1;
position: relative;
left: -4px;
right: 0;
bottom: -4px;
}
.rs-testimonial-dots-style2 .testimonial-item.center .quote-img-icon {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.rs-testimonial-dots-style2 .client_logo_rating {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
margin-bottom: 25px;
}
.rs-testimonial-dots-style2 .client_logo_rating .client_logo {
width: 90px;
}
.rs-testimonial-nav-style2 {
width: 100%;
max-width: 280px;
margin: 0 auto;
}
.rs-testimonial-nav-style2 .item {
display: flex;
}
.rs-testimonial-nav-style2 .item img {
border: none;
}
.rs-testimonial-nav-style2 .circular .inner {
background: unset;
}
.rs-testimonial-nav-style2 .circle .bar .progress {
border: none;
background: #f2c8cf;
}.rs-testimonial2 .testimonial-top-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.quote-icon {
width: 60px;
height: 43px;
}
.testimonial-left-content {
display: flex;
align-items: center;
}
.testimonial-info {
display: flex;
align-items: center;
}
.rsaddon-unique-slider .testimonial-info .testimonial-name {
margin-left: 20px;
margin-right: 10px;
}
.testimonial-informations h3 {
font-weight: 500;
font-size: 18px;
line-height: 27px;
color: #00457A;
margin-bottom: 0px;
}
.rs-addon-slider .slick-dots li button {
width: 10px;
height: 10px;
}
.rs-addon-slider .slick-dots li.slick-active button {
width: 15px;
height: 15px;
}
.testimonial-items:hover .testimonial-item .testimonial-contents .quote-icon svg g {
opacity: 1;
transition: 0.5s;
}
.testimonial-items .testimonial-item .testimonial-contents .quote-icon svg path {
transition: 0.5s;
}
.testimonial-items:hover .testimonial-item .testimonial-contents .quote-icon svg path {
fill: #00457a !important;
}
.testimonial-style3 .testimonial-informations,
.testimonial-style4 .testimonial-informations {
display: flex;
align-items: center;
}
.rs-testimonial .rs-addon-slider.slick-dots2 .slick-dots li button {
width: 20px;
height: 20px;
position: relative;
border: 1px solid transparent;
background: transparent;
transition: all 0.3s ease 0s;
}
.rs-testimonial .rs-addon-slider.slick-dots2 .slick-dots {
line-height: 5px;
}
.rs-testimonial .rs-addon-slider.slick-dots2 .slick-dots li button:after {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
background: #c11f4a;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease 0s;
}
.rs-testimonial .rs-addon-slider.slick-dots2 .slick-dots li button:hover {
border-color: #c11f4a;
}
.rs-testimonial .rs-addon-slider.slick-dots2 .slick-dots li.slick-active button {
border-color: #c11f4a;
}
.testimonial-style4 .testimonial-item {
background: #00204a;
}
.testimonial-style4 .testimonial-item .testimonial-informations .testimonial-name {
color: #e11631;
}
.testimonial-style4 .testimonial-item .testimonial-quote-rating {
display: flex;
align-items: center;
justify-content: space-between;
}
.testimonial-style4 .testimonial-item .testimonial-quote-rating span img {
width: 42px !important;
height: 37px;
}
.testimonial-style3 .testimonial-informations .testimonial-name-desc,
.testimonial-style4 .testimonial-informations .testimonial-name-desc {
margin-left: 24px;
}
@media only screen and (max-width: 767px) {
.testimonial-home2 .rsaddon-unique-slider .testimonial-items {
margin-right: 0px !important;
}
}
@media only screen and (max-width: 500px) {
.testimonial-home2 .testimonial-left-content {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.testimonial-home2 .testimonial-info .testimonial-name {
margin-left: 0;
margin-right: 10px;
}
.testimonial-home2 .testimonial-info {
margin-top: 15px;
}
}
.rs-testimonial2 .rs-addon-slider .testimonial-items .item-contents img {
opacity: 0.2;
}
.rs-testimonial2 .rs-addon-slider .testimonial-items:hover .item-contents img {
opacity: 1;
}
.rsaddon-unique-slider.rs-testimonial2 .rs-addon-slider {
position: relative;
}
.rsaddon-unique-slider.rs-testimonial2 .rs-addon-slider .slick-arrow {
visibility: visible;
opacity: 1;
}
.rsaddon-unique-slider.rs-testimonial2 .rs-addon-slider .custom-nav {
position: absolute;
bottom: -20%;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
border-radius: 10px;
overflow: hidden;
}
.rsaddon-unique-slider.rs-testimonial2 .rs-addon-slider .custom-nav .slick-prev {
margin-right: -1px;
}
.rsaddon-unique-slider.rs-testimonial2 .rs-addon-slider .custom-nav .slick-arrow {
font-size: 15px;
line-height: 26px;
font-weight: 500;
text-transform: uppercase;
opacity: 1;
visibility: visible;
color: #ffffff;
font-family: "Open Sans", sans-serif;
background: #e11631;
position: unset;
width: unset;
height: unset;
transform: unset;
display: flex;
align-items: center;
transition: all 0.3s ease 0s;
padding: 12px 19px;
text-transform: capitalize;
border-radius: 0;
border: none;
}
.rsaddon-unique-slider.rs-testimonial2 .rs-addon-slider .custom-nav .slick-arrow svg {
margin: 0 10px;
}
.rsaddon-unique-slider.rs-testimonial2 .rs-addon-slider .custom-nav::after {
position: absolute;
content: "/";
left: 50%;
top: 50%;
color: #ffffff;
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 9;
}.rs-flip-box .rs-flip-box-inner {
position: relative;
z-index: 1;
margin: 0;
padding: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.rs-flip-box .rs-flip-box-inner .rs-flip-box-wrap {
position: relative;
transform: translateZ(0);
-webkit-transform: translateZ(0);
-webkit-perspective: 1000px;
perspective: 1000px;
}
.rs-flip-box .rs-flip-box-inner .front-part {
top: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
height: 300px;
background-color: transparent;
background-position: center;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
position: relative;
bottom: 0;
z-index: 10;
padding: 30px;
border-radius: 5px;
}
.rs-flip-box .rs-flip-box-inner .front-part:before {
position: absolute;
top: 0;
left: 0;
z-index: -9;
width: 100%;
height: 100%;
background-color: transparent;
content: "";
}
.rs-flip-box .rs-flip-box-inner .front-part .front-content-part .front-icon-part {
margin-bottom: 10px;
}
.rs-flip-box .rs-flip-box-inner .front-part .front-content-part .front-icon-part span {
display: inline-block;
text-align: center;
color: #ffffff;
font-size: 30px;
line-height: 1;
}
.rs-flip-box .rs-flip-box-inner .front-part .front-content-part .front-icon-part span img {
width: 60px;
height: 60px;
}
.rs-flip-box .rs-flip-box-inner .front-part .front-content-part .front-title-part {
margin-bottom: 10px;
}
.rs-flip-box .rs-flip-box-inner .front-part .front-content-part .front-title-part .front-title {
margin: 0;
font-weight: bold;
font-size: 20px;
line-height: 1.5;
color: #ffffff;
}
.rs-flip-box .rs-flip-box-inner .front-part .front-content-part .front-desc-part .front-desc {
margin-bottom: 0;
font-size: 16px;
color: #ffffff;
}
.rs-flip-box .rs-flip-box-inner .front-part .front-content-part .front-btn-part .front-btn {
display: inline-block;
line-height: 1;
}
.rs-flip-box .rs-flip-box-inner .front-part .front-content-part .front-btn-part .front-btn i {
transition: all 0.4s ease 0s;
}
.rs-flip-box .rs-flip-box-inner .back-part {
top: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
height: 300px;
background-color: transparent;
background-position: center;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);
position: absolute;
z-index: -1;
padding: 30px;
border-radius: 5px;
background-color: #562dd4;
}
.rs-flip-box .rs-flip-box-inner .back-part:before {
position: absolute;
top: 0;
left: 0;
z-index: -9;
width: 100%;
height: 100%;
background-color: transparent;
content: "";
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-icon-part {
display: inline-block;
margin-bottom: 20px;
text-align: center;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-icon-part .back-img {
display: inline-block;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-icon-part span {
display: inline-block;
text-align: center;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-icon-part span img {
width: 60px;
height: 60px;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-title-part {
margin-bottom: 10px;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-title-part .back-title {
margin: 0;
font-weight: bold;
font-size: 20px;
line-height: 1.5;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-desc-part .back-desc {
margin-bottom: 0;
font-size: 16px;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-btn-part .back-btn {
display: inline-block;
line-height: 1;
padding: 10px 25px;
color: #121933;
background: #ffffff;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-btn-part .back-btn i {
transition: all 0.4s ease 0s;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-btn-part .back-btn:hover {
background: #1f1c51;
color: #ffffff;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after span {
float: left;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-after i {
margin-left: 10px;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-before span {
float: right;
}
.rs-flip-box .rs-flip-box-inner .back-part .back-content-part .back-btn-part .back-btn.icon-before i {
margin-right: 10px;
}
.rs-flip-box .rs-flip-box-inner .front-content-part {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
transition: all 0.9s ease 0s;
}
.rs-flip-box .rs-flip-box-inner .back-content-part {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
transition: all 0.9s ease 0s;
}
.rs-flip-box .rs-flip-box-inner:hover .back-part {
z-index: 1;
}
.rs-flip-box .rs-flip-box-inner:hover .front-part {
z-index: -1;
}
.rs-flip-box .rs-flip-box-inner.rs-flip-right .front-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-right .back-part {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-right .back-content-part {
right: 15px;
}
.rs-flip-box .rs-flip-box-inner.rs-flip-right:hover .back-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-right:hover .front-part {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-right:hover .back-content-part {
right: 0;
}
.rs-flip-box .rs-flip-box-inner.rs-flip-left .front-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-left .back-part {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-left .back-content-part {
left: 15px;
}
.rs-flip-box .rs-flip-box-inner.rs-flip-left:hover .front-part {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-left:hover .back-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-left:hover .back-content-part {
left: 0;
}
.rs-flip-box .rs-flip-box-inner.rs-flip-up .front-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-up .back-part {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-up .back-content-part {
top: 15px;
}
.rs-flip-box .rs-flip-box-inner.rs-flip-up:hover .front-part {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-up:hover .back-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-up:hover .back-content-part {
top: 0;
}
.rs-flip-box .rs-flip-box-inner.rs-flip-down .front-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-down .back-part {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-down .back-content-part {
bottom: 15px;
}
.rs-flip-box .rs-flip-box-inner.rs-flip-down:hover .front-part {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-down:hover .back-part {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.rs-flip-box .rs-flip-box-inner.rs-flip-down:hover .back-content-part {
bottom: 0;
}
.rs-flip-box:after {
display: block;
visibility: hidden;
clear: both;
height: 0;
content: " ";
font-size: 0;
}.rstab-main ul.nav {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rstab-main ul.nav li a {
padding: 10px;
display: inline-block;
align-items: center;
justify-content: center;
position: relative;
top: 1px;
}
.rstab-main ul.nav.bubble li a.active {
position: relative;
}
.rstab-main ul.nav.bubble li a.active:after {
top: 100%;
left: 15%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #010d14;
border-width: 12px;
margin-left: -30px;
}
.rstab-main ul.nav.icon_top li a {
display: block;
}
.rstab-main ul.nav.icon_top li a img {
display: block;
}
.rstab-main ul.nav.icon_top li a i {
display: block;
}
.rstab-main .tab-content {
padding: 10px;
}
.rstab-main .tab-content p:last-child {
margin: 0;
}
.rstab-main .tab-content .image--right-area {
display: flex;
}
.rstab-main .tab-pane.active {
animation: slide-down 2s ease-out;
}
.rstab-main .rs-btn a, .rstab-main .rs-btn i {
transition: all 0.3s !important;
}
.rstab-main .rs-btn .rs_button i {
top: 0;
line-height: 1;
}
.rstab-main .rs-btn .rs_button i:before {
top: 0;
line-height: 1;
}
.rs-features-list {
list-style: none;
margin: 23px 0 0 0;
}
.rs-features-list li {
font-size: 16px;
line-height: 30px;
color: #656567;
}
.rs-features-list li i {
color: #e11631;
margin: 0px 10px 0px 0px;
font-size: 22px;
position: relative;
top: 3px;
}
.rs-features-list-two {
list-style: none;
margin: 23px 0 0 0;
}
.rs-features-list-two li {
font-size: 16px;
line-height: 30px;
color: #656567;
position: relative;
padding-left: 20px;
}
.rs-features-list-two li::before {
position: absolute;
content: "\f2e4";
font-family: "remixicon" !important;
left: 0;
font-size: 18px;
}
.rstab-main.vertical {
display: flex;
}
.rstab-main.vertical ul.nav {
margin: 0 20px 0 0;
display: block;
}
.rstab-main.vertical ul.nav.bubble li a.active {
position: relative;
}
.rstab-main.vertical ul.nav.bubble li a.active:after {
top: 100%;
left: auto;
right: -24px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #010d14;
border-width: 12px;
margin-left: -30px;
}
.rstab-main.vertical_2 {
display: flex;
align-items: center;
}
.rstab-main.vertical_2 ul.nav {
display: block;
width: 33.333333%;
order: 2;
}
.rstab-main.vertical_2 ul.nav li a {
display: block;
}
.rstab-main.vertical_2 ul.nav li a p {
-webkit-transition: all 0.5s, max-height 0.5s;
-o-transition: all 0.5s, max-height 0.5s;
-moz-transition: all 0.5s, max-height 1.5s;
transition: all 0.5s, max-height 0.5s;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
opacity: 0;
height: 0;
margin: 0;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.rstab-main.vertical_2 ul.nav li a.active P {
padding-top: 4px;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
visibility: visible;
height: auto;
}
.rstab-main.vertical_2 ul.nav.bubble li a.active {
position: relative;
}
.rstab-main.vertical_2 ul.nav.bubble li a.active:after {
top: 100%;
left: auto;
right: -24px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #010d14;
border-width: 12px;
margin-left: -30px;
}
.rstab-main.vertical_2 .tab-content {
order: 1;
padding: 0;
width: 66.666667%;
box-shadow: none;
}
.rstab-main.vertical_2 .tab-content .tab-image {
flex: 0 0 100%;
position: relative;
}
.rstab-main.vertical_2 .tab-content .tab-image img {
width: 100%;
padding: 0;
border-radius: 3px;
}
.rstab-main.vertical_2 .tab-content .tab-image .rs-videos {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.rstab-main.vertical_2 .tab-content .tab-image .rs-videos .animate-border a {
display: inline-block;
text-align: center;
position: relative;
transition: all 0.4s ease 0s;
width: 70px;
height: 70px;
background: #010d14;
border-color: #010d14;
color: #fff;
border-radius: 50%;
}
.rstab-main.vertical_2 .tab-content .tab-image .rs-videos .animate-border a i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.rstab-main.vertical_2 .tab-content .tab-image .rs-videos .animate-border a i.fa-play {
padding-left: 3px;
}
.rstab-main.vertical_2 .tab-content .tab-image .rs-videos .animate-border a:after {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: transparent;
display: block;
border: 1px solid #010d14;
border-radius: 50%;
animation: pulse-border 1300ms ease-out infinite;
transition: all 0.4s ease 0s;
width: 85%;
height: 85%;
}
.rstab-main.vertical_2 .tab-content .tab-image .rs-videos .animate-border a:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: transparent;
display: block;
border: 1px solid #010d14;
border-radius: 50%;
animation: pulse-border 1300ms ease-out infinite;
transition: all 0.4s ease 0s;
width: 100%;
height: 100%;
}
.rstab-main.no_item_menu ul.nav {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.rstab-main.no_item_menu.left {
text-align: left;
}
.rstab-main.no_item_menu.center {
text-align: center;
}
.rstab-main.no_item_menu.right {
text-align: right;
}
.rstab-main .tab-menu-wrapper .nav-tabs .nav-link {
transition: all 0.3s ease 0s;
}
.rstab-main .tab-menu-wrapper .nav-tabs .nav-link * {
transition: all 0.3s ease 0s;
}
.rstab-main.horizontal .nav-tabs .nav-link {
position: relative;
}
.rstab-main.horizontal .nav-tabs .nav-link:after {
position: absolute;
content: "\ea4d";
font-family: remixicon !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40px;
color: #00204a;
left: 50%;
transition: all 0.3s ease 0s;
transform: translateX(-50%);
top: 100%;
line-height: 0.2;
pointer-events: none;
opacity: 0;
visibility: hidden;
display: none;
z-index: 1;
}
.rstab-main.horizontal .nav-tabs .nav-link.active:after {
opacity: 1;
visibility: visible;
}
.accordion-menu-wrapper .nav-tabs {
display: block !important;
}
.accordion-menu-wrapper .nav-tabs .nav-link:focus {
box-shadow: none !important;
}
.accordion-menu-wrapper .nav-tabs .nav-link.collapsed {
position: relative;
}
.accordion-menu-wrapper .nav-tabs .nav-link.accordion-button:not(.collapsed):before {
position: absolute;
content: "\ea4d";
font-family: remixicon !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40px;
color: #2B59FF;
left: 20%;
transition: all 0.3s ease 0s;
transform: translateX(-20%);
top: 100%;
line-height: 0.2;
pointer-events: none;
z-index: 1;
}
.accordion-menu-wrapper .accordion-button:after {
display: none !important;
}
.accordion-menu-wrapper .tab-pane {
margin-bottom: 28px;
}
.rs_vertical.accordion-menu-wrapper .nav-link.accordion-button:not(.collapsed):before {
display: none;
}
.rs_vertical .blog-btn i, .rs_vertical .rs-btn .rs_button i {
top: -2px;
}
.tab-menu-wrapper .nav-tabs {
position: relative;
}
.tab-menu-wrapper .nav-tabs.menu-after-border .nav-link:not(.active) {
position: relative;
}
.tab-menu-wrapper .nav-tabs.menu-after-border .nav-link:not(.active):before {
content: "";
position: absolute;
width: 1px;
height: 30px;
right: -4px;
top: 50%;
background: #c5d0d0;
display: block;
transform: translateY(-50%);
}
.tab-menu-wrapper .nav-tabs.menu-after-border .nav-link:last-child:before {
content: "";
position: absolute;
height: 0;
width: 0;
}
.tab-menu-wrapper .nav-tabs.all-menu-after-border .nav-link {
position: relative;
}
.tab-menu-wrapper .nav-tabs.all-menu-after-border .nav-link:before {
content: "";
position: absolute;
width: 1px;
height: 30px;
right: 0;
top: 0;
background: #c5d0d0;
display: block;
transform: translate(-50%, 50%);
}
.tab-menu-wrapper .nav-tabs.all-menu-after-border .nav-link:last-child:before {
content: "";
position: absolute;
height: 0;
width: 0;
}
.tab-menu-wrapper .nav-tabs.all-menu-after-border:after {
content: "";
position: absolute;
width: 63%;
height: 1px;
left: 0;
bottom: 0;
background: #c5d0d0;
display: block;
}
@media only screen and (max-width: 1024px) {
.rs-tab-custom-css .content--teb-area div > img {
height: auto !important;
width: 100%;
}
.rs-tab-custom-css .rstab-main.vertical {
flex-direction: column;
}
.rs-tab-custom-css .tab-content {
max-width: 100% !important;
width: 100%;
}
.rs-tab-custom-css .rstab-main .tab-menu-wrapper .nav-tabs {
flex-wrap: wrap;
}
}
@media screen and (min-width: 992px) {
.accordion.tab-menu-wrapper.accordion-menu-wrapper {
display: none;
}
}
@media screen and (max-width: 991px) {
.rstab-main.horizontal,
.rstab-main.vertical {
display: none;
}
}
@media only screen and (max-width: 767px) {
.rs-tab-custom-css .content--teb-area .image--right-area {
margin-top: 0 !important;
}
.rs-tab-custom-css .content--teb-area .content--left-area {
flex-direction: column !important;
}
.rs-tab-custom-css .content--teb-area .content--left-area .desc_btn_wrapper {
padding-top: 25px !important;
padding-left: 0 !important;
border-width: 0px !important;
}
.rs-tab-custom-css .rstab-main.vertical {
margin-top: -75px !important;
}
}
@media only screen and (max-width: 606px) {
.rs-tab-custom-css .rstab-main.vertical {
margin-top: -50px !important;
}
}
@media only screen and (max-width: 526px) {
.rs-tab-custom-css .rstab-main.vertical {
margin-top: 0px !important;
}
}
.rstab-main .tab-pane.active {
-webkit-animation: slide-down 5s ease-out;
animation: slide-down 5s ease-out;
}
@-webkit-keyframes slide-down {
0% {
opacity: 0;
transform: translateY(10%);
}
10% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slide-down {
0% {
opacity: 0;
transform: translateY(10%);
}
10% {
opacity: 1;
transform: translateY(0);
}
}.rs-iconbox-area .box-inner {
position: relative;
transition: 0.4s;
overflow: hidden;
}
.rs-iconbox-area .box-inner .rs-badge {
position: absolute;
background: #010d14;
padding: 3px 8px 0;
color: #ffffff;
top: 5px;
left: 5px;
z-index: 1;
transform: rotate(0deg);
}
.rs-iconbox-area .box-inner .icon-area {
display: inline-block;
color: #010d14;
transition: all ease 0.3s;
}
.rs-iconbox-area .box-inner .icon-area i {
transition: all ease 0.3s;
font-size: 50px;
}
.rs-iconbox-area .box-inner .text-area {
padding: 10px 0 0;
position: relative;
}
.rs-iconbox-area .box-inner .text-area .iconbox-title {
position: relative;
}
.rs-iconbox-area .box-inner .text-area .iconbox-title .title {
font-size: 20px;
margin: 0;
color: #121933;
font-weight: 500;
line-height: 1.5;
}
.rs-iconbox-area .box-inner .text-area .iconbox-title .title a {
text-decoration: none !important;
color: #121933;
}
.rs-iconbox-area .box-inner .text-area .iconbox-title .title a:hover {
color: #1273eb;
}
.rs-iconbox-area .box-inner .text-area .iconbox-title .title:before {
content: "01.";
font-size: 50px;
font-weight: bold;
color: #010d14;
position: absolute;
transition: all 0.3s ease 0s;
top: 0;
left: 0;
z-index: 9;
}
.rs-iconbox-area .box-inner .text-area .services-txt {
font-size: 16px;
margin: 0;
}
.rs-iconbox-area .box-inner .services-btn-part {
margin: 15px 0 0;
}
.rs-iconbox-area .box-inner .services-btn-part .services-btn {
position: relative;
display: inline-block;
color: #2b59ff;
transition: all ease 0.3s;
}
.rs-iconbox-area .box-inner .services-btn-part .services-btn i {
transition: all ease 0.3s;
}
.rs-iconbox-area .box-inner .services-btn-part .services-btn:hover {
color: #010d14;
}
.rs-iconbox-area .box-inner .services-btn-part .services-btn.icon-after span {
float: left;
}
.rs-iconbox-area .box-inner .services-btn-part .services-btn.icon-after i {
margin-left: 10px;
transition: 0.4s;
}
.rs-iconbox-area .box-inner .services-btn-part .services-btn.icon-before span {
float: right;
}
.rs-iconbox-area .box-inner .services-btn-part .services-btn.icon-before i {
margin-right: 10px;
}
.rs-iconbox-area.horizontal .box-inner {
display: flex;
align-items: center;
}
.service-arrow .icon-area {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 87% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 88%, 87% 100%, 0% 100%);
}
.rs-iconbox-area .box-inner .text-area {
padding-top: 0px;
}
.service-arrow .rs-iconbox-area .icon-area, .choose-us-iconbox .rs-iconbox-area .icon-area {
overflow: hidden;
transition: all ease 0.3s;
}
.service-arrow .rs-iconbox-area .icon-area img, .choose-us-iconbox .rs-iconbox-area .icon-area img {
transition: all ease 0.3s;
}
.service-arrow .rs-iconbox-area .icon-area:hover img, .choose-us-iconbox .rs-iconbox-area .icon-area:hover img {
transform: scale(1.1);
}.rs-blog-grid .blog-grid-style1 .blog-btn-part .icon-after i {
top: -3px !important;
}
.rs-blog-grid .blog-grid-style2 {
background-color: #ffffff !important;
}
.rs-blog-grid .blog-grid-style2 .blog-btn-part .icon-after i {
top: -3px !important;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card .blog-category::before {
position: absolute;
content: "";
height: 6px;
width: 1px;
background-color: #454545;
top: 11px;
right: -20px;
}
.rs-blog-grid .blog-item.blog_grid_style {
overflow: visible;
margin-bottom: 30px;
outline: none;
}
.rs-blog-grid .blog-item.blog_grid_style .single-blog-grid-inner-wrap .blog-inner-wrap {
display: block;
background-color: #fff;
padding: 30px;
}
.rs-blog-grid .blog-item.blog_grid_style .single-blog-grid-inner-wrap .blog-inner-wrap .image-wrap {
max-width: 100%;
}
.rs-blog-grid .blog-item.blog_grid_style .single-blog-grid-inner-wrap .blog-inner-wrap .blog-content {
max-width: 100%;
padding: 0;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card {
display: flex;
padding: 25px 0;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card .blog-category {
display: flex;
margin-right: 40px;
font-size: 15px;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card .blog-category i {
top: 3px;
position: relative;
margin-right: 5px;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card .blog-category ul {
margin: 0;
list-style: none;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card .blog-category ul li {
line-height: 30px;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card .blog-category .post-categories a {
font-size: 14px !important;
border-bottom: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card .blog-admin {
font-size: 15px;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card .blog-category i,
.rs-blog-grid .blog-item.blog_grid_style .blog-meta-card .blog-admin i {
color: #634BF8;
}
.rs-blog-grid .blog-item.blog_grid_style .blog_style_4.blog-content .blog-btn-part .blog-btn {
display: flex;
align-items: center;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-inner-wrap {
box-shadow: 0 6px 25px rgba(12, 89, 219, 0.14);
padding: 25px;
transition: 0.3s;
background-color: #ffffff;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap {
position: relative;
overflow: hidden;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap img {
transition: all 0.5s ease 0s;
transform: scale(1);
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap .author-avatar {
position: absolute;
bottom: -16px;
left: 30px;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap .author-avatar img {
border-radius: 50%;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap .cat_list {
position: absolute;
z-index: 11;
bottom: 20px;
right: 20px;
z-index: 10;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap .cat_list ul {
margin: 0;
padding: 0;
list-style: none;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap .cat_list ul li {
display: inline-block;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap .cat_list ul li a {
border-radius: 30px;
color: #ffffff;
background: #03228f;
background: -moz-linear-gradient(left, #03228f 0%, #03228f 0%, #03228f 26%, #4e95ed 100%, #2989d8 100%, #207cca 100%, #0b70e1 100%);
background: -webkit-linear-gradient(left, #03228f 0%, #03228f 0%, #03228f 26%, #4e95ed 100%, #2989d8 100%, #207cca 100%, #0b70e1 100%);
background: linear-gradient(to right, #03228f 0%, #03228f 0%, #03228f 26%, #4e95ed 100%, #2989d8 100%, #207cca 100%, #0b70e1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03228f", endColorstr="#0b70e1", GradientType=1);
transition: 0.4s;
font-size: 14px;
font-weight: 500;
padding: 6px 20px;
display: block;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap .cat_list ul li a:hover {
background: #03228f;
background: -moz-linear-gradient(right, #03228f 0%, #03228f 0%, #03228f 26%, #4e95ed 100%, #2989d8 100%, #207cca 100%, #0b70e1 100%);
background: -webkit-linear-gradient(right, #03228f 0%, #03228f 0%, #03228f 26%, #4e95ed 100%, #2989d8 100%, #207cca 100%, #0b70e1 100%);
background: linear-gradient(to left, #03228f 0%, #03228f 0%, #03228f 26%, #4e95ed 100%, #2989d8 100%, #207cca 100%, #0b70e1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03228f", endColorstr="#0b70e1", GradientType=1);
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content {
margin: 0;
padding: 20px 15px 0px;
background: #fff;
opacity: 1;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content h3.blog-name {
font-weight: 600;
font-size: 20px;
margin-bottom: 8px;
line-height: 1.4;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content h3.blog-name a {
text-decoration: none;
color: #121933;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-meta {
margin-bottom: 18px;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content p {
margin: 0 0 18px;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part {
margin: 15px 0 0;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part .blog-btn {
position: relative;
display: inline-block;
color: #010d14;
transition: all ease 0.3s;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part .blog-btn i {
transition: all ease 0.3s;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part .blog-btn:hover {
color: #010d14;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part .blog-btn:hover:after {
right: 70%;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part .blog-btn .btn-txt {
position: relative;
z-index: 3;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part .blog-btn:after {
position: absolute;
content: "";
width: 30px;
height: 30px;
border-radius: 30px;
right: 9%;
top: 9px;
transition: 0.4s;
z-index: 1;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part .blog-btn.icon-after span {
float: left;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part .blog-btn.icon-before span {
float: right;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .blog-btn-part .blog-btn.icon-before i {
margin-right: 10px;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .btn_borer_yes a {
position: relative;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .btn_borer_yes a:after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 40px;
background-image: linear-gradient(90deg, #e85e5e 0%, #f2295b 100%);
transition: 0.4s;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .btn_borer_yes:hover a {
position: relative;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content .btn_borer_yes:hover a:after {
width: 100%;
}
.rs-blog-grid .blog-item.blog_meta_style2 .image-wrap {
position: relative;
}
.rs-blog-grid .blog-item.blog_meta_style2 .image-wrap .blog-meta {
position: absolute;
bottom: -18px;
left: 50%;
transform: translateX(-50%);
background: #010d14;
color: #fff;
padding: 8px 14px 7px;
border-radius: 5px;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap {
position: relative;
overflow: hidden;
box-shadow: none;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap .image-wrap {
position: relative;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap .image-wrap img {
transition: all 0.8s ease 0s;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap .image-wrap:before {
opacity: 1;
background: #f5feff;
content: "";
height: 100%;
bottom: 0;
left: 0;
right: 0;
position: absolute;
width: 100%;
z-index: 1;
transition: all 0.7s ease 0s;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap .blog-content {
margin-bottom: 0;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
z-index: 10;
background: transparent;
color: #fff;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap .blog-content .blog-meta {
display: block;
margin-bottom: 15px;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap .blog-content .blog-meta li {
margin: 0;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap .blog-content .blog-meta .blog_month {
display: block;
margin: 0;
font-weight: 500;
font-size: 14px;
padding-top: 5px;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap .blog-content .blog-meta .blog_day {
display: block;
margin: 0;
font-size: 24px;
font-weight: 700;
line-height: 15px;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap .blog-content .blog-meta .date {
margin-bottom: 15px;
}
.rs-blog-grid .blog-item.transparent_2 .blog-inner-wrap {
position: relative;
overflow: hidden;
}
.rs-blog-grid .blog-item.transparent_2 .blog-inner-wrap .image-wrap {
position: relative;
}
.rs-blog-grid .blog-item.transparent_2 .blog-inner-wrap .image-wrap img {
transition: all 0.8s ease 0s;
}
.rs-blog-grid .blog-item.transparent_2 .blog-inner-wrap .blog-content {
margin-bottom: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
width: 86%;
z-index: 1;
background: transparent;
border-radius: 5px;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide {
position: relative;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-content {
position: relative;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-content h3.blog-name {
line-height: 1.4 !important;
margin-bottom: 20px;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-content .blog-btn-part2 {
margin-bottom: 0;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-content .blog-btn-part2 a {
opacity: 1;
box-shadow: none;
overflow: hidden;
position: relative;
padding: 9px 25px;
background: #FFB703;
display: inline-block;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-content .blog-btn-part2 a .custom-blog-btn {
box-shadow: none;
opacity: 1;
color: #fff;
position: relative;
z-index: 2;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-content .blog-btn-part2 a .custom-blog-btn i {
margin-left: 7px;
position: relative;
top: 2px;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-meta {
position: absolute;
top: -46px;
left: 0;
width: 100%;
background: #ffbf66;
text-align: center;
justify-content: center;
padding: 10px 0 4px;
margin: 0;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-meta .date {
font-size: 15px;
font-weight: 400;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-inner-wrap:hover {
transform: inherit;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:hover:after {
border-color: #2b59ff;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:hover:before {
background: #2b59ff;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:hover .blog-inner-wrap:before {
width: 100%;
}
.rs-blog-grid .blog-item.blog_style_4 .image-wrap .date {
display: none;
}
.rs-blog-grid .blog-item.blog_style_4 .btm-rs .blog-footer .blog-meta {
width: 100%;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-inner-wrap {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
box-shadow: none;
background: transparent;
}
.rs-blog-grid .blog-item.blog_grid_style .blog-content {
background: transparent;
padding: 0 40px;
-webkit-box-flex: 0;
-ms-flex: 0 0 67%;
flex: 0 0 67%;
max-width: 67%;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
max-width: 33%;
overflow: hidden;
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap img {
transition: 0.5s;
transform: scale(1);
}
.rs-blog-grid .blog-item.blog_grid_style .image-wrap:hover img {
transform: scale(1.1);
}
.rs-blog-grid .blog-item.blog_grid_style .post-categories {
margin: 0;
padding: 0;
list-style: none;
}
.rs-blog-grid .blog-item.blog_grid_style .post-categories a {
font-size: 25px;
color: #3E3E3E;
border-bottom: 1px solid #3E3E3E;
padding-bottom: 12px;
margin-bottom: 30px;
display: inline-block;
}
.rs-blog-grid .rs-pagination-area {
padding-top: 0px;
clear: both;
text-align: center;
margin-top: 20px;
}
.rs-blog-grid .rs-pagination-area .pagination {
padding: 0;
margin: 0;
}
.rs-blog-grid .rs-pagination-area .nav-links {
display: inline-block;
border: 1px solid #f9f9f9;
padding: 11px 0px;
border-radius: 3px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
background: #fff;
}
.rs-blog-grid .rs-pagination-area .nav-links span.current {
padding: 2px 20px 0 21px;
line-height: 23px;
font-size: 18px;
text-decoration: none;
transition: all 0.4s ease 0s;
text-align: center;
background: transparent;
color: #010d14;
display: inline-block;
vertical-align: top;
border-right: 1px solid #E6E6E6;
color: #010d14;
}
.rs-blog-grid .rs-pagination-area .nav-links > * {
border-radius: 0px;
margin-left: 0px;
margin-right: 0px;
}
.rs-blog-grid .rs-pagination-area .nav-links a {
padding: 2px 20px 0 14px;
line-height: 23px;
font-size: 18px;
text-decoration: none;
transition: all 0.4s ease 0s;
text-align: center;
background: transparent;
opacity: 0.96;
display: inline-block;
vertical-align: top;
border-right: 1px solid #E6E6E6;
}
.rs-blog-grid .rs-pagination-area .nav-links a:hover {
color: #010d14;
}
.rs-blog-grid .rs-pagination-area .nav-links a.next.page-numbers {
background: none !important;
border-right: 0;
}
.rs-blog-grid .rs-addon-slider .blog-item {
padding: 0 15px;
}
.rs-blog-grid .col-xs-1:last-child .blog_grid_style {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.rs-blog-grid.rsaddon-unique-slider .default .image-wrap .date {
display: inline-block;
background: #FCA719;
padding: 12px 20px 8px;
color: #fff;
position: absolute;
right: 26px;
bottom: 24px;
border-radius: 0 10px 0 10px;
}
.rs-blog-grid.rsaddon-unique-slider .default .image-wrap .date i:before {
font-size: 15px;
position: relative;
top: 1px;
margin-right: 2px;
}
.rs-blog-grid.rsaddon-unique-slider .default .image-wrap .date_style2 {
text-align: center;
transform: inherit;
left: 0;
padding: 18px 32px 8px;
background: #ffd100;
}
.rs-blog-grid.rsaddon-unique-slider .default .image-wrap .date_style2 .blog_day {
display: block;
font-size: 34px;
line-height: 1;
}
.blog-grid-home3 .prelements-blog-grid .pre-blog-item .pre-blog-content h3.pre-post-title a {
background-image: unset !important;
}
.rs-blog-grid.gradient-style-enable .blog-content .blog-btn-part a.blog-btn {
position: relative;
overflow: hidden;
border: none !important;
background: red;
display: inline-flex;
align-items: center;
}
.rs-blog-grid.gradient-style-enable .blog-content .blog-btn-part a.blog-btn:after {
display: none;
}
.rs-blog-grid.gradient-style-enable .blog-content .blog-btn-part a.blog-btn:before {
position: absolute;
content: "";
left: 2px;
right: 2px;
top: 2px;
bottom: 2px;
background: blue;
border-radius: inherit;
transition: all 0.3s;
}.gradient-style-enable .blog-item .blog-content .blog-btn:not(:hover) span,
.gradient-style-enable .blog-item .blog-content .blog-meta li {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-color: transparent;
background-image: linear-gradient(80deg, #FF0945 0%, #FF803B 100%);
}
.gradient-style-enable .blog-item .blog-content .blog-btn i {
color: #fff;
}
.gradient-style-enable .blog-item .blog-content .blog-btn:not(:hover) i::before {
color: transparent;
background-image: linear-gradient(94.57deg, #FF0945 8.35%, #FF803B 100%);
-webkit-background-clip: text;
}
.rsaddon-unique-slider .blog-content .blog-footer .blog-meta .admin i {
top: 0 !important;
}
.rsaddon-unique-slider .blog-content .blog-footer .blog-meta i {
top: 5px !important;
}
.rs-blog-grid .blog-item .blog-btn i {
top: 0 !important;
}.rs-post-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.rs-post-list.pre-last-none ul li:last-child .pre-blog-item {
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
.rs-post-list .pre-blog-item {
overflow: visible;
margin-bottom: 30px;
}
.rs-post-list .pre-blog-item .pre-avatar-image img {
border-radius: 50%;
margin-right: 10px;
position: relative;
}
.rs-post-list .pre-blog-item .blog-inner-wrap.pre-thum-left {
display: inline-flex;
}
.rs-post-list .pre-blog-item .blog-inner-wrap.pre-thum-right {
display: inline-flex;
}
.rs-post-list .pre-blog-item .blog-inner-wrap.pre-thum-right .pre-image-wrap {
order: 2;
}
.rs-post-list .pre-blog-item .blog-inner-wrap.pre-thum-right .pre-blog-content {
flex: 1;
}
.rs-post-list .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta {
display: block;
}
.rs-post-list .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta span {
margin-bottom: 15px;
display: block;
}
.rs-post-list .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta span.pre-date {
margin-right: 0;
margin-left: 0;
}
.rs-post-list .pre-blog-item .blog-inner-wrap.no-thumbnail {
display: block;
}
.rs-post-list .pre-blog-item .pre-image-wrap {
position: relative;
}
.rs-post-list .pre-blog-item .pre-image-wrap img {
transition: all 0.5s ease 0s;
}
.rs-post-list .pre-blog-item .pre-image-wrap .pre-cat-list {
position: absolute;
z-index: 111;
top: 20px;
left: 20px;
z-index: 10;
}
.rs-post-list .pre-blog-item .pre-image-wrap .pre-cat-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.rs-post-list .pre-blog-item .pre-image-wrap .pre-cat-list ul li {
display: inline-block;
}
.rs-post-list .pre-blog-item .pre-image-wrap .pre-cat-list ul li a {
display: block;
padding: 4px 10px;
border-radius: 3px;
color: #ffffff;
background: #e11631;
transition: 0.4s;
}
.rs-post-list .pre-blog-item .pre-image-wrap .pre-cat-list ul li a:hover {
opacity: 0.85;
}
.rs-post-list .pre-blog-item .pre-blog-content {
padding: 0px;
position: unset;
opacity: 1;
position: relative;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-cat-list {
display: inline-flex;
align-items: center;
margin: 0 0 0 20px;
position: relative;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-cat-list .post-categories {
display: flex;
font-size: 14px;
margin: 0 0 0 3px;
list-style: none;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-cat-list .post-categories li {
position: relative;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-cat-list .post-categories li a {
color: #656567;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-cat-list .post-categories li + li {
margin-left: 8px;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-cat-list .post-categories li + li:before {
content: ",";
top: 0;
left: -7px;
position: absolute;
z-index: 1;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-cat-list.pre-cat-list-top {
margin-left: 0;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-cat-list.pre-cat-list-top .post-categories {
margin-left: 5px;
}
.rs-post-list .pre-blog-item .pre-blog-content h3.pre-post-title {
font-weight: 600;
font-size: 20px;
margin-bottom: 15px;
line-height: 1.4;
}
.rs-post-list .pre-blog-item .pre-blog-content h3.pre-post-title a {
text-decoration: none;
color: #1a001b;
}
.rs-post-list .pre-blog-item .pre-blog-content h3.pre-post-title a:hover {
color: #e11631;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-blog-meta {
margin-bottom: 0px;
font-size: 14px;
text-transform: capitalize;
display: inline-flex;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-blog-meta .pre-date {
margin-right: 20px;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-blog-meta.pre-reverse-meta .pre-date {
margin-left: 20px;
margin-right: 0;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-blog-meta i {
margin-right: 6px;
font-size: 16px;
}
.rs-post-list .pre-blog-item .pre-blog-content .pre-blog-meta svg {
width: 15px;
}
.rs-post-list .pre-blog-item .pre-blog-content p {
margin: 0 0 15px;
}
.rs-post-list .pre-blog-item .pre-blog-content .blog-btn-part {
margin: 15px 0 0;
}
.rs-post-list .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn {
position: relative;
display: inline-block;
color: #1a001b;
transition: all ease 0.3s;
}
.rs-post-list .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn i {
transition: all ease 0.3s;
}
.rs-post-list .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn:hover {
color: #e11631;
}
.rs-post-list .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-after span {
float: left;
}
.rs-post-list .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-after i {
margin-left: 10px;
transition: 0.4s;
}
.rs-post-list .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-before span {
float: right;
}
.rs-post-list .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-before i {
margin-right: 10px;
}
.rs-post-list .prelements-pagination-area {
padding-top: 0px;
clear: both;
text-align: center;
margin-top: 20px;
}
.rs-post-list .prelements-pagination-area .pagination {
padding: 0;
margin: 0;
}
.rs-post-list .prelements-pagination-area .nav-links {
display: inline-block;
border: 1px solid #f9f9f9;
padding: 11px 0px;
border-radius: 3px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
background: #fff;
}
.rs-post-list .prelements-pagination-area .nav-links span.current {
padding: 2px 20px 0 21px;
line-height: 23px;
background: transparent;
font-size: 18px;
text-decoration: none;
transition: all 0.3s ease 0s;
text-align: center;
background: transparent;
color: #e11631;
display: inline-block;
vertical-align: top;
border-right: 1px solid #E6E6E6;
}
.rs-post-list .prelements-pagination-area .nav-links > * {
border-radius: 0px;
margin-left: 0px;
margin-right: 0px;
}
.rs-post-list .prelements-pagination-area .nav-links a {
padding: 2px 20px 0 14px;
line-height: 23px;
color: #656567;
font-size: 18px;
text-decoration: none;
transition: all 0.3s ease 0s;
text-align: center;
background: transparent;
opacity: 0.96;
display: inline-block;
vertical-align: top;
border-right: 1px solid #E6E6E6;
}
.rs-post-list .prelements-pagination-area .nav-links span.current,
.rs-post-list .prelements-pagination-area .nav-links a:hover {
color: #e11631;
}
.rs-post-list .prelements-pagination-area .nav-links a.next.page-numbers {
background: none !important;
border-right: 0;
}
.rs-post-list .prelements-addon-slider .blog-item {
padding: 0 15px;
}.rs-addon-number .number-part {
position: relative;
text-align: center;
}
.rs-addon-number .number-part .number-icon {
display: inline-block;
padding: 5px;
font-size: 50px;
color: #010d14;
transition: all ease 0.3s;
}
.rs-addon-number .number-part .number-icon i {
transition: all ease 0.3s;
}
.rs-addon-number .number-part .number-icon img {
max-width: unset;
width: 50px;
height: 50px;
}
.rs-addon-number .number-part .number-icon:hover {
color: #2b59ff;
}
.rs-addon-number .number-part .number-icon:after {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 90px;
height: 90px;
background: #010d14;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
opacity: 0;
transition: all 0.3s ease 0s;
visibility: hidden;
}
.rs-addon-number .number-part .number-icon.grayscale img {
filter: gray;
-webkit-filter: grayscale(1);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.3s ease 0s;
}
.rs-addon-number .number-part .number-icon.grayscale img:hover {
filter: none;
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}
.rs-addon-number .number-part .number-text {
position: relative;
}
.rs-addon-number .number-part .number-text .number-area {
display: inline-block;
width: 50px;
line-height: 50px;
z-index: 1;
position: relative;
transition: all 0.3s ease 0s;
text-align: center;
}
.rs-addon-number .number-part .number-text .number-area:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: rotate(45deg);
transition: all 0.3s ease 0s;
}
.rs-addon-number .number-part .number-text .number-prefix {
display: block;
font-size: 50px;
font-weight: 700;
line-height: 1.4;
color: #121933;
}
.rs-addon-number .number-part .number-text .number-title {
position: relative;
}
.rs-addon-number .number-part .number-text .number-title .title {
font-size: 24px;
margin: 0 0 10px;
color: #121933;
}
.rs-addon-number .number-part .number-text .number-title .title a {
color: #121933;
}
.rs-addon-number .number-part .number-text .number-txt {
margin: 0;
}
.rs-addon-number .number-part .number-text .number-btn-part {
margin: 15px 0 0;
}
.rs-addon-number .number-part .number-text .number-btn-part .number-btn {
position: relative;
display: inline-block;
color: #2b59ff;
transition: all ease 0.3s;
}
.rs-addon-number .number-part .number-text .number-btn-part .number-btn i {
transition: all ease 0.3s;
}
.rs-addon-number .number-part .number-text .number-btn-part .number-btn:hover {
color: #010d14;
}
.rs-addon-number .number-part .number-text .number-btn-part .number-btn.icon-after span {
float: left;
}
.rs-addon-number .number-part .number-text .number-btn-part .number-btn.icon-after i {
margin-left: 10px;
}
.rs-addon-number .number-part .number-text .number-btn-part .number-btn.icon-before span {
float: right;
}
.rs-addon-number .number-part .number-text .number-btn-part .number-btn.icon-before i {
margin-right: 10px;
}
.rs-addon-number .number-part:after {
content: "";
width: 0;
height: 4px;
background: #010d14;
position: absolute;
transition: all 0.3s ease 0s;
bottom: 0;
left: 50%;
z-index: 9;
transform: translateX(-50%);
}
.rs-addon-number .number-part:hover .number-icon {
color: #2b59ff;
}
.rs-addon-number .number-part:hover .number-icon:after {
opacity: 1;
visibility: visible;
}
.rs-addon-number .number-part:hover .number-text .number-title .title {
color: #010d14;
}
.rs-addon-number .number-part:hover .number-text .number-title .title a {
color: #010d14;
}
.rs-addon-number .number-part:hover:after {
width: 100%;
}
.rs-addon-number.number-style2:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #010d14;
transform: scaleY(0);
transition: all 0.3s ease 0s;
}
.rs-addon-number.number-style2 .number-part {
background: 0 0;
text-align: left;
position: relative;
z-index: 1;
}
.rs-addon-number.number-style2:hover:before {
transform: scaleY(1);
}
.rs-addon-number.number-style3 .number-part {
border-bottom-width: 4px;
transition: all 0.3s ease 0s;
position: relative;
}
.rs-addon-number.number-style3 .number-part .number-icon {
width: 90px;
margin: 0 auto;
position: absolute;
left: 50%;
top: -45px;
transform: translateX(-50%);
background: #fff;
box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.04);
transition: all 0.3s ease 0s;
height: 90px;
line-height: 90px;
text-align: center;
border-radius: 100%;
}
.rs-addon-number.number-style3 .number-part .number-icon i {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.rs-addon-number.number-style3 .number-part .number-icon img {
width: 45px;
height: 45px;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.rs-addon-number.number-style3 .number-part:hover .number-icon {
top: -35px;
}
.rs-addon-number.number-style4 .number-part {
display: inline-flex;
}.rs-skill-bar .skillbar {
background: #eeeeee;
display: inline-block;
height: 16px;
position: relative;
width: 100%;
}
.rs-skill-bar .skillbar .skillbar-bar {
background: var(--e-global-color-primary);
height: 16px;
width: 0;
margin-bottom: 0;
overflow: visible !important;
position: relative;
}
.rs-skill-bar .skillbar .skillbar-bar .skillbar-title {
top: 50%;
right: -30px;
transform: translateY(-50%);
}
.rs-skill-bar .skillbar .skillbar-title {
color: #212121;
font-size: 20px;
font-weight: 600;
position: absolute;
}
.rs-skill-bar .skillbar .skill-bar-percent {
position: absolute;
font-size: 16px;
font-weight: 700;
color: #121933;
line-height: 1;
}
.rs-skill-bar.gradiant_color .skill-bar-percent {
-webkit-background-clip: text;
color: transparent !important;
right: unset !important;
}
.rs-skill-bar.animation .skillbar .skillbar-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: 1rem 1rem;
-webkit-animation: rs-progress-pie-stripes 1s linear infinite;
animation: rs-progress-pie-stripes 1s linear infinite;
}
.rs-skill-bar.striped .skillbar .skillbar-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: 1rem 1rem;
}
.rs-skill-bar.style1 .skillbar > .skillbar-title {
top: -25px;
}
.rs-skill-bar.style1 .skillbar .skill-bar-percent {
right: 0;
top: -25px;
}
.rs-skill-bar.style2 .skillbar > .skillbar-title {
left: 0;
padding: 2px 20px 0;
top: 0;
width: 160px;
background: #83b614;
}
.rs-skill-bar.style2 .skillbar .skill-bar-percent {
right: 10px;
top: 0;
}
.rs-skill-bar.style3 .skillbar > .skillbar-title {
top: -25px;
}
.rs-skill-bar.style3 .skillbar .skillbar-bar {
position: relative;
}
.rs-skill-bar.style3 .skillbar .skillbar-bar .skill-bar-percent {
right: 0;
top: -25px;
}
.rs-skill-bar.style3 .skillbar .skillbar-bar .skill-bar-percent.tooltip-style {
background-repeat: no-repeat;
background-size: cover;
padding: 5px 2px 0 0;
width: 44px;
height: 28px;
text-align: center;
background-image: url("data:image/svg+xml,%3Csvg width='41' height='27' viewBox='0 0 41 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1113_1982' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H36.0397C38.2488 0 40.0397 1.79086 40.0397 4V18.1466C40.0397 20.3558 38.2488 22.1466 36.0397 22.1466H35.6419V26.1279L30.9023 22.1466H4C1.79086 22.1466 0 20.3558 0 18.1466V3.99999C0 1.79086 1.79086 0 4 0Z'/%3E%3C/mask%3E%3Cpath d='M35.6419 22.1466V21.1466H34.6419V22.1466H35.6419ZM35.6419 26.1279L34.9988 26.8936L36.6419 28.2739V26.1279H35.6419ZM30.9023 22.1466L31.5455 21.3809L31.2666 21.1466H30.9023V22.1466ZM36.0397 -1H4V1H36.0397V-1ZM41.0397 4C41.0397 1.23858 38.8011 -1 36.0397 -1V1C37.6965 1 39.0397 2.34315 39.0397 4H41.0397ZM41.0397 18.1466V4H39.0397V18.1466H41.0397ZM36.0397 23.1466C38.8011 23.1466 41.0397 20.9081 41.0397 18.1466H39.0397C39.0397 19.8035 37.6965 21.1466 36.0397 21.1466V23.1466ZM35.6419 23.1466H36.0397V21.1466H35.6419V23.1466ZM34.6419 22.1466V26.1279H36.6419V22.1466H34.6419ZM36.2851 25.3622L31.5455 21.3809L30.2591 22.9123L34.9988 26.8936L36.2851 25.3622ZM4 23.1466H30.9023V21.1466H4V23.1466ZM-1 18.1466C-1 20.9081 1.23857 23.1466 4 23.1466V21.1466C2.34314 21.1466 1 19.8035 1 18.1466H-1ZM-1 3.99999V18.1466H1V3.99999H-1ZM4 -1C1.23858 -1 -1 1.23857 -1 3.99999H1C1 2.34314 2.34314 1 4 1V-1Z' fill='%23002559' mask='url(%23path-1-inside-1_1113_1982)'/%3E%3C/svg%3E");
}.rs-pie-content {
text-align: center;
}
.rs-pie-content .rspie-title-center {
display: inline-block;
position: relative;
text-align: center;
}
.rs-pie-content .rspie-value {
display: block;
position: absolute;
font-size: 14px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.rs-pie-content .number {
text-align: center;
display: block;
padding: 10px 0 0;
font-size: 20px;
}.rs-contact-box {
text-align: left;
}
.rs-contact-box .address-item {
display: flex;
position: relative;
align-items: center;
margin-bottom: 30px;
}
.rs-contact-box .address-item:last-child {
margin-bottom: 0;
}
.rs-contact-box .address-item:last-child .address-icon:after {
display: none;
}
.rs-contact-box .address-item .address-icon {
display: inline-block;
position: relative;
height: 70px;
width: 70px;
line-height: 70px;
border-radius: 100%;
text-align: center;
}
.rs-contact-box .address-item .address-icon span {
z-index: 2;
position: relative;
}
.rs-contact-box .address-item .address-icon span:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: #071230;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
opacity: 0.1;
visibility: visible;
z-index: -1;
}
.rs-contact-box .address-item .address-icon span:hover {
border-color: rgba(255, 255, 255, 0.7);
}
.rs-contact-box .address-item .address-icon:after {
content: "";
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
top: 0;
transform: translateX(-10px) translateY(-10px);
display: block;
width: 70px;
height: 70px;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
.rs-contact-box .address-item .address-icon i {
text-align: center;
border-radius: 100%;
font-size: 30px;
position: relative;
line-height: 70px;
z-index: 9;
width: 100%;
vertical-align: middle;
margin-left: 0;
height: auto;
z-index: 1;
}
.rs-contact-box .address-item .address-icon svg {
position: relative;
z-index: 1;
top: -1px;
}
.rs-contact-box .address-item .address-icon img {
transition: transform 0.3s;
}
.rs-contact-box .address-item .address-text .des,
.rs-contact-box .address-item .address-text .label {
display: block;
}
.rs-contact-box .address-item .address-text .contact-title {
margin-bottom: 1px;
font-weight: 500;
font-size: 20px;
margin-top: 6px;
}
.rs-contact-box .address-item .address-text .phone {
display: inline-block;
}
.rs-contact-box .address-item .address-text .phone a {
position: relative;
}
.rs-contact-box .address-item .address-text .phone a::after {
content: "";
position: absolute;
width: 0;
height: 2px;
background: #fff;
bottom: -2px;
left: auto;
right: 0;
transition: width 0.3s;
}
.rs-contact-box .address-item .address-text .phone a:hover::after {
width: 100%;
left: 0;
right: auto;
}
.rs-contact-box .address-item .address-text .email {
display: inline-block;
}
.rs-contact-box .address-item:hover .address-icon:after {
opacity: 1;
visibility: visible;
}
.rs-contact-box .address-item:hover .address-icon:before {
opacity: 1;
visibility: visible;
}
.rs-contact-box .address-item:hover .address-icon img, .rs-contact-box .address-item:hover .address-icon svg {
animation: vibrate 0.4s infinite;
}
.rs-contact-box .address-item.vertical {
display: block;
text-align: center;
}
.rs-contact-box .address-item.vertical .address-text span.label {
display: block;
font-weight: 500;
font-size: 20px;
margin-top: 15px;
}
.rs-contact-box .address-item.horizontal .address-icon {
margin-right: 20px;
}
.rs-contact-box.color_default .address-icon {
background: #e11631;
}
.rs-contact-box.color_default .address-icon i {
color: #ffffff;
}
.rs-contact-box.color_default .address-icon svg path {
fill: #ffffff;
}
.rs-contact-box.color_default .address-icon:after, .rs-contact-box.color_default .address-icon:before {
background: #e11631;
}
.rs-contact-box.color_default .address-text .label {
color: #656567;
}
.rs-contact-box.color_default .address-text a {
color: #656567;
}
.rs-contact-box.color_default .address-text a:hover:not(.des) {
color: #e11631;
}
.rs-contact-box.color_light_scheme .address-icon {
background: #ffffff;
}
.rs-contact-box.color_light_scheme .address-icon i {
color: #e11631;
}
.rs-contact-box.color_light_scheme .address-icon svg path {
fill: #e11631;
}
.rs-contact-box.color_light_scheme .address-icon:after, .rs-contact-box.color_light_scheme .address-icon:before {
background: #ffffff;
}
.rs-contact-box.color_light_scheme .address-text .label {
color: #ffffff;
}
.rs-contact-box.color_light_scheme .address-text a, .rs-contact-box.color_light_scheme .address-text .des {
color: #ffffff;
}
.rs-contact-box.color_light_scheme .address-text a:hover:not(.des), .rs-contact-box.color_light_scheme .address-text .des:hover:not(.des) {
color: #e11631;
}
.rs-contact-box.color_dark_scheme .address-icon {
background: #1a001b;
}
.rs-contact-box.color_dark_scheme .address-icon i {
color: #ffffff;
}
.rs-contact-box.color_dark_scheme .address-icon svg path {
fill: #ffffff;
}
.rs-contact-box.color_dark_scheme .address-icon:after, .rs-contact-box.color_dark_scheme .address-icon:before {
background: #1a001b;
}
.rs-contact-box.color_dark_scheme .address-text a, .rs-contact-box.color_dark_scheme .address-text .des {
color: #1a001b;
}
.rs-contact-box.color_dark_scheme .address-text a:hover:not(.des), .rs-contact-box.color_dark_scheme .address-text .des:hover:not(.des) {
color: #e11631;
}
.rs-contact-box.color_hover_scheme .address-text a:hover {
color: #e11631 !important;
}
.rs-contact-box.color_hover_scheme .address-text a span:hover {
color: #e11631 !important;
}
.rs-contact-box.color_primary_scheme .address-item .address-icon {
background-color: #e11631;
}
.rs-contact-box.color_primary_scheme .address-item .address-text a:hover {
color: #e11631 !important;
}
@keyframes vibrate {
0% {
transform: translateX(-2px) rotate(0deg);
}
25% {
transform: translateX(2px) rotate(-2deg);
}
50% {
transform: translateX(-2px) rotate(2deg);
}
75% {
transform: translateX(2px) rotate(-2deg);
}
100% {
transform: translateX(-2px) rotate(0deg);
}
}
@-webkit-keyframes vibrate {
0% {
transform: translateX(-2px) rotate(0deg);
}
25% {
transform: translateX(2px) rotate(-2deg);
}
50% {
transform: translateX(-2px) rotate(2deg);
}
75% {
transform: translateX(2px) rotate(-2deg);
}
100% {
transform: translateX(-2px) rotate(0deg);
}
}
.contact-service {
border-color: #e11631;
}
.contact-service .rs-contact-box .address-item .address-icon svg,
.contact-service .rs-contact-box .address-item .address-icon svg path,
.contact-service .rs-contact-box .address-item .address-icon i {
fill: #e11631 !important;
}
.contact-service .rs-contact-box .address-item .address-text .des {
color: #e11631;
}.rs-tooltip-area .box-inner {
position: relative;
padding: 50px 15px 40px;
box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.12);
transition: 0.4s;
cursor: pointer;
}
.rs-tooltip-area .box-inner .rs-tooltip {
position: absolute;
width: max-content;
background-color: #000;
color: #ffffff;
border-radius: 3px;
padding: 2px 10px;
opacity: 0;
visibility: hidden;
z-index: 10;
max-width: 270px;
text-decoration: none;
}
.rs-tooltip-area .box-inner .rs-tooltip:before {
content: "";
position: absolute;
border-width: 5px;
border-style: solid;
margin-top: 0;
top: 100%;
left: 45%;
}
.rs-tooltip-area .box-inner .rs-tooltip.bottom {
left: 50%;
transform: translateX(-50%);
bottom: auto;
top: 110%;
margin-top: 10px;
}
.rs-tooltip-area .box-inner .rs-tooltip.bottom:before {
top: auto;
bottom: 100%;
left: 50%;
border-color: transparent transparent #000 transparent;
transform: translateX(-50%);
}
.rs-tooltip-area .box-inner .rs-tooltip.top {
left: 50%;
transform: translateX(-50%);
bottom: 110%;
margin-bottom: 10px;
}
.rs-tooltip-area .box-inner .rs-tooltip.top:before {
border-color: #000 transparent transparent transparent;
}
.rs-tooltip-area .box-inner .rs-tooltip.left {
top: 50%;
transform: translateY(-50%);
left: auto;
right: 110%;
top: 50%;
transform: translateY(-50%);
margin-right: 10px;
}
.rs-tooltip-area .box-inner .rs-tooltip.left:before {
right: auto;
left: 100%;
top: 50%;
border-color: transparent transparent transparent #000;
transform: translateY(-50%);
}
.rs-tooltip-area .box-inner .rs-tooltip.right {
top: 50%;
transform: translateY(-50%);
left: 110%;
margin-left: 10px;
}
.rs-tooltip-area .box-inner .rs-tooltip.right:before {
left: auto;
right: 100%;
top: 50%;
border-color: transparent #000 transparent transparent;
transform: translateY(-50%);
}
.rs-tooltip-area .box-inner .icon-area {
display: inline-block;
color: #010d14;
transition: all ease 0.3s;
}
.rs-tooltip-area .box-inner .icon-area i {
transition: all ease 0.3s;
font-size: 50px;
}
.rs-tooltip-area .box-inner .text-area {
padding: 10px 0 0;
position: relative;
}
.rs-tooltip-area .box-inner .text-area .iconbox-title {
position: relative;
}
.rs-tooltip-area .box-inner .text-area .iconbox-title .title {
font-size: 20px;
margin: 0;
color: #121933;
font-weight: 500;
line-height: 1.5;
}
.rs-tooltip-area .box-inner .text-area .iconbox-title .title a {
text-decoration: none !important;
color: #121933;
}
.rs-tooltip-area .box-inner .text-area .iconbox-title .title a:hover {
color: #1273eb;
}
.rs-tooltip-area .box-inner .text-area .rs-tooltip-text {
font-size: 16px;
margin: 0;
}
.rs-tooltip-area .box-inner:hover {
box-shadow: 0 8px 38px 0 rgba(0, 0, 0, 0.2);
}
.rs-tooltip-area .box-inner:hover .rs-tooltip {
opacity: 1;
visibility: visible;
}
.rs-tooltip-area .box-inner:hover .rs-tooltip.top {
bottom: 100%;
}
.rs-tooltip-area .box-inner:hover .rs-tooltip.right {
left: 100%;
}
.rs-tooltip-area .box-inner:hover .rs-tooltip.bottom {
top: 100%;
}
.rs-tooltip-area .box-inner:hover .rs-tooltip.left {
right: 100%;
}.rs-static-products .box-inner {
position: relative;
padding: 40px 25px 30px;
box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.12);
transition: 0.4s;
overflow: hidden;
}
.rs-static-products .box-inner:hover {
box-shadow: 0 8px 38px 0 rgba(0, 0, 0, 0.2);
}
.rs-static-products .box-inner .text-area {
padding: 30px 0 0;
position: relative;
}
.rs-static-products .box-inner .text-area .product-title {
position: relative;
}
.rs-static-products .box-inner .text-area .product-title .title {
font-size: 20px;
margin: 0 0 10px;
color: #121933;
font-weight: 500;
line-height: 1.5;
}
.rs-static-products .box-inner .text-area .product-title .title a {
color: #121933;
}
.rs-static-products .box-inner .text-area .product-title .title a:hover {
color: #1273eb;
}
.rs-static-products .box-inner .text-area .product-des {
font-size: 16px;
margin: 0;
}
.rs-static-products .box-inner .rs-product-button {
margin: 15px 0 0;
}
.rs-static-products .box-inner .rs-product-button .product-button {
position: relative;
display: inline-block;
color: #2b59ff;
transition: all ease 0.3s;
}
.rs-static-products .box-inner .rs-product-button .product-button i {
transition: all ease 0.3s;
}
.rs-static-products .box-inner .rs-product-button .product-button:hover {
color: #010d14;
}
.rs-static-products .box-inner .rs-product-button .product-button.icon-after span {
float: left;
}
.rs-static-products .box-inner .rs-product-button .product-button.icon-after i {
margin-left: 10px;
transition: 0.4s;
}
.rs-static-products .box-inner .rs-product-button .product-button.icon-before span {
float: right;
}
.rs-static-products .box-inner .rs-product-button .product-button.icon-before i {
margin-right: 10px;
}.rs-faq-main .rs-faq-title {
background: #f7f7f7;
padding: 15px 20px;
margin-bottom: 0;
}
.rs-faq-main .rs-faq-title span {
padding-right: 10px;
}
.rs-faq-main .rs-faq-content {
padding: 30px 20px 50px;
}@keyframes veritcal {
0% {
transform: translateY(0);
}
50% {
transform: translateY(100px);
}
100% {
transform: translateY(0);
}
}
@keyframes veritcal-reverse {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-100px);
}
100% {
transform: translateY(0);
}
}
@keyframes veritcal-short {
0% {
transform: translateY(0);
}
50% {
transform: translateY(30px);
}
100% {
transform: translateY(0);
}
}
@keyframes veritcal-short-reverse {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
100% {
transform: translateY(0);
}
}
@keyframes veritcal2 {
from {
-webkit-transform: translate3d(0, -10px, 0);
}
to {
-webkit-transform: translate3d(0, 10px, 0);
}
}
@keyframes veritcal2-reverse {
from {
-webkit-transform: translate3d(0, 10px, 0);
}
to {
-webkit-transform: translate3d(0, -10px, 0);
}
}
@keyframes horizontal {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100px);
}
100% {
transform: translateX(0);
}
}
@keyframes horizontal-reverse {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-100px);
}
100% {
transform: translateX(0);
}
}
@keyframes horizontal-short {
0% {
transform: translateX(0);
}
50% {
transform: translateX(30px);
}
100% {
transform: translateX(0);
}
}
@keyframes horizontal-short-reverse {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-30px);
}
100% {
transform: translateX(0);
}
}
@keyframes horizontal2 {
from {
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
}
from {
transform: translateX(20px);
-webkit-transform: translateX(20px);
}
}
@-webkit-keyframes horizontal2 {
from {
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
}
from {
transform: translateX(20px);
-webkit-transform: translateX(20px);
}
}
@keyframes rotated_style {
0% {
-webkit-transform: translate(0) rotate(0deg);
transform: translate(0) rotate(0deg);
}
25% {
-webkit-transform: translate(-10px, 10px) rotate(10deg);
transform: translate(-10px, 10px) rotate(10deg);
}
50% {
-webkit-transform: translate(5px, -5px) rotate(25deg);
transform: translate(5px, -5px) rotate(25deg);
}
75% {
-webkit-transform: translate(15px, -5px) rotate(15deg);
transform: translate(15px, -5px) rotate(15deg);
}
to {
-webkit-transform: translate(0) rotate(0deg);
transform: translate(0) rotate(0deg);
}
}
@keyframes rotate-anim-reverse {
from {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to {
transform: rotate(-359deg);
-webkit-transform: rotate(-359deg);
}
}
@keyframes rotate-anim-short {
0% {
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
}
50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
100% {
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
}
}
@keyframes rotate-anim-short-reverse {
0% {
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
}
50% {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
100% {
transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
}
}
@-webkit-keyframes spine {
from {
transform: rotate(0);
-webkit-transform: rotate(0);
}
to {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
}
}
@keyframes spine-reverse {
from {
transform: rotate(0);
-webkit-transform: rotate(0);
}
to {
transform: rotate(-359deg);
-webkit-transform: rotate(-359deg);
}
}
@-webkit-keyframes spine-reverse {
from {
transform: rotate(0);
-webkit-transform: rotate(0);
}
to {
transform: rotate(-359deg);
-webkit-transform: rotate(-359deg);
}
}
@keyframes scale {
from {
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
to {
transform: scale(1.03);
-webkit-transform: scale(1.03);
}
}
@-webkit-keyframes scale {
from {
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
to {
transform: scale(1.03);
-webkit-transform: scale(1.03);
}
}
@keyframes scale2 {
from {
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
to {
transform: scale(1.01);
-webkit-transform: scale(1.01);
}
}
@-webkit-keyframes scale2 {
from {
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
to {
transform: scale(1.01);
-webkit-transform: scale(1.01);
}
}
@keyframes head-move {
0% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
25% {
transform: translate3d(5px, 0, 0) rotate(4deg);
-webkit-transform: translate3d(5px, 0, 0) rotate(4deg);
}
50% {
transform: translate3d(0, 0, 0) rotate(-2deg);
-webkit-transform: translate3d(0, 0, 0) rotate(-2deg);
}
75% {
transform: translate3d(5px, 0, 0) rotate(4deg);
-webkit-transform: translate3d(5px, 0, 0) rotate(4deg);
}
100% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes head-move {
0% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
25% {
transform: translate3d(5px, 0, 0) rotate(4deg);
-webkit-transform: translate3d(5px, 0, 0) rotate(4deg);
}
50% {
transform: translate3d(0, 0, 0) rotate(-2deg);
-webkit-transform: translate3d(0, 0, 0) rotate(-2deg);
}
75% {
transform: translate3d(5px, 0, 0) rotate(4deg);
-webkit-transform: translate3d(5px, 0, 0) rotate(4deg);
}
100% {
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes pop {
0% {
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
opacity: 0;
}
}
@-webkit-keyframes pop {
0% {
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
opacity: 0;
}
50% {
opacity: 0.09;
}
100% {
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
opacity: 0;
}
}
.rs-image {
position: relative;
width: 100%;
height: 100%;
}
.rs-image img {
position: relative;
z-index: 1;
}
.rs-image img.blend_normal {
mix-blend-mode: normal;
}
.rs-image img.blend_unset {
mix-blend-mode: unset;
}
.rs-image img.blend_multiply {
mix-blend-mode: multiply;
}
.rs-image img.blend_screen {
mix-blend-mode: screen;
}
.rs-image img.blend_overlay {
mix-blend-mode: overlay;
}
.rs-image img.blend_darken {
mix-blend-mode: darken;
}
.rs-image img.blend_lighten {
mix-blend-mode: lighten;
}
.rs-image img.blend_color_dodge {
mix-blend-mode: color-dodge;
}
.rs-image img.blend_color_burn {
mix-blend-mode: color-burn;
}
.rs-image img.blend_difference {
mix-blend-mode: difference;
}
.rs-image img.blend_exclusion {
mix-blend-mode: exclusion;
}
.rs-image img.blend_hue {
mix-blend-mode: hue;
}
.rs-image img.blend_saturation {
mix-blend-mode: saturation;
}
.rs-image img.blend_color {
mix-blend-mode: color;
}
.rs-image img.blend_luminosity {
mix-blend-mode: luminosity;
}
.rs-image .spin_style {
animation: spine 30s infinite linear;
-webkit-animation: spine 30s infinite linear;
}
.rs-image .spin_style.reverse-enable {
animation-name: spine-reverse;
}
.rs-image .scale_style {
animation: scale 1s alternate infinite;
-webkit-animation: scale 1s alternate infinite;
}
.rs-image .scale_style2 {
animation: scale2 1s alternate infinite;
-webkit-animation: scale2 1s alternate infinite;
}
.rs-image .move_leftright {
animation-duration: 5s;
-webkit-animation-duration: 5s;
animation-name: head-move;
-webkit-animation-name: head-move;
animation-duration: 4s;
-webkit-animation-duration: 4s;
animation-direction: linear;
-webkit-animation-direction: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
.rs-image .pop-wrap {
position: absolute;
width: 750px;
height: 750px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.rs-image .pop-wrap .pop {
position: absolute;
content: "";
border-radius: 100%;
width: 100%;
height: 100%;
opacity: 0.01;
background-clip: padding-box;
-webkit-animation: pop 6s ease-in-out infinite;
animation: pop 6s ease-in-out infinite;
background: #6d5afe;
}
.rs-image .pop-wrap .pop:nth-child(2) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.rs-image .pop-wrap .pop:nth-child(3) {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.rs-image.yes .veritcal {
animation-name: veritcal;
animation-timing-function: linear;
animation-duration: 12s;
animation-iteration-count: infinite;
}
.rs-image.yes .veritcal.short {
animation-name: veritcal-short;
}
.rs-image.yes .veritcal.short.reverse-enable {
animation-name: veritcal-short-reverse;
}
.rs-image.yes .veritcal.reverse-enable {
animation-name: veritcal-reverse;
}
.rs-image.yes .veritcal2 {
animation: veritcal2 3s alternate infinite;
-webkit-animation: veritcal2 3s alternate infinite;
}
.rs-image.yes .veritcal2.reverse-enable {
animation-name: veritcal2-reverse;
}
.rs-image.yes .horizontal {
animation-name: horizontal;
animation-timing-function: linear;
animation-duration: 12s;
animation-iteration-count: infinite;
}
.rs-image.yes .horizontal.short {
animation-name: horizontal-short;
}
.rs-image.yes .horizontal.short.reverse-enable {
animation-name: horizontal-short-reverse;
}
.rs-image.yes .horizontal.reverse-enable {
animation-name: horizontal-reverse;
}
.rs-image.yes .horizontal2 {
animation: x-anim2 2s alternate infinite;
-webkit-animation: x-anim2 2s alternate infinite;
}
.rs-image.yes .rotated_style {
-webkit-animation: rotated_style 5s linear infinite;
animation: rotated_style 5s linear infinite;
}.newsletter-submit-footer svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 22px;
height: 22px;
pointer-events: none;
z-index: 9;
}
.newsletter-submit-footer i {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size: 20px;
pointer-events: none;
z-index: 9;
}
.wpcf7 input[type=file] {
cursor: pointer;
margin-bottom: 30px;
}
.wpcf7 label {
display: block;
}
.wpcf7 label span {
color: #ff0000;
}
.wpcf7 textarea {
outline: none;
}
.wpcf7 .rs__range_wrap {
position: relative;
}
.wpcf7 input.wpcf7-range {
-webkit-appearance: none;
width: 100%;
height: 9px;
border-radius: 5px;
background: #e1e1e1;
border: none;
outline: none;
opacity: 1;
}
.wpcf7 input.wpcf7-range:hover {
opacity: 1;
}
.wpcf7 input.wpcf7-range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 24px;
height: 24px;
background: #42806B;
cursor: pointer;
border-radius: 50%;
box-shadow: 0px 0px 10px 0px rgba(66, 128, 107, 0.1);
}
.wpcf7 input.wpcf7-range::-moz-range-thumb {
width: 24px;
height: 24px;
background: #42806B;
cursor: pointer;
border-radius: 50%;
box-shadow: 0px 0px 10px 0px rgba(66, 128, 107, 0.1);
}
.wpcf7 .ui-widget-content {
border: 1px solid #4DC19E;
background: #4DC19E;
margin-top: 40px;
}
.wpcf7 .ui-widget-content .esrscf7top::after {
border-color: #00a775 transparent transparent transparent;
}
.wpcf7 .ui-widget-content:focus-visible {
outline: none;
}
.wpcf7 .ui-widget-content .ui-slider-handle.ui-corner-all.ui-state-default:focus-visible {
outline: none;
border: 1px solid #00a775;
}
.wpcf7 .ui-widget-content .ui-slider-handle.ui-corner-all.ui-state-default:hover {
border: 1px solid #00a775;
}
.wpcf7 .col-sm-12 {
position: relative;
}
.wpcf7 .col-sm-12 i {
position: absolute;
top: 25px;
left: 35px;
font-size: 18px;
z-index: 9;
color: rgba(69, 69, 69, 0.7411764706);
line-height: 0;
height: 0;
}
.wpcf7 .free_consultation_form {
display: flex;
justify-content: space-around;
}
.contact-page-custom .wpcf7-not-valid-tip,
.home-contact-page .wpcf7-not-valid-tip {
color: red;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 10px;
}
.contact-page-custom input.wpcf7-form-control.has-spinner.wpcf7-submit {
width: 100%;
}
.contact-us-page .wpcf7-form .col-sm-12,
.contact-us-page .wpcf7-form .col-sm-6 {
position: relative !important;
}
.contact-us-page .wpcf7-form .col-sm-12 i,
.contact-us-page .wpcf7-form .col-sm-6 i {
position: absolute;
top: 24px;
left: 35px;
font-size: 20px;
z-index: 9;
color: rgba(69, 69, 69, 0.7411764706);
}
.contact-us-page .wpcf7 i.ri-mail-line, .contact-us-page .wpcf7 i.ri-phone-fill {
top: 24px !important;
}
.contact-us-page .wpcf7 i.ri-edit-line {
top: 25px !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 10px 0 0 6px;
border: 0;
}
.support-contact-icon .ri-mail-line {
top: 28px !important;
}
.support-contact-icon .wpcf7 .col-sm-12 i.ri-edit-line {
top: 32px !important;
}
.contact-home4 .wpcf7 .form-btn-area .btn_area {
position: relative;
}
.contact-home4 .wpcf7 .btn_area::before {
position: absolute;
content: "";
right: 0;
border-radius: 6px;
transition: 0.5s;
z-index: -1;
border-style: dashed;
border-width: 2px 2px 2px 2px;
border-color: rgba(33, 44, 74, 0.9019607843);
bottom: -26px;
left: 7px;
width: 100%;
height: 230%;
}
.contact-home4 .wpcf7 .btn_area:hover::before {
transform: translate3d(-8px, -8px, 0);
opacity: 0;
}@-webkit-keyframes rs-image-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
-moz-transform: scale(0.8) translateY(-150%);
-ms-transform: scale(0.8) translateY(-150%);
-o-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
@keyframes rs-image-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
-moz-transform: scale(0.8) translateY(-150%);
-ms-transform: scale(0.8) translateY(-150%);
-o-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
@-webkit-keyframes rs-image-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
-moz-transform: scale(0.8) translateY(150%);
-ms-transform: scale(0.8) translateY(150%);
-o-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
@keyframes rs-image-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
-moz-transform: scale(0.8) translateY(0%);
-ms-transform: scale(0.8) translateY(0%);
-o-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
-moz-transform: scale(0.8) translateY(150%);
-ms-transform: scale(0.8) translateY(150%);
-o-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
@-webkit-keyframes rs-image-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
-moz-transform: scale(0.8) translateX(-150%);
-ms-transform: scale(0.8) translateX(-150%);
-o-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
@keyframes rs-image-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
-moz-transform: scale(0.8) translateX(-150%);
-ms-transform: scale(0.8) translateX(-150%);
-o-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
@-webkit-keyframes rs-image-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
-moz-transform: scale(0.8) translateX(150%);
-ms-transform: scale(0.8) translateX(150%);
-o-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
@keyframes rs-image-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
-moz-transform: scale(0.8) translateX(0%);
-ms-transform: scale(0.8) translateX(0%);
-o-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
-moz-transform: scale(0.8) translateX(150%);
-ms-transform: scale(0.8) translateX(150%);
-o-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
.rs-image-hover-effect {
overflow: hidden;
position: relative;
}
.rs-image-hover-effect .image-overlay {
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 5px 5px 0 0;
transition: 0.6s;
}
.rs-image-hover-effect .image-part {
overflow: hidden;
border-radius: 5px;
}
.rs-image-hover-effect .image-part img {
border-radius: 0 5px 5px 0;
transition: all 0.4s ease 0s;
}
.rs-image-hover-effect .image-content {
color: #555;
padding: 45px 20px 18px;
transition: all 0.4s ease 0s;
z-index: 2;
position: relative;
}
.rs-image-hover-effect .image-content .icon-image {
margin-bottom: 25px;
}
.rs-image-hover-effect .image-content .title-part .title-prefix {
color: #333;
margin-bottom: 8px;
font-weight: 600;
font-size: 22px;
transition: 0.3s;
}
.rs-image-hover-effect .image-content .title-part .title-prefix:hover {
opacity: 0.8;
}
.rs-image-hover-effect .image-content .description-part .description-text {
margin-bottom: 30px;
}
.rs-image-hover-effect .image-content .button-part .image-btn {
display: inline-block;
color: #ffffff;
background: #010d14;
font-size: 16px;
line-height: 1;
padding: 10px 25px;
border-radius: 5px;
transition: all 0.4s ease 0s;
}
.rs-image-hover-effect .image-content .button-part .image-btn:hover {
background: #2b59ff;
}
.rs-image-hover-effect .image-content .button-part .image-btn:hover i {
margin-left: 10px;
}
.rs-image-hover-effect .image-content .button-part .image-btn.icon-before span {
float: right;
}
.rs-image-hover-effect .image-content .button-part .image-btn.icon-before i {
position: absolute;
}
.rs-image-hover-effect .image-content .button-part .image-btn.icon-after span {
float: left;
}
.rs-image-hover-effect .image-content .button-part .image-btn.icon-after i {
margin-left: 10px;
}
.rs-image-hover-effect .hover_content {
position: absolute;
z-index: 11;
top: 50%;
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.7s ease 0s;
padding: 40px 20px 40px;
}
.rs-image-hover-effect:hover .image-overlay {
bottom: 0;
}
.rs-image-hover-effect:hover .normal_content {
opacity: 0;
visibility: hidden;
}
.rs-image-hover-effect:hover .hover_content {
opacity: 1;
visibility: visible;
}
.rs-image-hover-effect [class^=rs-image-fade] .image-content {
opacity: 0;
}
.rs-image-hover-effect [class^=rs-image-fade]:hover .image-content {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rs-image-hover-effect [class^=rs-image-fade]:hover .image-part img {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rs-image-hover-effect [class*="{rs-image-fade"] .image-content {
opacity: 0;
}
.rs-image-hover-effect [class*="{rs-image-fade"]:hover .image-content {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rs-image-hover-effect [class*="{rs-image-fade"]:hover .image-part img {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rs-image-hover-effect rs-image-push:hover .image-content {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rs-image-hover-effect rs-image-slide:hover .image-content {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rs-image-hover-effect rs-image-reveal:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
}
.rs-image-hover-effect rs-image-reveal .image-content {
opacity: 0;
}
.rs-image-hover-effect rs-image-reveal:hover:before {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rs-image-hover-effect rs-image-reveal:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.rs-image-hover-effect rs-image-hinge {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-hover-effect rs-image-hinge .image-content {
opacity: 0;
z-index: 1;
}
.rs-image-hover-effect rs-image-hinge:hover img {
opacity: 0;
}
.rs-image-hover-effect rs-image-hinge:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.rs-image-hover-effect rs-image-flip {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-hover-effect rs-image-flip img {
backface-visibility: hidden;
}
.rs-image-hover-effect rs-image-flip .image-content {
opacity: 0;
}
.rs-image-hover-effect rs-image-flip:hover .image-part img {
opacity: 0;
}
.rs-image-hover-effect rs-image-flip:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.14s;
-moz-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.rs-image-hover-effect rs-image-shutter-out:before {
position: absolute;
content: "";
-webkit-transition-delay: 0.105s;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.rs-image-hover-effect rs-image-shutter-out .image-content {
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.rs-image-hover-effect rs-image-shutter-out:hover:before {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.rs-image-hover-effect rs-image-shutter-out:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.105s;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.rs-image-hover-effect rs-image-shutter-in:after {
position: absolute;
content: "";
top: 0;
left: 0;
}
.rs-image-hover-effect rs-image-shutter-in:before {
position: absolute;
content: "";
right: 0;
bottom: 0;
}
.rs-image-hover-effect rs-image-shutter-in .image-content {
opacity: 0;
z-index: 1;
}
.rs-image-hover-effect rs-image-shutter-in:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.rs-image-hover-effect rs-image-fold {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-hover-effect rs-image-fold img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.rs-image-hover-effect rs-image-fold .image-content {
z-index: 1;
opacity: 0;
}
.rs-image-hover-effect rs-image-fold:hover .image-part img {
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.rs-image-hover-effect rs-image-fold:hover .image-content {
-webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.rs-image-hover-effect rs-image-zoom-out .image-content {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
.rs-image-hover-effect rs-image-zoom-out:hover .image-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
rs-image-zoom-out .rs-image-hover-effect.hover .image-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.rs-image-fade-in-up .image-content {
-webkit-transform: translate(0, 15%);
-moz-transform: translate(0, 15%);
-ms-transform: translate(0, 15%);
-o-transform: translate(0, 15%);
transform: translate(0, 15%);
}
.rs-image-fade-in-down .image-content {
-webkit-transform: translate(0, -15%);
-moz-transform: translate(0, -15%);
-ms-transform: translate(0, -15%);
-o-transform: translate(0, -15%);
transform: translate(0, -15%);
}
.rs-image-fade-in-left .image-content {
-webkit-transform: translate(-15%, 0);
-moz-transform: translate(-15%, 0);
-ms-transform: translate(-15%, 0);
-o-transform: translate(-15%, 0);
transform: translate(-15%, 0);
}
.rs-image-fade-in-right .image-content {
-webkit-transform: translate(15%, 0);
-moz-transform: translate(15%, 0);
-ms-transform: translate(15%, 0);
-o-transform: translate(15%, 0);
transform: translate(15%, 0);
}
[class^=rs-image-push-]:hover .image-content {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rs-image-push-up .image-content {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.rs-image-push-up:hover .image-part img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.rs-image-push-down .image-content {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.rs-image-push-down:hover .image-part img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.rs-image-push-left .image-content {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.rs-image-push-left:hover .image-part img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.rs-image-push-right .image-content {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.rs-image-push-right:hover .image-part img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
[class^=rs-image-slide-]:hover .image-content {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.rs-image-slide-up .image-content {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.rs-image-slide-down .image-content {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.rs-image-slide-left .image-content {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.rs-image-slide-right .image-content {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
[class^=rs-image-reveal-]:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "";
}
[class^=rs-image-reveal-] .image-content {
opacity: 0;
}
[class^=rs-image-reveal-]:hover:before {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^=rs-image-reveal-]:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.rs-image-reveal-up:before {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
.rs-image-reveal-down:before {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.rs-image-reveal-left:before {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.rs-image-reveal-right:before {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
[class^=rs-image-hinge-] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
[class^=rs-image-hinge-] .image-content {
opacity: 0;
z-index: 1;
}
[class^=rs-image-hinge-]:hover img {
opacity: 0;
}
[class^=rs-image-hinge-]:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.rs-image-hinge-up img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.rs-image-hinge-up .image-content {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.rs-image-hinge-up:hover .image-part img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.rs-image-hinge-up:hover .image-content {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.rs-image-hinge-down img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.rs-image-hinge-down .image-content {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
-moz-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
-o-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.rs-image-hinge-down:hover .image-part img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.rs-image-hinge-down:hover .image-content {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
}
.rs-image-hinge-left img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.rs-image-hinge-left .image-content {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.rs-image-hinge-left:hover .image-part img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.rs-image-hinge-left:hover .image-content {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.rs-image-hinge-right img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.rs-image-hinge-right .image-content {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.rs-image-hinge-right:hover .image-part img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.rs-image-hinge-right:hover .image-content {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
[class^=rs-image-flip-] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
[class^=rs-image-flip-] img {
backface-visibility: hidden;
}
[class^=rs-image-flip-] .image-content {
opacity: 0;
}
[class^=rs-image-flip-]:hover .image-part img {
opacity: 0;
}
[class^=rs-image-flip-]:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.14s;
-moz-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.rs-image-flip-horiz .image-content {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.rs-image-flip-horiz:hover img {
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.rs-image-flip-horiz:hover .image-content {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.rs-image-flip-vert .image-content {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.rs-image-flip-vert:hover .image-part img {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.rs-image-flip-vert:hover .image-content {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.rs-image-flip-diag-1 .image-content {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
-moz-transform: rotate3d(1, -1, 0, 100deg);
-ms-transform: rotate3d(1, -1, 0, 100deg);
-o-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg);
}
.rs-image-flip-diag-1:hover .image-part img {
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
-moz-transform: rotate3d(-1, 1, 0, 100deg);
-ms-transform: rotate3d(-1, 1, 0, 100deg);
-o-transform: rotate3d(-1, 1, 0, 100deg);
transform: rotate3d(-1, 1, 0, 100deg);
}
.rs-image-flip-diag-1:hover .image-content {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
.rs-image-flip-diag-2 .image-content {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
-moz-transform: rotate3d(1, 1, 0, 100deg);
-ms-transform: rotate3d(1, 1, 0, 100deg);
-o-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.rs-image-flip-diag-2:hover .image-part img {
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
-moz-transform: rotate3d(-1, -1, 0, 100deg);
-ms-transform: rotate3d(-1, -1, 0, 100deg);
-o-transform: rotate3d(-1, -1, 0, 100deg);
transform: rotate3d(-1, -1, 0, 100deg);
}
.rs-image-flip-diag-2:hover .image-content {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
-moz-transform: rotate3d(0, 0, 0, 0deg);
-ms-transform: rotate3d(0, 0, 0, 0deg);
-o-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
}
[class^=rs-image-shutter-out-]:before {
position: absolute;
content: "";
-webkit-transition-delay: 0.105s;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^=rs-image-shutter-out-] .image-content {
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
[class^=rs-image-shutter-out-]:hover:before {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
[class^=rs-image-shutter-out-]:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.105s;
-moz-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.rs-image-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.rs-image-shutter-out-horiz:hover:before {
left: 0;
right: 0;
}
.rs-image-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.rs-image-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
}
.rs-image-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.rs-image-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
}
.rs-image-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.rs-image-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
}
[class^=rs-image-shutter-in-]:after {
position: absolute;
content: "";
top: 0;
left: 0;
}
[class^=rs-image-shutter-in-]:before {
position: absolute;
content: "";
right: 0;
bottom: 0;
}
[class^=rs-image-shutter-in-] .image-content {
opacity: 0;
z-index: 1;
}
[class^=rs-image-shutter-in-]:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.rs-image-shutter-in-horiz:after {
width: 0;
height: 100%;
}
.rs-image-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.rs-image-shutter-in-horiz:hover:after {
width: 50%;
}
.rs-image-shutter-in-horiz:hover:before {
width: 50%;
}
.rs-image-shutter-in-vert:after {
height: 0;
width: 100%;
}
.rs-image-shutter-in-vert:before {
height: 0;
width: 100%;
}
.rs-image-shutter-in-vert:hover:after {
height: 50%;
}
.rs-image-shutter-in-vert:hover:before {
height: 50%;
}
.rs-image-shutter-in-out-horiz:after {
width: 0;
height: 100%;
opacity: 0.75;
}
.rs-image-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: 0.75;
}
.rs-image-shutter-in-out-horiz:hover:after {
width: 100%;
}
.rs-image-shutter-in-out-horiz:hover:before {
width: 100%;
}
.rs-image-shutter-in-out-vert:after {
height: 0;
width: 100%;
opacity: 0.75;
}
.rs-image-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: 0.75;
}
.rs-image-shutter-in-out-vert:hover:after {
height: 100%;
}
.rs-image-shutter-in-out-vert:hover:before {
height: 100%;
}
.rs-image-shutter-in-out-diag-1:after {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
-webkit-transform: skew(-45deg) translateX(-150%);
-moz-transform: skew(-45deg) translateX(-150%);
-ms-transform: skew(-45deg) translateX(-150%);
-o-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
}
.rs-image-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
-webkit-transform: skew(-45deg) translateX(150%);
-moz-transform: skew(-45deg) translateX(150%);
-ms-transform: skew(-45deg) translateX(150%);
-o-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
}
.rs-image-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
-moz-transform: skew(-45deg) translateX(-50%);
-ms-transform: skew(-45deg) translateX(-50%);
-o-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.rs-image-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
-moz-transform: skew(-45deg) translateX(50%);
-ms-transform: skew(-45deg) translateX(50%);
-o-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
}
.rs-image-shutter-in-out-diag-2:after {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
-webkit-transform: skew(45deg) translateX(-100%);
-moz-transform: skew(45deg) translateX(-100%);
-ms-transform: skew(45deg) translateX(-100%);
-o-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%);
}
.rs-image-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
-webkit-transform: skew(45deg) translateX(100%);
-moz-transform: skew(45deg) translateX(100%);
-ms-transform: skew(45deg) translateX(100%);
-o-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%);
}
.rs-image-shutter-in-out-diag-2:hover:after {
-webkit-transform: skew(45deg) translateX(0%);
-moz-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
-o-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
.rs-image-shutter-in-out-diag-2:hover:before {
-webkit-transform: skew(45deg) translateX(0%);
-moz-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
-o-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
[class^=rs-image-fold] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
[class^=rs-image-fold] img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
[class^=rs-image-fold] .image-content {
z-index: 1;
opacity: 0;
}
[class^=rs-image-fold]:hover .image-part img {
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
[class^=rs-image-fold]:hover .image-content {
-webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-moz-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-ms-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
-o-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.rs-image-fold-up .image-part img {
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.rs-image-fold-up .image-content {
-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-moz-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-ms-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-o-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.rs-image-fold-up:hover .image-part img {
-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
-moz-transform: rotateX(90deg) scale(0.6) translateY(50%);
-ms-transform: rotateX(90deg) scale(0.6) translateY(50%);
-o-transform: rotateX(90deg) scale(0.6) translateY(50%);
transform: rotateX(90deg) scale(0.6) translateY(50%);
}
.rs-image-fold-down .image-part img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.rs-image-fold-down .image-content {
-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-moz-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-ms-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-o-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.rs-image-fold-down:hover .image-part img {
-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
-moz-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
-ms-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
-o-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
}
.rs-image-fold-left .image-part img {
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.rs-image-fold-left .image-content {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-moz-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-ms-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-o-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.rs-image-fold-left:hover .image-part img {
-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
-moz-transform: rotateY(-90deg) scale(0.6) translateX(50%);
-ms-transform: rotateY(-90deg) scale(0.6) translateX(50%);
-o-transform: rotateY(-90deg) scale(0.6) translateX(50%);
transform: rotateY(-90deg) scale(0.6) translateX(50%);
}
.rs-image-fold-right .image-part img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.rs-image-fold-right .image-content {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-moz-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-ms-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-o-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.rs-image-fold-right:hover .image-part img {
-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
-moz-transform: rotateY(90deg) scale(0.6) translateX(-50%);
-ms-transform: rotateY(90deg) scale(0.6) translateX(-50%);
-o-transform: rotateY(90deg) scale(0.6) translateX(-50%);
transform: rotateY(90deg) scale(0.6) translateX(-50%);
}
.rs-image-zoom-in .image-content {
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.rs-image-zoom-in:hover .image-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^=rs-image-zoom-out] .image-content {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
[class^=rs-image-zoom-out]:hover .image-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[class^=rs-image-zoom-out].hover .image-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.rs-image-zoom-out:hover .image-part img {
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.rs-image-zoom-out-up:hover .image-part img {
-webkit-animation: rs-image-zoom-out-up 0.4025s linear;
-moz-animation: rs-image-zoom-out-up 0.4025s linear;
animation: rs-image-zoom-out-up 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.rs-image-zoom-out-up.hover .image-part img {
-webkit-animation: rs-image-zoom-out-up 0.4025s linear;
-moz-animation: rs-image-zoom-out-up 0.4025s linear;
animation: rs-image-zoom-out-up 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.rs-image-zoom-out-down:hover .image-part img {
-webkit-animation: rs-image-zoom-out-down 0.4025s linear;
-moz-animation: rs-image-zoom-out-down 0.4025s linear;
animation: rs-image-zoom-out-down 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.rs-image-zoom-out-down.hover .image-part img {
-webkit-animation: rs-image-zoom-out-down 0.4025s linear;
-moz-animation: rs-image-zoom-out-down 0.4025s linear;
animation: rs-image-zoom-out-down 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.rs-image-zoom-out-left:hover .image-part img {
-webkit-animation: rs-image-zoom-out-left 0.4025s linear;
-moz-animation: rs-image-zoom-out-left 0.4025s linear;
animation: rs-image-zoom-out-left 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.rs-image-zoom-out-left.hover .image-part img {
-webkit-animation: rs-image-zoom-out-left 0.4025s linear;
-moz-animation: rs-image-zoom-out-left 0.4025s linear;
animation: rs-image-zoom-out-left 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.rs-image-zoom-out-right:hover .image-part img {
-webkit-animation: rs-image-zoom-out-right 0.4025s linear;
-moz-animation: rs-image-zoom-out-right 0.4025s linear;
animation: rs-image-zoom-out-right 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.rs-image-zoom-out-right.hover .image-part img {
-webkit-animation: rs-image-zoom-out-right 0.4025s linear;
-moz-animation: rs-image-zoom-out-right 0.4025s linear;
animation: rs-image-zoom-out-right 0.4025s linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.rs-image-zoom-out-flip-horiz {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-zoom-out-flip-horiz .image-content {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
-moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
-ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
-o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.rs-image-zoom-out-flip-horiz:hover .image-part img {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.rs-image-zoom-out-flip-horiz:hover .image-content {
-webkit-transform: rotateX(0) translateY(0%) scale(1);
-moz-transform: rotateX(0) translateY(0%) scale(1);
-ms-transform: rotateX(0) translateY(0%) scale(1);
-o-transform: rotateX(0) translateY(0%) scale(1);
transform: rotateX(0) translateY(0%) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.rs-image-zoom-out-flip-horiz.hover .image-part img {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
-o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.rs-image-zoom-out-flip-horiz.hover .image-content {
-webkit-transform: rotateX(0) translateY(0%) scale(1);
-moz-transform: rotateX(0) translateY(0%) scale(1);
-ms-transform: rotateX(0) translateY(0%) scale(1);
-o-transform: rotateX(0) translateY(0%) scale(1);
transform: rotateX(0) translateY(0%) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.rs-image-zoom-out-flip-vert {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-zoom-out-flip-vert .image-content {
opacity: 0;
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
-moz-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
-ms-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
-o-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.rs-image-zoom-out-flip-vert:hover .image-part img {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.rs-image-zoom-out-flip-vert:hover .image-content {
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
-moz-transform: rotateY(0) translate(0, 0) scale(1);
-ms-transform: rotateY(0) translate(0, 0) scale(1);
-o-transform: rotateY(0) translate(0, 0) scale(1);
transform: rotateY(0) translate(0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.rs-image-zoom-out-flip-vert.hover .image-part img {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-moz-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-ms-transform: rotateY(-100deg) translateX(50%) scale(0.5);
-o-transform: rotateY(-100deg) translateX(50%) scale(0.5);
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.rs-image-zoom-out-flip-vert.hover .image-content {
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
-moz-transform: rotateY(0) translate(0, 0) scale(1);
-ms-transform: rotateY(0) translate(0, 0) scale(1);
-o-transform: rotateY(0) translate(0, 0) scale(1);
transform: rotateY(0) translate(0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
-moz-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.rs-image-blur .image-content {
opacity: 0;
}
.rs-image-blur:hover .image-part img {
-webkit-filter: blur(30px);
filter: blur(30px);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.rs-image-blur:hover .image-content {
opacity: 1;
-webkit-transition-delay: 0.21s;
-moz-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.rs-image-move-left .image-part img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: left;
transform-origin: left;
}
.rs-image-move-left:hover .image-part img {
-webkit-transform-origin: right;
transform-origin: right;
}
.rs-image-move-right .image-part img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: right;
transform-origin: right;
}
.rs-image-move-right:hover .image-part img {
-webkit-transform-origin: left;
transform-origin: left;
}
.rs-image-move-top .image-part img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: top;
transform-origin: top;
}
.rs-image-move-top:hover .image-part img {
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.rs-image-move-bottom .image-part img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.rs-image-move-bottom:hover .image-part img {
-webkit-transform-origin: top;
transform-origin: top;
}
.rs-image-top-down .image-part {
max-height: 400px;
transition: 3s;
}
.rs-image-top-down .image-part img {
margin: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
vertical-align: bottom;
transition: 3s;
}
.rs-image-top-down:hover .image-part {
padding-top: 400px;
}
.rs-image-top-down:hover .image-part img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}.rs-features-list-content .feature-title {
margin-bottom: 16px;
}
.rs-features-list-content .desc {
margin-bottom: 20px;
}
.rs-features-list-content ul {
list-style: none;
margin: 0;
}
.rs-features-list-content li {
list-style: none;
margin: 0;
margin-bottom: 7px;
display: flex;
}
.rs-features-list-content li:last-child {
margin-bottom: 0px;
}
.rs-features-list-content li i {
color: #e11631;
margin-right: 10px;
color: #e11631;
margin-top: 4px;
}
.rs-features-list-content li img {
width: 16px;
margin-right: 12px;
}
.rs-features-list-content.left-image .feature-image {
margin-right: 20px;
}
.rs-features-list-content.border-enable .feature-image {
position: relative;
}
.rs-features-list-content.border-enable .feature-image:before {
content: "";
position: absolute;
left: 50%;
width: 2px;
height: 40px;
top: -55px;
transform: translateX(-50%);
background: #00163f;
}
.rs-features-list-content.border-enable .feature-image:after {
content: "";
position: absolute;
left: 50%;
width: 2px;
height: 40px;
top: -55px;
transform: translateX(-50%);
background: #00163f;
top: auto;
bottom: -55px;
}
.rs-features-list-content.border-enable .feature-image img {
padding: 10px;
border: 2px solid #00163f;
}.rs-company-slogan {
position: relative;
width: 150px;
height: 150px;
background: #42806B;
border-radius: 50%;
padding: 2px;
}
.rs-company-slogan .slogan-logo {
position: absolute;
top: 50%;
left: 50%;
width: 90px;
height: 90px;
transform: translate(-50%, -50%);
background: #00204a;
border-radius: 50%;
text-align: center;
padding: 20px;
}
.rs-company-slogan .slogan-logo img {
width: auto;
height: 100%;
}
.rs-company-slogan .text-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.rs-company-slogan .text-wrapper span {
position: absolute;
color: #fff;
height: 100%;
width: 100%;
text-align: center;
}
.rs-company-slogan.text-anim-yes .text-wrapper {
animation: slogan-text-anim 30s infinite linear;
}
.rs-company-slogan.image-anim-yes .slogan-logo img {
animation: slogan-image-anim 1s infinite alternate;
}
@keyframes slogan-text-anim {
0% {
transform: rotate(0);
-webkit-transform: rotate(0);
}
100% {
transform: rotate(359deg);
-webkit-transform: rotate(359deg);
}
}
@keyframes slogan-image-anim {
0% {
transform: scale(1);
-webkit-transform: scale(1);
}
100% {
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
}.rs-brochures .brochures-content .brochure-title {
margin-bottom: 16px;
}
.rs-brochures .brochures-content .desc {
margin-bottom: 20px;
}
.rs-brochures .brochures-content ul {
list-style: none;
margin: 0;
}
.rs-brochures .brochures-content ul li {
list-style: none;
margin: 0;
margin-bottom: 7px;
}
.rs-brochures .brochures-content ul li a {
display: flex;
justify-content: space-between;
}
.rs-brochures .brochures-content ul li a .brochures-left {
display: flex;
align-items: center;
}
.rs-brochures .brochures-content ul li a .rs-feature-text {
transition: all 0.3s ease 0s;
}
.rs-brochures .brochures-content ul li a .brochures-left .list-brochures-img img {
width: 30px;
margin-right: 12px;
}
.rs-brochures .brochures-content ul li a .brochures-left .list-brochures-img i {
margin-right: 10px;
color: #e11631;
margin-top: 4px;
}
.rs-brochures .brochures-content ul li a .brochures-right img {
width: 22px;
}
.rs-brochures .brochures-content ul li a:hover .rs-feature-text {
color: #e11631;
}.rselement-dual-btn {
display: inline-block;
padding: 1.2rem 3rem;
max-width: 100%;
color: #fff;
text-decoration: none;
font-size: 14px;
}
.rselement-dual-btn-connector {
display: inline-block;
position: absolute !important;
z-index: 9;
overflow: hidden;
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #fff;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
color: #27374c;
text-transform: uppercase;
font-size: 12px;
line-height: 30px;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.rselement-dual-btn-wrapper {
position: relative;
text-align: center;
font-weight: 400;
}
.rselement-dual-btn--left {
background-color: #fe4d8b;
}
.rselement-dual-btn--left:hover {
background-color: #d00d51;
color: #fff;
}
.rselement-dual-btn--left:focus {
background-color: #d00d51;
color: #fff;
}
.rselement-dual-btn--right {
background-color: #3023ae;
}
.rselement-dual-btn--right:hover {
background-color: #2e1cde;
color: #fff;
}
.rselement-dual-btn--right:focus {
background-color: #2e1cde;
color: #fff;
}
.rselement-dual-btn-icon > svg {
width: 1em;
height: auto;
}
.rselement-dual-btn-icon > i {
font-size: 1em;
}
.rselement-dual-btn-icon--before {
margin-right: 5px;
}
.rselement-dual-btn-icon--after {
margin-left: 5px;
}
.elementor-widget-rs-dual-button > .elementor-widget-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.elementor-widget-rs-dual-button i:before {
position: relative;
}
.elementor-widget-rs-dual-button .rselement-dual-btn--left {
border-radius: 0;
}
.elementor-widget-rs-dual-button .rselement-dual-btn--right {
border-radius: 0;
}
.elementor-widget-rs-dual-button .rselement-dual-btn-connector {
top: 50%;
right: 0;
}.wave-wrap {
overflow: hidden;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
overflow: hidden;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.wave-wrap .wave-inner {
position: absolute;
width: 100%;
overflow: hidden;
height: 100%;
bottom: -1px;
position: absolute;
width: 100%;
overflow: hidden;
height: 100%;
bottom: -1px;
}
.wave-wrap .wave-inner .wave {
position: absolute;
left: 0;
width: 200%;
height: 100%;
background-repeat: repeat no-repeat !important;
background-position: 0 bottom !important;
transform-origin: center bottom !important;
position: absolute;
left: 0;
width: 200%;
height: 100%;
background-repeat: repeat no-repeat;
background-position: 0 bottom;
transform-origin: center bottom;
}
.wave-wrap .wave-inner .wave.waveone {
animation: move_wave 30s linear infinite;
background-size: 50% 132px !important;
animation: move_wave 25s linear infinite;
background-size: 50% 132px;
background-image: url(//www.kadikoy-travesti.com/wp-content/plugins/rselements/widgets/image-animation/assets/images/shape/waveone.png);
}
.wave-wrap .wave-inner .wave.wavetwo {
animation: move_wave 30s linear infinite;
background-size: 50% 132px !important;
animation: move_wave 30s linear infinite;
background-size: 50% 132px;
background-image: url(//www.kadikoy-travesti.com/wp-content/plugins/rselements/widgets/image-animation/assets/images/shape/wavetwo.png);
}
.wave-wrap .wave-inner.bgone {
z-index: 2;
opacity: 0.6;
z-index: 2;
opacity: 0.6;
}
.wave-wrap .wave-inner.bgtwo {
z-index: 1;
opacity: 0.7;
z-index: 1;
opacity: 0.7;
}
.rs-working-process .process-wrap .icon-part .wave-wrap .wave-inner {
width: 300%;
}
.rs-working-process .process-wrap .icon-part .wave-wrap .wave-inner .wave.waveone {
animation: move_wave 20s linear infinite;
background-size: 50% 58px !important;
}
.rs-working-process .process-wrap .icon-part .wave-wrap .wave-inner .wave.wavetwo {
animation: move_wave 15s linear infinite;
background-size: 50% 66px !important;
}
.morphine-wrap {
position: relative;
}
.parent-morpheneanim,
.morphine-wrap img {
-webkit-animation: morphine 15s linear infinite alternate forwards;
animation: morphine 15s linear infinite alternate forwards;
border-radius: 100%;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.parent-morpheneanim {
-webkit-animation: parent-morphine 15s linear infinite alternate forwards;
animation: parent-morphine 15s linear infinite alternate forwards;
}
@-webkit-keyframes parent-morphine {
0%, 100% {
border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}
14% {
border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
28% {
border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
42% {
border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
70% {
border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
}
@keyframes parent-morphine {
0%, 100% {
border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}
14% {
border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
28% {
border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
42% {
border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
70% {
border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
}
@-webkit-keyframes morphine {
0%, 100% {
border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
14% {
border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
}
28% {
border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
42% {
border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
70% {
border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}
}
@keyframes morphine {
0%, 100% {
border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
14% {
border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
}
28% {
border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
42% {
border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
70% {
border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}
}.breadcrumb-area {
margin: 0 auto;
}
.breadcrumb-area.style2 {
font-size: 0;
}
.breadcrumb-area.style2 span {
position: relative;
font-size: 14px;
margin-left: 0;
margin-right: 20px;
}
.breadcrumb-area.style2 span:after {
content: "";
position: absolute;
background: #fff;
width: 6px;
height: 6px;
border-radius: 100%;
right: -4px;
top: 5px;
}
.breadcrumb-area.style2 span span:after {
display: none;
}
.breadcrumb-area.style2 span:last-child:after {
display: none;
}
.breadcrumb-area.style3 {
font-size: 0;
}
.breadcrumb-area.style3 span {
position: relative;
font-size: 14px;
margin-left: 0;
margin-right: 20px;
}
.breadcrumb-area.style3 span:after {
content: "\ea6c";
position: absolute;
font-family: remixicon !important;
font-size: 17px;
top: -6px;
right: -8px;
opacity: 1;
transition: all 0.3s;
}
.breadcrumb-area.style3 span span:after {
display: none;
}
.breadcrumb-area.style3 span:last-child:after {
display: none;
}
.breadcrumb-area {
margin: 0 auto;
}
.breadcrumb-area.style1 .breadcrumbs-inner span a {
position: relative;
margin-right: 15px;
}
.breadcrumb-area.style1 .breadcrumbs-inner span a span {
transition: all 0.3s ease 0s;
}
.breadcrumb-area.style1 .breadcrumbs-inner span a:after {
content: "";
position: absolute;
opacity: 1 !important;
visibility: visible;
height: 13px;
width: 1px;
right: -11px;
top: 1px !important;
background: #fff;
transition: unset !important;
transform: rotate(30deg);
}
.breadcrumb-area.style1 .breadcrumbs-inner span span:before {
display: none;
}
.breadcrumb-area.style1 .breadcrumbs-inner span span:after {
display: none;
}
.breadcrumbs-title {
background: rgba(255, 255, 255, 0.1);
padding: 14px 30px;
max-width: 300px;
margin: 20px auto 0;
font-size: 0;
}
.breadcrumbs-title span {
position: relative;
font-size: 14px;
padding: 0px 10px 0px 10px;
}
.breadcrumbs-title span:after {
content: "";
position: absolute;
background: #00204a;
width: 7px;
height: 7px;
border-radius: 50%;
right: -3px;
top: 5px;
}
.breadcrumbs-title span span:after {
display: none;
}
.breadcrumbs-title span:last-child:after {
display: none;
}
.rs-breadcrumbs .breadcrumbs-meta {
justify-content: center;
}
.single .breadcrumbs-title {
max-width: 700px;
}.rs_accordion .card {
border: none;
border-radius: 0;
}
.rs_accordion .card-header {
padding: 0;
border: none;
}
.rs_accordion .card-header .rs-tab-title {
display: flex;
position: relative;
padding: 10px 20px 6px 20px;
line-height: 1.8;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.rs_accordion .card-header span {
margin-left: auto;
width: 30px;
text-align: center;
height: 100%;
border: 1px solid #ddd;
height: 30px;
line-height: 30px;
border-radius: 30px;
position: relative;
top: -2px;
}
.rs_accordion .card-header span.active {
display: none;
}
.rs_accordion .card-header.active span.normal {
display: none;
}
.rs_accordion .card-header.active span.active {
display: block;
}
.rs_accordion .card-header.left_icon span {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
left: 20px;
}
.rs_accordion .card-body {
border: 1px solid #eee;
}
div.rs-accordion-area .accordion-item {
margin-bottom: 30px;
border: none;
background: #F8F9FF;
border-radius: 15px;
padding: 28px 30px;
cursor: pointer;
}
div.rs-accordion-area .accordion-item:last-child {
margin-bottom: 30px;
}
div.rs-accordion-area .tab-title {
margin-bottom: 0;
}
div.rs-accordion-area .tab-title span {
color: #e11631;
}
div.rs-accordion-area button:focus {
outline: none;
box-shadow: none;
}
div.rs-accordion-area .accordion-button {
font-size: 20px;
color: #121933;
font-weight: 700;
line-height: 1.35;
padding: 0;
background: transparent;
}
div.rs-accordion-area .accordion-button .elementor-accordion-icon-opened {
display: none;
}
div.rs-accordion-area .accordion-button:not(.collapsed) {
box-shadow: none;
background: transparent;
pointer-events: none;
}
div.rs-accordion-area .accordion-button:not(.collapsed) .elementor-accordion-icon-closed {
display: none;
}
div.rs-accordion-area .accordion-button:not(.collapsed) .elementor-accordion-icon-opened {
display: block;
}
div.rs-accordion-area .accordion-button:not(.collapsed) i::before {
color: #e11631;
}
div.rs-accordion-area .accordion-button:not(.collapsed) svg path {
fill: #e11631;
}
div.rs-accordion-area .accordion-button:after {
display: none;
}
div.rs-accordion-area .accordion-header .elementor-accordion-icon {
position: absolute;
left: 0;
top: 10px;
}
div.rs-accordion-area .accordion-header .elementor-accordion-icon-right {
left: auto;
right: 0;
}
div.rs-accordion-area .accordion-body {
padding: 15px 0 0;
}
div.rs-accordion-area .accordion-body p {
margin-bottom: 0;
}
div.rs-accordion-area .icon_image {
background: #2b59ff;
padding: 11px;
border-radius: 8px;
margin-right: 20px;
}
div.rs-accordion-area .icon_image img {
max-width: 30px;
}
div.rs-accordion-area.style1 .accordion-header .accordion-button .elementor-accordion-icon {
display: flex;
align-items: center;
justify-content: center;
}
div.rs-accordion-area.style2 .accordion-button span {
background: #e11631;
}
div.rs-accordion-area.style3 .accordion-header .accordion-button .title-step-wrap {
display: block;
width: 100%;
border-bottom: 1px solid #d7d7d7;
padding: 20px 0px;
}
div.rs-accordion-area.style3 .accordion-header .icon_image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
div.rs-accordion-area.style3 .accordion-header .icon_image img {
width: 40px;
max-width: 40px;
height: 40px;
}
div.rs-accordion-area.style3 .accordion-header .icon_image::after {
position: absolute;
content: "";
width: 38px;
height: 20px;
background: #cb003b;
clip-path: polygon(100% 0, 0 0, 50% 100%);
bottom: -12px;
}
div.rs-accordion-area.style3 #heading2 .icon_image img {
width: 35px;
height: 35px;
max-width: 35px;
}
div.rs-accordion-area.style3 .accordion-item {
position: relative;
}
div.rs-accordion-area.style3 .accordion-item:before {
position: absolute;
content: "";
width: 5px;
height: 100%;
background: #F7BE3B;
border-radius: 10px;
top: 85px;
left: 32.5px;
}
@media only screen and (max-width: 450px) {
div.rs-accordion-area.style3 .accordion-item:before {
left: 30.5px;
}
}
@media only screen and (max-width: 400px) {
div.rs-accordion-area.style3 .accordion-item:before {
left: 28.5px;
}
}
div.rs-accordion-area.style3 .accordion-item:last-child:before {
position: static;
}.footer-subscribe-3 .subscribe-border {
display: inline-block;
}
.footer-subscribe-3 .subscribe-border:before {
position: absolute;
content: "";
right: 0;
border-radius: 6px;
transition: 0.5s;
z-index: -1;
border-style: dashed;
border-width: 2px 2px 2px 2px;
border-color: #f23232;
bottom: -7px;
left: 9px;
width: 98%;
height: 100%;
z-index: 0;
opacity: 1;
}
.footer-subscribe-3 .subscribe-border:hover:before {
transform: translate3d(-8px, -8px, 0);
opacity: 0;
}
.rs-newsletter-form input[type=submit]:hover {
opacity: 1;
}
.rs-newsletter-form.right-arrow .mc4wp-form-fields p span:before {
transition: all 0.3s ease 0s;
}
.rs-newsletter-form.right-arrow .mc4wp-form-fields p span:after {
transition: all 0.3s ease 0s;
}
.rs-newsletter-form.right-arrow .mc4wp-form-fields p span:hover:before {
left: 135px;
}
.rs-newsletter-form.right-arrow .mc4wp-form-fields p span:hover:after {
left: 128px;
}
.rs-newsletter-form {
position: relative;
}
.rs-newsletter-form label {
display: inline-block;
margin-bottom: 10px;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.rs-newsletter-form .form-inner {
position: relative;
}
.rs-newsletter-form .form-inner input {
border-radius: 10px;
height: 100%;
}
.rs-newsletter-form .form-inner input[type=email] {
width: 100%;
padding: 10px 15px;
border-radius: 10px;
background: transparent;
font-size: 16px;
line-height: 26px;
border: 1px solid rgba(62, 62, 62, 0.6);
}
.rs-newsletter-form .form-inner .submit_nl {
z-index: 1;
padding: 10px 17px;
font-size: 18px;
line-height: 29px;
font-weight: 400;
border: none;
border-radius: 10px;
transition: all 0.4s;
}
.rs-newsletter-form.right-arrow .mc4wp-form-fields p {
position: relative;
}
.rs-newsletter-form.right-arrow .mc4wp-form-fields p span {
transition: all 0.3s ease 0s;
}
.subscribe_btn i {
top: 2px;
left: -48px;
pointer-events: none;
transition: all 0.5s ease;
}
.subscribe_btn:hover i {
left: -43px;
}.rs-apps-screenshots .slick-list.draggable {
padding: 100px 0 !important;
}
.rs-apps-screenshots .grid-item {
position: relative;
transition: all 0.3s ease 0s;
}
.rs-apps-screenshots .grid-item img {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
border-radius: 30px;
}
.rs-apps-screenshots .grid-item.slick-center {
-webkit-transform: scale(1.13);
-ms-transform: scale(1.13);
transform: scale(1.13);
z-index: 3;
}
.rs-apps-screenshots .grid-item.slick-center img {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}.elementor-widget-container:hover .rs-addon-services.services-style2::before {
transform: scaleY(1);
}
.rs-addon-services {
text-align: center;
}
.rs-addon-services .services-part {
position: relative;
}
.rs-addon-services .services-part .services-icon {
display: inline-block;
padding: 5px;
font-size: 50px;
line-height: 50px;
color: #010d14;
transition: all ease 0.3s;
position: relative;
z-index: 3;
}
.rs-addon-services .services-part .services-icon i {
transition: all ease 0.3s;
}
.rs-addon-services .services-part .services-icon i:before {
margin: 0;
}
.rs-addon-services .services-part .services-icon img {
max-width: unset;
width: 50px;
height: 50px;
}
.rs-addon-services .services-part .services-icon:hover {
color: #2b59ff;
}
.rs-addon-services .services-part .services-icon:after {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 90px;
height: 90px;
background: #010d14;
border-radius: 50%;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
opacity: 0;
transition: all 0.3s ease 0s;
visibility: hidden;
}
.rs-addon-services .services-part .services-icon.grayscale img {
filter: gray;
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.3s ease 0s;
}
.rs-addon-services .services-part .services-icon.grayscale img:hover {
filter: none;
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}
.rs-addon-services .services-part .services-text {
padding: 10px 0 0;
position: relative;
}
.rs-addon-services .services-part .services-text .services-title {
position: relative;
}
.rs-addon-services .services-part .services-text .services-title .title {
margin: 0 0 10px;
}
.rs-addon-services .services-part .services-text .services-title .title a {
color: #121933;
}
.rs-addon-services .services-part .services-text .services-title .title a:hover {
color: #1273eb;
}
.rs-addon-services .services-part .services-text .services-title .title:before {
content: "01.";
font-size: 50px;
font-weight: bold;
color: #010d14;
position: absolute;
transition: all 0.3s ease 0s;
top: 0;
left: 0;
z-index: 9;
}
.rs-addon-services .services-part .services-text .services-txt {
margin: 0;
transition: 0.4s;
}
.rs-addon-services .services-part .services-text .services-btn-part {
margin: 15px 0 0;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn {
position: relative;
display: inline-block;
color: #2b59ff;
transition: all ease 0.3s;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn i {
transition: all ease 0.3s;
display: inline-block;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn:hover {
color: #010d14;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn:hover .border-right {
right: -40px;
opacity: 1;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn .border-right {
position: absolute;
width: 30px;
height: 1px;
background: #2b59ff;
top: 50%;
transform: translateY(-50%);
right: 0px;
transition: 0.4s;
opacity: 0;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn.icon-after span {
float: left;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn.icon-after i {
margin-left: 10px;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn.icon-before span {
float: right;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn.icon-before i {
margin-right: 10px;
}
.rs-addon-services .services-part:after {
content: "";
width: 0;
height: 4px;
background: #010d14;
position: absolute;
transition: all 0.3s ease 0s;
bottom: 0;
left: 50%;
z-index: 9;
transform: translateX(-50%);
}
.rs-addon-services .services-part:hover .services-icon {
color: #2b59ff;
}
.rs-addon-services .services-part:hover .services-icon:after {
opacity: 1;
visibility: visible;
}
.rs-addon-services .services-part:hover .services-text .services-title .title {
color: #010d14;
transition: 0.4s;
}
.rs-addon-services .services-part:hover .services-text .services-title .title a {
color: #010d14;
}
.rs-addon-services .services-part:hover:after {
width: 100%;
}
.rs-addon-services.services-style2:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #010d14;
transform: scaleY(0);
transition: all 0.3s ease 0s;
}
.rs-addon-services.services-style2 .services-part {
background: 0 0;
padding: 30px 0;
text-align: left;
position: relative;
z-index: 1;
}
.rs-addon-services.services-style2 .services-part:hover .services-icon {
color: #fff;
}
.rs-addon-services.services-style2 .services-part:hover .services-title .title {
color: #fff;
}
.rs-addon-services.services-style2 .services-part:hover .services-txt {
color: #fff;
}
.rs-addon-services.services-style2:hover:before {
transform: scaleY(1);
}
.rs-addon-services.services-style3 {
position: relative;
}
.rs-addon-services.services-style3 .services-part {
border-bottom-width: 4px;
transition: all 0.3s ease 0s;
position: relative;
}
.rs-addon-services.services-style3 .services-part .services-icon {
width: 90px;
margin: 0 auto;
position: absolute;
left: 50%;
top: -45px;
transform: translateX(-50%);
color: #fff;
background: #010d14;
box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.04);
transition: all 0.3s ease 0s;
height: 90px;
line-height: 90px;
text-align: center;
border-radius: 100%;
}
.rs-addon-services.services-style3 .services-part .services-icon i {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.rs-addon-services.services-style3 .services-part .services-icon img {
width: 45px;
height: 45px;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.rs-addon-services.services-style3 .services-part:hover .services-icon {
top: -35px;
}
.rs-addon-services.services-style3 .services-part .services-text {
padding: 90px 30px 50px;
}
.rs-addon-services.services-style4 .services-part {
display: flex;
}
.rs-addon-services.services-style4 .services-icon.enable_rect_shape {
border-top-left-radius: 30% 30%;
border-top-right-radius: 70% 30%;
border-bottom-right-radius: 70% 70%;
border-bottom-left-radius: 30% 70%;
}
.rs-addon-services.services-style7 .services-part {
display: flex;
}
.rs-addon-services.services-style7 .image_border_shape {
text-align: center;
}
.rs-addon-services.services-style7 .image_border_shape .services-icon {
position: relative;
top: 3px;
}
.rs-addon-services.services-style5 {
position: relative;
overflow: hidden;
}
.rs-addon-services.services-style5 .hover-img {
transform: scale(1);
}
.rs-addon-services.services-style5 .services-part {
position: relative;
}
.rs-addon-services.services-style5 .services-part .services-text {
padding: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.6);
height: 100%;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.rs-addon-services.services-style5 .services-part .service-inner {
position: absolute;
width: 100%;
left: 0;
top: 51%;
transform: translateY(-50%);
padding: 20px;
}
.rs-addon-services.services-style5 .services-part .icon_top {
background: #2b59ff;
display: inline-block;
margin-bottom: 20px;
padding: 15px;
border-radius: 50%;
}
.rs-addon-services.services-style5 .services-part .icon_top img {
max-width: 50px;
}
.rs-addon-services.services-style5 .services-part .services-titles {
display: block;
}
.rs-addon-services.services-style5 .services-part .services-icon {
padding: 0;
}
.rs-addon-services.services-style5 .services-part .services-icon img:not(.hover-img) {
width: 100%;
height: auto;
}
.rs-addon-services.services-style5 .services-part .icon_image i {
width: 70px;
height: 70px;
line-height: 64px;
border: 3px solid #ffffff;
border-radius: 50%;
background: #2b59ff;
color: #ffffff;
box-shadow: 0 0 30px #a79f9f;
font-size: 30px;
margin-bottom: 10px;
text-align: center;
}
.rs-addon-services.services-style5 .services-part .normarl-text-area {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
padding-left: 30px;
transition: 0.5s;
position: absolute;
width: 100%;
bottom: 0;
right: 0;
}
.rs-addon-services.services-style5 .services-part .normarl-text-area .title {
margin-bottom: 0;
}
.rs-addon-services.services-style5 .services-part .normarl-text-area .icon-image {
background: #2b59ff;
padding: 15px 20px;
}
.rs-addon-services.services-style5 .services-part .normarl-text-area .hover-img {
margin-bottom: 0;
border-radius: 0;
max-width: 42px;
}
.rs-addon-services.services-style5:hover .services-part .services-text {
visibility: visible;
opacity: 1;
}
.rs-addon-services.services-style5:hover .services-part .services-btn-part {
bottom: -80px;
opacity: 1;
visibility: visible;
}
.rs-addon-services.services-style5:hover .services-part .normarl-text-area {
opacity: 0;
visibility: hidden;
right: -100%;
}
.rs-addon-services.services-style5.services-style5.service_shape_:before {
display: none;
}
.rs-addon-services.services-style5.services-style5.service_shape_:after {
display: none;
}
.rs-addon-services.services-style5.services-style5.service_shape_ .services-part:before {
display: none;
}
.rs-addon-services.services-style6 .services-part {
position: relative;
}
.rs-addon-services.services-style6 .services-part .shape-image {
animation: move-y 2s alternate infinite;
-webkit-animation: move-y 2s alternate infinite;
position: relative;
width: unset;
height: unset;
position: absolute;
top: 40px;
right: 70px;
transition: all 0.3s ease 0s;
-webkit-animation: none;
animation: none;
opacity: 0;
visibility: hidden;
}
.rs-addon-services.services-style6 .services-part .services-icon {
position: relative;
}
.rs-addon-services.services-style6 .services-part .services-icon:after {
content: "";
left: 70px;
top: 20px;
border-radius: 100%;
width: 60px;
height: 60px;
position: absolute;
background: #010d14;
display: block !important;
-webkit-animation: none;
animation: none;
opacity: 1;
visibility: visible;
z-index: 2;
}
.rs-addon-services.services-style6 .services-part .services-icon img {
position: relative;
z-index: 3;
}
.rs-addon-services.services-style6 .services-part .services-icon:before {
position: absolute;
content: "";
right: -30px;
top: -15px;
width: 60px;
height: 60px;
border: 1px dashed #010d14;
border-radius: 100%;
z-index: 1;
transition: all 0.3s ease 0s;
animation: spine 10s linear infinite;
-webkit-animation: spine 10s linear infinite;
}
.rs-addon-services.services-style6 .services-part .services-icon.icon_size_small:after {
width: 40px;
height: 40px;
left: 55px;
}
.rs-addon-services.services-style6 .services-part .services-icon.icon_size_small:before {
width: 40px;
height: 40px;
right: -25px;
top: -5px;
}
.rs-addon-services.services-style6 .services-part .services-icon.icon_size_big:after {
width: 100px;
height: 100px;
left: 30px;
top: 30px;
}
.rs-addon-services.services-style6 .services-part .services-icon.icon_size_big:before {
width: 112px;
height: 112px;
right: -15px;
top: -32px;
}
.rs-addon-services.services-style6 .services-part .services-icon.border-style-solid:before {
border-style: solid;
}
.rs-addon-services.services-style6:hover .services-part .shape-image {
animation: move-y 2s alternate infinite;
-webkit-animation: move-y 2s alternate infinite;
}
.rs-addon-services.services-style6:hover .services-part .services-icon:before {
opacity: 0;
transform: scale(0.85);
}
.rs-addon-services.services-style8 .services-icon {
border-radius: 2px;
margin-left: 11px;
margin-top: 11px;
transition: 0.4s;
}
.rs-addon-services.services-style8:hover .services-icon {
background-image: inherit !important;
}
.rs-addon-services.services-style9 .services-part .services-icon.image {
overflow: hidden;
}
.rs-addon-services.services-style9 .services-part .services-icon.image img {
width: 100%;
height: auto;
transition: all 0.5s;
}
.rs-addon-services.services-style9 .services-part .services-text .services-btn-part {
margin-top: 20px;
}
.rs-addon-services.services-style9 .services-part .services-text .services-btn-part a.services-btn {
color: #102b3e;
}
.rs-addon-services.services-style9 .services-part .services-text .services-btn-part a.services-btn span {
text-decoration: underline;
}
.rs-addon-services.services-style9 .services-part .services-text .services-btn-part a.services-btn i {
transform: translateX(0) !important;
opacity: 0;
visibility: hidden;
transition: all ease 0.3s;
}
.rs-addon-services.services-style9 .services-part .services-text .services-btn-part a.services-btn:hover {
color: #f2541b;
}
.rs-addon-services.services-style9 .services-part .services-text .services-btn-part a.services-btn:hover i {
transform: translateX(10px) !important;
opacity: 1;
visibility: visible;
color: #f2541b;
}
.rs-addon-services.services-style9 .services-part:hover .services-icon.image img {
transform: scale(1.03);
}
.rs-addon-services.services-style10 {
position: relative;
border-top: 3px solid #e1e1e1;
transition: all 0.4s ease 0s;
}
.rs-addon-services.services-style10 .serial_number {
z-index: 2;
display: inline-block;
margin-top: -35px;
position: relative;
top: -16px;
}
.rs-addon-services.services-style10.short-border .services-text {
padding-top: 60px;
}
.rs-addon-services.services-style10.short-border .services-text:after {
position: absolute;
content: "";
left: 50%;
top: -20px;
height: 50%;
border: 1px dashed #e1e1e1;
z-index: -1;
height: 60px;
}
.rs-addon-services.services-style10.long-border .services-text {
padding-top: 120px;
}
.rs-addon-services.services-style10.long-border .services-text:after {
position: absolute;
content: "";
left: 50%;
top: -20px;
height: 50%;
border: 1px dashed #e1e1e1;
z-index: -1;
height: 120px;
}
.rs-addon-services.services-style11 {
overflow: hidden;
}
.rs-addon-services.services-style11 .serial_number {
-webkit-text-fill-color: white;
-webkit-text-stroke: 2px #FFF2F1;
transition: 0.4s;
}
.rs-addon-services.services-style11 .hover-shape-image {
position: absolute;
right: -100px;
bottom: -100px;
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.rs-addon-services.services-style11 .top_left {
top: -100px;
left: -100px;
right: auto;
bottom: auto;
}
.rs-addon-services.services-style11 .bottom_left {
top: auto;
right: auto;
left: -100px;
bottom: -100px;
}
.rs-addon-services.services-style11:hover .hover-shape-image {
bottom: 0;
right: 0;
opacity: 1;
visibility: visible;
}
.rs-addon-services.services-style11:hover .top_left {
top: 0;
left: 0;
}
.rs-addon-services.services-style11:hover .bottom_left {
left: 0;
bottom: 0;
}
.rs-addon-services.services-style11:hover .serial_number {
-webkit-text-fill-color: transparent;
}
.rs-addon-services.services-style11.rs_hover_shape_disable {
position: relative;
}
.rs-addon-services.services-style11.rs_hover_shape_disable .services-part {
position: relative;
z-index: 9;
}
.rs-addon-services.services-style11.rs_hover_shape_disable:after {
position: absolute;
bottom: 0;
right: 0;
content: "";
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
transition: 0.4s;
background-image: linear-gradient(140deg, #fd644f 15%, #f28e26 100%);
}
.rs-addon-services.services-style11.rs_hover_shape_disable:hover:after {
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
}
.rs-addon-services.services-style11.rs_hover_shape_disable:before {
position: absolute;
content: "";
transition: 0.4s;
width: 0;
height: 0;
border-bottom: 100px solid #FDF7F4;
border-left: 100px solid transparent;
bottom: 0;
right: 0;
}
.rs-addon-services.services-style1 .services-icon .hover-img {
transform: scale(1);
position: absolute;
right: -25px;
top: -20px;
opacity: 0.07;
}
.rs-addon-services.services-style1 .services-icon img.main-img {
width: unset;
height: unset;
max-width: 100%;
transform: scale(1);
transition: 0.4s;
}
.rs-addon-services.services-style1 .rs-button-style2 {
position: absolute;
right: 50px;
bottom: 46px;
}
.rs-addon-services.services-style1 .rs-button-style2 i {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 40px;
background: #f8e6e6;
text-align: center;
color: #032e42;
}
.rs-addon-services.services-style1 .rs-button-style2 i:hover {
background: linear-gradient(to bottom right, #003b40, #ffb703);
color: #fff;
}
.rs-addon-services.services-style1 .services-part {
overflow: hidden;
}
.rs-addon-services.services-style1 .services-part .services-text .service-inner.button_inner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 30px;
}
.rs-addon-services.services-style1 .services-part .services-text .services-btn-part {
margin: 0;
}
.rs-addon-services.services-style1:hover img.main-img {
transform: scale(0.9);
}
.rs-addon-services.rs-shape_image-hover {
overflow: hidden;
}
.hover_effect > .elementor-column-gap-default .elementor-widget-container .rs-addon-services {
transition: 0.3s;
}
.hover_effect > .elementor-column-gap-default .elementor-widget-container .rs-addon-services:hover {
box-shadow: 3px 7px 25px 0px rgba(0, 0, 0, 0.05);
}
.hover_effect > .elementor-column-gap-default .elementor-widget-container:hover .services-part .shape-image {
opacity: 1;
visibility: visible;
}
.hover_effect > .elementor-column-gap-default:not(:hover) .elementor-widget-container .box_shadow_enable {
box-shadow: 3px 7px 25px 0px rgba(0, 0, 0, 0.05);
}
.hover_effect > .elementor-column-gap-default:not(:hover) .elementor-widget-container .box_shadow_enable .services-part .shape-image {
opacity: 1;
visibility: visible;
}
.rs-addon-services.services-style13 .services-part .services-icon {
display: block;
padding: 0;
}
.rs-addon-services.services-style13 .services-part .services-icon img {
height: unset;
}
.rs-addon-services.services-style13 .services-part .services-btn-part a.services-btn2 {
margin-left: 10px;
}
.rs-addon-services.services-style13 .rs-icons-list {
margin: -18px 0 0;
padding: 0;
list-style: none;
}
.rs-addon-services.services-style13 .rs-icons-list li {
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background: #fff;
border-radius: 36px;
}
.rs-addon-services.services-style13 .rs-icons-list li img {
max-width: 20px;
}
.rs-addon-services.services-style13 i {
font-weight: normal;
}
.rs-timeline-slider {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.timeline-list-item {
list-style: none;
}
.timeline-year {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.timeline-list-item {
margin-left: 0px;
padding-top: 15px;
}
.timeline-list-item span {
margin-left: 10px;
}
.rsaddon-unique-slider .rs-timelines-slider {
position: relative;
}
.rsaddon-unique-slider .rs-timelines-slider::before {
content: "";
position: absolute;
border: 2px solid #58972c;
width: 100%;
display: block;
top: 26%;
}
.rs-counter-list .count-number .suffix {
position: relative;
}
.rsaddon-unique-slider .rs-timelines-slider.rs-addon-slider:hover .slick-prev {
left: unset;
}
.rsaddon-unique-slider .rs-timelines-slider.rs-addon-slider:hover .slick-prev {
right: unset;
}
.rsaddon-unique-slider .rs-timelines-slider.rs-addon-slider:hover .slick-arrow {
visibility: visible;
opacity: 1;
}
.rsaddon-unique-slider {
position: relative;
}
.rsaddon-unique-slider .rs-timelines-slider.rs-addon-slider:hover .slick-prev,
.rsaddon-unique-slider .rs-timelines-slider.rs-addon-slider .slick-prev {
left: 45%;
top: 240px;
}
.rsaddon-unique-slider .rs-timelines-slider.rs-addon-slider:hover .slick-next,
.rsaddon-unique-slider .rs-timelines-slider.rs-addon-slider .slick-next {
right: 45%;
top: 240px;
}
.rsaddon-unique-slider .rs-timelines-slider.rs-addon-slider .slick-arrow {
visibility: visible;
opacity: 1;
}.prelements-blog-grid .pre-blog-item {
overflow: visible;
margin-bottom: 30px;
}
.prelements-blog-grid .pre-blog-item .pre-avatar-image img {
border-radius: 50%;
margin-right: 10px;
position: relative;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-left {
display: flex;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-left .pre-image-wrap {
flex: 0 0 50%;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-left.rs__center {
align-items: center;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-right {
display: flex;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-right .pre-image-wrap {
flex: 0 0 50%;
order: 2;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-right .pre-blog-content {
flex: 1;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-right.rs__center {
align-items: center;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta {
display: block;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta span {
margin-bottom: 15px;
display: block;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta span.pre-date {
margin-right: 0;
margin-left: 0;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap {
position: relative;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap img {
transition: all 0.5s ease 0s;
filter: grayscale(0) !important;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list {
position: absolute;
top: 20px;
left: 20px;
z-index: 3;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list a {
display: inline-block;
padding: 3px 12px 2px;
border-radius: 1px;
color: #ffffff;
background: #42806B;
transition: 0.4s;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
margin-top: 5px;
margin-right: 5px;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list a:hover {
opacity: 0.85;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list ul li {
display: inline-block;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list ul li a {
display: block;
padding: 3px 12px 2px;
border-radius: 0px;
color: #ffffff;
background: #42806B;
transition: 0.4s;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-top: 5px;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list ul li a:hover {
opacity: 0.85;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .video__post a {
position: absolute;
top: 50%;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
font-size: 20px;
z-index: 9;
cursor: pointer;
display: block;
transform: translateY(-50%);
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .video__post a i:before {
background: #fff;
width: 75px;
height: 75px;
display: block;
line-height: 75px;
border-radius: 50%;
padding-left: 2px;
}
.prelements-blog-grid .pre-blog-item.pre-blog-meta-style2 .pre-image-wrap {
position: relative;
}
.prelements-blog-grid .pre-blog-item.pre-blog-meta-style2 .pre-image-wrap .pre-blog-meta {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: #42806B;
color: #fff;
padding: 10px 25px 7px;
border-radius: 5px 5px 0 0;
font-size: 14px;
transform-origin: 0 0;
min-width: 140px;
text-align: center;
z-index: 1;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content {
padding: 40px 35px 40px;
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.03);
background: #fff;
opacity: 1;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content h3.pre-post-title {
font-weight: 700;
font-size: 36px;
margin-bottom: 28px;
line-height: 1.3;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content h3.pre-post-title a {
text-decoration: none;
color: #1a001b;
display: inline;
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left 100%;
transition: all 0.7s;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content h3.pre-post-title a:hover {
color: #42806B;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list {
z-index: 111;
top: 0;
left: 0;
z-index: 10;
position: relative;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list a {
display: inline-block;
padding: 3px 12px 2px;
border-radius: 1px;
color: #ffffff;
background: #42806B;
transition: 0.4s;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
margin-top: 5px;
margin-right: 5px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list a:hover {
opacity: 0.85;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list ul {
margin: 0;
padding: 0 0 25px;
list-style: none;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list ul li {
display: inline-block;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list ul li a {
display: block;
padding: 2px 12px 2px;
border-radius: 0px;
color: #ffffff;
background: #42806B;
transition: 0.4s;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-top: 5px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list ul li a:hover {
opacity: 0.85;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta {
margin-bottom: 10px;
font-size: 14px;
text-transform: capitalize;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta .pre-date {
margin-right: 20px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta.pre-reverse-meta .pre-date {
margin-left: 20px;
margin-right: 0;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta i {
margin-right: 6px;
font-size: 15px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta i.fi-rr-calendar {
position: relative;
top: 1px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta svg {
width: 17px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta a {
background: #42806B;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content p {
margin: 0 0 15px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part {
margin: 15px 0 0;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn {
position: relative;
display: inline-block;
color: #1a001b;
transition: all ease 0.3s;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn i, .prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn span, .prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn svg path {
transition: all ease 0.3s;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-after span {
float: left;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-after i {
margin-left: 10px;
transition: 0.4s;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-before span {
float: right;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-before i {
margin-right: 10px;
}
.prelements-blog-grid .pre-blog-item.transparent .blog-inner-wrap .pre-image-wrap {
overflow: hidden;
}
.prelements-blog-grid .pre-blog-item.transparent .blog-inner-wrap .pre-image-wrap a img {
width: 100%;
}
.prelements-blog-grid .pre-blog-item.transparent .blog-inner-wrap .pre-image-wrap .pre-blog-meta {
display: flex;
flex-direction: column;
}
.prelements-blog-grid .pre-blog-item.transparent .blog-inner-wrap .pre-image-wrap .pre-blog-meta::after {
content: "";
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 1px solid #fff;
pointer-events: none;
}
.prelements-blog-grid .pre-blog-item.transparent .blog-inner-wrap .pre-blog-content .rs-single-year .d-o-t {
display: inline-block;
width: 5px;
height: 5px;
background: #515261;
margin-bottom: 2px;
border-radius: 50%;
margin-right: 5px;
margin-left: 5px;
}
.prelements-blog-grid .pre-blog-item.transparent .blog-inner-wrap .pre-blog-content .pre-cat-list span {
color: #515261;
font-size: 16px;
}
.prelements-blog-grid .pre-blog-item.transparent .blog-inner-wrap .pre-blog-content .pre-cat-list span .roo--dot {
display: inline-block;
width: 6px;
height: 6px;
background: #515261;
border-radius: 50%;
}
.prelements-blog-grid .pre-blog-item.transparent .blog-inner-wrap .pre-blog-content .blog-btn-part {
display: inline-block;
}
.prelements-blog-grid .pre-blog-item.transparent .blog-inner-wrap:hover .pre-image-wrap a img {
transform: scale(1.1);
}
.prelements-blog-grid .pre-blog-item:hover .pre-image-wrap .pre-pointer-events img {
filter: none;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style {
position: relative;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content {
position: relative;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content .btn-part {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
z-index: 1;
transition: all 0.3s ease 0s;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content .btn-part a {
font-size: 20px;
padding: 10px;
color: #ffffff;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content:after, .prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content:before {
position: absolute;
content: "";
right: 0;
left: 0;
margin: 0 auto;
transition: all 0.3s ease 0s;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content:before {
width: 170px;
height: 170px;
border: 1px solid #f3f3f3;
bottom: -125px;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content:after {
background: #f3f3f3;
width: 126px;
height: 126px;
bottom: -98px;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:after {
position: absolute;
content: "";
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 0;
height: 1px;
background: #42806B;
transition: all 0.5s;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover .img-part img {
filter: grayscale(1);
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover .content-part .btn-part {
bottom: 0;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover .content-part:before {
width: 182px;
height: 182px;
border-color: #42806B;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover .content-part:after {
width: 140px;
height: 140px;
background: #42806B;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover:after {
width: 100%;
}
.prelements-blog-grid .pre-blog-item.borders .pre-blog-content .pre-cat-list a {
border-bottom: 2px solid;
line-height: 1;
background: none;
padding: 0;
font-size: 13px;
}
.prelements-blog-grid .prelements-pagination-area {
padding-top: 0px;
clear: both;
text-align: center;
}
.prelements-blog-grid .prelements-pagination-area .pagination {
padding: 0;
margin: 0;
}
.prelements-blog-grid .prelements-pagination-area .nav-links {
display: flex;
align-items: center;
padding: 20px 10px 20px 10px;
border-radius: 0px;
}
.prelements-blog-grid .prelements-pagination-area .nav-links > * {
border-radius: 0px;
margin-left: 0px;
margin-right: 10px;
}
.prelements-blog-grid .prelements-pagination-area .nav-links > *:last-child {
margin-right: 0;
}
.prelements-blog-grid .prelements-pagination-area .nav-links a {
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #1a001b;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease 0s;
background: rgba(255, 255, 255, 0);
position: relative;
}
.prelements-blog-grid .prelements-pagination-area .nav-links a.page-numbers {
border-style: solid;
border-width: 1.5px 1.5px 1.5px 1.5px;
border-color: rgba(7, 18, 48, 0.1019607843);
}
.prelements-blog-grid .prelements-pagination-area .nav-links a.next.page-numbers, .prelements-blog-grid .prelements-pagination-area .nav-links a.prev.page-numbers {
font-size: 0;
}
.prelements-blog-grid .prelements-pagination-area .nav-links a.next.page-numbers:before, .prelements-blog-grid .prelements-pagination-area .nav-links a.prev.page-numbers:before {
position: absolute;
font-family: remixicon !important;
font-size: 16px;
line-height: 1;
opacity: 1;
content: "\ea6b";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.prelements-blog-grid .prelements-pagination-area .nav-links a.prev.page-numbers:before {
content: "\ea5f";
}
.prelements-blog-grid .prelements-pagination-area .nav-links span.current {
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
border-color: rgba(255, 255, 255, 0) !important;
color: #ffffff;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease 0s;
background: #42806B;
position: relative;
}
.prelements-blog-grid .pre-blog-item.style_5 .blog-inner-wrap {
position: relative;
display: block;
overflow: hidden;
}
.prelements-blog-grid .pre-blog-item.style_5 .blog-inner-wrap .pre-blog-content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.prelements-blog-grid .pre-blog-item.style_5 .pre-image-wrap img {
filter: unset !important;
width: 100%;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.prelements-blog-grid .pre-blog-item.style_5 .pre-image-wrap {
overflow: hidden;
}
.prelements-blog-grid .pre-blog-item.style_5:hover .pre-image-wrap img {
transform: scale(1.1);
}
.prelements-blog-grid .pre-blog-item.style_5 .pre-image-wrap:before {
content: "";
position: absolute;
bottom: 0px;
left: 0;
opacity: 1;
visibility: visible;
width: 100%;
height: 100%;
background-color: transparent;
background-image: linear-gradient(90deg, rgb(35, 31, 32) 0%, rgba(35, 31, 32, 0) 100%);
background-image: -moz-linear-gradient(90deg, rgb(35, 31, 32) 0%, rgba(35, 31, 32, 0) 100%);
background-image: -webkit-linear-gradient(90deg, rgb(35, 31, 32) 0%, rgba(35, 31, 32, 0) 100%);
background-image: -ms-linear-gradient(90deg, rgb(35, 31, 32) 0%, rgba(35, 31, 32, 0) 100%);
z-index: 2;
}
.prelements-blog-grid .pre-blog-item.style_5 .blog-inner-wrap .pre-blog-content .pre-post-title a:hover {
background-image: none !important;
}
.prelements-blog-grid .pre-blog-item.style_5 .pre-blog-content h3.pre-post-title a:hover {
background-size: unset;
}
.prelements-blog-grid .pre-blog-item.style_5 .pre-blog-content h3.pre-post-title a {
background-image: unset !important;
}
.home-three-blog .prelements-blog-grid .pre-blog-meta {
position: relative;
}
.home-three-blog .prelements-blog-grid .pre-blog-meta .pre-date::after {
position: absolute;
content: "";
width: 2px;
height: 8px;
background-color: #656567;
transform: translate(16px, 9px);
}
.prelements-blog-grid .pre-blog-item {
transition: all 0.3s ease 0s;
}
.prelements-blog-grid .pre-blog-item.style_4 {
position: relative;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap {
position: relative;
z-index: 1;
background: unset;
overflow: hidden;
z-index: 1;
transition: all 0.3s ease 0s;
border-radius: 4px;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-blog-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-top: 75px;
transition: all 0.3s ease 0s;
background: transparent !important;
clip-path: polygon(0 22%, 57% 0, 100% 22%, 100% 100%, 0 100%);
transform: translateY(45px);
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-blog-content .pre-post-title {
transform: scaleY(1);
opacity: 1;
visibility: visible;
transition: all 0.3s ease 0s;
height: 60px;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-blog-content .pre-content {
transform: scaleY(0);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease 0s;
height: 0;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-blog-content .blog-btn-part {
opacity: 0;
visibility: hidden;
transition: all 0.3s ease 0s;
display: inline-block;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-blog-content .blog-btn-part .blog-btn i, .prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-blog-content .blog-btn-part .blog-btn svg {
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
transition: 0.5s;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-blog-content .blog-btn-part:hover i, .prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-blog-content .blog-btn-part:hover svg {
transform: translate3d(8px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-image-wrap {
position: relative;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-image-wrap img {
width: 100%;
height: auto;
filter: unset !important;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-image-wrap .pre-blog-meta {
display: flex;
flex-direction: column;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-image-wrap .pre-blog-meta .pre-month {
margin-top: -4px;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-image-wrap .pre-blog-meta::after {
position: absolute;
content: "";
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 1px solid #fff;
pointer-events: none;
}
.prelements-blog-grid .pre-blog-item.style_4 .blog-inner-wrap .pre-image-wrap::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(19, 0, 140, 0.2);
pointer-events: none;
}
.prelements-blog-grid .pre-blog-item.style_4:after {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
border: 1.5px solid #E69223;
transition: 0.5s;
z-index: 0;
border-radius: inherit;
transition: all 0.3s ease 0s;
transform: translate(-10px, -10px);
}
.prelements-blog-grid .pre-blog-item.style_4:hover .blog-inner-wrap .pre-blog-content {
transform: translateY(0);
bottom: 0;
background: #d52925 !important;
}
.prelements-blog-grid .pre-blog-item.style_4:hover .blog-inner-wrap .pre-blog-content .pre-post-title {
transform: scaleY(0);
visibility: hidden;
opacity: 0;
height: 0;
}
.prelements-blog-grid .pre-blog-item.style_4:hover .blog-inner-wrap .pre-blog-content .pre-content {
transform: scaleY(1);
opacity: 1;
visibility: visible;
height: 60px;
}
.prelements-blog-grid .pre-blog-item.style_4:hover .blog-inner-wrap .pre-blog-content .blog-btn-part {
opacity: 1;
visibility: visible;
}
.prelements-blog-grid .pre-blog-item.style_4:hover::after {
transform: translate(0, 0);
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta.pre-reverse-meta .pre-date svg {
padding: 6px;
display: inline-block;
border-radius: 50%;
line-height: 0;
height: auto;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta.pre-reverse-meta a span.pre-admin svg {
padding: 6px;
display: inline-block;
border-radius: 50%;
line-height: 0;
height: auto;
}
.prelements-blog-grid .pre-image-wrap .pre-cat-list a .cat-icon {
display: inline-block;
width: 30px;
border-radius: 50%;
line-height: 29px;
height: 30px;
text-align: center;
margin-right: 5px;
}
.pre-blog-meta .p-rtime .p-rtime-clip-path-wrapper {
background: rgba(81, 61, 232, 0.1019607843);
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
top: -2px;
left: -5px;
}
.pre-blog-meta .p-rtime .p-rtime-clip-path-wrapper .p-rtime-clip-path {
display: inline-block;
clip-path: polygon(50% 0, 100% 24%, 100% 76%, 50% 100%, 0 76%, 0 24%);
width: 4px;
height: 4px;
background: linear-gradient(94.57deg, #513DE8 0.99%, #8366E3 99.43%);
}
.pre-blog-meta-style1 .pre-image-wrap .blog-message-quote {
position: absolute;
width: 40px;
height: 40px;
background: linear-gradient(94.57deg, #513DE8 0.99%, #8366E3 99.43%);
z-index: 1;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50px;
left: 20px;
top: 20px;
}
.pre-blog-item.default.pre-blog-meta-style1 {
overflow: hidden;
}
.pre-blog-item.default.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-image-wrap {
overflow: hidden;
}
.pre-blog-item.default.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-image-wrap a {
backface-visibility: hidden;
transition: transform 0.5s;
}
.pre-blog-item.default.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-image-wrap a img {
width: 100%;
}
.pre-blog-item.default.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-blog-content .pre-blog-meta a {
transition: transform 0.3s;
}
.pre-blog-item.default.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-blog-content .pre-blog-meta a span::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
display: inline-block;
margin-bottom: 1px;
}
.pre-blog-item.default.pre-blog-meta-style1:hover .pre-image-wrap a img {
transform: scale(1.05);
}
.pre-blog-item.style_two.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-blog-content .pre-blog-meta {
position: relative;
}
.pre-blog-item.style_two.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-blog-content .pre-blog-meta span.pre-date::after {
position: absolute;
content: "";
background: rgba(101, 101, 103, 0.3490196078);
width: 2px;
height: 8px;
transform: translate(16px, 7px);
}
.pre-blog-item.style_two.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-blog-content .pre-blog-meta a {
margin-left: 8px;
}
.pre-blog-item.style_two.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-blog-content .pre-blog-meta a span::before {
content: unset !important;
}
.pre-blog-item.style_two.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-image-wrap .pre-cat-list a {
margin: 0;
border-radius: 0 0 4px 0;
}
.pre-blog-item.style_two.pre-blog-meta-style1 .blog-inner-wrap.pre-thum-default.pre-meta-inlines.top .pre-image-wrap .pre-cat-list {
top: 0;
left: 0;
}
.prelements-blog-grid .pre-blog-item.style_two .blog-inner-wrap .pre-image-wrap .blog-btn-part {
margin: 0;
position: absolute;
top: 50%;
opacity: 0;
visibility: hidden;
left: 50%;
-webkit-transform: translate(-50%, -40%);
transform: translate(-50%, -40%);
transition: all 0.3s ease 0s;
z-index: 2;
}
.prelements-blog-grid .pre-blog-item.style_two .blog-inner-wrap .pre-image-wrap .blog-btn-part .blog-btn {
display: inline-block;
transition: all 0.3s ease 0s !important;
}
.prelements-blog-grid .pre-blog-item.style_two .blog-inner-wrap .pre-image-wrap .blog-btn-part .blog-btn i {
transition: all 0.3s ease 0s !important;
}
.prelements-blog-grid .pre-blog-item.style_two .blog-inner-wrap .pre-image-wrap .blog-btn-part .blog-btn:hover svg {
transform: translateX(3px);
}
.prelements-blog-grid .pre-blog-item.style_two .blog-inner-wrap .pre-image-wrap::before {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.2);
left: 0;
right: 0;
top: 0;
opacity: 0;
visibility: hidden;
bottom: 0;
width: 100%;
height: auto;
transition: all 0.3s ease 0s;
pointer-events: none;
z-index: 1;
}
.prelements-blog-grid .pre-blog-item.style_two:hover .blog-inner-wrap .pre-image-wrap .blog-btn-part {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
}
.prelements-blog-grid .pre-blog-item.style_two:hover .blog-inner-wrap .pre-image-wrap::before {
opacity: 1;
visibility: visible;
}
.pre-blog-meta .pre-admin {
transition: all 0.3s ease 0s;
}
.pre-blog-meta .pre-admin i {
transition: all 0.3s ease 0s;
}.rstab-main.service-filer-addon .tab-menu-wrapper {
margin-bottom: 60px;
}
.rstab-main.service-filer-addon .tab-menu-wrapper .nav-tabs {
border: none;
justify-content: center;
}
.rstab-main.service-filer-addon .tab-menu-wrapper .nav-tabs button {
outline: none;
background: #fff;
border: 5px solid #fff;
color: #231F20;
padding: 20px 30px;
margin: 0 12px;
font-size: 18px;
font-weight: 500;
border-radius: 2px;
width: 196px;
position: relative;
font-family: "Oswald", sans-serif;
}
.rstab-main.service-filer-addon .tab-menu-wrapper .nav-tabs button img {
display: block;
height: 45px;
margin: 0 auto 12px;
width: auto;
max-width: 100%;
}
.rstab-main.service-filer-addon .tab-menu-wrapper .nav-tabs button.nav-link.active {
border: 5px solid #b1110e;
}
.rstab-main.service-filer-addon .tab-menu-wrapper .nav-tabs button.nav-link.active:before {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
border-width: 20px 20px 0;
border-style: solid;
border-color: #b1110e transparent;
display: block;
width: 0;
transform: translateX(-50%);
}
.rstab-main.service-filer-addon .tab-menu-wrapper .nav-tabs button.nav-link.active:after {
content: "";
position: absolute;
bottom: -12px;
left: 50%;
border-width: 13px 13px 0;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
transform: translateX(-50%);
}
.rstab-main.service-filer-addon .tab-content {
background: none;
box-shadow: none;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap {
overflow: hidden;
border-radius: 4px;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap {
background: #fff;
padding: 10px 36px 30px 36px;
position: relative;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap .title {
font-size: 20px;
font-weight: 600;
line-height: 30px;
margin: 0;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap .title a {
color: #231F20;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap .title a:hover {
color: #D52925;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap .description {
color: #515261;
font-size: 17px;
margin: 10px 0 15px;
line-height: 27px;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap .button-here a {
font-weight: 500;
font-size: 15px;
line-height: 22px;
text-transform: uppercase;
font-family: "Oswald", sans-serif;
color: #515261;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap .button-here a i {
font-size: 18px;
transition: all 0.5s ease;
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap .button-here a:hover {
color: #D52925;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap .button-here a:hover i {
margin-left: 3px;
transform: translate3d(8px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
border-color: #D52925;
}
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap::before {
content: "";
position: absolute;
top: -35px;
width: 100%;
height: 0;
border-left: 114px solid transparent;
border-right: 192px solid transparent;
border-bottom: 36px solid #fff;
left: 0;
right: 0;
z-index: 1;
border-radius: 48% 0 0 0;
}
@media screen and (max-width: 991px) {
.rstab-main.service-filer-addon .tab-content .service-item .service-item-wrap .inner-wrap::before {
display: none;
}
}.prelements-blog-grid .slick-arrow {
z-index: 1;
}
.prelements-blog-grid .pre-blog-item {
overflow: visible;
margin-bottom: 30px;
}
.prelements-blog-grid .pre-blog-item .pre-avatar-image img {
border-radius: 50%;
margin-right: 10px;
position: relative;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-left {
display: flex;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-left .pre-image-wrap {
flex: 0 0 50%;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-left.rs__center {
align-items: center;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-right {
display: flex;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-right .pre-image-wrap {
flex: 0 0 50%;
order: 2;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-right .pre-blog-content {
flex: 1;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-thum-right.rs__center {
align-items: center;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta-slider {
display: block;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta-slider span {
margin-bottom: 15px;
display: block;
color: #656567;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta-slider span.pre-date {
margin-right: 0;
margin-left: 0;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta-slider a {
color: #656567;
}
.prelements-blog-grid .pre-blog-item .blog-inner-wrap.pre-meta-blocks .pre-blog-content .pre-blog-meta-slider a:hover {
color: #e11631;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap {
position: relative;
overflow: hidden;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap img {
transition: all 0.5s ease 0s;
filter: grayscale(100%);
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list {
position: absolute;
z-index: 2;
top: 20px;
left: 20px;
z-index: 3;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list a {
display: inline-block;
padding: 3px 12px 2px;
border-radius: 1px;
color: #ffffff;
background: #e11631;
transition: 0.4s;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
margin-top: 5px;
margin-right: 5px;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list a:hover {
opacity: 0.85;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list ul li {
display: inline-block;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list ul li a {
display: block;
padding: 3px 12px 2px;
border-radius: 0px;
color: #ffffff;
background: #e11631;
transition: 0.4s;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-top: 5px;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-cat-list ul li a:hover {
opacity: 0.85;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .video__post a {
position: absolute;
top: 50%;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
font-size: 20px;
z-index: 9;
cursor: pointer;
display: block;
transform: translateY(-50%);
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .video__post a i:before {
background: #fff;
width: 75px;
height: 75px;
display: block;
line-height: 75px;
border-radius: 50%;
padding-left: 2px;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-admin-top-position {
position: absolute;
background: #e11631;
color: #00204a;
padding: 5px 20px 5px 30px;
top: 20px;
right: 20px;
border-radius: 43px;
font-size: 12px;
font-weight: 700;
text-transform: capitalize;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-admin-top-position .pre-admin {
position: relative;
}
.prelements-blog-grid .pre-blog-item .pre-image-wrap .pre-admin-top-position .pre-admin:before {
content: "";
position: absolute;
background: #00204a;
width: 5px;
height: 5px;
border-radius: 50%;
top: 40%;
left: -10px;
}
.prelements-blog-grid .pre-blog-item.pre-blog-meta-style2 .pre-image-wrap {
position: relative;
}
.prelements-blog-grid .pre-blog-item.pre-blog-meta-style2 .pre-image-wrap .pre-blog-meta-slider {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
bottom: 0;
right: 20px;
background: #e11631;
color: #fff;
width: 90px;
height: 90px;
border-radius: 50px;
font-size: 14px;
transform-origin: 0 0;
z-index: 1;
}
.prelements-blog-grid .pre-blog-item.pre-blog-meta-style2 .pre-image-wrap .pre-blog-meta-slider .pre-date {
font-size: 30px;
font-weight: 700;
line-height: 34px;
}
.prelements-blog-grid .pre-blog-item.pre-blog-meta-style2 .pre-image-wrap .pre-blog-meta-slider .pre-month {
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content {
padding: 40px 35px 40px;
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.03);
background: #fff;
opacity: 1;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content h3.pre-post-title {
font-weight: 700;
font-size: 36px;
margin-bottom: 28px;
line-height: 1.3;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content h3.pre-post-title a {
text-decoration: none;
color: #1a001b;
display: inline;
transition: all 0.3s ease 0s;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content h3.pre-post-title a:hover {
color: #e11631;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list {
z-index: 2;
top: 0;
left: 0;
z-index: 10;
position: relative;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list a {
display: inline-block;
padding: 3px 12px 2px;
border-radius: 1px;
color: #ffffff;
background: #e11631;
transition: 0.4s;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
margin-top: 5px;
margin-right: 5px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list a:hover {
opacity: 0.85;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list ul {
margin: 0;
padding: 0 0 25px;
list-style: none;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list ul li {
display: inline-block;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list ul li a {
display: block;
padding: 2px 12px 2px;
border-radius: 0px;
color: #ffffff;
background: #e11631;
transition: 0.4s;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-top: 5px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-cat-list ul li a:hover {
opacity: 0.85;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta-slider {
margin-bottom: 10px;
font-size: 14px;
text-transform: capitalize;
color: #656567;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta-slider a {
color: #656567;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta-slider a:hover {
color: #e11631;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta-slider .pre-date {
margin-right: 20px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta-slider.pre-reverse-meta .pre-date {
margin-left: 20px;
margin-right: 0;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta-slider i {
margin-right: 6px;
font-size: 15px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta-slider i.fi-rr-calendar {
position: relative;
top: 1px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .pre-blog-meta-slider svg {
width: 15px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content p {
margin: 0 0 15px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part {
margin: 15px 0 0;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn {
position: relative;
display: inline-block;
color: #1a001b;
transition: all ease 0.3s;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn i {
transition: all ease 0.3s;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-after span {
float: left;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-after i {
margin-left: 10px;
transition: 0.4s;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-before span {
float: right;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.icon-before i {
margin-right: 10px;
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.blog-btn:hover svg, .prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .blog-btn.blog-btn:hover i {
transform: translateX(5px);
}
.prelements-blog-grid .pre-blog-item .pre-blog-content .blog-btn-part .comments-wrapper .comments-icon {
margin-right: 5px;
}
.prelements-blog-grid .pre-blog-item:hover .pre-image-wrap .pre-pointer-events img {
filter: none;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style {
position: relative;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content {
position: relative;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content .btn-part {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
z-index: 1;
transition: all 0.3s ease 0s;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content .btn-part a {
font-size: 20px;
padding: 10px;
color: #ffffff;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content:after, .prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content:before {
position: absolute;
content: "";
right: 0;
left: 0;
margin: 0 auto;
transition: all 0.3s ease 0s;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content:before {
width: 170px;
height: 170px;
border: 1px solid #f3f3f3;
bottom: -125px;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style .pre-blog-content:after {
background: #f3f3f3;
width: 126px;
height: 126px;
bottom: -98px;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:after {
position: absolute;
content: "";
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 0;
height: 1px;
background: #e11631;
transition: all 0.5s;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover .img-part img {
filter: grayscale(1);
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover .content-part .btn-part {
bottom: 0;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover .content-part:before {
width: 182px;
height: 182px;
border-color: #e11631;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover .content-part:after {
width: 140px;
height: 140px;
background: #e11631;
}
.prelements-blog-grid .pre-blog-item.icon_btn_style:hover:after {
width: 100%;
}
.prelements-blog-grid .pre-blog-item.borders .pre-blog-content .pre-cat-list a {
border-bottom: 2px solid;
line-height: 1;
background: none;
padding: 0;
font-size: 13px;
}
.prelements-blog-grid .slick-next::before, .prelements-blog-grid .slick-prev::before {
content: "\ea6c";
font-size: 18px;
color: #534FF8;
margin: 0;
display: inline-block;
text-align: center;
font-family: remixicon !important;
opacity: 1;
z-index: 99;
}
.prelements-blog-grid .slick-prev::before {
content: "\ea60";
}
.prelements-blog-grid.position_relative .pre-blog-item .pre-blog-content {
position: relative;
}
.prelements-unique-slider.prelements-blog-grid .pre-blog-item .pre-blog-content h3.pre-post-title a {
text-decoration: none;
color: #1a001b;
display: inline;
}
.prelements-unique-slider.prelements-blog-grid .pre-blog-item .pre-blog-content h3.pre-post-title a:hover {
color: #e11631;
}
.prelements-unique-slider.prelements-blog-grid ul.slick-dots li {
width: unset;
height: unset;
}
.prelements-unique-slider.prelements-blog-grid ul.slick-dots li button {
background: #e11631;
border-radius: 50%;
width: 8px;
height: 8px;
margin: 0;
padding: 0;
border: none;
outline: none;
}
.prelements-unique-slider.prelements-blog-grid ul.slick-dots li button:before {
display: none;
}
.prelements-unique-slider.prelements-blog-grid.btn_border_gradiant_enable .slick-arrow {
background: transparent;
border: none !important;
color: #fff;
background-color: transparent;
transition: all 0.4s;
border-radius: 10px;
overflow: hidden;
background-image: linear-gradient(93.97deg, #ED0969 0%, #4200FF 86.57%);
}
.prelements-unique-slider.prelements-blog-grid.btn_border_gradiant_enable .slick-arrow:before {
position: relative;
background-color: transparent;
z-index: 2;
border-radius: inherit;
color: transparent !important;
-webkit-background-clip: text;
background-image: linear-gradient(93.97deg, #ED0969 0%, #4200FF 86.57%);
}
.prelements-unique-slider.prelements-blog-grid.btn_border_gradiant_enable .slick-arrow:after {
position: absolute;
content: "";
left: 1px;
right: 1px;
top: 1px;
bottom: 1px;
z-index: 1;
transition: all 0.3s;
border-radius: inherit;
background-color: #fbfbfb;
transition: all 0.4s;
}
.prelements-unique-slider.prelements-blog-grid.btn_border_gradiant_enable .slick-arrow:hover::before {
background-image: linear-gradient(93.97deg, #ffffff 0%, #ffffff 86.57%);
}
.prelements-unique-slider.prelements-blog-grid.btn_border_gradiant_enable .slick-arrow:hover::after {
background-image: linear-gradient(93.97deg, #ED0969 0%, #4200FF 86.57%);
}.rs-post-navigation ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
}
.rs-post-navigation ul li {
margin-right: 10px;
}
.rs-post-navigation ul li a {
background: #e11631;
color: #fff;
padding: 9px 22px;
border-radius: 6px;
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.rs-post-navigation ul li a span {
display: flex;
align-items: center;
}
.rs-post-navigation ul li a span svg {
position: relative;
margin-right: 10px;
}
.rs-post-navigation ul li a span svg path {
fill: #fff;
}
.rs-post-navigation ul li.next {
margin-right: 0;
}
.rs-post-navigation ul li.next a svg {
margin-right: 0;
margin-left: 10px;
}.rs-event-grid .events-inner-item {
background: #fff;
box-shadow: 0px 30px 60px rgba(47, 47, 47, 0.07);
border-radius: 20px;
margin-bottom: 25px;
overflow: hidden;
}
.rs-event-grid .events-inner-item .thumbnail-img {
position: relative;
overflow: hidden;
}
.rs-event-grid .events-inner-item .thumbnail-img img {
border-radius: 20px 20px 0 0;
transition: all 0.5s ease;
}
.rs-event-grid .events-inner-item .content-part {
padding: 40px 30px 40px 30px;
position: relative;
}
.rs-event-grid .events-inner-item .content-part .event-title {
font-size: 20px;
font-weight: 600;
line-height: 30px;
margin: 0;
}
.rs-event-grid .events-inner-item .content-part .event-title a {
color: #1a001b;
}
.rs-event-grid .events-inner-item .content-part .event-title a:hover {
color: #e11631;
}
.rs-event-grid .events-inner-item .content-part .rs__date {
position: absolute;
left: 30px;
top: -21px;
background: #e11631;
color: #fff;
font-size: 14px;
padding: 8px 15px;
border-radius: 8px;
}
.rs-event-grid .events-inner-item .content-part .btn-part {
margin-top: 30px;
}
.rs-event-grid .events-inner-item .content-part .btn-part a {
font-size: 15px;
border: 2px solid rgba(225, 22, 49, 0.1);
padding: 10px 15px;
border-radius: 5px;
color: #e11631;
font-weight: 500;
transition: all 0.5s ease;
}
.rs-event-grid .events-inner-item .content-part .btn-part a:hover {
background: #e11631;
border-color: #e11631;
color: #fff;
}
.rs-event-grid .events-inner-item .content-part .rs___meta {
margin: -5px 0 10px;
padding: 0 0 14px;
list-style: none;
display: flex;
flex-wrap: wrap;
font-size: 14px;
color: rgba(77, 77, 77, 0.7411764706);
border-bottom: 1px solid rgba(77, 77, 77, 0.0705882353);
}
.rs-event-grid .events-inner-item .content-part .rs___meta li i {
color: #e11631;
background: rgba(225, 22, 49, 0.07);
padding: 5px;
border-radius: 50%;
font-size: 15px;
position: relative;
top: 1px;
margin-right: 5px;
}
.rs-event-grid .events-inner-item .content-part .rs___meta li + li {
padding-left: 25px;
position: relative;
}
@media screen and (max-width: 480px) {
.rs-event-grid .events-inner-item .content-part .rs___meta {
display: block;
}
.rs-event-grid .events-inner-item .content-part .rs___meta li {
padding: 0 !important;
margin: 0 0 5px !important;
}
.rs-event-grid .events-inner-item .content-part .rs___meta li:last-child {
margin: 0 !important;
}
}
.rs-event-grid .events-inner-item:hover .thumbnail-img img {
transform: scale(1.1);
}
.rs-event-grid .events-inner-item.style__2 {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 35px 35px 35px 35px;
box-shadow: 30px -5px 60px rgba(0, 0, 1, 0.05);
}
.rs-event-grid .events-inner-item.style__2 .thumbnail-img {
flex: 0 0 35%;
max-width: 35%;
overflow: visible;
}
.rs-event-grid .events-inner-item.style__2 .thumbnail-img img {
transform: scale(1);
}
.rs-event-grid .events-inner-item.style__2 .thumbnail-img:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: -5px;
bottom: -5px;
background: #e11631;
z-index: 0;
transition: all 0.5s ease;
}
.rs-event-grid .events-inner-item.style__2 .content-part {
flex: 0 0 65%;
max-width: 65%;
padding: 0 0 0 35px;
}
.rs-event-grid .events-inner-item.style__2 .content-part ul {
margin: 0 0 -6px;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.rs-event-grid .events-inner-item.style__2 .content-part ul li + li {
padding-left: 38px;
}
.rs-event-grid .events-inner-item.style__2 .content-part ul li + li:before {
content: "";
position: absolute;
background: #999;
height: 8px;
width: 1px;
left: 20px;
top: 10px;
}
.rs-event-grid .events-inner-item.style__2 .content-part ul li {
font-size: 16px;
font-weight: 500;
color: #656567;
position: relative;
}
.rs-event-grid .events-inner-item.style__2 .content-part ul li i {
margin-right: 2px;
color: #e11631;
}
.rs-event-grid .events-inner-item.style__2 .content-part .event-title {
font-size: 24px;
font-weight: 700;
line-height: 34px;
margin: 7px 0 15px;
}
.rs-event-grid .events-inner-item.style__2 .content-part p.txt {
margin: 0 0 20px;
font-size: 16px;
color: rgba(77, 77, 77, 0.8392156863);
}
.rs-event-grid .events-inner-item.style__2 .content-part .rs__line_ev path {
fill: #7B93DD;
}
.rs-event-grid .events-inner-item.style__2:hover .thumbnail-img:before {
left: -8px;
bottom: -8px;
}
@media only screen and (max-width: 991px) {
.rs-event-grid .event-item.style2-custom {
width: 100%;
}
}ul.rs__event__meta_style {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
ul.rs__event__meta_style li {
display: flex;
align-items: center;
}
ul.rs__event__meta_style li strong {
display: block;
color: #1a001b;
font-size: 16px;
font-weight: 600;
}
ul.rs__event__meta_style li span {
font-size: 15px;
color: #656567;
line-height: 22px;
}
ul.rs__event__meta_style li span.rs__speaker strong {
font-size: 20px;
}
ul.rs__event__meta_style li .rs__event_sp_img {
margin-right: 15px;
}
ul.rs__event__meta_style li .rs__event_sp_img i {
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
background: rgba(225, 22, 49, 0.05);
display: block;
border-radius: 50%;
color: #e11631;
}
ul.rs__event__meta_style li + li {
padding-left: 40px;
position: relative;
margin-left: 40px;
}
ul.rs__event__meta_style li + li::before {
content: "";
position: absolute;
left: 0;
top: 20px;
background: rgba(51, 51, 51, 0.1607843137);
height: 22px;
width: 1px;
transform: rotate(16.09deg);
}
ul.rs__event__meta_style li.image__speak img {
width: 55px;
height: 55px;
border-radius: 50%;
}
.rs_event__sidebar .rs_sidebar {
background: #f2f6ff;
padding: 40px;
border-radius: 20px;
margin-bottom: 35px;
}
.rs_event__sidebar .rs_sidebar .rs__price {
display: block;
border-bottom: 1px solid rgba(51, 51, 51, 0.0784313725);
margin-bottom: 15px;
padding-bottom: 15px;
text-align: center;
font-size: 16px;
color: #353535;
}
.rs_event__sidebar .rs_sidebar .rs__price strong {
display: block;
color: #e11631;
font-size: 32px;
font-weight: 700;
}
.rs_event__sidebar .rs_sidebar .book__btn {
background: #e11631;
color: #fff;
padding: 16px 25px;
display: block;
border-radius: 15px;
text-align: center;
font-size: 15px;
font-weight: 600;
margin-top: 25px;
}
.rs_event__sidebar .rs_sidebar .book__btn:hover {
box-shadow: 0px 40px 60px rgba(225, 22, 49, 0.2);
}
.rs_event__sidebar .rs_sidebar .rs__time {
text-align: left;
padding-bottom: 5px;
font-size: 16px;
opacity: 0.8;
}
.rs_event__sidebar .rs_sidebar .rs__time i {
font-size: 17px;
margin-right: 2px;
color: #e11631;
}
.rs_event__sidebar .rs_sidebar .rs__time.rs__time_dt i {
font-size: 15px;
top: 2px;
margin-left: 1px;
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_atten ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_atten ul li {
position: relative;
margin-right: -16px;
transition: all 0.5s ease;
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_atten ul li img {
width: 45px;
height: 45px;
border-radius: 50%;
cursor: pointer;
border: 1px solid #fff;
transition: all 0.5s ease;
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_atten ul li i.ri-add-fill {
background: #fff;
border: 1px solid #e11631;
width: 45px;
height: 45px;
line-height: 45px;
display: block;
text-align: center;
border-radius: 50%;
font-size: 20px;
color: #e11631;
cursor: pointer;
margin-top: -2px;
transition: all 0.5s ease;
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_atten ul li:hover {
z-index: 2;
margin-right: 5px;
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_atten ul li:hover img {
z-index: 2;
transform: scale(1.1);
border-color: #e11631;
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_atten ul li:hover i.ri-add-fill {
transform: scale(1.1);
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_atten .attendees__title {
color: #3D3458;
font-size: 16px;
margin: 20px 0 0;
font-weight: 600;
line-height: 25px;
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_map .map__title {
font-size: 22px;
font-weight: 700;
margin: 0 0 20px;
}
.rs_event__sidebar .rs_sidebar.rs_sidebar_map iframe {
border: 1px solid rgba(225, 22, 49, 0.3);
border-radius: 15px;
}
body.single-events .rs-features-list-content li i {
margin-top: -3px;
}
@media screen and (max-width: 1200px) {
ul.rs__event__meta_style li + li {
padding-left: 25px;
margin-left: 25px;
}
}
@media screen and (max-width: 1024px) {
.rs_event__sidebar .rs_sidebar {
padding: 30px;
}
ul.rs__event__meta_style li.image__speak {
flex: 0 0 100%;
width: 100%;
margin-bottom: 20px;
}
ul.rs__event__meta_style li.ev_st_date {
padding: 0;
margin: 0;
}
ul.rs__event__meta_style li.ev_st_date::before {
display: none;
}
}
@media screen and (max-width: 480px) {
.rs_event__sidebar .rs_sidebar {
padding: 30px;
}
ul.rs__event__meta_style li {
flex: 0 0 100%;
width: 100%;
padding: 0 !important;
margin: 0 !important;
margin-bottom: 20px !important;
}
ul.rs__event__meta_style li::before {
display: none;
}
ul.rs__event__meta_style li:last-child {
margin: 0 !important;
}
}.rs-offcanvas-area a.nav-expander {
background: transparent;
color: #FFFFFF;
display: flex;
flex-wrap: wrap;
font-size: 16px;
font-weight: 400;
height: auto;
margin-right: 0;
padding: 0;
right: 0;
text-decoration: none;
text-transform: uppercase;
top: 0;
transition: right 0.3s ease-in-out 0s;
width: 33px;
z-index: 12;
transition: right 0.3s ease-in-out 0s;
-webkit-transition: right 0.3s ease-in-out 0s;
-moz-transition: right 0.3s ease-in-out 0s;
-o-transition: right 0.3s ease-in-out 0s;
}
.rs-offcanvas-area a.nav-expander span {
width: 5px;
height: 5px;
border-radius: 50%;
display: block;
background: #000;
margin: 3px;
}
.rs-offcanvas-area ul {
margin: 0;
padding: 0;
}
.rs-offcanvas-area ul .nav-link {
cursor: pointer;
padding: 0;
line-height: 16px;
}
.rs-offcanvas-area nav.right_menu_togle {
background: #ffffff;
display: block;
height: 100%;
overflow: auto;
position: fixed;
right: -400px;
font-size: 15px;
top: 0;
width: 100%;
max-width: 400px;
z-index: 999999;
transition: right 0.3s ease-in-out 0s;
-webkit-transition: right 0.3s ease-in-out 0s;
-moz-transition: right 0.3s ease-in-out 0s;
-o-transition: right 0.3s ease-in-out 0s;
padding: 40px;
}
.rs-offcanvas-area .nav-expander i {
font-size: 24px;
color: #002336;
}
.rs-offcanvas-area .widget_nav_menu .menu {
margin: 0;
list-style: none;
padding: 0;
}
.rs-offcanvas-area .widget_nav_menu .menu li {
list-style: none;
}
.rs-offcanvas-area .widget_nav_menu .menu li a {
padding: 8px 0;
font-size: 16px;
display: block;
font-weight: 500;
}
.rs-offcanvas-area .widget_nav_menu .menu li + li {
border-top: 1px solid rgba(0, 0, 0, 0.0784313725);
}
.rs-offcanvas-area .widget_nav_menu .menu li ul {
padding-left: 15px;
}
.rsoffwrap-close {
background: #42806B;
position: absolute;
right: 30px;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 3px;
text-align: center;
top: 30px;
cursor: pointer;
}
.rsoffwrap-close i {
color: #ffffff;
font-size: 21px;
}
body .rsoffwrap {
cursor: url(//www.kadikoy-travesti.com/wp-content/plugins/rselements/widgets/header-offcanvas/close.png), auto;
width: 100%;
left: 100%;
transition: all 0.8s ease-out 0s;
position: fixed;
height: 100vh;
top: 0;
bottom: 0;
opacity: 0.9;
z-index: 99999;
background-color: #FFFFFF;
}
body.nav-expanded {
margin-left: 0em;
transition: right 0.4s ease-in-out 0s;
-webkit-transition: right 0.4s ease-in-out 0s;
-moz-transition: right 0.4s ease-in-out 0s;
-o-transition: right 0.4s ease-in-out 0s;
}
body.nav-expanded nav {
right: 0 !important;
}
body.nav-expanded .rsoffwrap {
left: 0%;
transition: all 0.8s ease-out 0s;
}.marquee_wrapper {
position: relative;
}
.marquee_wrapper .marquee_text {
font-weight: 800;
font-size: 100px;
line-height: 100%;
font-weight: bold;
overflow: hidden;
display: inline-block;
}
.marquee_wrapper .marquee_text img {
margin: 0 15px;
cursor: grab;
border-radius: 4px;
}
.marquee_wrapper .marquee_text img:active {
cursor: grabbing;
}.marquee_wrapper_logo .item-inner {
padding: 0 30px;
}
.marquee_wrapper_logo .item-inner .rs-marquee-image {
flex-shrink: 0;
}
.marquee_wrapper_logo .item-inner .rs-marquee-text {
font-size: 100px;
text-transform: uppercase;
}
.marquee_wrapper_logo.stroke-enable .rs-marquee-text {
color: transparent;
-webkit-text-stroke: 2px #000;
text-stroke: 2px #000;
}.rs-price-table-list .rs-pricing-list ul {
margin: 0;
padding: 20px 60px;
list-style: none;
display: flex;
flex-wrap: wrap;
background-color: #fff;
border-radius: 4px;
margin-bottom: 24px;
width: 100%;
transition: all 0.3s ease 0s;
align-items: center;
}
.rs-price-table-list .rs-pricing-list ul li {
flex: 0 0 33.333%;
max-width: 33.333%;
}
.rs-price-table-list .rs-pricing-list ul li .rs-pricing-table-btn {
position: relative;
padding: 17px 20px 17px 35px;
background-color: #D52925;
border-radius: 6px 6px 6px 6px;
color: #FFFFFF;
font-family: "Oswald", Sans-serif;
font-size: 16px !important;
font-weight: 500;
line-height: 24px;
display: inline-flex;
align-items: center;
transition: all 0.3s ease 0s;
cursor: pointer;
}
.rs-price-table-list .rs-pricing-list ul li .rs-pricing-table-btn:before {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 0px;
z-index: -1;
content: "";
color: #000 !important;
background: #fff;
}
.rs-price-table-list .rs-pricing-list ul li .rs-pricing-table-btn svg, .rs-price-table-list .rs-pricing-list ul li .rs-pricing-table-btn i {
margin-left: 10px;
margin-right: 11px;
position: relative;
top: 0px;
fill: #fff;
font-size: 20px;
margin-top: 2px;
}
.rs-price-table-list .rs-pricing-list ul li .rs-pricing-table-btn span {
display: block;
font-size: 16px;
text-transform: uppercase;
}
.rs-price-table-list .rs-pricing-list ul li .rs-pricing-table-btn .pricing-sqrt-image span {
color: rgba(255, 255, 255, 0.7294117647);
}
.rs-price-table-list .rs-pricing-list ul li .rs-pricing-btn {
text-align: right;
}
.rs-price-table-list .rs-pricing-list ul li .rs-pricing-btn .btn-part .rs-pricing-table-btn i {
transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
transition: 0.3s ease;
}
.rs-price-table-list .rs-pricing-list ul li .rs-pricing-btn .btn-part .rs-pricing-table-btn:hover i {
transform: translate3d(8px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
}
.rs-price-table-list .rs-pricing-list ul li.pricing-icon-image {
display: flex;
align-items: center;
}
.rs-price-table-list .rs-pricing-list ul li.rs-pricing-btn {
display: flex;
justify-content: flex-end;
}
.rs-price-table-list .rs-pricing-list ul:hover {
background: #00457A;
border-radius: 4px;
}
.rs-price-table-list .rs-pricing-list ul:hover .rs-pricing-table-btn {
background-color: #fff;
color: #00457A;
}
.rs-price-table-list .rs-pricing-list ul:hover .rs-pricing-table-btn svg, .rs-price-table-list .rs-pricing-list ul:hover .rs-pricing-table-btn i {
fill: #00457A;
color: #00457A;
font-size: 20px;
}
.rs-price-table-list .rs-pricing-list ul:hover .pricing-sqrt-image span,
.rs-price-table-list .rs-pricing-list ul:hover .pricing-sqrt-image,
.rs-price-table-list .rs-pricing-list ul:hover .pricing-title {
color: #fff;
}
.rs-price-table-list .rs-pricing-list .pricing-icon-image .pricing-list-icon img {
width: 80px;
height: 82px;
}
.rs-price-table-list .rs-pricing-list .pricing-title {
font-family: "Oswald";
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 36px;
color: #00457A;
margin-left: 35px;
}
.rs-price-table-list .rs-pricing-list .pricing-sqrt-image {
font-family: "Oswald";
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 48px;
text-align: center;
color: #00457A;
}
.rs-price-table-list .rs-pricing-list .pricing-sqrt-image span { font-family: "Nunito Sans";
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 29px;
text-align: center;
color: #515261;
}
@media only screen and (max-width: 991px) {
.rs-price-table-list .rs-pricing-list .pricing-icon-image {
padding-left: 30px;
width: 36%;
}
.rs-price-table-list .rs-pricing-list .rs-pricing-btn {
padding-right: 30px;
width: 36%;
}
.rs-price-table-list .rs-pricing-list .pricing-sqrt-image {
width: 26%;
}
.rs-price-table-list .rs-pricing-list .pricing-title {
font-size: 22px;
}
.rs-price-table-list .rs-pricing-list .pricing-sqrt-image {
font-size: 30px;
}
}
@media only screen and (max-width: 880px) {
.rs-price-table-list .rs-pricing-list .pricing-title {
font-size: 20px;
}
.rs-price-table-list .rs-pricing-list .pricing-sqrt-image {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.rs-price-table-list .rs-pricing-list .rs-pricing-btn {
width: 100% !important;
text-align: center !important;
padding-right: 15px;
}
.rs-price-table-list .rs-pricing-list .pricing-sqrt-image {
width: 100%;
}
.rs-price-table-list .rs-pricing-list .pricing-icon-image {
width: 100%;
padding-left: 15px;
}
}
@media only screen and (max-width: 650px) {
.rs-price-table-list .rs-pricing-list ul {
flex-direction: column;
}
.rs-price-table-list .rs-pricing-list ul li {
flex: 0 0 100%;
max-width: 100%;
}
.rs-price-table-list .rs-pricing-list ul li.rs-pricing-btn {
justify-content: center;
}
.rs-price-table-list .rs-pricing-list ul li.pricing-icon-image {
justify-content: center;
width: 100%;
padding-left: 0px;
}
}.rs-step-flow-working-process {
display: block;
text-align: center;
position: relative;
}
.rs-step-flow-working-process .rs-step-flow-icon {
margin-bottom: 15px;
margin-right: auto;
margin-left: auto;
display: inline-block;
line-height: 1;
transition: all 0.3s;
color: #222;
font-size: 50px;
text-align: center;
}
.rs-step-flow-working-process .rs-step-flow-icon i, .rs-step-flow-working-process .rs-step-flow-icon svg {
width: 1em;
height: 1em;
position: relative;
display: block;
}
.rs-step-flow-working-process .step-number {
width: 185px;
position: relative;
display: inline-block;
background: #e11631;
color: #fff;
padding: 12px 30px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 26px;
transition: all 0.3s ease 0s;
clip-path: polygon(0% 0%, 82% 0, 99% 50%, 82% 100%, 0% 100%);
-webkit-clip-path: polygon(0% 0%, 82% 0, 99% 50%, 82% 100%, 0% 100%);
}
.rs-step-flow-working-process .step-number .step-left-number {
color: #071230;
position: absolute;
font-size: 30px;
font-weight: 700;
opacity: 0.1;
left: 10px;
}
.step-flow-style2 .rs-step-flow-icon-box-icon {
display: flex;
align-items: center;
flex-direction: row;
}
.step-flow-style2 .rs-step-flow-icon-box-icon .rs-step-icon {
display: flex;
align-items: center;
justify-content: center;
background: #00204a;
width: 83px;
height: 83px;
border-radius: 50%;
margin-right: 30px;
position: relative;
}
.step-flow-style2 .rs-step-flow-icon-box-icon .rs-step-icon i {
color: #e11631;
font-size: 50px;
}
.step-flow-style2 .rs-step-flow-icon-box-icon .rs-step-icon img {
width: 50px;
height: 50px;
}
.step-flow-style2 .rs-step-flow-icon-box-icon .rs-step-icon:before {
position: absolute;
content: "";
width: 100px;
height: 100px;
border: 1px dashed #e11631;
border-radius: 50%;
}
.step-flow-style2 .rs-step-flow-icon-box-icon .step-number-top .step-right-text {
font-size: 20px;
font-weight: 600;
color: #e11631;
}.service-item-area .service-item {
background-color: #f2f2f2;
padding: 20px 30px 20px 30px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30px;
border-radius: 6px;
transition: all 0.3s ease 0s;
box-shadow: 0px 4px 20px rgba(21, 21, 49, 0.1);
border: 2px solid #FFFFFF;
position: relative;
z-index: 1;
overflow: hidden;
}
.service-item-area .service-item:first-child {
margin-top: 0px;
}
.service-item-area .service-item .service-icon-title {
color: #071230;
font-style: normal;
font-weight: 600;
font-size: 20px;
}
.service-item-area .service-item .service-icon-title span {
margin-left: 10px;
}
.service-item-area .service-item .service-icon-title img {
width: 30px;
height: 30px;
}
.service-item-area .service-item .arrow-btn {
font-size: 20px;
color: #071230;
font-weight: 600;
transition: all 0.3s ease 0s;
}
.service-item-area .service-item:before {
content: "";
position: absolute;
z-index: -1;
background: #e11631;
height: 150px;
width: 470px;
border-radius: 50%;
top: 100%;
left: 100%;
transition: all 0.4s;
}
.service-item-area .service-item:hover:before {
top: -30px;
left: -50px;
}
.service-item-area .service-item:hover .arrow-btn {
transform: translateX(10px);
}
.service-item-area .service-item:first-child {
background-color: #e11631;
}
.service-item-area .service-item:first-child span, .service-item-area .service-item:first-child i {
color: #fff;
}
.service-item-area .service-item:first-child svg path {
fill: #fff;
}
.service-item-area .service-item:hover span, .service-item-area .service-item:hover i {
color: #fff;
}
.service-item-area .service-item:hover svg path {
fill: #fff;
}.rs-service-search-form {
display: flex;
align-items: center;
background: #e11631;
padding: 40px;
gap: 10px;
border-radius: 10px;
box-shadow: 0px 0px 40px 5px rgba(22, 43, 98, 0.35);
}
.rs-service-search-form .search-wrap {
display: flex;
align-items: center;
width: 64%;
max-width: 770px;
gap: 10px;
}
.rs-service-search-form .search-input {
width: 100%;
max-width: 558px;
padding: 22px 30px;
border-radius: 4px;
}
.rs-service-search-form .label-area {
width: 36%;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
color: #fff;
}
.rs-service-search-form .label-area i {
margin-right: 8px;
}
.rs-service-search-form ::-webkit-input-placeholder { font-size: 22px !important;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.rs-service-search-form :-ms-input-placeholder { font-size: 22px !important;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.header-search input::-webkit-input-placeholder { font-size: 15px !important;
}
.header-search input::-moz-placeholder { font-size: 15px !important;
}
.header-search input:-ms-input-placeholder { font-size: 15px !important;
}
.header-search input:-moz-placeholder { font-size: 15px !important;
}
.rs-service-search-form button {
display: flex;
align-items: center;
justify-content: center;
top: 0px !important;
border-radius: 4px;
background: #071230;
padding: 12px 0px;
width: 100%;
max-width: 199px;
height: 68px;
color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 500;
}
.rs-service-search-form button i {
top: 0px;
}
.rs-service-search-form input[type=search] {
border: 0px solid #fff;
}
@media only screen and (max-width: 880px) {
.rs-service-search-form .label-area {
width: 100%;
text-align: center;
}
.rs-service-search-form .search-wrap {
width: 100%;
margin-top: 20px;
}
.rs-service-search-form {
flex-direction: column;
}
}.rs-social-menu ul {
padding: 0;
margin: 0;
display: flex;
}
.rs-social-menu ul li {
list-style: none;
margin: 0 5px;
}
.rs-social-menu ul li i {
font-size: 16px;
line-height: 40px;
transition: 0.3s;
color: #000;
}
.rs-social-menu ul li i:hover {
color: #fff;
}
.rs-social-menu ul li a {
position: relative;
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
text-align: center;
transition: 0.6s;
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
}
.rs-social-menu ul li a:hover {
transform: translate(0, -10%);
background: #c11f4a;
border-color: #c11f4a;
}
.rs-social-menu ul li:hover a {
color: #fff;
background: #c11f4a;
}.rs-client-list-content .rs-client-list {
margin: 0;
padding: 0;
list-style: none;
display: inline-block;
}
.rs-client-list-content .rs-client-list li {
display: flex;
align-items: center;
gap: 20px;
padding: 10px 0;
border-bottom: 1px solid #e3e0e3;
}
.rs-client-list-content .rs-client-list li:last-child {
border: none;
padding-bottom: 0;
}
.rs-client-list-content .rs-client-list li .list-client-title {
position: relative;
min-width: 100px;
}
.rs-client-list-content .rs-client-list li .list-client-title:after {
content: ":";
position: absolute;
bottom: 0;
right: 0px;
}
.rs-client-list-content .rs-client-list li h3 {
margin: 0;
color: #1E001C;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px;
}
.rs-client-list-content .rs-client-list li .list-client-content p {
margin: 0;
}
.rs-client-list-content .rs-client-list li .list-client-content p span {
padding-right: 20px;
}