.rs-heading .title-inner .sub-text,
.rs-dual-heading .title-inner .sub-text {
margin: 0 0 10px;
display: block;
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.rs-heading .title-inner .sub-text.title-upper,
.rs-dual-heading .title-inner .sub-text.title-upper {
text-transform: uppercase;
}
.rs-heading .title-inner .title,
.rs-dual-heading .title-inner .title {
color: #0a0a0a;
line-height: 40px;
margin-bottom: 15px;
margin-top: 0;
}
.rs-heading .title-inner .title.title-upper,
.rs-dual-heading .title-inner .title.title-upper {
text-transform: uppercase;
}
.rs-heading .title-inner .title span.watermark,
.rs-dual-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-heading.big .title-inner h2,
.rs-dual-heading.big .title-inner h2 {
font-size: 36px;
line-height: 44px;
}
.rs-heading.big .description p,
.rs-dual-heading.big .description p {
font-size: 20px;
line-height: 32px;
}
.rs-heading.style4 .title-inner .title,
.rs-dual-heading.style4 .title-inner .title {
margin-bottom: 8px;
}
.rs-heading.style4 .title-inner .title-img,
.rs-dual-heading.style4 .title-inner .title-img {
margin-bottom: 12px;
}
.rs-heading.style5 .sub-text,
.rs-dual-heading.style5 .sub-text,
.rs-heading.style12 .sub-text,
.rs-dual-heading.style12 .sub-text {
display: inline-block !important;
}
.rs-heading.style2,
.rs-dual-heading.style2 {
position: relative;
padding-bottom: 15px;
}
.rs-heading.style2:after,
.rs-dual-heading.style2:after {
content: "";
position: absolute;
border: 0;
width: 66px;
height: 2px;
z-index: 9;
margin-left: 0;
left: 0;
bottom: 0;
}
.rs-heading.style2.center:after,
.rs-dual-heading.style2.center:after {
transform: translateX(-50%);
left: 50%;
}
.rs-heading.style2.right:after,
.rs-dual-heading.style2.right:after {
left: auto;
right: 0;
}
.rs-heading.style2 h2,
.rs-dual-heading.style2 h2 {
margin-bottom: 12px;
}
.rs-heading.style2 .description p,
.rs-dual-heading.style2 .description p {
margin-bottom: 12px;
}
.rs-heading.style2.Lite:after,
.rs-dual-heading.style2.Lite:after {
background: #fff !important;
}
.rs-heading.style3,
.rs-dual-heading.style3 {
position: relative;
padding-bottom: 12px;
}
.rs-heading.style3 h2,
.rs-dual-heading.style3 h2 {
margin-bottom: 12px;
}
.rs-heading.style3 .description,
.rs-dual-heading.style3 .description {
position: relative;
padding-left: 80px;
}
.rs-heading.style3 .description:after,
.rs-dual-heading.style3 .description:after {
content: "";
position: absolute;
border: 0;
width: 60px;
height: 2px;
z-index: 9;
margin-left: 0;
left: 0;
top: 14px;
}
.rs-heading.style3 .description p,
.rs-dual-heading.style3 .description p {
margin-bottom: 12px;
}
.rs-heading.style3.Lite .description:after,
.rs-dual-heading.style3.Lite .description:after {
background: #fff !important;
}
.rs-heading.style1,
.rs-dual-heading.style1 {
position: relative;
padding-bottom: 12px;
}
.rs-heading.style1 h2,
.rs-dual-heading.style1 h2 {
margin-bottom: 12px;
}
.rs-heading.style1 .description,
.rs-dual-heading.style1 .description {
position: relative;
padding-right: 80px;
}
.rs-heading.style1 .description:after,
.rs-dual-heading.style1 .description:after {
content: "";
position: absolute;
border: 0;
width: 60px;
height: 2px;
background: #101010;
z-index: 9;
margin-left: 0;
right: 0;
top: 14px;
}
.rs-heading.style1 .description p,
.rs-dual-heading.style1 .description p {
margin-bottom: 12px;
}
.rs-heading.style1.Lite .description:after,
.rs-dual-heading.style1.Lite .description:after {
background: #fff !important;
}
.rs-heading.style8,
.rs-dual-heading.style8 {
position: relative;
padding-bottom: 12px;
margin-bottom: 10px;
}
.rs-heading.style8 .title-inner,
.rs-dual-heading.style8 .title-inner {
padding-left: 25px;
position: relative;
display: inline-block;
}
.rs-heading.style8 .title-inner .sub-text,
.rs-dual-heading.style8 .title-inner .sub-text {
margin-bottom: 5px;
}
.rs-heading.style8 .title-inner:after,
.rs-dual-heading.style8 .title-inner:after {
content: "";
position: absolute;
border: 0;
width: 2px;
height: 100%;
background: #101010;
z-index: 9;
margin-left: 0;
left: 0;
top: 0;
}
.rs-heading.style8 .description,
.rs-dual-heading.style8 .description {
padding-left: 25px;
position: relative;
}
.rs-heading.style8 .description:after,
.rs-dual-heading.style8 .description:after {
content: "";
position: absolute;
border: 0;
width: 2px;
height: 100%;
background: #101010;
z-index: 9;
margin-left: 0;
left: 0;
top: 0;
}
.rs-heading.style8 h2,
.rs-dual-heading.style8 h2 {
margin-bottom: 5px;
}
.rs-heading.style8.text-center .description,
.rs-dual-heading.style8.text-center .description {
padding-top: 15px;
padding-left: 0px;
}
.rs-heading.style8.text-center .description:after,
.rs-dual-heading.style8.text-center .description:after {
display: none;
}
.rs-heading.style8.Lite .title-inner:after,
.rs-dual-heading.style8.Lite .title-inner:after {
background: #fff;
}
.rs-heading.style8.Lite .description:after,
.rs-dual-heading.style8.Lite .description:after {
background: #fff !important;
}
.rs-heading.style6 .title-inner,
.rs-dual-heading.style6 .title-inner {
position: relative;
padding-bottom: 12px;
}
.rs-heading.style6 .title-inner h2,
.rs-dual-heading.style6 .title-inner h2 {
margin-bottom: 12px;
}
.rs-heading.style6 .title-inner .sub-text,
.rs-dual-heading.style6 .title-inner .sub-text {
position: relative;
padding-left: 65px;
color: #1273eb;
}
.rs-heading.style6 .title-inner .sub-text:after,
.rs-dual-heading.style6 .title-inner .sub-text:after {
content: "";
position: absolute;
border: 0;
width: 50px;
height: 2px;
background: #101010;
z-index: 9;
margin-left: 0;
left: 0;
top: 12px;
}
.rs-heading.style6 .title-inner .sub-text p,
.rs-dual-heading.style6 .title-inner .sub-text p {
margin-bottom: 12px;
}
.rs-heading.style6.text-center .title-inner .sub-text,
.rs-dual-heading.style6.text-center .title-inner .sub-text,
.rs-heading.style6.text-right .title-inner .sub-text,
.rs-dual-heading.style6.text-right .title-inner .sub-text {
display: inline-block;
}
.rs-heading.style6.text-center .sub-text,
.rs-dual-heading.style6.text-center .sub-text {
position: relative;
padding-left: 0px;
padding-top: 60px;
color: #1273eb;
}
.rs-heading.style6.text-center .sub-text:after,
.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.Lite .sub-text:after,
.rs-dual-heading.style6.Lite .sub-text:after {
background: #fff !important;
}
.rs-heading.style6.dark .sub-text:after,
.rs-dual-heading.style6.dark .sub-text:after {
background: #232023 !important;
}
.rs-heading.style4.left .title-inner .sub-text,
.rs-dual-heading.style4.left .title-inner .sub-text {
padding-left: 43px;
}
.rs-heading.style4.left .title-inner .sub-text:before,
.rs-dual-heading.style4.left .title-inner .sub-text:before {
left: 0;
}
.rs-heading.style4.right .title-inner .sub-text,
.rs-dual-heading.style4.right .title-inner .sub-text {
padding-right: 43px;
}
.rs-heading.style4.right .title-inner .sub-text:after,
.rs-dual-heading.style4.right .title-inner .sub-text:after {
right: 0;
}
.rs-heading.style4 .title-inner,
.rs-dual-heading.style4 .title-inner {
position: relative;
padding-bottom: 12px;
}
.rs-heading.style4 .title-inner h2,
.rs-dual-heading.style4 .title-inner h2 {
margin-bottom: 12px;
display: block;
}
.rs-heading.style4 .title-inner .sub-text,
.rs-dual-heading.style4 .title-inner .sub-text {
position: relative;
color: #1273eb;
display: inline-block;
}
.rs-heading.style4 .title-inner .sub-text:before,
.rs-dual-heading.style4 .title-inner .sub-text:before,
.rs-heading.style4 .title-inner .sub-text:after,
.rs-dual-heading.style4 .title-inner .sub-text:after {
content: "";
position: absolute;
border: 0;
width: 35px;
height: 2px;
background: #101010;
z-index: 9;
margin-left: 0;
left: -20px;
top: 12px;
}
.rs-heading.style4 .title-inner .sub-text:before,
.rs-dual-heading.style4 .title-inner .sub-text:before {
left: -40px;
}
.rs-heading.style4 .title-inner .sub-text:after,
.rs-dual-heading.style4 .title-inner .sub-text:after {
left: auto;
right: -40px;
}
.rs-heading.style4 .title-inner .sub-text p,
.rs-dual-heading.style4 .title-inner .sub-text p {
margin-bottom: 12px;
}
.rs-heading.style4.Lite .sub-text:before,
.rs-dual-heading.style4.Lite .sub-text:before,
.rs-heading.style4.Lite .sub-text:after,
.rs-dual-heading.style4.Lite .sub-text:after {
background: #fff !important;
}
.rs-heading.style4.text-center .title-inner .sub-text,
.rs-dual-heading.style4.text-center .title-inner .sub-text,
.rs-heading.style4.text-right .title-inner .sub-text,
.rs-dual-heading.style4.text-right .title-inner .sub-text {
display: inline-block;
}
.rs-heading.style7 .title-inner,
.rs-dual-heading.style7 .title-inner {
position: relative;
padding-bottom: 12px;
}
.rs-heading.style7 .title-inner h2,
.rs-dual-heading.style7 .title-inner h2 {
margin-bottom: 12px;
}
.rs-heading.style7 .title-inner .sub-text,
.rs-dual-heading.style7 .title-inner .sub-text {
position: relative;
padding-right: 65px;
display: inline-block;
color: #1273eb;
}
.rs-heading.style7 .title-inner .sub-text:after,
.rs-dual-heading.style7 .title-inner .sub-text:after {
content: "";
position: absolute;
border: 0;
width: 50px;
height: 2px;
background: #1273eb;
z-index: 9;
margin-left: 0;
right: 0;
top: 4px;
}
.rs-heading.style7 .title-inner .sub-text p,
.rs-dual-heading.style7 .title-inner .sub-text p {
margin-bottom: 12px;
}
.rs-heading.style7 .title-inner.Lite .sub-text:after,
.rs-dual-heading.style7 .title-inner.Lite .sub-text:after {
background: #fff !important;
}
.rs-heading.style7 .title-inner.text-center .title-inner .sub-text,
.rs-dual-heading.style7 .title-inner.text-center .title-inner .sub-text,
.rs-heading.style7 .title-inner.text-right .title-inner .sub-text,
.rs-dual-heading.style7 .title-inner.text-right .title-inner .sub-text {
display: inline-block;
}
.rs-heading.style9 .title-inner,
.rs-dual-heading.style9 .title-inner {
margin-bottom: 35px;
}
.rs-heading.style9 .title-inner .title-img.top,
.rs-dual-heading.style9 .title-inner .title-img.top {
margin-bottom: 15px;
}
.rs-heading.style9 .title-upper,
.rs-dual-heading.style9 .title-upper {
margin-bottom: 5px;
}
.rs-heading.style9 .bottom-line .title,
.rs-dual-heading.style9 .bottom-line .title {
margin-bottom: 8px;
position: relative;
padding-bottom: 20px;
}
.rs-heading.style9 .bottom-line .title:after,
.rs-dual-heading.style9 .bottom-line .title:after {
content: "";
position: absolute;
border: 0;
width: 80px;
height: 2px;
background: #101010;
z-index: 9;
margin-left: 0;
bottom: 0;
left: 0;
}
.rs-heading.style9.text-center .bottom-line .title:after,
.rs-dual-heading.style9.text-center .bottom-line .title:after {
transform: translateX(-50%);
left: 50%;
}
.rs-heading.style9 .yes_animation img,
.rs-dual-heading.style9 .yes_animation img {
display: none;
}
.rs-heading.style9 .yes_animation,
.rs-dual-heading.style9 .yes_animation {
position: relative;
}
.rs-heading.style9 .yes_animation:before,
.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.style10.text-center,
.rs-dual-heading.style10.text-center {
text-align: left !important;
}
.rs-heading.style10.text-center .title-inner,
.rs-dual-heading.style10.text-center .title-inner {
text-align: center;
}
.rs-heading.style10.text-right,
.rs-dual-heading.style10.text-right {
text-align: left !important;
}
.rs-heading.style10.text-right .title-inner,
.rs-dual-heading.style10.text-right .title-inner {
text-align: right;
}
.rs-heading.style10 .title-inner,
.rs-dual-heading.style10 .title-inner {
transform: rotate(-90deg) translatex(-50%);
display: inline-block;
transform-origin: left center 0;
}
.rs-heading.style10 .title-inner .title,
.rs-dual-heading.style10 .title-inner .title {
white-space: nowrap;
position: relative;
top: 40px;
left: 10px;
margin-bottom: 0;
}
.rs-heading.style10 .description,
.rs-dual-heading.style10 .description {
transform: rotate(-90deg);
display: inline-block;
}
.rs-heading.style11,
.rs-dual-heading.style11 {
text-align: right !important;
}
.rs-heading.style11.text-center,
.rs-dual-heading.style11.text-center {
text-align: right !important;
}
.rs-heading.style11.text-center .title-inner,
.rs-dual-heading.style11.text-center .title-inner {
text-align: center;
}
.rs-heading.style11.text-right,
.rs-dual-heading.style11.text-right {
text-align: right !important;
}
.rs-heading.style11.text-right .title-inner,
.rs-dual-heading.style11.text-right .title-inner {
text-align: right;
}
.rs-heading.style11 .title-inner,
.rs-dual-heading.style11 .title-inner {
transform: rotate(90deg);
display: inline-block;
}
.rs-heading.style11 .description,
.rs-dual-heading.style11 .description {
transform: rotate(90deg);
display: inline-block;
}
.rs-animated-heading .title span,
.rs-dual-heading .title span {
display: inline-block;
}
.slick-slide {
outline: none;
}
.rs-animated-heading .title-inner .title,
.rs-animated-heading .title-inner .title .cd-headline {
color: #0a0a0a;
line-height: 56px;
}
.rs-animated-heading .title-inner .title {
margin-bottom: 20px;
}
.rs-animated-heading .title-inner .title.title-upper {
text-transform: uppercase;
}
.rs-animated-heading .title-inner .title .cd-headline {
font-weight: 700;
color: #1273eb;
}
.rs-animated-heading .title-inner .title .cd-headline p {
margin-bottom: 0;
}
.rs-animated-heading .title-inner .title .cd-headline p:last-child {
left: -20px;
}
.rs-animated-heading .cd-words-wrapper {
text-align: center;
}
.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-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 !important;
}
.rs-contact-box .address-item .address-icon {
display: inline-block;
position: relative;
background: #1273eb;
height: 70px;
width: 70px;
line-height: 70px;
border-radius: 100%;
text-align: center;
}
.rs-contact-box .address-item .address-icon:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: #1273eb;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
.rs-contact-box .address-item .address-icon:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 70px;
height: 70px;
background: #1273eb;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
opacity: 0;
visibility: hidden;
}
.rs-contact-box .address-item .address-icon:hover {
border-color: rgba(255, 255, 255, 0.7);
}
.rs-contact-box .address-item .address-icon i {
text-align: center;
color: #fff;
border-radius: 100%;
font-size: 30px;
position: relative;
line-height: 70px;
z-index: 9;
width: 100%;
vertical-align: middle;
margin-left: 0;
height: auto;
}
.rs-contact-box .address-item:last-child .address-icon:after {
display: none;
}
.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 a:hover {
color: #101010;
}
.rs-contact-box .address-item:hover .address-icon:after,
.rs-contact-box .address-item:hover .address-icon:before {
opacity: 1;
visibility: visible;
}
.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 .address-item.horizontal .address-text > div {
display: flex;
align-items: center;
} @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.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 .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 #101010;
border-radius: 50%;
position: absolute;
width: 100px;
height: 100px;
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 {
animation-duration: 0.8s;
}
.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: 90px;
padding: 0;
margin: 0 auto;
left: 50%;
top: 50%;
z-index: 9;
text-align: center;
background: #101010;
}
.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;
}
.rs-video .popup-videos:before {
background: #101010;
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
}
.rs-video .popup-videos i {
text-indent: 5px;
-webkit-transition: 0.3s ease all;
transition: 0.3s ease all;
font-size: 30px;
color: #101010;
position: relative;
}
.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:hover .overly-border:before,
.rs-video:hover .overly-border:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.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: #101010;
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: #101010;
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: #101010;
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;
} .counter-top-area {
position: relative;
padding: 0 !important;
}
.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: #101010;
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;
}
.counter-top-area.style1 {
text-align: center;
}
.counter-top-area.style1 .count-number span {
padding: 10px 0px 10px 0px;
}
.counter-top-area.style2 .rs-counter-list {
display: flex;
align-items: center;
}
.counter-top-area.style2 .rs-counter-list .counter-icon {
display: inline-block;
padding-right: 15px;
}
.counter-top-area.style3 .count-text {
display: flex;
align-items: flex-end;
}
.counter-top-area.style3 .count-text .title {
position: relative;
bottom: 8px;
} .elementor-widget-container:hover .rs-addon-services.services-style2::before {
transform: scaleY(1);
}
.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: #101010;
transition: all ease .3s;
}
.rs-addon-services .services-part .services-icon i {
transition: all ease .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.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-services .services-part .services-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-services .services-part .services-icon:hover {
color: #1273eb;
}
.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: #101010;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
opacity: 0;
transition: all 0.3s ease 0s;
visibility: hidden;
}
.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 {
font-size: 24px;
margin: 0 0 10px;
color: #0a0a0a;
}
.rs-addon-services .services-part .services-text .services-title .title a {
color: #0a0a0a;
}
.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: #101010;
position: absolute;
transition: all .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: #1273eb;
transition: all ease .3s;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn i {
transition: all ease .3s;
}
.rs-addon-services .services-part .services-text .services-btn-part .services-btn:hover {
color: #101010;
}
.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: #101010;
position: absolute;
transition: all .3s ease 0s;
bottom: 0;
left: 50%;
z-index: 9;
transform: translateX(-50%);
}
.rs-addon-services .services-part:hover .services-icon {
color: #1273eb;
}
.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: #101010;
transition: 0.4s;
}
.rs-addon-services .services-part:hover .services-text .services-title .title a {
color: #101010;
}
.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: #101010;
transform: scaleY(0);
transition: all .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,
.rs-addon-services.services-style2 .services-part:hover .services-title .title,
.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 .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: #101010;
box-shadow: 0px 3px 36px rgba(0, 0, 0, 0.04);
transition: all .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,
.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:before,
.rs-addon-services.services-style5:after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
background: #f3f3f3;
border-radius: 50%;
border: 1px solid #f3f3f3;
transition: 0.4s;
}
.rs-addon-services.services-style5:after {
bottom: -125px;
background: transparent;
width: 170px;
height: 170px;
border-radius: 50%;
border: 1px solid #f3f3f3;
}
.rs-addon-services.services-style5:before {
background: #f3f3f3;
width: 126px;
height: 126px;
border-radius: 50%;
bottom: -98px;
}
.rs-addon-services.services-style5.services-style5.service_shape_:before,
.rs-addon-services.services-style5.services-style5.service_shape_:after,
.rs-addon-services.services-style5.services-style5.service_shape_ .services-part:before {
display: none;
}
.rs-addon-services.services-style5 .services-part {
position: relative;
}
.rs-addon-services.services-style5 .services-part:before {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
background: #f3f3f3;
transition: 0.5s;
height: 1px;
width: 0;
}
.rs-addon-services.services-style5 .services-part .services-text {
margin-top: -50px;
}
.rs-addon-services.services-style5 .services-part .services-btn-part {
position: absolute;
margin: 0;
line-height: normal;
text-align: center;
bottom: -150px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.rs-addon-services.services-style5 .services-part .services-icon {
padding: 0;
}
.rs-addon-services.services-style5 .services-part .services-icon 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: #1273eb;
color: #ffffff;
box-shadow: 0 0 30px #a79f9f;
font-size: 30px;
margin-bottom: 10px;
text-align: center;
}
.rs-addon-services.services-style5:hover:after {
width: 182px;
height: 182px;
}
.rs-addon-services.services-style5:hover:before {
width: 140px;
height: 140px;
}
.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:before {
width: 100%;
}
.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: -20px;
right: 26px;
transition: all 0.3s ease 0s;
animation: none;
}
.rs-addon-services.services-style6 .services-part .services-icon {
border-radius: 100%;
width: 100px;
height: 100px;
line-height: 100px;
margin: 0 auto 42px;
position: relative;
background: #1273eb;
box-shadow: 0 28px 28px 0 rgba(108, 88, 250, 0.2);
}
.rs-addon-services.services-style6 .services-part .services-icon:before {
border-color: #1273eb;
position: absolute;
content: '';
right: -1px;
bottom: -2px;
width: 112px;
height: 112px;
border-radius: 100%;
border: 1px solid;
transition: all 0.3s ease 0s;
z-index: 0;
}
.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 {
transform: rotate(45deg);
border-radius: 2px;
margin-left: 11px;
margin-top: 11px;
transition: 0.4s;
}
.rs-addon-services.services-style8 .services-icon i {
transform: rotate(-45deg);
}
.rs-addon-services.services-style8:hover .services-icon {
background-image: inherit !important;
}
.rs-apps-screenshots .slick-list.draggable {
padding: 100px 0 !important;
}
.rs-apps-screenshots .grid-item {
position: relative;
}
.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.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
z-index: 3;
}
.rs-apps-screenshots .grid-item.slick-center img {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.hover_effect .elementor-row .elementor-widget-container {
transition: 0.3s;
}
.hover_effect .elementor-row .elementor-widget-container:hover,
.hover_effect .elementor-row:not(:hover) .active_hover > .elementor-widget-container {
box-shadow: 3px 7px 25px 0px rgba(0, 0, 0, 0.05);
}
.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: 30px;
right: 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: #101010;
transition: all ease .3s;
}
.rs-addon-number .number-part .number-icon i {
transition: all ease .3s;
}
.rs-addon-number .number-part .number-icon img {
max-width: unset;
width: 50px;
height: 50px;
}
.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-icon:hover {
color: #1273eb;
}
.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: #101010;
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-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: #0a0a0a;
}
.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: #0a0a0a;
}
.rs-addon-number .number-part .number-text .number-title .title a {
color: #0a0a0a;
}
.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: #1273eb;
transition: all ease .3s;
}
.rs-addon-number .number-part .number-text .number-btn-part .number-btn i {
transition: all ease .3s;
}
.rs-addon-number .number-part .number-text .number-btn-part .number-btn:hover {
color: #101010;
}
.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: #101010;
position: absolute;
transition: all .3s ease 0s;
bottom: 0;
left: 50%;
z-index: 9;
transform: translateX(-50%);
}
.rs-addon-number .number-part:hover .number-icon {
color: #1273eb;
}
.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: #101010;
}
.rs-addon-number .number-part:hover .number-text .number-title .title a {
color: #101010;
}
.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: #101010;
transform: scaleY(0);
transition: all .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 .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 .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-iconbox-area .box-inner {
position: relative;
transition: 0.4s;
overflow: hidden;
}
.rs-iconbox-area .box-inner .rs-badge {
position: absolute;
background: #101010;
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: #101010;
transition: all ease .3s;
}
.rs-iconbox-area .box-inner .icon-area i {
transition: all ease .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: #0a0a0a;
font-weight: 500;
line-height: 1.5;
}
.rs-iconbox-area .box-inner .text-area .iconbox-title .title a {
text-decoration: none !important;
color: #0a0a0a;
}
.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: #101010;
position: absolute;
transition: all .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: #1273eb;
transition: all ease .3s;
}
.rs-iconbox-area .box-inner .services-btn-part .services-btn i {
transition: all ease .3s;
}
.rs-iconbox-area .box-inner .services-btn-part .services-btn:hover {
color: #101010;
}
.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 .box-bottom-area {
display: flex;
align-items: center;
justify-content: space-between;
}
.rs-iconbox-area .box-bottom-area .services-btn-part {
margin-top: 0;
} .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: #0a0a0a;
font-weight: 500;
line-height: 1.5;
}
.rs-static-products .box-inner .text-area .product-title .title a {
color: #0a0a0a;
}
.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: #1273eb;
transition: all ease .3s;
}
.rs-static-products .box-inner .rs-product-button .product-button i {
transition: all ease .3s;
}
.rs-static-products .box-inner .rs-product-button .product-button:hover {
color: #101010;
}
.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-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: calc(45%);
}
.rs-tooltip-area .box-inner .rs-tooltip.bottom,
.rs-tooltip-area .box-inner .rs-tooltip.top {
left: 50%;
transform: translateX(-50%);
}
.rs-tooltip-area .box-inner .rs-tooltip.top {
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,
.rs-tooltip-area .box-inner .rs-tooltip.right {
top: 50%;
transform: translateY(-50%);
}
.rs-tooltip-area .box-inner .rs-tooltip.right {
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 .rs-tooltip.left {
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.bottom {
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 .icon-area {
display: inline-block;
color: #101010;
transition: all ease .3s;
}
.rs-tooltip-area .box-inner .icon-area i {
transition: all ease .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: #0a0a0a;
font-weight: 500;
line-height: 1.5;
}
.rs-tooltip-area .box-inner .text-area .iconbox-title .title a {
text-decoration: none !important;
color: #0a0a0a;
}
.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-galleys .file-list-image,
.rs-galleys .galley-img {
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.rs-galleys .file-list-image .p-zoom,
.rs-galleys .galley-img .p-zoom,
.rs-galleys .file-list-image .zoom-icon,
.rs-galleys .galley-img .zoom-icon {
position: absolute;
top: 45%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
opacity: 1;
visibility: hidden;
background: transparent !important;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
transition: all 0.3s ease-in-out;
}
.rs-galleys .file-list-image .p-zoom i:before,
.rs-galleys .galley-img .p-zoom i:before,
.rs-galleys .file-list-image .zoom-icon i:before,
.rs-galleys .galley-img .zoom-icon i:before {
font-size: 22px;
}
.rs-galleys .file-list-image .p-zoom:hover,
.rs-galleys .galley-img .p-zoom:hover,
.rs-galleys .file-list-image .zoom-icon:hover,
.rs-galleys .galley-img .zoom-icon:hover {
opacity: 0.8 !important;
}
.rs-galleys .file-list-image .gallery-titles,
.rs-galleys .galley-img .gallery-titles {
position: absolute;
left: 43.5%;
top: 110%;
margin: 0;
color: #fff;
transition: all .8s ease;
opacity: 0;
visibility: hidden;
z-index: 1;
text-align: center;
font-size: 20px;
line-height: 28px!important;
}
.rs-galleys .file-list-image:before,
.rs-galleys .galley-img:before {
content: "";
position: absolute;
background: #000;
top: 0;
left: 0;
z-index: 1;
width: 0%;
height: 100%;
opacity: 0.6;
transition: all 0.3s ease-in-out;
}
.rs-galleys .file-list-image.right:before,
.rs-galleys .galley-img.right:before {
left: auto;
right: 0;
}
.rs-galleys .file-list-image.top:before,
.rs-galleys .galley-img.top:before {
top: 0;
width: 100%;
height: 0;
}
.rs-galleys .file-list-image.bottom:before,
.rs-galleys .galley-img.bottom:before {
top: auto;
bottom: 0;
width: 100%;
height: 0;
}
.rs-galleys .file-list-image:hover:before,
.rs-galleys .galley-img:hover:before {
width: 100%;
}
.rs-galleys .file-list-image:hover.bottom:before,
.rs-galleys .galley-img:hover.bottom:before,
.rs-galleys .file-list-image:hover.top:before,
.rs-galleys .galley-img:hover.top:before {
height: 100%;
}
.rs-galleys .file-list-image:hover .p-zoom,
.rs-galleys .galley-img:hover .p-zoom,
.rs-galleys .file-list-image:hover .zoom-icon,
.rs-galleys .galley-img:hover .zoom-icon {
visibility: visible;
opacity: 1;
color: #fff;
}
.rs-galleys .file-list-image:hover .gallery-titles,
.rs-galleys .galley-img:hover .gallery-titles {
top: 55%;
opacity: 1;
visibility: visible;
}
.rs-galleys .file-list-image:hover.style2:before,
.rs-galleys .galley-img:hover.style2:before {
top: 20px;
left: 20px;
width: 90% !important;
height: 85% !important;
}
.rs-galleys .no-gutters .file-list-image {
margin-bottom: 0;
}
.mfp-close {
opacity: 0.9;
} .rs-addon-slider,
.rs-testimonial-dots-style2 {
margin: 0;
}
.rs-addon-slider .team-item,
.rs-testimonial-dots-style2 .team-item {
padding: 0 15px;
}
.rs-addon-slider .slick-dots,
.rs-testimonial-dots-style2 .slick-dots {
line-height: 10px;
bottom: -50px;
}
.rs-addon-slider .slick-dots li,
.rs-testimonial-dots-style2 .slick-dots li {
display: inline-block;
width: unset;
height: unset;
margin: 0 5px;
}
.rs-addon-slider .slick-dots li button,
.rs-testimonial-dots-style2 .slick-dots li button {
width: 25px;
height: 8px;
display: inline-block;
font-size: unset;
line-height: unset;
padding: unset;
border-radius: 50px;
background: #1273eb;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
opacity: 0.5;
}
.rs-addon-slider .slick-dots li button:before,
.rs-testimonial-dots-style2 .slick-dots li button:before {
display: none;
}
.rs-addon-slider .slick-dots li button:hover,
.rs-testimonial-dots-style2 .slick-dots li button:hover {
background: #1273eb;
opacity: 1;
width: 40px;
}
.rs-addon-slider .slick-dots li.slick-active button,
.rs-testimonial-dots-style2 .slick-dots li.slick-active button {
width: 40px;
background: #1273eb;
opacity: 1;
}
.rs-addon-slider .slick-next,
.rs-testimonial-dots-style2 .slick-next,
.rs-addon-slider .slick-prev,
.rs-testimonial-dots-style2 .slick-prev {
width: 42px;
height: 42px;
line-height: 42px;
background: #101010;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: 0.6s ease all;
z-index: 9;
opacity: 0.75;
visibility: hidden;
}
.rs-addon-slider .slick-next:before,
.rs-testimonial-dots-style2 .slick-next:before,
.rs-addon-slider .slick-prev:before,
.rs-testimonial-dots-style2 .slick-prev:before {
line-height: 40px;
color: #fff;
}
.rs-addon-slider .slick-next:hover,
.rs-testimonial-dots-style2 .slick-next:hover,
.rs-addon-slider .slick-prev:hover,
.rs-testimonial-dots-style2 .slick-prev:hover {
opacity: 1;
}
.rs-addon-slider .slick-prev,
.rs-testimonial-dots-style2 .slick-prev {
left: 30px;
}
.rs-addon-slider .slick-next,
.rs-testimonial-dots-style2 .slick-next {
right: 30px;
}
.rs-addon-slider:hover .slick-prev,
.rs-testimonial-dots-style2:hover .slick-prev,
.rs-addon-slider:hover .slick-next,
.rs-testimonial-dots-style2:hover .slick-next {
opacity: 1;
visibility: visible;
}
.rs-addon-slider:hover .slick-prev,
.rs-testimonial-dots-style2:hover .slick-prev {
left: -45px;
}
.rs-addon-slider:hover .slick-next,
.rs-testimonial-dots-style2:hover .slick-next {
right: -45px;
}
.rs-testimonial-dots-style2:hover .slick-prev {
left: 20%;
}
.rs-testimonial-dots-style2:hover .slick-next {
right: 20%;
}
.team-grid-style1 .team-item,
.team-slider-style1 .team-item {
overflow: visible;
}
.team-grid-style1 .team-item .social-icons1,
.team-slider-style1 .team-item .social-icons1 {
text-align: center;
margin-top: 14px;
}
.team-grid-style1 .team-item .social-icons1 a i,
.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-grid-style1 .team-item .image-wrap,
.team-slider-style1 .team-item .image-wrap {
position: relative;
overflow: hidden;
}
.team-grid-style1 .team-item .image-wrap .social-icons1,
.team-slider-style1 .team-item .image-wrap .social-icons1 {
position: absolute;
right: -50px;
bottom: 0;
width: 50px;
background: #101010;
padding: 12px 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
}
.team-grid-style1 .team-item .image-wrap .social-icons1 a,
.team-slider-style1 .team-item .image-wrap .social-icons1 a {
padding: 0;
background: transparent;
}
.team-grid-style1 .team-item .image-wrap .social-icons1 a i,
.team-slider-style1 .team-item .image-wrap .social-icons1 a i {
background: transparent;
}
.team-grid-style1 .team-item .image-wrap .social-icons1 a:hover i,
.team-slider-style1 .team-item .image-wrap .social-icons1 a:hover i {
background: transparent;
}
.team-grid-style1 .team-item :hover .image-wrap .social-icons1,
.team-slider-style1 .team-item :hover .image-wrap .social-icons1 {
right: 0;
width: 50px;
opacity: 1;
visibility: visible;
}
.team-grid-style1 .team-item .team-content,
.team-slider-style1 .team-item .team-content {
text-align: center;
margin: 0;
padding: 20px 20px 25px;
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
background: #101010;
margin-bottom: 30px;
position: unset;
opacity: 1;
}
.team-grid-style1 .team-item .team-content h3.team-name,
.team-slider-style1 .team-item .team-content h3.team-name {
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
text-transform: capitalize;
}
.team-grid-style1 .team-item .team-content h3.team-name a,
.team-slider-style1 .team-item .team-content h3.team-name a {
text-decoration: none;
color: #ffffff;
}
.team-grid-style1 .team-item .team-content h3.team-name a:hover,
.team-slider-style1 .team-item .team-content h3.team-name a:hover {
color: #c4c4c4;
}
.team-grid-style1 .team-item .team-content span.team-title,
.team-slider-style1 .team-item .team-content span.team-title {
text-transform: uppercase;
font-size: 14px;
color: #ffffff;
}
.team-grid-style1 .team-item .social-icons,
.team-slider-style1 .team-item .social-icons {
display: none;
}
.team-slider-style1 .team-item .team-content {
margin: 0;
}
.team-grid-style2 .team-inner-wrap,
.team-slider-style2 .team-inner-wrap {
position: relative;
margin-bottom: 35px;
overflow: hidden;
}
.team-grid-style2 .team-inner-wrap a,
.team-slider-style2 .team-inner-wrap a {
text-decoration: none;
}
.team-grid-style2 .team-inner-wrap .team-img-sec,
.team-slider-style2 .team-inner-wrap .team-img-sec {
position: relative;
}
.team-grid-style2 .team-inner-wrap .wrap-text,
.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-grid-style2 .team-inner-wrap .wrap-text .team-desc,
.team-slider-style2 .team-inner-wrap .wrap-text .team-desc {
margin-bottom: 0;
}
.team-grid-style2 .team-inner-wrap .team-content,
.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: #101010;
border-radius: 3px 3px 0 0;
padding: 8px 0 14px;
margin-top: -35px;
position: absolute;
bottom: -50%;
left: 50%;
transform: translateX(-50%);
width: 230px;
transition: 0.4s;
text-align: center;
}
.team-grid-style2 .team-inner-wrap .team-content .team-name,
.team-slider-style2 .team-inner-wrap .team-content .team-name {
margin-top: 0 !important;
line-height: 28px !important;
}
.team-grid-style2 .team-inner-wrap .team-content .team-name a,
.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;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons a i,
.team-slider-style2 .team-inner-wrap .team-content .social-icons a i {
height: 25px;
width: 25px;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons,
.team-slider-style2 .team-inner-wrap .team-content .social-icons,
.team-grid-style2 .team-inner-wrap .team-content .team-name,
.team-slider-style2 .team-inner-wrap .team-content .team-name {
color: #ffffff;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons a,
.team-slider-style2 .team-inner-wrap .team-content .social-icons a,
.team-grid-style2 .team-inner-wrap .team-content .team-name a,
.team-slider-style2 .team-inner-wrap .team-content .team-name a {
text-decoration: none;
color: #ffffff;
}
.team-grid-style2 .team-inner-wrap .team-content .team-title,
.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;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons,
.team-slider-style2 .team-inner-wrap .team-content .social-icons {
padding-top: 2px;
}
.team-grid-style2 .team-inner-wrap .team-content .social-icons a,
.team-slider-style2 .team-inner-wrap .team-content .social-icons a {
padding: 0 3px;
}
.team-grid-style2 .team-inner-wrap .team-content .nolink,
.team-slider-style2 .team-inner-wrap .team-content .nolink {
pointer-events: none;
}
.team-grid-style2 .team-inner-wrap .team-content .cat-doctor,
.team-slider-style2 .team-inner-wrap .team-content .cat-doctor {
font-size: 14px;
}
.team-grid-style2 .team-inner-wrap .team-content .cat-doctor a,
.team-slider-style2 .team-inner-wrap .team-content .cat-doctor a {
text-decoration: none;
color: #ffffff;
text-transform: uppercase;
}
.team-grid-style2 .team-inner-wrap .team-content .team-name,
.team-slider-style2 .team-inner-wrap .team-content .team-name {
margin: 18px 0 0;
font-weight: 500;
}
.team-grid-style2 .team-inner-wrap .team-content .team-title,
.team-slider-style2 .team-inner-wrap .team-content .team-title {
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,
.team-slider-style2 .team-inner-wrap .team-content .team-title a {
color: #eee;
pointer-events: none;
}
.team-grid-style2 .team-inner-wrap:hover .team-content,
.team-slider-style2 .team-inner-wrap:hover .team-content {
bottom: 0;
}
.team-grid-style2 .team-inner-wrap:hover .team-img-sec:before,
.team-slider-style2 .team-inner-wrap:hover .team-img-sec:before {
height: 100%;
}
.icon-button a {
background: #101010;
color: #fff;
padding: 3px 17px;
display: inline-block;
font-size: 20px;
margin-bottom: 25px;
border-radius: 18px;
}
.icon-button a:hover {
color: #fff;
background: #1273eb;
}
.icon-button a i:before {
font-size: inherit;
}
.blogfull .icon-button a {
margin-bottom: 0px;
}
.team-grid-style3 .team-item,
.team-slider-style3 .team-item {
padding: 25px;
position: relative;
}
.team-grid-style3 .team-item:after,
.team-slider-style3 .team-item:after {
position: absolute;
content: '';
width: 0;
height: 0;
border-top: 200px solid #1273eb;
border-right: 200px solid transparent;
left: 0px;
top: -10px;
}
.team-grid-style3 .team-item:before,
.team-slider-style3 .team-item:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-bottom: 200px solid #1273eb;
border-left: 200px solid transparent;
right: 0px;
bottom: -10px;
}
.team-grid-style3 .team-item img,
.team-slider-style3 .team-item img {
position: relative;
z-index: 99;
}
.team-grid-style3 .team-item .team-inner-wrap,
.team-slider-style3 .team-item .team-inner-wrap {
position: relative;
}
.team-grid-style3 .team-item .team-inner-wrap:before,
.team-slider-style3 .team-item .team-inner-wrap:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #1273eb;
opacity: 0.8;
left: 0;
top: 0;
z-index: 100;
opacity: 0;
transition: all 0.4s ease 0s;
}
.team-grid-style3 .team-item .team-content,
.team-slider-style3 .team-item .team-content {
position: absolute;
display: block;
left: 50%;
width: 100%;
top: 30%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 110;
color: #fff;
padding: 15px;
opacity: 0;
transition: all 0.4s ease 0s;
}
.team-grid-style3 .team-item .team-content .team-name,
.team-slider-style3 .team-item .team-content .team-name {
margin-bottom: 0;
font-size: 20px;
}
.team-grid-style3 .team-item .team-content .team-name a,
.team-slider-style3 .team-item .team-content .team-name a {
color: #fff;
}
.team-grid-style3 .team-item .team-content .team-title,
.team-slider-style3 .team-item .team-content .team-title {
color: #fff;
position: relative;
padding-bottom: 8px;
margin-bottom: 10px;
font-size: 14px;
display: block;
}
.team-grid-style3 .team-item .team-content .social-icons a,
.team-slider-style3 .team-item .team-content .social-icons a {
color: #fff;
margin-right: 12px;
font-size: 16px;
}
.team-grid-style3 .team-item .team-content .social-icons a:last-child,
.team-slider-style3 .team-item .team-content .social-icons a:last-child {
margin-right: 0;
}
.team-grid-style3 .team-item .team-content .social-icons a:hover,
.team-slider-style3 .team-item .team-content .social-icons a:hover {
opacity: 0.8;
}
.team-grid-style3 .team-item:hover .team-content,
.team-slider-style3 .team-item:hover .team-content {
opacity: 1;
width: 100%;
top: 50%;
}
.team-grid-style3 .team-item:hover .team-inner-wrap:before,
.team-slider-style3 .team-item:hover .team-inner-wrap:before {
opacity: 0.8;
}
.team-grid-style3 .team-img:after {
top: 0;
}
.team-grid-style3 .team-img:before {
bottom: 0;
}
.team-grid-style4 .owl-stage-outer,
.team-slider-style4 .owl-stage-outer {
overflow-y: visible;
}
.team-grid-style4 .team-item,
.team-slider-style4 .team-item {
margin-bottom: 125px;
position: relative;
overflow: visible;
}
.team-grid-style4 .team-item:before,
.team-slider-style4 .team-item:before {
display: none;
}
.team-grid-style4 .team-item .team-content,
.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-grid-style4 .team-item .team-content .team-name,
.team-slider-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,
.team-slider-style4 .team-item .team-content .team-name a {
color: #101010;
}
.team-grid-style4 .team-item .team-content .team-title,
.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-grid-style4 .team-item .team-content .team-desc,
.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-grid-style4 .team-item .team-content .team-desc:before,
.team-slider-style4 .team-item .team-content .team-desc:before {
content: '';
position: absolute;
z-index: 1;
background: #101010;
top: 0;
left: 50%;
width: 50px;
height: 2px;
margin-left: -25px;
}
.team-grid-style4 .team-item .team-content .social-icons,
.team-slider-style4 .team-item .team-content .social-icons {
text-align: center;
margin-top: 12px;
}
.team-grid-style4 .team-item .team-content .social-icons a,
.team-slider-style4 .team-item .team-content .social-icons a {
display: inline-block;
}
.team-grid-style4 .team-item .team-content .social-icons a i,
.team-slider-style4 .team-item .team-content .social-icons a i {
color: #101010;
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-grid-style4 .team-item:before,
.team-slider-style4 .team-item:before {
background: transparent;
}
.team-grid-style4 .team-item:hover .team-content,
.team-slider-style4 .team-item:hover .team-content {
opacity: 1;
top: unset;
}
.team-grid-style4 .team-item:hover .team-content .team-desc,
.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,
.team-slider-style5 .team-inner-wrap {
position: relative;
overflow: hidden;
padding-bottom: 100px;
background: #fff;
border-radius: 5px;
}
.team-grid-style5 .team-inner-wrap .image-wrap img,
.team-slider-style5 .team-inner-wrap .image-wrap img {
-webkit-transition: all .7s;
transition: all .7s;
}
.team-grid-style5 .team-inner-wrap .team-content,
.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: .3s all ease;
-moz-transition: .3s all ease;
transition: .3s all ease;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc,
.team-slider-style5 .team-inner-wrap .team-content .member-desc {
margin: 10px 0;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-name,
.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-grid-style5 .team-inner-wrap .team-content .member-desc .team-name a,
.team-slider-style5 .team-inner-wrap .team-content .member-desc .team-name a {
color: #222;
}
.team-grid-style5 .team-inner-wrap .team-content .member-desc .team-title,
.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-grid-style5 .team-inner-wrap .team-content .team-desc,
.team-slider-style5 .team-inner-wrap .team-content .team-desc {
display: none;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons,
.team-slider-style5 .team-inner-wrap .team-content .social-icons {
bottom: -100px !important;
transition: all .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: .4s all ease;
transition: .4s all ease;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons a,
.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 .3s ease 0s;
background: 0 0 !important;
margin-right: 8px;
}
.team-grid-style5 .team-inner-wrap .team-content .social-icons a i,
.team-slider-style5 .team-inner-wrap .team-content .social-icons a i {
transition: all .3s ease 0s;
}
.team-grid-style5 .team-inner-wrap .team-content:before,
.team-slider-style5 .team-inner-wrap .team-content:before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background: #101010;
-webkit-transition: .4s all ease;
-moz-transition: .4s all ease;
transition: .4s all ease;
left: 0;
}
.team-grid-style5 .team-inner-wrap .team-content:hover,
.team-slider-style5 .team-inner-wrap .team-content:hover {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 3px;
background: #101010;
-webkit-transition: .4s all ease;
-moz-transition: .4s all ease;
transition: .4s all ease;
left: 0;
}
.team-grid-style5 .team-inner-wrap:hover .image-wrap img,
.team-slider-style5 .team-inner-wrap:hover .image-wrap img {
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.team-grid-style5 .team-inner-wrap:hover .team-content,
.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-grid-style5 .team-inner-wrap:hover .team-content:before,
.team-slider-style5 .team-inner-wrap:hover .team-content:before {
background: #222;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .member-desc .team-name a,
.team-slider-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,
.team-slider-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,
.team-slider-style5 .team-inner-wrap:hover .team-content .member-desc:before {
background: #222;
}
.team-grid-style5 .team-inner-wrap:hover .team-content .social-icons,
.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: #0a0a0a;
}
.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,
.team-slider-style7 .team-item {
overflow: visible;
}
.team-grid-style6 .team-item .image-wrap,
.team-slider-style7 .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,
.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-grid-style6 .team-item .image-inner,
.team-slider-style7 .team-item .image-inner {
overflow: hidden;
border-radius: 50%;
}
.team-grid-style6 .team-item .social-icons,
.team-slider-style7 .team-item .social-icons {
text-align: center;
margin-top: 10px;
}
.team-grid-style6 .team-item .social-icons a,
.team-slider-style7 .team-item .social-icons a {
display: inline-block;
}
.team-grid-style6 .team-item .social-icons a i,
.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-grid-style6 .team-item .team-content,
.team-slider-style7 .team-item .team-content {
text-align: center;
margin: 0;
padding: 20px 20px 25px;
margin-bottom: 30px;
position: unset;
opacity: 1;
}
.team-grid-style6 .team-item .team-content h3.team-name,
.team-slider-style7 .team-item .team-content h3.team-name {
font-weight: 600;
font-size: 20px;
margin-bottom: 0px;
text-transform: capitalize;
}
.team-grid-style6 .team-item .team-content h3.team-name a,
.team-slider-style7 .team-item .team-content h3.team-name a {
text-decoration: none;
color: #0a0a0a;
}
.team-grid-style6 .team-item .team-content h3.team-name a:hover,
.team-slider-style7 .team-item .team-content h3.team-name a:hover {
color: #1273eb;
}
.team-grid-style6 .team-item .team-content span.team-title,
.team-slider-style7 .team-item .team-content span.team-title {
font-size: 14px;
color: #666;
}
.team-grid-style6 .team-item:hover .image-wrap img,
.team-slider-style7 .team-item:hover .image-wrap img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.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;
}/**/.rs-blog-grid .blog-item {
overflow: visible;
margin-bottom: 30px;
outline: none;
}
.rs-blog-grid .blog-item .image-wrap {
position: relative;
}
.rs-blog-grid .blog-item .image-wrap img {
transition: all 0.5s ease 0s;
}
.rs-blog-grid .blog-item .image-wrap .author-avatar {
position: absolute;
bottom: -16px;
left: 30px;
}
.rs-blog-grid .blog-item .image-wrap .author-avatar img {
border-radius: 50%;
}
.rs-blog-grid .blog-item .image-wrap .cat_list {
position: absolute;
z-index: 111;
top: 20px;
left: 20px;
z-index: 10;
}
.rs-blog-grid .blog-item .image-wrap .cat_list ul {
margin: 0;
padding: 0;
list-style: none;
}
.rs-blog-grid .blog-item .image-wrap .cat_list ul li {
display: inline-block;
}
.rs-blog-grid .blog-item .image-wrap .cat_list ul li a {
display: block;
padding: 4px 10px;
border-radius: 3px;
color: #ffffff;
background: #101010;
transition: 0.4s;
}
.rs-blog-grid .blog-item .image-wrap .cat_list ul li a:hover {
opacity: 0.85;
}
.rs-blog-grid .blog-item .blog-content {
margin: 0;
padding: 35px 30px 30px 30px;
box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
background: #fff;
position: unset;
opacity: 1;
}
.rs-blog-grid .blog-item .blog-content h3.blog-name {
font-weight: 600;
font-size: 20px;
margin-bottom: 15px;
line-height: 1.4;
}
.rs-blog-grid .blog-item .blog-content h3.blog-name a {
text-decoration: none;
color: #0a0a0a;
}
.rs-blog-grid .blog-item .blog-content h3.blog-name a:hover {
color: #1273eb;
}
.rs-blog-grid .blog-item .blog-content .blog-meta {
margin-bottom: 12px;
}
.rs-blog-grid .blog-item .blog-content .blog-meta .admin {
margin-left: 12px;
}
.rs-blog-grid .blog-item .blog-content p {
margin: 0 0 15px;
}
.rs-blog-grid .blog-item .blog-content:hover h3.blog-name a {
color: #1273eb;
}
.rs-blog-grid .blog-item .blog-content .blog-btn-part {
margin: 15px 0 0;
}
.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn {
position: relative;
display: inline-block;
color: #101010;
transition: all ease .3s;
}
.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn i {
transition: all ease .3s;
}
.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn:hover {
color: #1273eb;
}
.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn.icon-after span {
float: left;
}
.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn.icon-after i {
margin-left: 10px;
transition: 0.4s;
}
.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn.icon-before span {
float: right;
}
.rs-blog-grid .blog-item .blog-content .blog-btn-part .blog-btn.icon-before i {
margin-right: 10px;
}
.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: #101010;
color: #fff;
padding: 8px 14px 7px;
border-radius: 5px;
}
.rs-blog-grid .blog-item.blog_meta_style2 .blog-content {
padding-top: 45px;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap {
position: relative;
overflow: hidden;
}
.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: .85;
background: transparent;
background: linear-gradient(transparent, #333333), linear-gradient(transparent, #333333);
background: -moz-linear-gradient(transparent, #333333), -moz-linear-gradient(transparent, #333333);
background: -o-linear-gradient(transparent, #333333), -o-linear-gradient(transparent, #333333);
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;
bottom: 0;
width: 100%;
z-index: 1;
background: transparent;
}
.rs-blog-grid .blog-item.transparent .blog-inner-wrap:hover .image-wrap img {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-moz-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
-o-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
.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.transparent_2 .blog-inner-wrap:hover {
transform: translateY(0px);
}
.rs-blog-grid .blog-item.transparent_2 .blog-inner-wrap:hover .image-wrap img {
filter: grayscale(0);
-webkit-transform: scale(1.1, 1.1, 1.1);
-moz-transform: scale(1.1, 1.1, 1.1);
-ms-transform: scale(1.1, 1.1, 1.1);
-o-transform: scale(1.1, 1.1, 1.1);
transform: scale(1.1, 1.1, 1.1);
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide {
position: relative;
overflow: hidden;
padding: 0!important;
margin: 20px 15px;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-content {
box-shadow: none;
}
.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: 10px;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-content .blog-btn-part2 {
margin: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -150px;
line-height: normal;
z-index: 10;
opacity: 0;
visibility: hidden;
transition: 0.5s;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-content .blog-btn-part2 span {
z-index: 10;
position: relative;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-inner-wrap {
position: relative;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-inner-wrap:before {
content: "";
width: 0;
height: 1px;
background: #1273eb;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: 0.5s;
z-index: 2;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide .blog-meta {
position: absolute;
top: -42px;
left: 50%;
transform: translateX(-50%);
background: #1273eb;
text-align: center;
height: 42px;
line-height: 42px;
width: 150px;
border-radius: 5px 5px 0 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:after,
.rs-blog-grid .blog-item.blog_style_2.slick-slide:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
background: #f3f3f3;
border-radius: 50%;
transition: 0.4s;
z-index: 1;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:before {
background: #f3f3f3;
width: 128px;
height: 128px;
border-radius: 50%;
bottom: -102px;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:after {
bottom: -130px;
background: transparent;
width: 172px;
height: 172px;
border-radius: 50%;
border: 1px solid #f3f3f3;
}
.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: #1273eb;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:hover:before {
background: #1273eb;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:hover .blog-inner-wrap:before {
width: 100%;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:hover .blog-content .blog-btn-part2 {
opacity: 1;
visibility: visible;
bottom: -10px;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:hover:before {
width: 140px;
height: 140px;
}
.rs-blog-grid .blog-item.blog_style_2.slick-slide:hover:after {
width: 180px;
height: 180px;
}
.rs-blog-grid .blog-item:hover .image-wrap .pointer-events img {
filter: grayscale(100%);
}
.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: #101010;
display: inline-block;
vertical-align: top;
border-right: 1px solid #E6E6E6;
}
.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: .96;
display: inline-block;
vertical-align: top;
border-right: 1px solid #E6E6E6;
}
.rs-blog-grid .rs-pagination-area .nav-links span.current,
.rs-blog-grid .rs-pagination-area .nav-links a:hover {
color: #101010;
}
.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 .rs-addon-slider .blog-item.blog_style_3 .blog-inner-wrap:hover {
transform: translateY(0px);
}
.rs-blog-grid .rs-addon-slider .blog-item.blog_style_3 .image-wrap img,
.rs-blog-grid .rs-addon-slider .blog-item.blog_style_3 .blog-content {
border-radius: 5px;
}
.rs-blog-grid .rs-addon-slider .blog-item.blog_style_3 .image-wrap {
transform: skew(10deg);
}
.rs-blog-grid .rs-addon-slider .blog-item.blog_style_3 .blog-content {
transform: skew(-10deg);
position: relative;
left: 8px;
margin-top: -10px;
} .elementor-widget-rsprice .elementor-widget-container {
border-radius: 10px;
box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, 0.1);
word-wrap: break-word;
overflow-wrap: break-word;
position: relative;
overflow: hidden;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-badge {
position: absolute;
top: 0;
padding: 10px 10px;
background-color: #101010;
color: #fff;
line-height: 1;
z-index: 1;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-title {
padding-top: 10px;
margin-bottom: 20px;
color: #0a0a0a;
font-weight: 400;
font-size: 24px;
line-height: 30px;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-price {
margin-bottom: 30px;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-price .rs-pricing-table-price-tag {
margin-bottom: .5rem;
color: #242424;
font-weight: 700;
font-size: 60px;
line-height: normal;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-price .rs-pricing-table-price-tag .rs-pricing-table-currency {
font-size: 24px;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-price .rs-pricing-table-price-tag .rs-pricing-table-price-text {
font-weight: 700;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-price .rs-pricing-table-period {
color: #8c8c8c;
font-size: 16px;
display: block;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-price.display-inline2 .rs-pricing-table-price-tag {
line-height: 0.66;
display: flex;
justify-content: center;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-price.display-inline2 .rs-pricing-table-period {
display: flex;
align-items: flex-end;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-price.display-inline .rs-pricing-table-period {
position: relative;
padding-left: 20px;
display: inline-block;
}
.elementor-widget-rsprice .elementor-widget-container .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;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-body {
margin-bottom: 35px;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-body .rs-pricing-table-features-title {
margin-top: 0;
margin-bottom: 10px;
font-weight: 700;
font-size: 16px;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-body .rs-pricing-table-features-list {
margin: 0;
padding: 0;
list-style: none;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-body .rs-pricing-table-features-list li {
margin-bottom: 8px;
font-size: 16px;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-body .rs-pricing-table-features-list li:last-child {
border: none !important;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-body .rs-pricing-table-features-list li i {
margin-right: 10px;
min-width: 15px;
font-size: 16px;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-body .rs-pricing-table-features-list.right_position li {
overflow: hidden;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-body .rs-pricing-table-features-list.right_position li i {
float: right;
margin-right: 0;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-table-btn {
display: inline-block;
padding: 10px 20px;
border-radius: 40px;
background-color: #101010;
color: #fff;
text-decoration: none;
font-size: 16px;
-webkit-transition: all .3s;
transition: all .3s;
position: relative;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-icon {
position: relative;
}
.elementor-widget-rsprice .elementor-widget-container .rs-pricing-icon i {
position: relative;
transition: all 0.4s ease 0s;
text-align: center;
} .portfolio-filter {
margin-bottom: 20px;
}
.portfolio-filter span {
color: #333;
padding: 10px;
cursor: pointer;
display: inline-block;
}
.portfolio-filter span.active {
color: #101010;
}
.portfolio-filter span:hover {
color: #101010;
}
.rs-portfolio-style1 .portfolio-item {
position: relative;
overflow: hidden;
}
.rs-portfolio-style1 .portfolio-item .portfolio-content {
position: absolute;
width: 100%;
height: 100%;
top: 30%;
left: 0;
text-align: center;
z-index: 10;
padding: 25px;
opacity: 0;
-webkit-transition: 0.3s all ease-out;
transition: 0.3s all ease-out;
border-radius: 5px;
}
.rs-portfolio-style1 .portfolio-item .portfolio-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
transition: all 0.3s ease 0s;
border-radius: 5px;
}
.rs-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle {
position: relative;
z-index: 9;
}
.rs-portfolio-style1 .portfolio-item .portfolio-content .p-category {
color: #fff;
margin-bottom: 0;
margin-top: 8px;
}
.rs-portfolio-style1 .portfolio-item .portfolio-content .p-category a {
color: #fff;
}
.rs-portfolio-style1 .portfolio-item .portfolio-content .p-category a:hover {
color: rgba(255, 255, 255, 0.7);
}
.rs-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle {
display: table;
height: 100%;
width: 100%;
}
.rs-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle-cell {
display: table-cell;
vertical-align: middle;
}
.rs-portfolio-style1 .portfolio-item .portfolio-img img {
width: 100%;
border-radius: 5px;
}
.rs-portfolio-style1 .portfolio-item .p-link {
transition: all 0.3s ease 0s;
display: inline-block;
font-size: 19px;
width: 52px;
line-height: 54px;
height: 52px;
text-align: center;
border-radius: 50%;
background: #fff;
}
.rs-portfolio-style1 .portfolio-item .p-link i {
margin-left: 2px;
}
.rs-portfolio-style1 .portfolio-item .p-link:hover {
background-color: #101010;
color: #fff;
}
.rs-portfolio-style1 .portfolio-item .p-title {
font-size: 20px;
line-height: normal;
margin-top: 15px;
color: #fff;
margin-bottom: 0;
}
.rs-portfolio-style1 .portfolio-item .p-title a {
color: #fff;
}
.rs-portfolio-style1 .portfolio-item .p-title a:hover {
color: rgba(255, 255, 255, 0.7);
}
.rs-portfolio-style1 .portfolio-item .p-desc {
font-size: 16px;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 0;
margin-top: 10px;
}
.rs-portfolio-style1 .portfolio-item:hover .portfolio-content {
opacity: 1;
top: 0;
}
.rs-portfolio-style1 .portfolio-item:hover .portfolio-content:before {
opacity: 1;
}
.rs-portfolio-style2 .portfolio-item {
position: relative;
overflow: hidden;
z-index: 1;
}
.rs-portfolio-style2 .portfolio-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1273eb;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon,
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title {
position: absolute;
z-index: 11;
margin: 0;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon {
visibility: hidden;
transition: all 0.4s ease 0s;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon {
top: -100px;
right: 25px;
text-align: right;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #101010;
border-radius: 50%;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon i {
color: #ffffff;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon i,
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-icon i:before {
font-size: 15px;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title {
font-size: 20px;
font-weight: 600;
bottom: -250px;
left: 25px;
padding-right: 10px;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title span {
font-size: 16px;
font-weight: 400;
padding-bottom: 5px;
display: block;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title span,
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title a {
color: #ffffff;
}
.rs-portfolio-style2 .portfolio-item .portfolio-content .p-title a:hover {
color: #101010;
}
.rs-portfolio-style2 .portfolio-item:hover .portfolio-content .p-title {
bottom: 20px;
}
.rs-portfolio-style2 .portfolio-item:hover .portfolio-content .p-icon,
.rs-portfolio-style2 .portfolio-item:hover .portfolio-content .p-title {
opacity: 1;
visibility: visible;
}
.rs-portfolio-style2 .portfolio-item:hover:before {
opacity: 0.9;
visibility: visible;
}
.rs-portfolio-style2 .portfolio-item:hover .portfolio-content .p-icon {
top: 20px;
}
.rs-portfolio-style3 .portfolio-item {
position: relative;
overflow: hidden;
border-radius: 0;
}
.rs-portfolio-style3 .portfolio-item .portfolio-img {
position: relative;
z-index: 1;
overflow: hidden;
}
.rs-portfolio-style3 .portfolio-item .portfolio-img:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
transition: all 0.4s ease 0s;
opacity: 1;
z-index: 10;
border-radius: 5px;
}
.rs-portfolio-style3 .portfolio-item .portfolio-img img {
width: 100%;
-webkit-transition: 1.3s all ease;
transition: 1.3s all ease;
border-radius: 0px;
}
.rs-portfolio-style3 .portfolio-item .portfolio-img .p-link {
display: none !important;
top: 20px;
right: 20px;
display: inline-block;
font-size: 32px;
color: #ffffff;
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
opacity: 0;
z-index: 10;
}
.rs-portfolio-style3 .portfolio-item .portfolio-img .p-link i {
margin-left: 2px;
display: none;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content {
position: relative;
padding: 15px 20px;
opacity: 1;
z-index: 1;
bottom: 0;
left: 0;
right: 0;
text-align: left;
width: 100%;
border: 1px solid #ebebeb;
border-top: 0;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
transition: all .3s ease 0s;
border-radius: 5px;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content .portfolio-inner {
position: absolute;
bottom: 24px;
width: 100%;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content a {
color: #1273eb;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content h4 {
margin-bottom: 0;
font-size: 20px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
font-weight: 500 !important;
line-height: 30px !important;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content h4 a:hover {
color: #1273eb;
}
.rs-portfolio-style3 .portfolio-item .portfolio-content p {
margin-bottom: 0;
color: #1273eb;
-webkit-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
}
.rs-portfolio-style3 .portfolio-item:hover .portfolio-content {
opacity: 1;
}
.rs-portfolio-style3 .portfolio-item:hover .portfolio-content h3 {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.rs-portfolio-style3 .portfolio-item:hover .portfolio-content p {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.rs-portfolio-style3 .portfolio-item:hover .portfolio-content:before {
opacity: 1;
}
.rs-portfolio-style3 .portfolio-item:hover .portfolio-img:before {
opacity: 1;
}
.rs-portfolio-style3 .portfolio-item:hover .portfolio-img img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.rs-portfolio-style3 .portfolio-item:hover .portfolio-img .p-link {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.rs-portfolio-style4 .rs-portfolio4 {
padding-bottom: 85px !important;
}
.rs-portfolio-style4 .rs-portfolio4 .portfolio-item {
overflow: visible;
}
.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-img {
overflow: hidden;
}
.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;
left: 35px;
right: 35px;
padding: 18px 0;
border-radius: 5px;
transition: all 0.5s ease-in-out;
z-index: 10;
text-align: center;
}
.rs-portfolio-style4 .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;
}
.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title a,
.rs-portfolio-style4 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title a:hover {
color: #0a0a0a;
}
.rs-portfolio-style4 .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;
}
.rs-portfolio-style4 .rs-portfolio4 .portfolio-item:hover .portfolio-inner {
bottom: -50px;
}
.rs-portfolio-style4 .rs-portfolio4 .portfolio-item:hover .portfolio-inner .p-title {
top: 0;
}
.rs-portfolio-style4 .rs-portfolio4 .portfolio-item:hover .portfolio-inner .p-category {
opacity: 1;
}
.rs-portfolio-style5 .rs-portfolio4 .portfolio-item {
overflow: visible;
}
.rs-portfolio-style5 .rs-portfolio4 .portfolio-item .portfolio-img {
overflow: hidden;
}
.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;
border-radius: 5px;
transition: all 0.5s ease-in-out;
z-index: 10;
text-align: center;
width: 100%;
}
.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;
}
.rs-portfolio-style5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title a,
.rs-portfolio-style5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title a:hover {
color: #0a0a0a;
}
.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;
}
.rs-portfolio-style5 .rs-portfolio4 .portfolio-item:hover .portfolio-inner {
bottom: -50px;
}
.rs-portfolio-style5 .rs-portfolio4 .portfolio-item:hover .portfolio-inner .p-title {
top: 0;
}
.rs-portfolio-style5 .rs-portfolio4 .portfolio-item:hover .portfolio-inner .p-category {
opacity: 1;
}
.rs-portfolio-slider.slider-style-5 .rs-portfolio4 .portfolio-item .portfolio-inner {
bottom: -200px;
padding: 30px 0;
opacity: 0;
visibility: hidden;
border-radius: 5px 5px 0 0;
max-width: 370px;
left: 50%;
transform: translateX(-50%);
}
.rs-portfolio-slider.slider-style-5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-title {
top: 0;
margin-bottom: 5px;
}
.rs-portfolio-slider.slider-style-5 .rs-portfolio4 .portfolio-item .portfolio-inner .p-category {
opacity: 1;
}
.rs-portfolio-slider.slider-style-5 .rs-portfolio4 .portfolio-item img {
transform: scale(1);
opacity: 0.20;
}
.rs-portfolio-slider.slider-style-5 .rs-portfolio4.slick-current .portfolio-item img {
opacity: 1;
}
.rs-portfolio-slider.slider-style-5 .rs-portfolio4.slick-current .portfolio-inner {
bottom: 0;
opacity: 1;
visibility: visible;
}
.rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-next,
.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;
}
.rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-next:before,
.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;
}
.rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-next:hover:before,
.rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-prev:hover:before {
color: #1273eb;
}
.rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-prev {
left: 24%;
}
.rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-prev:before {
content: "\f111";
}
.rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-next {
right: 24%;
}
.rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-next:before {
content: "\f110";
}
.rs-portfolio-slider.slider-style-5 .rs-addon-sliders .slick-dots {
bottom: -35px;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item > img {
border-radius: 5px;
transition: 0.8s;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item:before {
content: "";
width: 0;
height: 3px;
background: #1273eb;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: 0.5s;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item:after {
content: "";
width: 100%;
height: 100%;
background: #1273eb;
position: absolute;
top: 0;
left: 0;
transition: 0.5s;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content {
position: static;
opacity: 1;
visibility: visible;
text-align: center;
padding: 0;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content .p-icon i {
opacity: 0;
visibility: hidden;
bottom: -50px;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content .p-title {
bottom: 33px;
padding: 0 20px;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content .p-title .p-category {
display: block;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content .p-title .p-category a {
font-size: 16px;
font-weight: 400;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content .p-icon i,
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content .p-title {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100%;
transition: 0.4s;
z-index: 9;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content .p-icon i {
width: 50px;
height: 50px;
border-radius: 50px;
background: #1273eb;
line-height: 50px;
color: #ffffff;
margin: 0 auto;
display: block;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content .p-icon i:before {
margin: 0;
font-size: 22px;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item .portfolio-content:before {
display: none;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item:hover > img {
border-radius: 5px 5px 0px 0px;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item:hover:before {
width: 100%;
}
.rs-portfolio-slider.slider-style-6 .portfolio-item:hover .portfolio-content .p-title {
bottom: 50%;
transform: translate(-50%, 50%);
}
.rs-portfolio-slider.slider-style-6 .portfolio-item:hover .portfolio-content .p-icon i {
bottom: 30px;
opacity: 1;
visibility: visible;
} .rs-btn a {
display: inline-block;
color: #fff;
padding: 10px 40px;
font-size: 25px;
font-weight: 400;
font-style: normal;
letter-spacing: 0px;
background-color: #101010;
border-radius: 10px;
transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;
-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
}
.rs-btn a:hover {
background: #1273eb;
color: #fff;
} .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-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: #101010;
padding: 15px 35px;
font-size: 17px;
border-radius: 0;
}
.rs-cta .rs-btn .readon:hover {
background: #1273eb;
}
.rs-cta .rs-btn .readon i {
margin: 0;
transform: translateX(5px);
transition: all ease .3s;
} .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;
}
.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: #101010;
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 .item-content p {
padding: 40px 40px 40px 40px;
border-radius: 0px 0px 0px 0px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
margin-bottom: 28px;
color: #fff;
}
.rs-testimonial .testimonial-item .testimonial-information {
padding-left: 15px;
position: relative;
}
.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;
}
.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;
}
.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 25px;
text-align: left;
}
.rs-testimonial .testimonial-item.inline_yes .testimonial-content .testimonial-information .testimonial-title {
padding-bottom: 10px;
display: block;
}
.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;
}
.rs-testimonial-nav-style2 {
max-width: 540px;
margin: -16px auto 0;
}
.rs-testimonial-nav-style2 .item {
text-align: center;
}
.rs-testimonial-nav-style2 .item .testimonial-name,
.rs-testimonial-nav-style2 .item .testimonial-title {
display: none;
}
.rs-testimonial-nav-style2 .item img {
margin: 0 auto;
width: 70px;
height: 70px;
border-radius: 50%;
opacity: 0.5;
cursor: pointer;
}
.rs-testimonial-nav-style2 .item.slick-center .testimonial-name,
.rs-testimonial-nav-style2 .item.slick-center .testimonial-title {
display: block;
}
.rs-testimonial-nav-style2 .item.slick-center img {
width: 100px;
height: 100px;
border-radius: 50%;
opacity: 1;
}
.slider-gap-15 .slick-list {
padding-top: 10px;
}
.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: 120px;
}
.rs-testimonial-dots-style2 .slick-slide.slick-active {
opacity: 0.3;
}
.rs-testimonial-dots-style2 .slick-slide.slick-center {
opacity: 1;
visibility: visible;
z-index: 9;
}
.rs-testimonial-dots-style2 .slick-slide.slick-center .item-content p {
box-shadow: none !important;
}
.rs-testimonial-dots-style2 .slick-slide.slick-center:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scalex(1.3) scaleY(1.2);
background: #ffffff;
width: 100%;
height: 100%;
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.14);
} .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;
-webkit-transform: translateZ(0);
-webkit-perspective: 1000px;
perspective: 1000px;
}
.rs-flip-box .rs-flip-box-inner .front-part,
.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);
}
.rs-flip-box .rs-flip-box-inner .front-part:before,
.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 .front-part {
position: relative;
bottom: 0;
z-index: 10;
padding: 30px;
border-radius: 5px;
background-color: #6094da;
}
.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 {
position: absolute;
z-index: -1;
padding: 30px;
border-radius: 5px;
background-color: #562dd4;
}
.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: #0a0a0a;
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.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 .back-part .back-content-part .back-btn-part .back-btn:hover {
background: #1f1c51;
color: #ffffff;
}
.rs-flip-box .rs-flip-box-inner .front-content-part,
.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 .9s ease 0s;
}
.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 .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: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.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: #101010;
border-width: 12px;
margin-left: -30px;
}
.rstab-main ul.nav li {
flex: 1 1 0;
}
.rstab-main ul.nav li a {
background: #f1f1f1;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
top: 1px;
}
.rstab-main ul.nav li a.active {
background: #101010;
color: #fff;
}
.rstab-main ul.nav li:first-child {
margin-left: 0 !important;
}
.rstab-main ul.nav li:last-child {
margin-right: 0 !important;
}
.rstab-main ul.nav li a:hover {
background: #101010;
}
.rstab-main ul.nav.icon_top li a,
.rstab-main ul.nav.icon_top li a img,
.rstab-main ul.nav.icon_top li a i {
display: block;
}
.rstab-main .tab-content {
background: #f9f9f9;
padding: 10px;
overflow: hidden;
}
.rstab-main .tab-content p:last-child {
margin: 0;
}
.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: #101010;
border-width: 12px;
margin-left: -30px;
}
.rstab-main .tab-pane.active {
animation: slide-down 2s ease-out;
}
.rstab-main.no_item_menu ul {
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;
}
@keyframes slide-down {
0% {
opacity: 0;
transform: translateY(50%);
}
50% {
opacity: 1;
transform: translateY(0);
}
}
.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: #101010;
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: #101010;
}
.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;
}
.rs-skill-bar .skillbar {
background: #eeeeee;
display: inline-block;
height: 16px;
position: relative;
width: 100%;
}
.rs-skill-bar .skillbar .skillbar-bar {
background: #1273eb;
height: 16px;
width: 0;
margin-bottom: 0;
}
.rs-skill-bar .skillbar .skillbar-title,
.rs-skill-bar .skillbar .skill-bar-percent {
position: absolute;
}
.rs-skill-bar .skillbar .skillbar-title {
color: #212121;
font-size: 20px;
font-weight: 600;
}
.rs-skill-bar .skillbar .skill-bar-percent {
font-size: 16px;
font-weight: 700;
color: #0a0a0a;
}
.rs-skill-bar.animation .skillbar .skillbar-bar,
.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.animation .skillbar .skillbar-bar {
-webkit-animation: rs-progress-pie-stripes 1s linear infinite;
animation: rs-progress-pie-stripes 1s linear infinite;
}
.rs-skill-bar.style1 .skillbar .skillbar-title {
top: -35px;
}
.rs-skill-bar.style1 .skillbar .skill-bar-percent {
right: 0;
top: -30px;
}
.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_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;
}
.rs-price-table-menu ul {
margin: 0;
}
.rs-price-table-menu ul,
.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;
}
.elementor-invisible.elementor-widget-rs-timecounter {
visibility: visible;
}
.wpcf7 label {
display: block;
}
.rs-dual-heading .second_title {
color: #1273eb;
}
.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;
}
.rs-image {
position: relative;
width: 100%;
height: 100%;
}
.rs-image.yes .veritcal {
animation-name: veritcal;
animation-timing-function: linear;
animation-duration: 12s;
animation-iteration-count: infinite;
}
@keyframes veritcal {
0% {
transform: translateY(0);
}
50% {
transform: translateY(100px);
}
100% {
transform: translateY(0);
}
}
.rs-image.yes .horizontal {
animation-name: horizontal;
animation-timing-function: linear;
animation-duration: 12s;
animation-iteration-count: infinite;
}
@keyframes horizontal {
0% {
transform: translateX(0);
}
50% {
transform: translateX(100px);
}
100% {
transform: translateX(0);
}
}
.rs-image.yes .horizontal {
animation-name: horizontal;
animation-timing-function: linear;
animation-duration: 12s;
animation-iteration-count: infinite;
}
.rs-image.yes .rotated_style {
-webkit-animation: rotated_style 5s linear infinite;
animation: rotated_style 5s linear infinite;
}
@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);
}
}
.rs-image.yes .scale_style {
animation: scale 1s alternate infinite;
-webkit-animation: scale 1s alternate infinite;
}
@keyframes scale {
from {
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
to {
transform: scale(1.08);
-webkit-transform: scale(1.08);
}
}
@-webkit-keyframes scale {
from {
transform: scale(0.9);
-webkit-transform: scale(0.9);
}
to {
transform: scale(1.08);
-webkit-transform: scale(1.08);
}
} .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: #101010;
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.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 .image-content .button-part .image-btn:hover {
background: #1273eb;
}
.rs-image-hover-effect .image-content .button-part .image-btn:hover 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 {                                                           }
.rs-image-hover-effect [class^='rs-image-fade'] .image-content,
.rs-image-hover-effect [class*=' rs-image-fade'] .image-content {
opacity: 0;
}
.rs-image-hover-effect [class^='rs-image-fade']:hover .image-content,
.rs-image-hover-effect [class*=' rs-image-fade']:hover .image-content {
opacity: 1;
}
.rs-image-hover-effect [class^='rs-image-fade']:hover .image-part img,
.rs-image-hover-effect [class^='rs-image-fade']:hover .image-content,
.rs-image-hover-effect [class*=' rs-image-fade']:hover .image-part img,
.rs-image-hover-effect [class*=' rs-image-fade']: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-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-hover-effect .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-hover-effect .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-hover-effect .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);
}
.rs-image-hover-effect [class^='rs-image-push-']:hover .image-content,
.rs-image-hover-effect [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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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%);
}
.rs-image-hover-effect [class^='rs-image-slide-']:hover .image-content,
.rs-image-hover-effect [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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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%);
}
.rs-image-hover-effect [class^='rs-image-reveal-']:before,
.rs-image-hover-effect [class*=' rs-image-reveal-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
}
.rs-image-hover-effect [class^='rs-image-reveal-'] .image-content,
.rs-image-hover-effect [class*=' rs-image-reveal-'] .image-content {
opacity: 0;
}
.rs-image-hover-effect [class^='rs-image-reveal-']:hover:before,
.rs-image-hover-effect [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);
}
.rs-image-hover-effect [class^='rs-image-reveal-']:hover .image-content,
.rs-image-hover-effect [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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .rs-image-reveal-right:before {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
.rs-image-hover-effect [class^='rs-image-hinge-'],
.rs-image-hover-effect [class*=' rs-image-hinge-'] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-hover-effect [class^='rs-image-hinge-'] .image-content,
.rs-image-hover-effect [class*=' rs-image-hinge-'] .image-content {
opacity: 0;
z-index: 1;
}
.rs-image-hover-effect [class^='rs-image-hinge-']:hover img,
.rs-image-hover-effect [class*=' rs-image-hinge-']:hover img {
opacity: 0;
}
.rs-image-hover-effect [class^='rs-image-hinge-']:hover .image-content,
.rs-image-hover-effect [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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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);
}
.rs-image-hover-effect [class^='rs-image-flip-'],
.rs-image-hover-effect [class*=' rs-image-flip-'] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-hover-effect [class^='rs-image-flip-'] img,
.rs-image-hover-effect [class*=' rs-image-flip-'] img {
backface-visibility: hidden;
}
.rs-image-hover-effect [class^='rs-image-flip-'] .image-content,
.rs-image-hover-effect [class*=' rs-image-flip-'] .image-content {
opacity: 0;
}
.rs-image-hover-effect [class^='rs-image-flip-']:hover .image-part img,
.rs-image-hover-effect [class*=' rs-image-flip-']:hover .image-part img {
opacity: 0;
}
.rs-image-hover-effect [class^='rs-image-flip-']:hover .image-content,
.rs-image-hover-effect [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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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);
}
.rs-image-hover-effect [class^='rs-image-shutter-out-']:before,
.rs-image-hover-effect [class*=' 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 [class^='rs-image-shutter-out-'] .image-content,
.rs-image-hover-effect [class*=' rs-image-shutter-out-'] .image-content {
opacity: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.rs-image-hover-effect [class^='rs-image-shutter-out-']:hover:before,
.rs-image-hover-effect [class*=' rs-image-shutter-out-']:hover:before {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.rs-image-hover-effect [class^='rs-image-shutter-out-']:hover .image-content,
.rs-image-hover-effect [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-hover-effect .rs-image-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.rs-image-hover-effect .rs-image-shutter-out-horiz:hover:before {
left: 0;
right: 0;
}
.rs-image-hover-effect .rs-image-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.rs-image-hover-effect .rs-image-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
}
.rs-image-hover-effect .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-hover-effect .rs-image-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
}
.rs-image-hover-effect .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-hover-effect .rs-image-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
}
.rs-image-hover-effect [class^='rs-image-shutter-in-']:after,
.rs-image-hover-effect [class^='rs-image-shutter-in-']:before,
.rs-image-hover-effect [class*=' rs-image-shutter-in-']:after,
.rs-image-hover-effect [class*=' rs-image-shutter-in-']:before {
position: absolute;
content: '';
}
.rs-image-hover-effect [class^='rs-image-shutter-in-']:after,
.rs-image-hover-effect [class*=' rs-image-shutter-in-']:after {
top: 0;
left: 0;
}
.rs-image-hover-effect [class^='rs-image-shutter-in-']:before,
.rs-image-hover-effect [class*=' rs-image-shutter-in-']:before {
right: 0;
bottom: 0;
}
.rs-image-hover-effect [class^='rs-image-shutter-in-'] .image-content,
.rs-image-hover-effect [class*=' rs-image-shutter-in-'] .image-content {
opacity: 0;
z-index: 1;
}
.rs-image-hover-effect [class^='rs-image-shutter-in-']:hover .image-content,
.rs-image-hover-effect [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-hover-effect .rs-image-shutter-in-horiz:after,
.rs-image-hover-effect .rs-image-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.rs-image-hover-effect .rs-image-shutter-in-horiz:hover:after,
.rs-image-hover-effect .rs-image-shutter-in-horiz:hover:before {
width: 50%;
}
.rs-image-hover-effect .rs-image-shutter-in-vert:after,
.rs-image-hover-effect .rs-image-shutter-in-vert:before {
height: 0;
width: 100%;
}
.rs-image-hover-effect .rs-image-shutter-in-vert:hover:after,
.rs-image-hover-effect .rs-image-shutter-in-vert:hover:before {
height: 50%;
}
.rs-image-hover-effect .rs-image-shutter-in-out-horiz:after,
.rs-image-hover-effect .rs-image-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: 0.75;
}
.rs-image-hover-effect .rs-image-shutter-in-out-horiz:hover:after,
.rs-image-hover-effect .rs-image-shutter-in-out-horiz:hover:before {
width: 100%;
}
.rs-image-hover-effect .rs-image-shutter-in-out-vert:after,
.rs-image-hover-effect .rs-image-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: 0.75;
}
.rs-image-hover-effect .rs-image-shutter-in-out-vert:hover:after,
.rs-image-hover-effect .rs-image-shutter-in-out-vert:hover:before {
height: 100%;
}
.rs-image-hover-effect .rs-image-shutter-in-out-diag-1:after,
.rs-image-hover-effect .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;
}
.rs-image-hover-effect .rs-image-shutter-in-out-diag-1:after {
-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-hover-effect .rs-image-shutter-in-out-diag-1:before {
-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-hover-effect .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-hover-effect .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-hover-effect .rs-image-shutter-in-out-diag-2:after,
.rs-image-hover-effect .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;
}
.rs-image-hover-effect .rs-image-shutter-in-out-diag-2:after {
-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-hover-effect .rs-image-shutter-in-out-diag-2:before {
-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-hover-effect .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-hover-effect .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%);
}
.rs-image-hover-effect [class^='rs-image-fold'],
.rs-image-hover-effect [class*=' rs-image-fold'] {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-hover-effect [class^='rs-image-fold'] img,
.rs-image-hover-effect [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%;
}
.rs-image-hover-effect [class^='rs-image-fold'] .image-content,
.rs-image-hover-effect [class*=' rs-image-fold'] .image-content {
z-index: 1;
opacity: 0;
}
.rs-image-hover-effect [class^='rs-image-fold']:hover .image-part img,
.rs-image-hover-effect [class*=' rs-image-fold']:hover .image-part img {
opacity: 0;
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0;
}
.rs-image-hover-effect [class^='rs-image-fold']:hover .image-content,
.rs-image-hover-effect [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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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-hover-effect .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;
}
.rs-image-hover-effect [class^='rs-image-zoom-out'] .image-content,
.rs-image-hover-effect [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;
}
.rs-image-hover-effect [class^='rs-image-zoom-out']:hover .image-content,
.rs-image-hover-effect [class^='rs-image-zoom-out'].hover .image-content,
.rs-image-hover-effect [class*=' rs-image-zoom-out']:hover .image-content,
.rs-image-hover-effect [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-hover-effect .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-hover-effect .rs-image-zoom-out-up:hover .image-part img,
.rs-image-hover-effect .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;
}
@-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;
}
}
.rs-image-hover-effect .rs-image-zoom-out-down:hover .image-part img,
.rs-image-hover-effect .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;
}
@-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;
}
}
.rs-image-hover-effect .rs-image-zoom-out-left:hover .image-part img,
.rs-image-hover-effect .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;
}
@-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;
}
}
.rs-image-hover-effect .rs-image-zoom-out-right:hover .image-part img,
.rs-image-hover-effect .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;
}
@-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 .rs-image-zoom-out-flip-horiz {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-hover-effect .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-hover-effect .rs-image-zoom-out-flip-horiz:hover .image-part img,
.rs-image-hover-effect .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-hover-effect .rs-image-zoom-out-flip-horiz:hover .image-content,
.rs-image-hover-effect .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-hover-effect .rs-image-zoom-out-flip-vert {
-webkit-perspective: 50em;
-moz-perspective: 50em;
perspective: 50em;
}
.rs-image-hover-effect .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-hover-effect .rs-image-zoom-out-flip-vert:hover .image-part img,
.rs-image-hover-effect .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-hover-effect .rs-image-zoom-out-flip-vert:hover .image-content,
.rs-image-hover-effect .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-hover-effect .rs-image-blur .image-content {
opacity: 0;
}
.rs-image-hover-effect .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-hover-effect .rs-image-blur: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-move-left .image-part img,
.rs-image-hover-effect .rs-image-move-right .image-part img,
.rs-image-hover-effect .rs-image-move-top .image-part img,
.rs-image-hover-effect .rs-image-move-bottom .image-part img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rs-image-hover-effect .rs-image-move-left .image-part img,
.rs-image-hover-effect .rs-image-move-right:hover .image-part img {
-webkit-transform-origin: left;
transform-origin: left;
}
.rs-image-hover-effect .rs-image-move-right .image-part img,
.rs-image-hover-effect .rs-image-move-left:hover .image-part img {
-webkit-transform-origin: right;
transform-origin: right;
}
.rs-image-hover-effect .rs-image-move-top .image-part img,
.rs-image-hover-effect .rs-image-move-bottom:hover .image-part img {
-webkit-transform-origin: top;
transform-origin: top;
}
.rs-image-hover-effect .rs-image-move-bottom .image-part img,
.rs-image-hover-effect .rs-image-move-top:hover .image-part img {
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.rs-image-hover-effect .rs-image-top-down .image-part {
max-height: 400px;
transition: 3s;
}
.rs-image-hover-effect .rs-image-top-down:hover .image-part {
padding-top: 400px;
}
.rs-image-hover-effect .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-hover-effect .rs-image-top-down:hover .image-part img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.rs-business-hour .rs-business-schedule {
display: flex;
justify-content: space-between;
padding: 8px;
}
@media only screen and (max-width: 1024px) {
.rstab-main.no_item_menu ul,
.rstab-main.vertical,
.rstab-main ul.nav {
display: block !important;
}
.rstab-main ul.nav li {
margin-right: 0 !important;
margin-left: 0 !important;
}
.rstab-main.vertical ul.nav {
margin-right: 0;
}
.rstab-main.vertical ul.nav.bubble li a.active:after {
display: none;
}
} .rs-features-list-content ul,
.rs-features-list-content li {
list-style: none;
margin: 0;
}
.rs-features-list-content li {
margin-bottom: 7px;
display: flex;
align-items: center;
}
.rs-features-list-content li:last-child {
margin-bottom: 0px;
}
.rs-features-list-content li i {
margin-right: 10px;
color: #1273eb;
} .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;
} .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;
} .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;
} .rselement-dual-btn,
.rselement-dual-btn-connector {
display: inline-block;
}
.rselement-dual-btn-wrapper {
position: relative;
text-align: center;
font-weight: 400;
}
.rselement-dual-btn {
padding: 1.2rem 3rem;
max-width: 100%;
color: #fff;
text-decoration: none;
font-size: 14px;
}
.rselement-dual-btn--left {
background-color: #fe4d8b;
}
.rselement-dual-btn--left:hover,
.rselement-dual-btn--left:focus {
background-color: #d00d51;
color: #fff;
}
.rselement-dual-btn--right {
background-color: #3023ae;
}
.rselement-dual-btn--right:hover,
.rselement-dual-btn--right:focus {
background-color: #2e1cde;
color: #fff;
}
.rselement-dual-btn-connector {
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-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 .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;
} .elementor-widget-rs-product-list .product-img,
.elementor-widget-rs-product-slider .product-img,
.elementor-widget-rs-productlist .product-img {
position: relative;
}
.elementor-widget-rs-product-list .product-img span,
.elementor-widget-rs-product-slider .product-img span,
.elementor-widget-rs-productlist .product-img span {
position: absolute;
right: 10px;
top: 10px;
background: #fff;
border-radius: 50%;
color: #ff0000;
font-weight: bold;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
}
.elementor-widget-rs-product-list .product-img.overlay,
.elementor-widget-rs-product-slider .product-img.overlay,
.elementor-widget-rs-productlist .product-img.overlay {
position: relative;
}
.elementor-widget-rs-product-list .product-img.overlay .product-btn,
.elementor-widget-rs-product-slider .product-img.overlay .product-btn,
.elementor-widget-rs-productlist .product-img.overlay .product-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 2s ease;
}
.elementor-widget-rs-product-list .product-img.overlay .product-btn a,
.elementor-widget-rs-product-slider .product-img.overlay .product-btn a,
.elementor-widget-rs-productlist .product-img.overlay .product-btn a {
padding: 10px 20px;
background: #000;
color: #fff;
font-size: 14px;
}
.elementor-widget-rs-product-list .product-img.overlay .product-btn a:hover,
.elementor-widget-rs-product-slider .product-img.overlay .product-btn a:hover,
.elementor-widget-rs-productlist .product-img.overlay .product-btn a:hover {
background: #333;
}
.elementor-widget-rs-product-list .product-item .overlay:before,
.elementor-widget-rs-product-slider .product-item .overlay:before,
.elementor-widget-rs-productlist .product-item .overlay:before {
content: "";
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
opacity: 0;
z-index: 1;
transition: all 2s ease;
position: absolute;
}
.elementor-widget-rs-product-list .product-item:hover .overlay,
.elementor-widget-rs-product-slider .product-item:hover .overlay,
.elementor-widget-rs-productlist .product-item:hover .overlay {
position: relative;
}
.elementor-widget-rs-product-list .product-item:hover .overlay .product-btn,
.elementor-widget-rs-product-slider .product-item:hover .overlay .product-btn,
.elementor-widget-rs-productlist .product-item:hover .overlay .product-btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 1;
z-index: 9;
text-align: center;
}
.elementor-widget-rs-product-list .product-item:hover .overlay .product-btn a,
.elementor-widget-rs-product-slider .product-item:hover .overlay .product-btn a,
.elementor-widget-rs-productlist .product-item:hover .overlay .product-btn a {
padding: 10px 20px;
background: #000;
color: #fff;
font-size: 14px;
display: inline-block;
margin-bottom: 10px;
}
.elementor-widget-rs-product-list .product-item:hover .overlay .product-btn a:hover,
.elementor-widget-rs-product-slider .product-item:hover .overlay .product-btn a:hover,
.elementor-widget-rs-productlist .product-item:hover .overlay .product-btn a:hover {
background: #333;
}
.elementor-widget-rs-product-list .product-item:hover .overlay:before,
.elementor-widget-rs-product-slider .product-item:hover .overlay:before,
.elementor-widget-rs-productlist .product-item:hover .overlay:before {
opacity: 1;
}
.rselements-product-list {
text-align: center;
padding: 30px 15px;
margin-bottom: 30px;
}
.rselements-product-list h4 {
margin: 0 0 10px;
font-size: 20px;
}
.rselements-product-list h4 a {
color: #333;
}
.rselements-product-list h4 a:hover {
color: #111;
}
.rselements-product-list .product-price {
font-size: 16px;
}
.rselements-product-list .product-btn {
margin-top: 25px;
}
.rselements-product-list .product-btn a {
padding: 10px 20px;
background: #000;
color: #fff;
font-size: 14px;
}
.rselements-product-list .product-btn a:hover {
background: #333;
}
.elementor-widget-rs-productlist .product-item {
padding-bottom: 35px;
}
.elementor-widget-rs-productlist .rselements-product-list {
text-align: unset;
}  .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;
}
} .elementor-column:hover .rs-animation-yes .elementor-animation-bounce-in {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-grow {
transform: scale(1.1);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-shrink {
transform: scale(0.9);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-pulse {
animation-name: elementor-animation-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-pulse-grow {
animation-name: elementor-animation-pulse-grow;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-pulse-shrink {
animation-name: elementor-animation-pulse-shrink;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-push {
animation-name: elementor-animation-push;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-pop {
animation-name: elementor-animation-pop;
animation-duration: .3s;
animation-timing-function: linear;
animation-iteration-count: 1;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-bounce-in {
transform: scale(1.2);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-bounce-out {
transform: scale(0.8);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-rotate {
transform: rotate(4deg);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-grow-rotate {
transform: scale(1.1) rotate(4deg);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-float {
transform: translateY(-8px);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-sink {
transform: translateY(8px);
}
.elementor-column:hover .rs-animation-yes .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;
}
.elementor-column:hover .rs-animation-yes .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;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-skew {
transform: skew(-10deg);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-skew-forward {
transform: skew(-10deg);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-skew-backward {
transform: skew(10deg);
}
.elementor-column:hover .rs-animation-yes .elementor-animation-wobble-vertical {
animation-name: elementor-animation-wobble-vertical;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-wobble-horizontal {
animation-name: elementor-animation-wobble-horizontal;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.elementor-column:hover .rs-animation-yes .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;
}
.elementor-column:hover .rs-animation-yes .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;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-wobble-top {
animation-name: elementor-animation-wobble-top;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-wobble-bottom {
animation-name: elementor-animation-wobble-bottom;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-wobble-skew {
animation-name: elementor-animation-wobble-skew;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-buzz {
animation-name: elementor-animation-buzz;
animation-duration: .15s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.elementor-column:hover .rs-animation-yes .elementor-animation-buzz-out {
animation-name: elementor-animation-buzz-out;
animation-duration: .75s;
animation-timing-function: linear;
animation-iteration-count: 1;
} @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);
}
}