@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-50px, 0, 0);
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(50px, 0, 0);
transform: translate3d(50px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
@media (print), (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
animation: unset !important;
-webkit-transition: none !important;
transition: none !important;
}
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }@font-face {
font-family: "remixicon";
src: url(//playwithnewvision.com/wp-content/plugins/procus-addon/assets/vendors/remixicon/remixicon.eot?t=1718271040674); src: url(//playwithnewvision.com/wp-content/plugins/procus-addon/assets/vendors/remixicon/remixicon.eot?t=1718271040674#iefix) format('embedded-opentype'), url(//playwithnewvision.com/wp-content/plugins/procus-addon/assets/vendors/remixicon/remixicon.woff2?t=1718271040674) format("woff2"),
url(//playwithnewvision.com/wp-content/plugins/procus-addon/assets/vendors/remixicon/remixicon.woff?t=1718271040674) format("woff"),
url(//playwithnewvision.com/wp-content/plugins/procus-addon/assets/vendors/remixicon/remixicon.ttf?t=1718271040674) format('truetype'), url(//playwithnewvision.com/wp-content/plugins/procus-addon/assets/vendors/remixicon/remixicon.svg?t=1718271040674#remixicon) format('svg'); font-display: swap;
}
[class^="ri-"], [class*=" ri-"] {
font-family: 'remixicon' !important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; }
.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; }
.ri-xxs { font-size: .5em; }
.ri-xs { font-size: .75em; }
.ri-sm { font-size: .875em }
.ri-1x { font-size: 1em; }
.ri-2x { font-size: 2em; }
.ri-3x { font-size: 3em; }
.ri-4x { font-size: 4em; }
.ri-5x { font-size: 5em; }
.ri-6x { font-size: 6em; }
.ri-7x { font-size: 7em; }
.ri-8x { font-size: 8em; }
.ri-9x { font-size: 9em; }
.ri-10x { font-size: 10em; }
.ri-fw { text-align: center; width: 1.25em; }
.ri-24-hours-fill:before { content: "\ea01"; }
.ri-24-hours-line:before { content: "\ea02"; }
.ri-4k-fill:before { content: "\ea03"; }
.ri-4k-line:before { content: "\ea04"; }
.ri-a-b:before { content: "\ea05"; }
.ri-account-box-fill:before { content: "\ea06"; }
.ri-account-box-line:before { content: "\ea07"; }
.ri-account-circle-fill:before { content: "\ea08"; }
.ri-account-circle-line:before { content: "\ea09"; }
.ri-account-pin-box-fill:before { content: "\ea0a"; }
.ri-account-pin-box-line:before { content: "\ea0b"; }
.ri-account-pin-circle-fill:before { content: "\ea0c"; }
.ri-account-pin-circle-line:before { content: "\ea0d"; }
.ri-add-box-fill:before { content: "\ea0e"; }
.ri-add-box-line:before { content: "\ea0f"; }
.ri-add-circle-fill:before { content: "\ea10"; }
.ri-add-circle-line:before { content: "\ea11"; }
.ri-add-fill:before { content: "\ea12"; }
.ri-add-line:before { content: "\ea13"; }
.ri-admin-fill:before { content: "\ea14"; }
.ri-admin-line:before { content: "\ea15"; }
.ri-advertisement-fill:before { content: "\ea16"; }
.ri-advertisement-line:before { content: "\ea17"; }
.ri-airplay-fill:before { content: "\ea18"; }
.ri-airplay-line:before { content: "\ea19"; }
.ri-alarm-fill:before { content: "\ea1a"; }
.ri-alarm-line:before { content: "\ea1b"; }
.ri-alarm-warning-fill:before { content: "\ea1c"; }
.ri-alarm-warning-line:before { content: "\ea1d"; }
.ri-album-fill:before { content: "\ea1e"; }
.ri-album-line:before { content: "\ea1f"; }
.ri-alert-fill:before { content: "\ea20"; }
.ri-alert-line:before { content: "\ea21"; }
.ri-aliens-fill:before { content: "\ea22"; }
.ri-aliens-line:before { content: "\ea23"; }
.ri-align-bottom:before { content: "\ea24"; }
.ri-align-center:before { content: "\ea25"; }
.ri-align-justify:before { content: "\ea26"; }
.ri-align-left:before { content: "\ea27"; }
.ri-align-right:before { content: "\ea28"; }
.ri-align-top:before { content: "\ea29"; }
.ri-align-vertically:before { content: "\ea2a"; }
.ri-alipay-fill:before { content: "\ea2b"; }
.ri-alipay-line:before { content: "\ea2c"; }
.ri-amazon-fill:before { content: "\ea2d"; }
.ri-amazon-line:before { content: "\ea2e"; }
.ri-anchor-fill:before { content: "\ea2f"; }
.ri-anchor-line:before { content: "\ea30"; }
.ri-ancient-gate-fill:before { content: "\ea31"; }
.ri-ancient-gate-line:before { content: "\ea32"; }
.ri-ancient-pavilion-fill:before { content: "\ea33"; }
.ri-ancient-pavilion-line:before { content: "\ea34"; }
.ri-android-fill:before { content: "\ea35"; }
.ri-android-line:before { content: "\ea36"; }
.ri-angularjs-fill:before { content: "\ea37"; }
.ri-angularjs-line:before { content: "\ea38"; }
.ri-anticlockwise-2-fill:before { content: "\ea39"; }
.ri-anticlockwise-2-line:before { content: "\ea3a"; }
.ri-anticlockwise-fill:before { content: "\ea3b"; }
.ri-anticlockwise-line:before { content: "\ea3c"; }
.ri-app-store-fill:before { content: "\ea3d"; }
.ri-app-store-line:before { content: "\ea3e"; }
.ri-apple-fill:before { content: "\ea3f"; }
.ri-apple-line:before { content: "\ea40"; }
.ri-apps-2-fill:before { content: "\ea41"; }
.ri-apps-2-line:before { content: "\ea42"; }
.ri-apps-fill:before { content: "\ea43"; }
.ri-apps-line:before { content: "\ea44"; }
.ri-archive-drawer-fill:before { content: "\ea45"; }
.ri-archive-drawer-line:before { content: "\ea46"; }
.ri-archive-fill:before { content: "\ea47"; }
.ri-archive-line:before { content: "\ea48"; }
.ri-arrow-down-circle-fill:before { content: "\ea49"; }
.ri-arrow-down-circle-line:before { content: "\ea4a"; }
.ri-arrow-down-fill:before { content: "\ea4b"; }
.ri-arrow-down-line:before { content: "\ea4c"; }
.ri-arrow-down-s-fill:before { content: "\ea4d"; }
.ri-arrow-down-s-line:before { content: "\ea4e"; }
.ri-arrow-drop-down-fill:before { content: "\ea4f"; }
.ri-arrow-drop-down-line:before { content: "\ea50"; }
.ri-arrow-drop-left-fill:before { content: "\ea51"; }
.ri-arrow-drop-left-line:before { content: "\ea52"; }
.ri-arrow-drop-right-fill:before { content: "\ea53"; }
.ri-arrow-drop-right-line:before { content: "\ea54"; }
.ri-arrow-drop-up-fill:before { content: "\ea55"; }
.ri-arrow-drop-up-line:before { content: "\ea56"; }
.ri-arrow-go-back-fill:before { content: "\ea57"; }
.ri-arrow-go-back-line:before { content: "\ea58"; }
.ri-arrow-go-forward-fill:before { content: "\ea59"; }
.ri-arrow-go-forward-line:before { content: "\ea5a"; }
.ri-arrow-left-circle-fill:before { content: "\ea5b"; }
.ri-arrow-left-circle-line:before { content: "\ea5c"; }
.ri-arrow-left-down-fill:before { content: "\ea5d"; }
.ri-arrow-left-down-line:before { content: "\ea5e"; }
.ri-arrow-left-fill:before { content: "\ea5f"; }
.ri-arrow-left-line:before { content: "\ea60"; }
.ri-arrow-left-right-fill:before { content: "\ea61"; }
.ri-arrow-left-right-line:before { content: "\ea62"; }
.ri-arrow-left-s-fill:before { content: "\ea63"; }
.ri-arrow-left-s-line:before { content: "\ea64"; }
.ri-arrow-left-up-fill:before { content: "\ea65"; }
.ri-arrow-left-up-line:before { content: "\ea66"; }
.ri-arrow-right-circle-fill:before { content: "\ea67"; }
.ri-arrow-right-circle-line:before { content: "\ea68"; }
.ri-arrow-right-down-fill:before { content: "\ea69"; }
.ri-arrow-right-down-line:before { content: "\ea6a"; }
.ri-arrow-right-fill:before { content: "\ea6b"; }
.ri-arrow-right-line:before { content: "\ea6c"; }
.ri-arrow-right-s-fill:before { content: "\ea6d"; }
.ri-arrow-right-s-line:before { content: "\ea6e"; }
.ri-arrow-right-up-fill:before { content: "\ea6f"; }
.ri-arrow-right-up-line:before { content: "\ea70"; }
.ri-arrow-up-circle-fill:before { content: "\ea71"; }
.ri-arrow-up-circle-line:before { content: "\ea72"; }
.ri-arrow-up-down-fill:before { content: "\ea73"; }
.ri-arrow-up-down-line:before { content: "\ea74"; }
.ri-arrow-up-fill:before { content: "\ea75"; }
.ri-arrow-up-line:before { content: "\ea76"; }
.ri-arrow-up-s-fill:before { content: "\ea77"; }
.ri-arrow-up-s-line:before { content: "\ea78"; }
.ri-artboard-2-fill:before { content: "\ea79"; }
.ri-artboard-2-line:before { content: "\ea7a"; }
.ri-artboard-fill:before { content: "\ea7b"; }
.ri-artboard-line:before { content: "\ea7c"; }
.ri-article-fill:before { content: "\ea7d"; }
.ri-article-line:before { content: "\ea7e"; }
.ri-aspect-ratio-fill:before { content: "\ea7f"; }
.ri-aspect-ratio-line:before { content: "\ea80"; }
.ri-asterisk:before { content: "\ea81"; }
.ri-at-fill:before { content: "\ea82"; }
.ri-at-line:before { content: "\ea83"; }
.ri-attachment-2:before { content: "\ea84"; }
.ri-attachment-fill:before { content: "\ea85"; }
.ri-attachment-line:before { content: "\ea86"; }
.ri-auction-fill:before { content: "\ea87"; }
.ri-auction-line:before { content: "\ea88"; }
.ri-award-fill:before { content: "\ea89"; }
.ri-award-line:before { content: "\ea8a"; }
.ri-baidu-fill:before { content: "\ea8b"; }
.ri-baidu-line:before { content: "\ea8c"; }
.ri-ball-pen-fill:before { content: "\ea8d"; }
.ri-ball-pen-line:before { content: "\ea8e"; }
.ri-bank-card-2-fill:before { content: "\ea8f"; }
.ri-bank-card-2-line:before { content: "\ea90"; }
.ri-bank-card-fill:before { content: "\ea91"; }
.ri-bank-card-line:before { content: "\ea92"; }
.ri-bank-fill:before { content: "\ea93"; }
.ri-bank-line:before { content: "\ea94"; }
.ri-bar-chart-2-fill:before { content: "\ea95"; }
.ri-bar-chart-2-line:before { content: "\ea96"; }
.ri-bar-chart-box-fill:before { content: "\ea97"; }
.ri-bar-chart-box-line:before { content: "\ea98"; }
.ri-bar-chart-fill:before { content: "\ea99"; }
.ri-bar-chart-grouped-fill:before { content: "\ea9a"; }
.ri-bar-chart-grouped-line:before { content: "\ea9b"; }
.ri-bar-chart-horizontal-fill:before { content: "\ea9c"; }
.ri-bar-chart-horizontal-line:before { content: "\ea9d"; }
.ri-bar-chart-line:before { content: "\ea9e"; }
.ri-barcode-box-fill:before { content: "\ea9f"; }
.ri-barcode-box-line:before { content: "\eaa0"; }
.ri-barcode-fill:before { content: "\eaa1"; }
.ri-barcode-line:before { content: "\eaa2"; }
.ri-barricade-fill:before { content: "\eaa3"; }
.ri-barricade-line:before { content: "\eaa4"; }
.ri-base-station-fill:before { content: "\eaa5"; }
.ri-base-station-line:before { content: "\eaa6"; }
.ri-basketball-fill:before { content: "\eaa7"; }
.ri-basketball-line:before { content: "\eaa8"; }
.ri-battery-2-charge-fill:before { content: "\eaa9"; }
.ri-battery-2-charge-line:before { content: "\eaaa"; }
.ri-battery-2-fill:before { content: "\eaab"; }
.ri-battery-2-line:before { content: "\eaac"; }
.ri-battery-charge-fill:before { content: "\eaad"; }
.ri-battery-charge-line:before { content: "\eaae"; }
.ri-battery-fill:before { content: "\eaaf"; }
.ri-battery-line:before { content: "\eab0"; }
.ri-battery-low-fill:before { content: "\eab1"; }
.ri-battery-low-line:before { content: "\eab2"; }
.ri-battery-saver-fill:before { content: "\eab3"; }
.ri-battery-saver-line:before { content: "\eab4"; }
.ri-battery-share-fill:before { content: "\eab5"; }
.ri-battery-share-line:before { content: "\eab6"; }
.ri-bear-smile-fill:before { content: "\eab7"; }
.ri-bear-smile-line:before { content: "\eab8"; }
.ri-behance-fill:before { content: "\eab9"; }
.ri-behance-line:before { content: "\eaba"; }
.ri-bell-fill:before { content: "\eabb"; }
.ri-bell-line:before { content: "\eabc"; }
.ri-bike-fill:before { content: "\eabd"; }
.ri-bike-line:before { content: "\eabe"; }
.ri-bilibili-fill:before { content: "\eabf"; }
.ri-bilibili-line:before { content: "\eac0"; }
.ri-bill-fill:before { content: "\eac1"; }
.ri-bill-line:before { content: "\eac2"; }
.ri-billiards-fill:before { content: "\eac3"; }
.ri-billiards-line:before { content: "\eac4"; }
.ri-bit-coin-fill:before { content: "\eac5"; }
.ri-bit-coin-line:before { content: "\eac6"; }
.ri-blaze-fill:before { content: "\eac7"; }
.ri-blaze-line:before { content: "\eac8"; }
.ri-bluetooth-connect-fill:before { content: "\eac9"; }
.ri-bluetooth-connect-line:before { content: "\eaca"; }
.ri-bluetooth-fill:before { content: "\eacb"; }
.ri-bluetooth-line:before { content: "\eacc"; }
.ri-blur-off-fill:before { content: "\eacd"; }
.ri-blur-off-line:before { content: "\eace"; }
.ri-body-scan-fill:before { content: "\eacf"; }
.ri-body-scan-line:before { content: "\ead0"; }
.ri-bold:before { content: "\ead1"; }
.ri-book-2-fill:before { content: "\ead2"; }
.ri-book-2-line:before { content: "\ead3"; }
.ri-book-3-fill:before { content: "\ead4"; }
.ri-book-3-line:before { content: "\ead5"; }
.ri-book-fill:before { content: "\ead6"; }
.ri-book-line:before { content: "\ead7"; }
.ri-book-marked-fill:before { content: "\ead8"; }
.ri-book-marked-line:before { content: "\ead9"; }
.ri-book-open-fill:before { content: "\eada"; }
.ri-book-open-line:before { content: "\eadb"; }
.ri-book-read-fill:before { content: "\eadc"; }
.ri-book-read-line:before { content: "\eadd"; }
.ri-booklet-fill:before { content: "\eade"; }
.ri-booklet-line:before { content: "\eadf"; }
.ri-bookmark-2-fill:before { content: "\eae0"; }
.ri-bookmark-2-line:before { content: "\eae1"; }
.ri-bookmark-3-fill:before { content: "\eae2"; }
.ri-bookmark-3-line:before { content: "\eae3"; }
.ri-bookmark-fill:before { content: "\eae4"; }
.ri-bookmark-line:before { content: "\eae5"; }
.ri-boxing-fill:before { content: "\eae6"; }
.ri-boxing-line:before { content: "\eae7"; }
.ri-braces-fill:before { content: "\eae8"; }
.ri-braces-line:before { content: "\eae9"; }
.ri-brackets-fill:before { content: "\eaea"; }
.ri-brackets-line:before { content: "\eaeb"; }
.ri-briefcase-2-fill:before { content: "\eaec"; }
.ri-briefcase-2-line:before { content: "\eaed"; }
.ri-briefcase-3-fill:before { content: "\eaee"; }
.ri-briefcase-3-line:before { content: "\eaef"; }
.ri-briefcase-4-fill:before { content: "\eaf0"; }
.ri-briefcase-4-line:before { content: "\eaf1"; }
.ri-briefcase-5-fill:before { content: "\eaf2"; }
.ri-briefcase-5-line:before { content: "\eaf3"; }
.ri-briefcase-fill:before { content: "\eaf4"; }
.ri-briefcase-line:before { content: "\eaf5"; }
.ri-bring-forward:before { content: "\eaf6"; }
.ri-bring-to-front:before { content: "\eaf7"; }
.ri-broadcast-fill:before { content: "\eaf8"; }
.ri-broadcast-line:before { content: "\eaf9"; }
.ri-brush-2-fill:before { content: "\eafa"; }
.ri-brush-2-line:before { content: "\eafb"; }
.ri-brush-3-fill:before { content: "\eafc"; }
.ri-brush-3-line:before { content: "\eafd"; }
.ri-brush-4-fill:before { content: "\eafe"; }
.ri-brush-4-line:before { content: "\eaff"; }
.ri-brush-fill:before { content: "\eb00"; }
.ri-brush-line:before { content: "\eb01"; }
.ri-bubble-chart-fill:before { content: "\eb02"; }
.ri-bubble-chart-line:before { content: "\eb03"; }
.ri-bug-2-fill:before { content: "\eb04"; }
.ri-bug-2-line:before { content: "\eb05"; }
.ri-bug-fill:before { content: "\eb06"; }
.ri-bug-line:before { content: "\eb07"; }
.ri-building-2-fill:before { content: "\eb08"; }
.ri-building-2-line:before { content: "\eb09"; }
.ri-building-3-fill:before { content: "\eb0a"; }
.ri-building-3-line:before { content: "\eb0b"; }
.ri-building-4-fill:before { content: "\eb0c"; }
.ri-building-4-line:before { content: "\eb0d"; }
.ri-building-fill:before { content: "\eb0e"; }
.ri-building-line:before { content: "\eb0f"; }
.ri-bus-2-fill:before { content: "\eb10"; }
.ri-bus-2-line:before { content: "\eb11"; }
.ri-bus-fill:before { content: "\eb12"; }
.ri-bus-line:before { content: "\eb13"; }
.ri-bus-wifi-fill:before { content: "\eb14"; }
.ri-bus-wifi-line:before { content: "\eb15"; }
.ri-cactus-fill:before { content: "\eb16"; }
.ri-cactus-line:before { content: "\eb17"; }
.ri-cake-2-fill:before { content: "\eb18"; }
.ri-cake-2-line:before { content: "\eb19"; }
.ri-cake-3-fill:before { content: "\eb1a"; }
.ri-cake-3-line:before { content: "\eb1b"; }
.ri-cake-fill:before { content: "\eb1c"; }
.ri-cake-line:before { content: "\eb1d"; }
.ri-calculator-fill:before { content: "\eb1e"; }
.ri-calculator-line:before { content: "\eb1f"; }
.ri-calendar-2-fill:before { content: "\eb20"; }
.ri-calendar-2-line:before { content: "\eb21"; }
.ri-calendar-check-fill:before { content: "\eb22"; }
.ri-calendar-check-line:before { content: "\eb23"; }
.ri-calendar-event-fill:before { content: "\eb24"; }
.ri-calendar-event-line:before { content: "\eb25"; }
.ri-calendar-fill:before { content: "\eb26"; }
.ri-calendar-line:before { content: "\eb27"; }
.ri-calendar-todo-fill:before { content: "\eb28"; }
.ri-calendar-todo-line:before { content: "\eb29"; }
.ri-camera-2-fill:before { content: "\eb2a"; }
.ri-camera-2-line:before { content: "\eb2b"; }
.ri-camera-3-fill:before { content: "\eb2c"; }
.ri-camera-3-line:before { content: "\eb2d"; }
.ri-camera-fill:before { content: "\eb2e"; }
.ri-camera-lens-fill:before { content: "\eb2f"; }
.ri-camera-lens-line:before { content: "\eb30"; }
.ri-camera-line:before { content: "\eb31"; }
.ri-camera-off-fill:before { content: "\eb32"; }
.ri-camera-off-line:before { content: "\eb33"; }
.ri-camera-switch-fill:before { content: "\eb34"; }
.ri-camera-switch-line:before { content: "\eb35"; }
.ri-capsule-fill:before { content: "\eb36"; }
.ri-capsule-line:before { content: "\eb37"; }
.ri-car-fill:before { content: "\eb38"; }
.ri-car-line:before { content: "\eb39"; }
.ri-car-washing-fill:before { content: "\eb3a"; }
.ri-car-washing-line:before { content: "\eb3b"; }
.ri-caravan-fill:before { content: "\eb3c"; }
.ri-caravan-line:before { content: "\eb3d"; }
.ri-cast-fill:before { content: "\eb3e"; }
.ri-cast-line:before { content: "\eb3f"; }
.ri-cellphone-fill:before { content: "\eb40"; }
.ri-cellphone-line:before { content: "\eb41"; }
.ri-celsius-fill:before { content: "\eb42"; }
.ri-celsius-line:before { content: "\eb43"; }
.ri-centos-fill:before { content: "\eb44"; }
.ri-centos-line:before { content: "\eb45"; }
.ri-character-recognition-fill:before { content: "\eb46"; }
.ri-character-recognition-line:before { content: "\eb47"; }
.ri-charging-pile-2-fill:before { content: "\eb48"; }
.ri-charging-pile-2-line:before { content: "\eb49"; }
.ri-charging-pile-fill:before { content: "\eb4a"; }
.ri-charging-pile-line:before { content: "\eb4b"; }
.ri-chat-1-fill:before { content: "\eb4c"; }
.ri-chat-1-line:before { content: "\eb4d"; }
.ri-chat-2-fill:before { content: "\eb4e"; }
.ri-chat-2-line:before { content: "\eb4f"; }
.ri-chat-3-fill:before { content: "\eb50"; }
.ri-chat-3-line:before { content: "\eb51"; }
.ri-chat-4-fill:before { content: "\eb52"; }
.ri-chat-4-line:before { content: "\eb53"; }
.ri-chat-check-fill:before { content: "\eb54"; }
.ri-chat-check-line:before { content: "\eb55"; }
.ri-chat-delete-fill:before { content: "\eb56"; }
.ri-chat-delete-line:before { content: "\eb57"; }
.ri-chat-download-fill:before { content: "\eb58"; }
.ri-chat-download-line:before { content: "\eb59"; }
.ri-chat-follow-up-fill:before { content: "\eb5a"; }
.ri-chat-follow-up-line:before { content: "\eb5b"; }
.ri-chat-forward-fill:before { content: "\eb5c"; }
.ri-chat-forward-line:before { content: "\eb5d"; }
.ri-chat-heart-fill:before { content: "\eb5e"; }
.ri-chat-heart-line:before { content: "\eb5f"; }
.ri-chat-history-fill:before { content: "\eb60"; }
.ri-chat-history-line:before { content: "\eb61"; }
.ri-chat-new-fill:before { content: "\eb62"; }
.ri-chat-new-line:before { content: "\eb63"; }
.ri-chat-off-fill:before { content: "\eb64"; }
.ri-chat-off-line:before { content: "\eb65"; }
.ri-chat-poll-fill:before { content: "\eb66"; }
.ri-chat-poll-line:before { content: "\eb67"; }
.ri-chat-private-fill:before { content: "\eb68"; }
.ri-chat-private-line:before { content: "\eb69"; }
.ri-chat-quote-fill:before { content: "\eb6a"; }
.ri-chat-quote-line:before { content: "\eb6b"; }
.ri-chat-settings-fill:before { content: "\eb6c"; }
.ri-chat-settings-line:before { content: "\eb6d"; }
.ri-chat-smile-2-fill:before { content: "\eb6e"; }
.ri-chat-smile-2-line:before { content: "\eb6f"; }
.ri-chat-smile-3-fill:before { content: "\eb70"; }
.ri-chat-smile-3-line:before { content: "\eb71"; }
.ri-chat-smile-fill:before { content: "\eb72"; }
.ri-chat-smile-line:before { content: "\eb73"; }
.ri-chat-upload-fill:before { content: "\eb74"; }
.ri-chat-upload-line:before { content: "\eb75"; }
.ri-chat-voice-fill:before { content: "\eb76"; }
.ri-chat-voice-line:before { content: "\eb77"; }
.ri-check-double-fill:before { content: "\eb78"; }
.ri-check-double-line:before { content: "\eb79"; }
.ri-check-fill:before { content: "\eb7a"; }
.ri-check-line:before { content: "\eb7b"; }
.ri-checkbox-blank-circle-fill:before { content: "\eb7c"; }
.ri-checkbox-blank-circle-line:before { content: "\eb7d"; }
.ri-checkbox-blank-fill:before { content: "\eb7e"; }
.ri-checkbox-blank-line:before { content: "\eb7f"; }
.ri-checkbox-circle-fill:before { content: "\eb80"; }
.ri-checkbox-circle-line:before { content: "\eb81"; }
.ri-checkbox-fill:before { content: "\eb82"; }
.ri-checkbox-indeterminate-fill:before { content: "\eb83"; }
.ri-checkbox-indeterminate-line:before { content: "\eb84"; }
.ri-checkbox-line:before { content: "\eb85"; }
.ri-checkbox-multiple-blank-fill:before { content: "\eb86"; }
.ri-checkbox-multiple-blank-line:before { content: "\eb87"; }
.ri-checkbox-multiple-fill:before { content: "\eb88"; }
.ri-checkbox-multiple-line:before { content: "\eb89"; }
.ri-china-railway-fill:before { content: "\eb8a"; }
.ri-china-railway-line:before { content: "\eb8b"; }
.ri-chrome-fill:before { content: "\eb8c"; }
.ri-chrome-line:before { content: "\eb8d"; }
.ri-clapperboard-fill:before { content: "\eb8e"; }
.ri-clapperboard-line:before { content: "\eb8f"; }
.ri-clipboard-fill:before { content: "\eb90"; }
.ri-clipboard-line:before { content: "\eb91"; }
.ri-clockwise-2-fill:before { content: "\eb92"; }
.ri-clockwise-2-line:before { content: "\eb93"; }
.ri-clockwise-fill:before { content: "\eb94"; }
.ri-clockwise-line:before { content: "\eb95"; }
.ri-close-circle-fill:before { content: "\eb96"; }
.ri-close-circle-line:before { content: "\eb97"; }
.ri-close-fill:before { content: "\eb98"; }
.ri-close-line:before { content: "\eb99"; }
.ri-closed-captioning-fill:before { content: "\eb9a"; }
.ri-closed-captioning-line:before { content: "\eb9b"; }
.ri-cloud-fill:before { content: "\eb9c"; }
.ri-cloud-line:before { content: "\eb9d"; }
.ri-cloud-off-fill:before { content: "\eb9e"; }
.ri-cloud-off-line:before { content: "\eb9f"; }
.ri-cloud-windy-fill:before { content: "\eba0"; }
.ri-cloud-windy-line:before { content: "\eba1"; }
.ri-cloudy-2-fill:before { content: "\eba2"; }
.ri-cloudy-2-line:before { content: "\eba3"; }
.ri-cloudy-fill:before { content: "\eba4"; }
.ri-cloudy-line:before { content: "\eba5"; }
.ri-code-box-fill:before { content: "\eba6"; }
.ri-code-box-line:before { content: "\eba7"; }
.ri-code-fill:before { content: "\eba8"; }
.ri-code-line:before { content: "\eba9"; }
.ri-code-s-fill:before { content: "\ebaa"; }
.ri-code-s-line:before { content: "\ebab"; }
.ri-code-s-slash-fill:before { content: "\ebac"; }
.ri-code-s-slash-line:before { content: "\ebad"; }
.ri-code-view:before { content: "\ebae"; }
.ri-codepen-fill:before { content: "\ebaf"; }
.ri-codepen-line:before { content: "\ebb0"; }
.ri-coin-fill:before { content: "\ebb1"; }
.ri-coin-line:before { content: "\ebb2"; }
.ri-coins-fill:before { content: "\ebb3"; }
.ri-coins-line:before { content: "\ebb4"; }
.ri-collage-fill:before { content: "\ebb5"; }
.ri-collage-line:before { content: "\ebb6"; }
.ri-command-fill:before { content: "\ebb7"; }
.ri-command-line:before { content: "\ebb8"; }
.ri-community-fill:before { content: "\ebb9"; }
.ri-community-line:before { content: "\ebba"; }
.ri-compass-2-fill:before { content: "\ebbb"; }
.ri-compass-2-line:before { content: "\ebbc"; }
.ri-compass-3-fill:before { content: "\ebbd"; }
.ri-compass-3-line:before { content: "\ebbe"; }
.ri-compass-4-fill:before { content: "\ebbf"; }
.ri-compass-4-line:before { content: "\ebc0"; }
.ri-compass-discover-fill:before { content: "\ebc1"; }
.ri-compass-discover-line:before { content: "\ebc2"; }
.ri-compass-fill:before { content: "\ebc3"; }
.ri-compass-line:before { content: "\ebc4"; }
.ri-compasses-2-fill:before { content: "\ebc5"; }
.ri-compasses-2-line:before { content: "\ebc6"; }
.ri-compasses-fill:before { content: "\ebc7"; }
.ri-compasses-line:before { content: "\ebc8"; }
.ri-computer-fill:before { content: "\ebc9"; }
.ri-computer-line:before { content: "\ebca"; }
.ri-contacts-book-2-fill:before { content: "\ebcb"; }
.ri-contacts-book-2-line:before { content: "\ebcc"; }
.ri-contacts-book-fill:before { content: "\ebcd"; }
.ri-contacts-book-line:before { content: "\ebce"; }
.ri-contacts-book-upload-fill:before { content: "\ebcf"; }
.ri-contacts-book-upload-line:before { content: "\ebd0"; }
.ri-contacts-fill:before { content: "\ebd1"; }
.ri-contacts-line:before { content: "\ebd2"; }
.ri-contrast-2-fill:before { content: "\ebd3"; }
.ri-contrast-2-line:before { content: "\ebd4"; }
.ri-contrast-drop-2-fill:before { content: "\ebd5"; }
.ri-contrast-drop-2-line:before { content: "\ebd6"; }
.ri-contrast-drop-fill:before { content: "\ebd7"; }
.ri-contrast-drop-line:before { content: "\ebd8"; }
.ri-contrast-fill:before { content: "\ebd9"; }
.ri-contrast-line:before { content: "\ebda"; }
.ri-copper-coin-fill:before { content: "\ebdb"; }
.ri-copper-coin-line:before { content: "\ebdc"; }
.ri-copper-diamond-fill:before { content: "\ebdd"; }
.ri-copper-diamond-line:before { content: "\ebde"; }
.ri-copyleft-fill:before { content: "\ebdf"; }
.ri-copyleft-line:before { content: "\ebe0"; }
.ri-copyright-fill:before { content: "\ebe1"; }
.ri-copyright-line:before { content: "\ebe2"; }
.ri-coreos-fill:before { content: "\ebe3"; }
.ri-coreos-line:before { content: "\ebe4"; }
.ri-coupon-2-fill:before { content: "\ebe5"; }
.ri-coupon-2-line:before { content: "\ebe6"; }
.ri-coupon-3-fill:before { content: "\ebe7"; }
.ri-coupon-3-line:before { content: "\ebe8"; }
.ri-coupon-4-fill:before { content: "\ebe9"; }
.ri-coupon-4-line:before { content: "\ebea"; }
.ri-coupon-5-fill:before { content: "\ebeb"; }
.ri-coupon-5-line:before { content: "\ebec"; }
.ri-coupon-fill:before { content: "\ebed"; }
.ri-coupon-line:before { content: "\ebee"; }
.ri-cpu-fill:before { content: "\ebef"; }
.ri-cpu-line:before { content: "\ebf0"; }
.ri-creative-commons-by-fill:before { content: "\ebf1"; }
.ri-creative-commons-by-line:before { content: "\ebf2"; }
.ri-creative-commons-fill:before { content: "\ebf3"; }
.ri-creative-commons-line:before { content: "\ebf4"; }
.ri-creative-commons-nc-fill:before { content: "\ebf5"; }
.ri-creative-commons-nc-line:before { content: "\ebf6"; }
.ri-creative-commons-nd-fill:before { content: "\ebf7"; }
.ri-creative-commons-nd-line:before { content: "\ebf8"; }
.ri-creative-commons-sa-fill:before { content: "\ebf9"; }
.ri-creative-commons-sa-line:before { content: "\ebfa"; }
.ri-creative-commons-zero-fill:before { content: "\ebfb"; }
.ri-creative-commons-zero-line:before { content: "\ebfc"; }
.ri-criminal-fill:before { content: "\ebfd"; }
.ri-criminal-line:before { content: "\ebfe"; }
.ri-crop-2-fill:before { content: "\ebff"; }
.ri-crop-2-line:before { content: "\ec00"; }
.ri-crop-fill:before { content: "\ec01"; }
.ri-crop-line:before { content: "\ec02"; }
.ri-css3-fill:before { content: "\ec03"; }
.ri-css3-line:before { content: "\ec04"; }
.ri-cup-fill:before { content: "\ec05"; }
.ri-cup-line:before { content: "\ec06"; }
.ri-currency-fill:before { content: "\ec07"; }
.ri-currency-line:before { content: "\ec08"; }
.ri-cursor-fill:before { content: "\ec09"; }
.ri-cursor-line:before { content: "\ec0a"; }
.ri-customer-service-2-fill:before { content: "\ec0b"; }
.ri-customer-service-2-line:before { content: "\ec0c"; }
.ri-customer-service-fill:before { content: "\ec0d"; }
.ri-customer-service-line:before { content: "\ec0e"; }
.ri-dashboard-2-fill:before { content: "\ec0f"; }
.ri-dashboard-2-line:before { content: "\ec10"; }
.ri-dashboard-3-fill:before { content: "\ec11"; }
.ri-dashboard-3-line:before { content: "\ec12"; }
.ri-dashboard-fill:before { content: "\ec13"; }
.ri-dashboard-line:before { content: "\ec14"; }
.ri-database-2-fill:before { content: "\ec15"; }
.ri-database-2-line:before { content: "\ec16"; }
.ri-database-fill:before { content: "\ec17"; }
.ri-database-line:before { content: "\ec18"; }
.ri-delete-back-2-fill:before { content: "\ec19"; }
.ri-delete-back-2-line:before { content: "\ec1a"; }
.ri-delete-back-fill:before { content: "\ec1b"; }
.ri-delete-back-line:before { content: "\ec1c"; }
.ri-delete-bin-2-fill:before { content: "\ec1d"; }
.ri-delete-bin-2-line:before { content: "\ec1e"; }
.ri-delete-bin-3-fill:before { content: "\ec1f"; }
.ri-delete-bin-3-line:before { content: "\ec20"; }
.ri-delete-bin-4-fill:before { content: "\ec21"; }
.ri-delete-bin-4-line:before { content: "\ec22"; }
.ri-delete-bin-5-fill:before { content: "\ec23"; }
.ri-delete-bin-5-line:before { content: "\ec24"; }
.ri-delete-bin-6-fill:before { content: "\ec25"; }
.ri-delete-bin-6-line:before { content: "\ec26"; }
.ri-delete-bin-7-fill:before { content: "\ec27"; }
.ri-delete-bin-7-line:before { content: "\ec28"; }
.ri-delete-bin-fill:before { content: "\ec29"; }
.ri-delete-bin-line:before { content: "\ec2a"; }
.ri-delete-column:before { content: "\ec2b"; }
.ri-delete-row:before { content: "\ec2c"; }
.ri-device-fill:before { content: "\ec2d"; }
.ri-device-line:before { content: "\ec2e"; }
.ri-device-recover-fill:before { content: "\ec2f"; }
.ri-device-recover-line:before { content: "\ec30"; }
.ri-dingding-fill:before { content: "\ec31"; }
.ri-dingding-line:before { content: "\ec32"; }
.ri-direction-fill:before { content: "\ec33"; }
.ri-direction-line:before { content: "\ec34"; }
.ri-disc-fill:before { content: "\ec35"; }
.ri-disc-line:before { content: "\ec36"; }
.ri-discord-fill:before { content: "\ec37"; }
.ri-discord-line:before { content: "\ec38"; }
.ri-discuss-fill:before { content: "\ec39"; }
.ri-discuss-line:before { content: "\ec3a"; }
.ri-dislike-fill:before { content: "\ec3b"; }
.ri-dislike-line:before { content: "\ec3c"; }
.ri-disqus-fill:before { content: "\ec3d"; }
.ri-disqus-line:before { content: "\ec3e"; }
.ri-divide-fill:before { content: "\ec3f"; }
.ri-divide-line:before { content: "\ec40"; }
.ri-donut-chart-fill:before { content: "\ec41"; }
.ri-donut-chart-line:before { content: "\ec42"; }
.ri-door-closed-fill:before { content: "\ec43"; }
.ri-door-closed-line:before { content: "\ec44"; }
.ri-door-fill:before { content: "\ec45"; }
.ri-door-line:before { content: "\ec46"; }
.ri-door-lock-box-fill:before { content: "\ec47"; }
.ri-door-lock-box-line:before { content: "\ec48"; }
.ri-door-lock-fill:before { content: "\ec49"; }
.ri-door-lock-line:before { content: "\ec4a"; }
.ri-door-open-fill:before { content: "\ec4b"; }
.ri-door-open-line:before { content: "\ec4c"; }
.ri-dossier-fill:before { content: "\ec4d"; }
.ri-dossier-line:before { content: "\ec4e"; }
.ri-douban-fill:before { content: "\ec4f"; }
.ri-douban-line:before { content: "\ec50"; }
.ri-double-quotes-l:before { content: "\ec51"; }
.ri-double-quotes-r:before { content: "\ec52"; }
.ri-download-2-fill:before { content: "\ec53"; }
.ri-download-2-line:before { content: "\ec54"; }
.ri-download-cloud-2-fill:before { content: "\ec55"; }
.ri-download-cloud-2-line:before { content: "\ec56"; }
.ri-download-cloud-fill:before { content: "\ec57"; }
.ri-download-cloud-line:before { content: "\ec58"; }
.ri-download-fill:before { content: "\ec59"; }
.ri-download-line:before { content: "\ec5a"; }
.ri-draft-fill:before { content: "\ec5b"; }
.ri-draft-line:before { content: "\ec5c"; }
.ri-drag-drop-fill:before { content: "\ec5d"; }
.ri-drag-drop-line:before { content: "\ec5e"; }
.ri-drag-move-2-fill:before { content: "\ec5f"; }
.ri-drag-move-2-line:before { content: "\ec60"; }
.ri-drag-move-fill:before { content: "\ec61"; }
.ri-drag-move-line:before { content: "\ec62"; }
.ri-dribbble-fill:before { content: "\ec63"; }
.ri-dribbble-line:before { content: "\ec64"; }
.ri-drive-fill:before { content: "\ec65"; }
.ri-drive-line:before { content: "\ec66"; }
.ri-drizzle-fill:before { content: "\ec67"; }
.ri-drizzle-line:before { content: "\ec68"; }
.ri-drop-fill:before { content: "\ec69"; }
.ri-drop-line:before { content: "\ec6a"; }
.ri-dropbox-fill:before { content: "\ec6b"; }
.ri-dropbox-line:before { content: "\ec6c"; }
.ri-dual-sim-1-fill:before { content: "\ec6d"; }
.ri-dual-sim-1-line:before { content: "\ec6e"; }
.ri-dual-sim-2-fill:before { content: "\ec6f"; }
.ri-dual-sim-2-line:before { content: "\ec70"; }
.ri-dv-fill:before { content: "\ec71"; }
.ri-dv-line:before { content: "\ec72"; }
.ri-dvd-fill:before { content: "\ec73"; }
.ri-dvd-line:before { content: "\ec74"; }
.ri-e-bike-2-fill:before { content: "\ec75"; }
.ri-e-bike-2-line:before { content: "\ec76"; }
.ri-e-bike-fill:before { content: "\ec77"; }
.ri-e-bike-line:before { content: "\ec78"; }
.ri-earth-fill:before { content: "\ec79"; }
.ri-earth-line:before { content: "\ec7a"; }
.ri-earthquake-fill:before { content: "\ec7b"; }
.ri-earthquake-line:before { content: "\ec7c"; }
.ri-edge-fill:before { content: "\ec7d"; }
.ri-edge-line:before { content: "\ec7e"; }
.ri-edit-2-fill:before { content: "\ec7f"; }
.ri-edit-2-line:before { content: "\ec80"; }
.ri-edit-box-fill:before { content: "\ec81"; }
.ri-edit-box-line:before { content: "\ec82"; }
.ri-edit-circle-fill:before { content: "\ec83"; }
.ri-edit-circle-line:before { content: "\ec84"; }
.ri-edit-fill:before { content: "\ec85"; }
.ri-edit-line:before { content: "\ec86"; }
.ri-eject-fill:before { content: "\ec87"; }
.ri-eject-line:before { content: "\ec88"; }
.ri-emotion-2-fill:before { content: "\ec89"; }
.ri-emotion-2-line:before { content: "\ec8a"; }
.ri-emotion-fill:before { content: "\ec8b"; }
.ri-emotion-happy-fill:before { content: "\ec8c"; }
.ri-emotion-happy-line:before { content: "\ec8d"; }
.ri-emotion-laugh-fill:before { content: "\ec8e"; }
.ri-emotion-laugh-line:before { content: "\ec8f"; }
.ri-emotion-line:before { content: "\ec90"; }
.ri-emotion-normal-fill:before { content: "\ec91"; }
.ri-emotion-normal-line:before { content: "\ec92"; }
.ri-emotion-sad-fill:before { content: "\ec93"; }
.ri-emotion-sad-line:before { content: "\ec94"; }
.ri-emotion-unhappy-fill:before { content: "\ec95"; }
.ri-emotion-unhappy-line:before { content: "\ec96"; }
.ri-empathize-fill:before { content: "\ec97"; }
.ri-empathize-line:before { content: "\ec98"; }
.ri-emphasis-cn:before { content: "\ec99"; }
.ri-emphasis:before { content: "\ec9a"; }
.ri-english-input:before { content: "\ec9b"; }
.ri-equalizer-fill:before { content: "\ec9c"; }
.ri-equalizer-line:before { content: "\ec9d"; }
.ri-eraser-fill:before { content: "\ec9e"; }
.ri-eraser-line:before { content: "\ec9f"; }
.ri-error-warning-fill:before { content: "\eca0"; }
.ri-error-warning-line:before { content: "\eca1"; }
.ri-evernote-fill:before { content: "\eca2"; }
.ri-evernote-line:before { content: "\eca3"; }
.ri-exchange-box-fill:before { content: "\eca4"; }
.ri-exchange-box-line:before { content: "\eca5"; }
.ri-exchange-cny-fill:before { content: "\eca6"; }
.ri-exchange-cny-line:before { content: "\eca7"; }
.ri-exchange-dollar-fill:before { content: "\eca8"; }
.ri-exchange-dollar-line:before { content: "\eca9"; }
.ri-exchange-fill:before { content: "\ecaa"; }
.ri-exchange-funds-fill:before { content: "\ecab"; }
.ri-exchange-funds-line:before { content: "\ecac"; }
.ri-exchange-line:before { content: "\ecad"; }
.ri-external-link-fill:before { content: "\ecae"; }
.ri-external-link-line:before { content: "\ecaf"; }
.ri-eye-2-fill:before { content: "\ecb0"; }
.ri-eye-2-line:before { content: "\ecb1"; }
.ri-eye-close-fill:before { content: "\ecb2"; }
.ri-eye-close-line:before { content: "\ecb3"; }
.ri-eye-fill:before { content: "\ecb4"; }
.ri-eye-line:before { content: "\ecb5"; }
.ri-eye-off-fill:before { content: "\ecb6"; }
.ri-eye-off-line:before { content: "\ecb7"; }
.ri-facebook-box-fill:before { content: "\ecb8"; }
.ri-facebook-box-line:before { content: "\ecb9"; }
.ri-facebook-circle-fill:before { content: "\ecba"; }
.ri-facebook-circle-line:before { content: "\ecbb"; }
.ri-facebook-fill:before { content: "\ecbc"; }
.ri-facebook-line:before { content: "\ecbd"; }
.ri-fahrenheit-fill:before { content: "\ecbe"; }
.ri-fahrenheit-line:before { content: "\ecbf"; }
.ri-feedback-fill:before { content: "\ecc0"; }
.ri-feedback-line:before { content: "\ecc1"; }
.ri-file-2-fill:before { content: "\ecc2"; }
.ri-file-2-line:before { content: "\ecc3"; }
.ri-file-3-fill:before { content: "\ecc4"; }
.ri-file-3-line:before { content: "\ecc5"; }
.ri-file-4-fill:before { content: "\ecc6"; }
.ri-file-4-line:before { content: "\ecc7"; }
.ri-file-add-fill:before { content: "\ecc8"; }
.ri-file-add-line:before { content: "\ecc9"; }
.ri-file-chart-2-fill:before { content: "\ecca"; }
.ri-file-chart-2-line:before { content: "\eccb"; }
.ri-file-chart-fill:before { content: "\eccc"; }
.ri-file-chart-line:before { content: "\eccd"; }
.ri-file-cloud-fill:before { content: "\ecce"; }
.ri-file-cloud-line:before { content: "\eccf"; }
.ri-file-code-fill:before { content: "\ecd0"; }
.ri-file-code-line:before { content: "\ecd1"; }
.ri-file-copy-2-fill:before { content: "\ecd2"; }
.ri-file-copy-2-line:before { content: "\ecd3"; }
.ri-file-copy-fill:before { content: "\ecd4"; }
.ri-file-copy-line:before { content: "\ecd5"; }
.ri-file-damage-fill:before { content: "\ecd6"; }
.ri-file-damage-line:before { content: "\ecd7"; }
.ri-file-download-fill:before { content: "\ecd8"; }
.ri-file-download-line:before { content: "\ecd9"; }
.ri-file-edit-fill:before { content: "\ecda"; }
.ri-file-edit-line:before { content: "\ecdb"; }
.ri-file-excel-2-fill:before { content: "\ecdc"; }
.ri-file-excel-2-line:before { content: "\ecdd"; }
.ri-file-excel-fill:before { content: "\ecde"; }
.ri-file-excel-line:before { content: "\ecdf"; }
.ri-file-fill:before { content: "\ece0"; }
.ri-file-forbid-fill:before { content: "\ece1"; }
.ri-file-forbid-line:before { content: "\ece2"; }
.ri-file-gif-fill:before { content: "\ece3"; }
.ri-file-gif-line:before { content: "\ece4"; }
.ri-file-history-fill:before { content: "\ece5"; }
.ri-file-history-line:before { content: "\ece6"; }
.ri-file-hwp-fill:before { content: "\ece7"; }
.ri-file-hwp-line:before { content: "\ece8"; }
.ri-file-info-fill:before { content: "\ece9"; }
.ri-file-info-line:before { content: "\ecea"; }
.ri-file-line:before { content: "\eceb"; }
.ri-file-list-2-fill:before { content: "\ecec"; }
.ri-file-list-2-line:before { content: "\eced"; }
.ri-file-list-3-fill:before { content: "\ecee"; }
.ri-file-list-3-line:before { content: "\ecef"; }
.ri-file-list-fill:before { content: "\ecf0"; }
.ri-file-list-line:before { content: "\ecf1"; }
.ri-file-lock-fill:before { content: "\ecf2"; }
.ri-file-lock-line:before { content: "\ecf3"; }
.ri-file-marked-fill:before { content: "\ecf4"; }
.ri-file-marked-line:before { content: "\ecf5"; }
.ri-file-music-fill:before { content: "\ecf6"; }
.ri-file-music-line:before { content: "\ecf7"; }
.ri-file-paper-2-fill:before { content: "\ecf8"; }
.ri-file-paper-2-line:before { content: "\ecf9"; }
.ri-file-paper-fill:before { content: "\ecfa"; }
.ri-file-paper-line:before { content: "\ecfb"; }
.ri-file-pdf-fill:before { content: "\ecfc"; }
.ri-file-pdf-line:before { content: "\ecfd"; }
.ri-file-ppt-2-fill:before { content: "\ecfe"; }
.ri-file-ppt-2-line:before { content: "\ecff"; }
.ri-file-ppt-fill:before { content: "\ed00"; }
.ri-file-ppt-line:before { content: "\ed01"; }
.ri-file-reduce-fill:before { content: "\ed02"; }
.ri-file-reduce-line:before { content: "\ed03"; }
.ri-file-search-fill:before { content: "\ed04"; }
.ri-file-search-line:before { content: "\ed05"; }
.ri-file-settings-fill:before { content: "\ed06"; }
.ri-file-settings-line:before { content: "\ed07"; }
.ri-file-shield-2-fill:before { content: "\ed08"; }
.ri-file-shield-2-line:before { content: "\ed09"; }
.ri-file-shield-fill:before { content: "\ed0a"; }
.ri-file-shield-line:before { content: "\ed0b"; }
.ri-file-shred-fill:before { content: "\ed0c"; }
.ri-file-shred-line:before { content: "\ed0d"; }
.ri-file-text-fill:before { content: "\ed0e"; }
.ri-file-text-line:before { content: "\ed0f"; }
.ri-file-transfer-fill:before { content: "\ed10"; }
.ri-file-transfer-line:before { content: "\ed11"; }
.ri-file-unknow-fill:before { content: "\ed12"; }
.ri-file-unknow-line:before { content: "\ed13"; }
.ri-file-upload-fill:before { content: "\ed14"; }
.ri-file-upload-line:before { content: "\ed15"; }
.ri-file-user-fill:before { content: "\ed16"; }
.ri-file-user-line:before { content: "\ed17"; }
.ri-file-warning-fill:before { content: "\ed18"; }
.ri-file-warning-line:before { content: "\ed19"; }
.ri-file-word-2-fill:before { content: "\ed1a"; }
.ri-file-word-2-line:before { content: "\ed1b"; }
.ri-file-word-fill:before { content: "\ed1c"; }
.ri-file-word-line:before { content: "\ed1d"; }
.ri-file-zip-fill:before { content: "\ed1e"; }
.ri-file-zip-line:before { content: "\ed1f"; }
.ri-film-fill:before { content: "\ed20"; }
.ri-film-line:before { content: "\ed21"; }
.ri-filter-2-fill:before { content: "\ed22"; }
.ri-filter-2-line:before { content: "\ed23"; }
.ri-filter-3-fill:before { content: "\ed24"; }
.ri-filter-3-line:before { content: "\ed25"; }
.ri-filter-fill:before { content: "\ed26"; }
.ri-filter-line:before { content: "\ed27"; }
.ri-filter-off-fill:before { content: "\ed28"; }
.ri-filter-off-line:before { content: "\ed29"; }
.ri-find-replace-fill:before { content: "\ed2a"; }
.ri-find-replace-line:before { content: "\ed2b"; }
.ri-finder-fill:before { content: "\ed2c"; }
.ri-finder-line:before { content: "\ed2d"; }
.ri-fingerprint-2-fill:before { content: "\ed2e"; }
.ri-fingerprint-2-line:before { content: "\ed2f"; }
.ri-fingerprint-fill:before { content: "\ed30"; }
.ri-fingerprint-line:before { content: "\ed31"; }
.ri-fire-fill:before { content: "\ed32"; }
.ri-fire-line:before { content: "\ed33"; }
.ri-firefox-fill:before { content: "\ed34"; }
.ri-firefox-line:before { content: "\ed35"; }
.ri-first-aid-kit-fill:before { content: "\ed36"; }
.ri-first-aid-kit-line:before { content: "\ed37"; }
.ri-flag-2-fill:before { content: "\ed38"; }
.ri-flag-2-line:before { content: "\ed39"; }
.ri-flag-fill:before { content: "\ed3a"; }
.ri-flag-line:before { content: "\ed3b"; }
.ri-flashlight-fill:before { content: "\ed3c"; }
.ri-flashlight-line:before { content: "\ed3d"; }
.ri-flask-fill:before { content: "\ed3e"; }
.ri-flask-line:before { content: "\ed3f"; }
.ri-flight-land-fill:before { content: "\ed40"; }
.ri-flight-land-line:before { content: "\ed41"; }
.ri-flight-takeoff-fill:before { content: "\ed42"; }
.ri-flight-takeoff-line:before { content: "\ed43"; }
.ri-flood-fill:before { content: "\ed44"; }
.ri-flood-line:before { content: "\ed45"; }
.ri-flow-chart:before { content: "\ed46"; }
.ri-flutter-fill:before { content: "\ed47"; }
.ri-flutter-line:before { content: "\ed48"; }
.ri-focus-2-fill:before { content: "\ed49"; }
.ri-focus-2-line:before { content: "\ed4a"; }
.ri-focus-3-fill:before { content: "\ed4b"; }
.ri-focus-3-line:before { content: "\ed4c"; }
.ri-focus-fill:before { content: "\ed4d"; }
.ri-focus-line:before { content: "\ed4e"; }
.ri-foggy-fill:before { content: "\ed4f"; }
.ri-foggy-line:before { content: "\ed50"; }
.ri-folder-2-fill:before { content: "\ed51"; }
.ri-folder-2-line:before { content: "\ed52"; }
.ri-folder-3-fill:before { content: "\ed53"; }
.ri-folder-3-line:before { content: "\ed54"; }
.ri-folder-4-fill:before { content: "\ed55"; }
.ri-folder-4-line:before { content: "\ed56"; }
.ri-folder-5-fill:before { content: "\ed57"; }
.ri-folder-5-line:before { content: "\ed58"; }
.ri-folder-add-fill:before { content: "\ed59"; }
.ri-folder-add-line:before { content: "\ed5a"; }
.ri-folder-chart-2-fill:before { content: "\ed5b"; }
.ri-folder-chart-2-line:before { content: "\ed5c"; }
.ri-folder-chart-fill:before { content: "\ed5d"; }
.ri-folder-chart-line:before { content: "\ed5e"; }
.ri-folder-download-fill:before { content: "\ed5f"; }
.ri-folder-download-line:before { content: "\ed60"; }
.ri-folder-fill:before { content: "\ed61"; }
.ri-folder-forbid-fill:before { content: "\ed62"; }
.ri-folder-forbid-line:before { content: "\ed63"; }
.ri-folder-history-fill:before { content: "\ed64"; }
.ri-folder-history-line:before { content: "\ed65"; }
.ri-folder-info-fill:before { content: "\ed66"; }
.ri-folder-info-line:before { content: "\ed67"; }
.ri-folder-keyhole-fill:before { content: "\ed68"; }
.ri-folder-keyhole-line:before { content: "\ed69"; }
.ri-folder-line:before { content: "\ed6a"; }
.ri-folder-lock-fill:before { content: "\ed6b"; }
.ri-folder-lock-line:before { content: "\ed6c"; }
.ri-folder-music-fill:before { content: "\ed6d"; }
.ri-folder-music-line:before { content: "\ed6e"; }
.ri-folder-open-fill:before { content: "\ed6f"; }
.ri-folder-open-line:before { content: "\ed70"; }
.ri-folder-received-fill:before { content: "\ed71"; }
.ri-folder-received-line:before { content: "\ed72"; }
.ri-folder-reduce-fill:before { content: "\ed73"; }
.ri-folder-reduce-line:before { content: "\ed74"; }
.ri-folder-settings-fill:before { content: "\ed75"; }
.ri-folder-settings-line:before { content: "\ed76"; }
.ri-folder-shared-fill:before { content: "\ed77"; }
.ri-folder-shared-line:before { content: "\ed78"; }
.ri-folder-shield-2-fill:before { content: "\ed79"; }
.ri-folder-shield-2-line:before { content: "\ed7a"; }
.ri-folder-shield-fill:before { content: "\ed7b"; }
.ri-folder-shield-line:before { content: "\ed7c"; }
.ri-folder-transfer-fill:before { content: "\ed7d"; }
.ri-folder-transfer-line:before { content: "\ed7e"; }
.ri-folder-unknow-fill:before { content: "\ed7f"; }
.ri-folder-unknow-line:before { content: "\ed80"; }
.ri-folder-upload-fill:before { content: "\ed81"; }
.ri-folder-upload-line:before { content: "\ed82"; }
.ri-folder-user-fill:before { content: "\ed83"; }
.ri-folder-user-line:before { content: "\ed84"; }
.ri-folder-warning-fill:before { content: "\ed85"; }
.ri-folder-warning-line:before { content: "\ed86"; }
.ri-folder-zip-fill:before { content: "\ed87"; }
.ri-folder-zip-line:before { content: "\ed88"; }
.ri-folders-fill:before { content: "\ed89"; }
.ri-folders-line:before { content: "\ed8a"; }
.ri-font-color:before { content: "\ed8b"; }
.ri-font-size-2:before { content: "\ed8c"; }
.ri-font-size:before { content: "\ed8d"; }
.ri-football-fill:before { content: "\ed8e"; }
.ri-football-line:before { content: "\ed8f"; }
.ri-footprint-fill:before { content: "\ed90"; }
.ri-footprint-line:before { content: "\ed91"; }
.ri-forbid-2-fill:before { content: "\ed92"; }
.ri-forbid-2-line:before { content: "\ed93"; }
.ri-forbid-fill:before { content: "\ed94"; }
.ri-forbid-line:before { content: "\ed95"; }
.ri-format-clear:before { content: "\ed96"; }
.ri-fridge-fill:before { content: "\ed97"; }
.ri-fridge-line:before { content: "\ed98"; }
.ri-fullscreen-exit-fill:before { content: "\ed99"; }
.ri-fullscreen-exit-line:before { content: "\ed9a"; }
.ri-fullscreen-fill:before { content: "\ed9b"; }
.ri-fullscreen-line:before { content: "\ed9c"; }
.ri-function-fill:before { content: "\ed9d"; }
.ri-function-line:before { content: "\ed9e"; }
.ri-functions:before { content: "\ed9f"; }
.ri-funds-box-fill:before { content: "\eda0"; }
.ri-funds-box-line:before { content: "\eda1"; }
.ri-funds-fill:before { content: "\eda2"; }
.ri-funds-line:before { content: "\eda3"; }
.ri-gallery-fill:before { content: "\eda4"; }
.ri-gallery-line:before { content: "\eda5"; }
.ri-gallery-upload-fill:before { content: "\eda6"; }
.ri-gallery-upload-line:before { content: "\eda7"; }
.ri-game-fill:before { content: "\eda8"; }
.ri-game-line:before { content: "\eda9"; }
.ri-gamepad-fill:before { content: "\edaa"; }
.ri-gamepad-line:before { content: "\edab"; }
.ri-gas-station-fill:before { content: "\edac"; }
.ri-gas-station-line:before { content: "\edad"; }
.ri-gatsby-fill:before { content: "\edae"; }
.ri-gatsby-line:before { content: "\edaf"; }
.ri-genderless-fill:before { content: "\edb0"; }
.ri-genderless-line:before { content: "\edb1"; }
.ri-ghost-2-fill:before { content: "\edb2"; }
.ri-ghost-2-line:before { content: "\edb3"; }
.ri-ghost-fill:before { content: "\edb4"; }
.ri-ghost-line:before { content: "\edb5"; }
.ri-ghost-smile-fill:before { content: "\edb6"; }
.ri-ghost-smile-line:before { content: "\edb7"; }
.ri-gift-2-fill:before { content: "\edb8"; }
.ri-gift-2-line:before { content: "\edb9"; }
.ri-gift-fill:before { content: "\edba"; }
.ri-gift-line:before { content: "\edbb"; }
.ri-git-branch-fill:before { content: "\edbc"; }
.ri-git-branch-line:before { content: "\edbd"; }
.ri-git-commit-fill:before { content: "\edbe"; }
.ri-git-commit-line:before { content: "\edbf"; }
.ri-git-merge-fill:before { content: "\edc0"; }
.ri-git-merge-line:before { content: "\edc1"; }
.ri-git-pull-request-fill:before { content: "\edc2"; }
.ri-git-pull-request-line:before { content: "\edc3"; }
.ri-git-repository-commits-fill:before { content: "\edc4"; }
.ri-git-repository-commits-line:before { content: "\edc5"; }
.ri-git-repository-fill:before { content: "\edc6"; }
.ri-git-repository-line:before { content: "\edc7"; }
.ri-git-repository-private-fill:before { content: "\edc8"; }
.ri-git-repository-private-line:before { content: "\edc9"; }
.ri-github-fill:before { content: "\edca"; }
.ri-github-line:before { content: "\edcb"; }
.ri-gitlab-fill:before { content: "\edcc"; }
.ri-gitlab-line:before { content: "\edcd"; }
.ri-global-fill:before { content: "\edce"; }
.ri-global-line:before { content: "\edcf"; }
.ri-globe-fill:before { content: "\edd0"; }
.ri-globe-line:before { content: "\edd1"; }
.ri-goblet-fill:before { content: "\edd2"; }
.ri-goblet-line:before { content: "\edd3"; }
.ri-google-fill:before { content: "\edd4"; }
.ri-google-line:before { content: "\edd5"; }
.ri-google-play-fill:before { content: "\edd6"; }
.ri-google-play-line:before { content: "\edd7"; }
.ri-government-fill:before { content: "\edd8"; }
.ri-government-line:before { content: "\edd9"; }
.ri-gps-fill:before { content: "\edda"; }
.ri-gps-line:before { content: "\eddb"; }
.ri-gradienter-fill:before { content: "\eddc"; }
.ri-gradienter-line:before { content: "\eddd"; }
.ri-grid-fill:before { content: "\edde"; }
.ri-grid-line:before { content: "\eddf"; }
.ri-group-2-fill:before { content: "\ede0"; }
.ri-group-2-line:before { content: "\ede1"; }
.ri-group-fill:before { content: "\ede2"; }
.ri-group-line:before { content: "\ede3"; }
.ri-guide-fill:before { content: "\ede4"; }
.ri-guide-line:before { content: "\ede5"; }
.ri-h-1:before { content: "\ede6"; }
.ri-h-2:before { content: "\ede7"; }
.ri-h-3:before { content: "\ede8"; }
.ri-h-4:before { content: "\ede9"; }
.ri-h-5:before { content: "\edea"; }
.ri-h-6:before { content: "\edeb"; }
.ri-hail-fill:before { content: "\edec"; }
.ri-hail-line:before { content: "\eded"; }
.ri-hammer-fill:before { content: "\edee"; }
.ri-hammer-line:before { content: "\edef"; }
.ri-hand-coin-fill:before { content: "\edf0"; }
.ri-hand-coin-line:before { content: "\edf1"; }
.ri-hand-heart-fill:before { content: "\edf2"; }
.ri-hand-heart-line:before { content: "\edf3"; }
.ri-hand-sanitizer-fill:before { content: "\edf4"; }
.ri-hand-sanitizer-line:before { content: "\edf5"; }
.ri-handbag-fill:before { content: "\edf6"; }
.ri-handbag-line:before { content: "\edf7"; }
.ri-hard-drive-2-fill:before { content: "\edf8"; }
.ri-hard-drive-2-line:before { content: "\edf9"; }
.ri-hard-drive-fill:before { content: "\edfa"; }
.ri-hard-drive-line:before { content: "\edfb"; }
.ri-hashtag:before { content: "\edfc"; }
.ri-haze-2-fill:before { content: "\edfd"; }
.ri-haze-2-line:before { content: "\edfe"; }
.ri-haze-fill:before { content: "\edff"; }
.ri-haze-line:before { content: "\ee00"; }
.ri-hd-fill:before { content: "\ee01"; }
.ri-hd-line:before { content: "\ee02"; }
.ri-heading:before { content: "\ee03"; }
.ri-headphone-fill:before { content: "\ee04"; }
.ri-headphone-line:before { content: "\ee05"; }
.ri-health-book-fill:before { content: "\ee06"; }
.ri-health-book-line:before { content: "\ee07"; }
.ri-heart-2-fill:before { content: "\ee08"; }
.ri-heart-2-line:before { content: "\ee09"; }
.ri-heart-3-fill:before { content: "\ee0a"; }
.ri-heart-3-line:before { content: "\ee0b"; }
.ri-heart-add-fill:before { content: "\ee0c"; }
.ri-heart-add-line:before { content: "\ee0d"; }
.ri-heart-fill:before { content: "\ee0e"; }
.ri-heart-line:before { content: "\ee0f"; }
.ri-heart-pulse-fill:before { content: "\ee10"; }
.ri-heart-pulse-line:before { content: "\ee11"; }
.ri-hearts-fill:before { content: "\ee12"; }
.ri-hearts-line:before { content: "\ee13"; }
.ri-heavy-showers-fill:before { content: "\ee14"; }
.ri-heavy-showers-line:before { content: "\ee15"; }
.ri-history-fill:before { content: "\ee16"; }
.ri-history-line:before { content: "\ee17"; }
.ri-home-2-fill:before { content: "\ee18"; }
.ri-home-2-line:before { content: "\ee19"; }
.ri-home-3-fill:before { content: "\ee1a"; }
.ri-home-3-line:before { content: "\ee1b"; }
.ri-home-4-fill:before { content: "\ee1c"; }
.ri-home-4-line:before { content: "\ee1d"; }
.ri-home-5-fill:before { content: "\ee1e"; }
.ri-home-5-line:before { content: "\ee1f"; }
.ri-home-6-fill:before { content: "\ee20"; }
.ri-home-6-line:before { content: "\ee21"; }
.ri-home-7-fill:before { content: "\ee22"; }
.ri-home-7-line:before { content: "\ee23"; }
.ri-home-8-fill:before { content: "\ee24"; }
.ri-home-8-line:before { content: "\ee25"; }
.ri-home-fill:before { content: "\ee26"; }
.ri-home-gear-fill:before { content: "\ee27"; }
.ri-home-gear-line:before { content: "\ee28"; }
.ri-home-heart-fill:before { content: "\ee29"; }
.ri-home-heart-line:before { content: "\ee2a"; }
.ri-home-line:before { content: "\ee2b"; }
.ri-home-smile-2-fill:before { content: "\ee2c"; }
.ri-home-smile-2-line:before { content: "\ee2d"; }
.ri-home-smile-fill:before { content: "\ee2e"; }
.ri-home-smile-line:before { content: "\ee2f"; }
.ri-home-wifi-fill:before { content: "\ee30"; }
.ri-home-wifi-line:before { content: "\ee31"; }
.ri-honor-of-kings-fill:before { content: "\ee32"; }
.ri-honor-of-kings-line:before { content: "\ee33"; }
.ri-honour-fill:before { content: "\ee34"; }
.ri-honour-line:before { content: "\ee35"; }
.ri-hospital-fill:before { content: "\ee36"; }
.ri-hospital-line:before { content: "\ee37"; }
.ri-hotel-bed-fill:before { content: "\ee38"; }
.ri-hotel-bed-line:before { content: "\ee39"; }
.ri-hotel-fill:before { content: "\ee3a"; }
.ri-hotel-line:before { content: "\ee3b"; }
.ri-hotspot-fill:before { content: "\ee3c"; }
.ri-hotspot-line:before { content: "\ee3d"; }
.ri-hq-fill:before { content: "\ee3e"; }
.ri-hq-line:before { content: "\ee3f"; }
.ri-html5-fill:before { content: "\ee40"; }
.ri-html5-line:before { content: "\ee41"; }
.ri-ie-fill:before { content: "\ee42"; }
.ri-ie-line:before { content: "\ee43"; }
.ri-image-2-fill:before { content: "\ee44"; }
.ri-image-2-line:before { content: "\ee45"; }
.ri-image-add-fill:before { content: "\ee46"; }
.ri-image-add-line:before { content: "\ee47"; }
.ri-image-edit-fill:before { content: "\ee48"; }
.ri-image-edit-line:before { content: "\ee49"; }
.ri-image-fill:before { content: "\ee4a"; }
.ri-image-line:before { content: "\ee4b"; }
.ri-inbox-archive-fill:before { content: "\ee4c"; }
.ri-inbox-archive-line:before { content: "\ee4d"; }
.ri-inbox-fill:before { content: "\ee4e"; }
.ri-inbox-line:before { content: "\ee4f"; }
.ri-inbox-unarchive-fill:before { content: "\ee50"; }
.ri-inbox-unarchive-line:before { content: "\ee51"; }
.ri-increase-decrease-fill:before { content: "\ee52"; }
.ri-increase-decrease-line:before { content: "\ee53"; }
.ri-indent-decrease:before { content: "\ee54"; }
.ri-indent-increase:before { content: "\ee55"; }
.ri-indeterminate-circle-fill:before { content: "\ee56"; }
.ri-indeterminate-circle-line:before { content: "\ee57"; }
.ri-information-fill:before { content: "\ee58"; }
.ri-information-line:before { content: "\ee59"; }
.ri-infrared-thermometer-fill:before { content: "\ee5a"; }
.ri-infrared-thermometer-line:before { content: "\ee5b"; }
.ri-ink-bottle-fill:before { content: "\ee5c"; }
.ri-ink-bottle-line:before { content: "\ee5d"; }
.ri-input-cursor-move:before { content: "\ee5e"; }
.ri-input-method-fill:before { content: "\ee5f"; }
.ri-input-method-line:before { content: "\ee60"; }
.ri-insert-column-left:before { content: "\ee61"; }
.ri-insert-column-right:before { content: "\ee62"; }
.ri-insert-row-bottom:before { content: "\ee63"; }
.ri-insert-row-top:before { content: "\ee64"; }
.ri-instagram-fill:before { content: "\ee65"; }
.ri-instagram-line:before { content: "\ee66"; }
.ri-install-fill:before { content: "\ee67"; }
.ri-install-line:before { content: "\ee68"; }
.ri-invision-fill:before { content: "\ee69"; }
.ri-invision-line:before { content: "\ee6a"; }
.ri-italic:before { content: "\ee6b"; }
.ri-kakao-talk-fill:before { content: "\ee6c"; }
.ri-kakao-talk-line:before { content: "\ee6d"; }
.ri-key-2-fill:before { content: "\ee6e"; }
.ri-key-2-line:before { content: "\ee6f"; }
.ri-key-fill:before { content: "\ee70"; }
.ri-key-line:before { content: "\ee71"; }
.ri-keyboard-box-fill:before { content: "\ee72"; }
.ri-keyboard-box-line:before { content: "\ee73"; }
.ri-keyboard-fill:before { content: "\ee74"; }
.ri-keyboard-line:before { content: "\ee75"; }
.ri-keynote-fill:before { content: "\ee76"; }
.ri-keynote-line:before { content: "\ee77"; }
.ri-knife-blood-fill:before { content: "\ee78"; }
.ri-knife-blood-line:before { content: "\ee79"; }
.ri-knife-fill:before { content: "\ee7a"; }
.ri-knife-line:before { content: "\ee7b"; }
.ri-landscape-fill:before { content: "\ee7c"; }
.ri-landscape-line:before { content: "\ee7d"; }
.ri-layout-2-fill:before { content: "\ee7e"; }
.ri-layout-2-line:before { content: "\ee7f"; }
.ri-layout-3-fill:before { content: "\ee80"; }
.ri-layout-3-line:before { content: "\ee81"; }
.ri-layout-4-fill:before { content: "\ee82"; }
.ri-layout-4-line:before { content: "\ee83"; }
.ri-layout-5-fill:before { content: "\ee84"; }
.ri-layout-5-line:before { content: "\ee85"; }
.ri-layout-6-fill:before { content: "\ee86"; }
.ri-layout-6-line:before { content: "\ee87"; }
.ri-layout-bottom-2-fill:before { content: "\ee88"; }
.ri-layout-bottom-2-line:before { content: "\ee89"; }
.ri-layout-bottom-fill:before { content: "\ee8a"; }
.ri-layout-bottom-line:before { content: "\ee8b"; }
.ri-layout-column-fill:before { content: "\ee8c"; }
.ri-layout-column-line:before { content: "\ee8d"; }
.ri-layout-fill:before { content: "\ee8e"; }
.ri-layout-grid-fill:before { content: "\ee8f"; }
.ri-layout-grid-line:before { content: "\ee90"; }
.ri-layout-left-2-fill:before { content: "\ee91"; }
.ri-layout-left-2-line:before { content: "\ee92"; }
.ri-layout-left-fill:before { content: "\ee93"; }
.ri-layout-left-line:before { content: "\ee94"; }
.ri-layout-line:before { content: "\ee95"; }
.ri-layout-masonry-fill:before { content: "\ee96"; }
.ri-layout-masonry-line:before { content: "\ee97"; }
.ri-layout-right-2-fill:before { content: "\ee98"; }
.ri-layout-right-2-line:before { content: "\ee99"; }
.ri-layout-right-fill:before { content: "\ee9a"; }
.ri-layout-right-line:before { content: "\ee9b"; }
.ri-layout-row-fill:before { content: "\ee9c"; }
.ri-layout-row-line:before { content: "\ee9d"; }
.ri-layout-top-2-fill:before { content: "\ee9e"; }
.ri-layout-top-2-line:before { content: "\ee9f"; }
.ri-layout-top-fill:before { content: "\eea0"; }
.ri-layout-top-line:before { content: "\eea1"; }
.ri-leaf-fill:before { content: "\eea2"; }
.ri-leaf-line:before { content: "\eea3"; }
.ri-lifebuoy-fill:before { content: "\eea4"; }
.ri-lifebuoy-line:before { content: "\eea5"; }
.ri-lightbulb-fill:before { content: "\eea6"; }
.ri-lightbulb-flash-fill:before { content: "\eea7"; }
.ri-lightbulb-flash-line:before { content: "\eea8"; }
.ri-lightbulb-line:before { content: "\eea9"; }
.ri-line-chart-fill:before { content: "\eeaa"; }
.ri-line-chart-line:before { content: "\eeab"; }
.ri-line-fill:before { content: "\eeac"; }
.ri-line-height:before { content: "\eead"; }
.ri-line-line:before { content: "\eeae"; }
.ri-link-m:before { content: "\eeaf"; }
.ri-link-unlink-m:before { content: "\eeb0"; }
.ri-link-unlink:before { content: "\eeb1"; }
.ri-link:before { content: "\eeb2"; }
.ri-linkedin-box-fill:before { content: "\eeb3"; }
.ri-linkedin-box-line:before { content: "\eeb4"; }
.ri-linkedin-fill:before { content: "\eeb5"; }
.ri-linkedin-line:before { content: "\eeb6"; }
.ri-links-fill:before { content: "\eeb7"; }
.ri-links-line:before { content: "\eeb8"; }
.ri-list-check-2:before { content: "\eeb9"; }
.ri-list-check:before { content: "\eeba"; }
.ri-list-ordered:before { content: "\eebb"; }
.ri-list-settings-fill:before { content: "\eebc"; }
.ri-list-settings-line:before { content: "\eebd"; }
.ri-list-unordered:before { content: "\eebe"; }
.ri-live-fill:before { content: "\eebf"; }
.ri-live-line:before { content: "\eec0"; }
.ri-loader-2-fill:before { content: "\eec1"; }
.ri-loader-2-line:before { content: "\eec2"; }
.ri-loader-3-fill:before { content: "\eec3"; }
.ri-loader-3-line:before { content: "\eec4"; }
.ri-loader-4-fill:before { content: "\eec5"; }
.ri-loader-4-line:before { content: "\eec6"; }
.ri-loader-5-fill:before { content: "\eec7"; }
.ri-loader-5-line:before { content: "\eec8"; }
.ri-loader-fill:before { content: "\eec9"; }
.ri-loader-line:before { content: "\eeca"; }
.ri-lock-2-fill:before { content: "\eecb"; }
.ri-lock-2-line:before { content: "\eecc"; }
.ri-lock-fill:before { content: "\eecd"; }
.ri-lock-line:before { content: "\eece"; }
.ri-lock-password-fill:before { content: "\eecf"; }
.ri-lock-password-line:before { content: "\eed0"; }
.ri-lock-unlock-fill:before { content: "\eed1"; }
.ri-lock-unlock-line:before { content: "\eed2"; }
.ri-login-box-fill:before { content: "\eed3"; }
.ri-login-box-line:before { content: "\eed4"; }
.ri-login-circle-fill:before { content: "\eed5"; }
.ri-login-circle-line:before { content: "\eed6"; }
.ri-logout-box-fill:before { content: "\eed7"; }
.ri-logout-box-line:before { content: "\eed8"; }
.ri-logout-box-r-fill:before { content: "\eed9"; }
.ri-logout-box-r-line:before { content: "\eeda"; }
.ri-logout-circle-fill:before { content: "\eedb"; }
.ri-logout-circle-line:before { content: "\eedc"; }
.ri-logout-circle-r-fill:before { content: "\eedd"; }
.ri-logout-circle-r-line:before { content: "\eede"; }
.ri-luggage-cart-fill:before { content: "\eedf"; }
.ri-luggage-cart-line:before { content: "\eee0"; }
.ri-luggage-deposit-fill:before { content: "\eee1"; }
.ri-luggage-deposit-line:before { content: "\eee2"; }
.ri-lungs-fill:before { content: "\eee3"; }
.ri-lungs-line:before { content: "\eee4"; }
.ri-mac-fill:before { content: "\eee5"; }
.ri-mac-line:before { content: "\eee6"; }
.ri-macbook-fill:before { content: "\eee7"; }
.ri-macbook-line:before { content: "\eee8"; }
.ri-magic-fill:before { content: "\eee9"; }
.ri-magic-line:before { content: "\eeea"; }
.ri-mail-add-fill:before { content: "\eeeb"; }
.ri-mail-add-line:before { content: "\eeec"; }
.ri-mail-check-fill:before { content: "\eeed"; }
.ri-mail-check-line:before { content: "\eeee"; }
.ri-mail-close-fill:before { content: "\eeef"; }
.ri-mail-close-line:before { content: "\eef0"; }
.ri-mail-download-fill:before { content: "\eef1"; }
.ri-mail-download-line:before { content: "\eef2"; }
.ri-mail-fill:before { content: "\eef3"; }
.ri-mail-forbid-fill:before { content: "\eef4"; }
.ri-mail-forbid-line:before { content: "\eef5"; }
.ri-mail-line:before { content: "\eef6"; }
.ri-mail-lock-fill:before { content: "\eef7"; }
.ri-mail-lock-line:before { content: "\eef8"; }
.ri-mail-open-fill:before { content: "\eef9"; }
.ri-mail-open-line:before { content: "\eefa"; }
.ri-mail-send-fill:before { content: "\eefb"; }
.ri-mail-send-line:before { content: "\eefc"; }
.ri-mail-settings-fill:before { content: "\eefd"; }
.ri-mail-settings-line:before { content: "\eefe"; }
.ri-mail-star-fill:before { content: "\eeff"; }
.ri-mail-star-line:before { content: "\ef00"; }
.ri-mail-unread-fill:before { content: "\ef01"; }
.ri-mail-unread-line:before { content: "\ef02"; }
.ri-mail-volume-fill:before { content: "\ef03"; }
.ri-mail-volume-line:before { content: "\ef04"; }
.ri-map-2-fill:before { content: "\ef05"; }
.ri-map-2-line:before { content: "\ef06"; }
.ri-map-fill:before { content: "\ef07"; }
.ri-map-line:before { content: "\ef08"; }
.ri-map-pin-2-fill:before { content: "\ef09"; }
.ri-map-pin-2-line:before { content: "\ef0a"; }
.ri-map-pin-3-fill:before { content: "\ef0b"; }
.ri-map-pin-3-line:before { content: "\ef0c"; }
.ri-map-pin-4-fill:before { content: "\ef0d"; }
.ri-map-pin-4-line:before { content: "\ef0e"; }
.ri-map-pin-5-fill:before { content: "\ef0f"; }
.ri-map-pin-5-line:before { content: "\ef10"; }
.ri-map-pin-add-fill:before { content: "\ef11"; }
.ri-map-pin-add-line:before { content: "\ef12"; }
.ri-map-pin-fill:before { content: "\ef13"; }
.ri-map-pin-line:before { content: "\ef14"; }
.ri-map-pin-range-fill:before { content: "\ef15"; }
.ri-map-pin-range-line:before { content: "\ef16"; }
.ri-map-pin-time-fill:before { content: "\ef17"; }
.ri-map-pin-time-line:before { content: "\ef18"; }
.ri-map-pin-user-fill:before { content: "\ef19"; }
.ri-map-pin-user-line:before { content: "\ef1a"; }
.ri-mark-pen-fill:before { content: "\ef1b"; }
.ri-mark-pen-line:before { content: "\ef1c"; }
.ri-markdown-fill:before { content: "\ef1d"; }
.ri-markdown-line:before { content: "\ef1e"; }
.ri-markup-fill:before { content: "\ef1f"; }
.ri-markup-line:before { content: "\ef20"; }
.ri-mastercard-fill:before { content: "\ef21"; }
.ri-mastercard-line:before { content: "\ef22"; }
.ri-mastodon-fill:before { content: "\ef23"; }
.ri-mastodon-line:before { content: "\ef24"; }
.ri-medal-2-fill:before { content: "\ef25"; }
.ri-medal-2-line:before { content: "\ef26"; }
.ri-medal-fill:before { content: "\ef27"; }
.ri-medal-line:before { content: "\ef28"; }
.ri-medicine-bottle-fill:before { content: "\ef29"; }
.ri-medicine-bottle-line:before { content: "\ef2a"; }
.ri-medium-fill:before { content: "\ef2b"; }
.ri-medium-line:before { content: "\ef2c"; }
.ri-men-fill:before { content: "\ef2d"; }
.ri-men-line:before { content: "\ef2e"; }
.ri-mental-health-fill:before { content: "\ef2f"; }
.ri-mental-health-line:before { content: "\ef30"; }
.ri-menu-2-fill:before { content: "\ef31"; }
.ri-menu-2-line:before { content: "\ef32"; }
.ri-menu-3-fill:before { content: "\ef33"; }
.ri-menu-3-line:before { content: "\ef34"; }
.ri-menu-4-fill:before { content: "\ef35"; }
.ri-menu-4-line:before { content: "\ef36"; }
.ri-menu-5-fill:before { content: "\ef37"; }
.ri-menu-5-line:before { content: "\ef38"; }
.ri-menu-add-fill:before { content: "\ef39"; }
.ri-menu-add-line:before { content: "\ef3a"; }
.ri-menu-fill:before { content: "\ef3b"; }
.ri-menu-fold-fill:before { content: "\ef3c"; }
.ri-menu-fold-line:before { content: "\ef3d"; }
.ri-menu-line:before { content: "\ef3e"; }
.ri-menu-unfold-fill:before { content: "\ef3f"; }
.ri-menu-unfold-line:before { content: "\ef40"; }
.ri-merge-cells-horizontal:before { content: "\ef41"; }
.ri-merge-cells-vertical:before { content: "\ef42"; }
.ri-message-2-fill:before { content: "\ef43"; }
.ri-message-2-line:before { content: "\ef44"; }
.ri-message-3-fill:before { content: "\ef45"; }
.ri-message-3-line:before { content: "\ef46"; }
.ri-message-fill:before { content: "\ef47"; }
.ri-message-line:before { content: "\ef48"; }
.ri-messenger-fill:before { content: "\ef49"; }
.ri-messenger-line:before { content: "\ef4a"; }
.ri-meteor-fill:before { content: "\ef4b"; }
.ri-meteor-line:before { content: "\ef4c"; }
.ri-mic-2-fill:before { content: "\ef4d"; }
.ri-mic-2-line:before { content: "\ef4e"; }
.ri-mic-fill:before { content: "\ef4f"; }
.ri-mic-line:before { content: "\ef50"; }
.ri-mic-off-fill:before { content: "\ef51"; }
.ri-mic-off-line:before { content: "\ef52"; }
.ri-mickey-fill:before { content: "\ef53"; }
.ri-mickey-line:before { content: "\ef54"; }
.ri-microscope-fill:before { content: "\ef55"; }
.ri-microscope-line:before { content: "\ef56"; }
.ri-microsoft-fill:before { content: "\ef57"; }
.ri-microsoft-line:before { content: "\ef58"; }
.ri-mind-map:before { content: "\ef59"; }
.ri-mini-program-fill:before { content: "\ef5a"; }
.ri-mini-program-line:before { content: "\ef5b"; }
.ri-mist-fill:before { content: "\ef5c"; }
.ri-mist-line:before { content: "\ef5d"; }
.ri-money-cny-box-fill:before { content: "\ef5e"; }
.ri-money-cny-box-line:before { content: "\ef5f"; }
.ri-money-cny-circle-fill:before { content: "\ef60"; }
.ri-money-cny-circle-line:before { content: "\ef61"; }
.ri-money-dollar-box-fill:before { content: "\ef62"; }
.ri-money-dollar-box-line:before { content: "\ef63"; }
.ri-money-dollar-circle-fill:before { content: "\ef64"; }
.ri-money-dollar-circle-line:before { content: "\ef65"; }
.ri-money-euro-box-fill:before { content: "\ef66"; }
.ri-money-euro-box-line:before { content: "\ef67"; }
.ri-money-euro-circle-fill:before { content: "\ef68"; }
.ri-money-euro-circle-line:before { content: "\ef69"; }
.ri-money-pound-box-fill:before { content: "\ef6a"; }
.ri-money-pound-box-line:before { content: "\ef6b"; }
.ri-money-pound-circle-fill:before { content: "\ef6c"; }
.ri-money-pound-circle-line:before { content: "\ef6d"; }
.ri-moon-clear-fill:before { content: "\ef6e"; }
.ri-moon-clear-line:before { content: "\ef6f"; }
.ri-moon-cloudy-fill:before { content: "\ef70"; }
.ri-moon-cloudy-line:before { content: "\ef71"; }
.ri-moon-fill:before { content: "\ef72"; }
.ri-moon-foggy-fill:before { content: "\ef73"; }
.ri-moon-foggy-line:before { content: "\ef74"; }
.ri-moon-line:before { content: "\ef75"; }
.ri-more-2-fill:before { content: "\ef76"; }
.ri-more-2-line:before { content: "\ef77"; }
.ri-more-fill:before { content: "\ef78"; }
.ri-more-line:before { content: "\ef79"; }
.ri-motorbike-fill:before { content: "\ef7a"; }
.ri-motorbike-line:before { content: "\ef7b"; }
.ri-mouse-fill:before { content: "\ef7c"; }
.ri-mouse-line:before { content: "\ef7d"; }
.ri-movie-2-fill:before { content: "\ef7e"; }
.ri-movie-2-line:before { content: "\ef7f"; }
.ri-movie-fill:before { content: "\ef80"; }
.ri-movie-line:before { content: "\ef81"; }
.ri-music-2-fill:before { content: "\ef82"; }
.ri-music-2-line:before { content: "\ef83"; }
.ri-music-fill:before { content: "\ef84"; }
.ri-music-line:before { content: "\ef85"; }
.ri-mv-fill:before { content: "\ef86"; }
.ri-mv-line:before { content: "\ef87"; }
.ri-navigation-fill:before { content: "\ef88"; }
.ri-navigation-line:before { content: "\ef89"; }
.ri-netease-cloud-music-fill:before { content: "\ef8a"; }
.ri-netease-cloud-music-line:before { content: "\ef8b"; }
.ri-netflix-fill:before { content: "\ef8c"; }
.ri-netflix-line:before { content: "\ef8d"; }
.ri-newspaper-fill:before { content: "\ef8e"; }
.ri-newspaper-line:before { content: "\ef8f"; }
.ri-node-tree:before { content: "\ef90"; }
.ri-notification-2-fill:before { content: "\ef91"; }
.ri-notification-2-line:before { content: "\ef92"; }
.ri-notification-3-fill:before { content: "\ef93"; }
.ri-notification-3-line:before { content: "\ef94"; }
.ri-notification-4-fill:before { content: "\ef95"; }
.ri-notification-4-line:before { content: "\ef96"; }
.ri-notification-badge-fill:before { content: "\ef97"; }
.ri-notification-badge-line:before { content: "\ef98"; }
.ri-notification-fill:before { content: "\ef99"; }
.ri-notification-line:before { content: "\ef9a"; }
.ri-notification-off-fill:before { content: "\ef9b"; }
.ri-notification-off-line:before { content: "\ef9c"; }
.ri-npmjs-fill:before { content: "\ef9d"; }
.ri-npmjs-line:before { content: "\ef9e"; }
.ri-number-0:before { content: "\ef9f"; }
.ri-number-1:before { content: "\efa0"; }
.ri-number-2:before { content: "\efa1"; }
.ri-number-3:before { content: "\efa2"; }
.ri-number-4:before { content: "\efa3"; }
.ri-number-5:before { content: "\efa4"; }
.ri-number-6:before { content: "\efa5"; }
.ri-number-7:before { content: "\efa6"; }
.ri-number-8:before { content: "\efa7"; }
.ri-number-9:before { content: "\efa8"; }
.ri-numbers-fill:before { content: "\efa9"; }
.ri-numbers-line:before { content: "\efaa"; }
.ri-nurse-fill:before { content: "\efab"; }
.ri-nurse-line:before { content: "\efac"; }
.ri-oil-fill:before { content: "\efad"; }
.ri-oil-line:before { content: "\efae"; }
.ri-omega:before { content: "\efaf"; }
.ri-open-arm-fill:before { content: "\efb0"; }
.ri-open-arm-line:before { content: "\efb1"; }
.ri-open-source-fill:before { content: "\efb2"; }
.ri-open-source-line:before { content: "\efb3"; }
.ri-opera-fill:before { content: "\efb4"; }
.ri-opera-line:before { content: "\efb5"; }
.ri-order-play-fill:before { content: "\efb6"; }
.ri-order-play-line:before { content: "\efb7"; }
.ri-organization-chart:before { content: "\efb8"; }
.ri-outlet-2-fill:before { content: "\efb9"; }
.ri-outlet-2-line:before { content: "\efba"; }
.ri-outlet-fill:before { content: "\efbb"; }
.ri-outlet-line:before { content: "\efbc"; }
.ri-page-separator:before { content: "\efbd"; }
.ri-pages-fill:before { content: "\efbe"; }
.ri-pages-line:before { content: "\efbf"; }
.ri-paint-brush-fill:before { content: "\efc0"; }
.ri-paint-brush-line:before { content: "\efc1"; }
.ri-paint-fill:before { content: "\efc2"; }
.ri-paint-line:before { content: "\efc3"; }
.ri-palette-fill:before { content: "\efc4"; }
.ri-palette-line:before { content: "\efc5"; }
.ri-pantone-fill:before { content: "\efc6"; }
.ri-pantone-line:before { content: "\efc7"; }
.ri-paragraph:before { content: "\efc8"; }
.ri-parent-fill:before { content: "\efc9"; }
.ri-parent-line:before { content: "\efca"; }
.ri-parentheses-fill:before { content: "\efcb"; }
.ri-parentheses-line:before { content: "\efcc"; }
.ri-parking-box-fill:before { content: "\efcd"; }
.ri-parking-box-line:before { content: "\efce"; }
.ri-parking-fill:before { content: "\efcf"; }
.ri-parking-line:before { content: "\efd0"; }
.ri-passport-fill:before { content: "\efd1"; }
.ri-passport-line:before { content: "\efd2"; }
.ri-patreon-fill:before { content: "\efd3"; }
.ri-patreon-line:before { content: "\efd4"; }
.ri-pause-circle-fill:before { content: "\efd5"; }
.ri-pause-circle-line:before { content: "\efd6"; }
.ri-pause-fill:before { content: "\efd7"; }
.ri-pause-line:before { content: "\efd8"; }
.ri-pause-mini-fill:before { content: "\efd9"; }
.ri-pause-mini-line:before { content: "\efda"; }
.ri-paypal-fill:before { content: "\efdb"; }
.ri-paypal-line:before { content: "\efdc"; }
.ri-pen-nib-fill:before { content: "\efdd"; }
.ri-pen-nib-line:before { content: "\efde"; }
.ri-pencil-fill:before { content: "\efdf"; }
.ri-pencil-line:before { content: "\efe0"; }
.ri-pencil-ruler-2-fill:before { content: "\efe1"; }
.ri-pencil-ruler-2-line:before { content: "\efe2"; }
.ri-pencil-ruler-fill:before { content: "\efe3"; }
.ri-pencil-ruler-line:before { content: "\efe4"; }
.ri-percent-fill:before { content: "\efe5"; }
.ri-percent-line:before { content: "\efe6"; }
.ri-phone-camera-fill:before { content: "\efe7"; }
.ri-phone-camera-line:before { content: "\efe8"; }
.ri-phone-fill:before { content: "\efe9"; }
.ri-phone-find-fill:before { content: "\efea"; }
.ri-phone-find-line:before { content: "\efeb"; }
.ri-phone-line:before { content: "\efec"; }
.ri-phone-lock-fill:before { content: "\efed"; }
.ri-phone-lock-line:before { content: "\efee"; }
.ri-picture-in-picture-2-fill:before { content: "\efef"; }
.ri-picture-in-picture-2-line:before { content: "\eff0"; }
.ri-picture-in-picture-exit-fill:before { content: "\eff1"; }
.ri-picture-in-picture-exit-line:before { content: "\eff2"; }
.ri-picture-in-picture-fill:before { content: "\eff3"; }
.ri-picture-in-picture-line:before { content: "\eff4"; }
.ri-pie-chart-2-fill:before { content: "\eff5"; }
.ri-pie-chart-2-line:before { content: "\eff6"; }
.ri-pie-chart-box-fill:before { content: "\eff7"; }
.ri-pie-chart-box-line:before { content: "\eff8"; }
.ri-pie-chart-fill:before { content: "\eff9"; }
.ri-pie-chart-line:before { content: "\effa"; }
.ri-pin-distance-fill:before { content: "\effb"; }
.ri-pin-distance-line:before { content: "\effc"; }
.ri-ping-pong-fill:before { content: "\effd"; }
.ri-ping-pong-line:before { content: "\effe"; }
.ri-pinterest-fill:before { content: "\efff"; }
.ri-pinterest-line:before { content: "\f000"; }
.ri-pinyin-input:before { content: "\f001"; }
.ri-pixelfed-fill:before { content: "\f002"; }
.ri-pixelfed-line:before { content: "\f003"; }
.ri-plane-fill:before { content: "\f004"; }
.ri-plane-line:before { content: "\f005"; }
.ri-plant-fill:before { content: "\f006"; }
.ri-plant-line:before { content: "\f007"; }
.ri-play-circle-fill:before { content: "\f008"; }
.ri-play-circle-line:before { content: "\f009"; }
.ri-play-fill:before { content: "\f00a"; }
.ri-play-line:before { content: "\f00b"; }
.ri-play-list-2-fill:before { content: "\f00c"; }
.ri-play-list-2-line:before { content: "\f00d"; }
.ri-play-list-add-fill:before { content: "\f00e"; }
.ri-play-list-add-line:before { content: "\f00f"; }
.ri-play-list-fill:before { content: "\f010"; }
.ri-play-list-line:before { content: "\f011"; }
.ri-play-mini-fill:before { content: "\f012"; }
.ri-play-mini-line:before { content: "\f013"; }
.ri-playstation-fill:before { content: "\f014"; }
.ri-playstation-line:before { content: "\f015"; }
.ri-plug-2-fill:before { content: "\f016"; }
.ri-plug-2-line:before { content: "\f017"; }
.ri-plug-fill:before { content: "\f018"; }
.ri-plug-line:before { content: "\f019"; }
.ri-polaroid-2-fill:before { content: "\f01a"; }
.ri-polaroid-2-line:before { content: "\f01b"; }
.ri-polaroid-fill:before { content: "\f01c"; }
.ri-polaroid-line:before { content: "\f01d"; }
.ri-police-car-fill:before { content: "\f01e"; }
.ri-police-car-line:before { content: "\f01f"; }
.ri-price-tag-2-fill:before { content: "\f020"; }
.ri-price-tag-2-line:before { content: "\f021"; }
.ri-price-tag-3-fill:before { content: "\f022"; }
.ri-price-tag-3-line:before { content: "\f023"; }
.ri-price-tag-fill:before { content: "\f024"; }
.ri-price-tag-line:before { content: "\f025"; }
.ri-printer-cloud-fill:before { content: "\f026"; }
.ri-printer-cloud-line:before { content: "\f027"; }
.ri-printer-fill:before { content: "\f028"; }
.ri-printer-line:before { content: "\f029"; }
.ri-product-hunt-fill:before { content: "\f02a"; }
.ri-product-hunt-line:before { content: "\f02b"; }
.ri-profile-fill:before { content: "\f02c"; }
.ri-profile-line:before { content: "\f02d"; }
.ri-projector-2-fill:before { content: "\f02e"; }
.ri-projector-2-line:before { content: "\f02f"; }
.ri-projector-fill:before { content: "\f030"; }
.ri-projector-line:before { content: "\f031"; }
.ri-psychotherapy-fill:before { content: "\f032"; }
.ri-psychotherapy-line:before { content: "\f033"; }
.ri-pulse-fill:before { content: "\f034"; }
.ri-pulse-line:before { content: "\f035"; }
.ri-pushpin-2-fill:before { content: "\f036"; }
.ri-pushpin-2-line:before { content: "\f037"; }
.ri-pushpin-fill:before { content: "\f038"; }
.ri-pushpin-line:before { content: "\f039"; }
.ri-qq-fill:before { content: "\f03a"; }
.ri-qq-line:before { content: "\f03b"; }
.ri-qr-code-fill:before { content: "\f03c"; }
.ri-qr-code-line:before { content: "\f03d"; }
.ri-qr-scan-2-fill:before { content: "\f03e"; }
.ri-qr-scan-2-line:before { content: "\f03f"; }
.ri-qr-scan-fill:before { content: "\f040"; }
.ri-qr-scan-line:before { content: "\f041"; }
.ri-question-answer-fill:before { content: "\f042"; }
.ri-question-answer-line:before { content: "\f043"; }
.ri-question-fill:before { content: "\f044"; }
.ri-question-line:before { content: "\f045"; }
.ri-question-mark:before { content: "\f046"; }
.ri-questionnaire-fill:before { content: "\f047"; }
.ri-questionnaire-line:before { content: "\f048"; }
.ri-quill-pen-fill:before { content: "\f049"; }
.ri-quill-pen-line:before { content: "\f04a"; }
.ri-radar-fill:before { content: "\f04b"; }
.ri-radar-line:before { content: "\f04c"; }
.ri-radio-2-fill:before { content: "\f04d"; }
.ri-radio-2-line:before { content: "\f04e"; }
.ri-radio-button-fill:before { content: "\f04f"; }
.ri-radio-button-line:before { content: "\f050"; }
.ri-radio-fill:before { content: "\f051"; }
.ri-radio-line:before { content: "\f052"; }
.ri-rainbow-fill:before { content: "\f053"; }
.ri-rainbow-line:before { content: "\f054"; }
.ri-rainy-fill:before { content: "\f055"; }
.ri-rainy-line:before { content: "\f056"; }
.ri-reactjs-fill:before { content: "\f057"; }
.ri-reactjs-line:before { content: "\f058"; }
.ri-record-circle-fill:before { content: "\f059"; }
.ri-record-circle-line:before { content: "\f05a"; }
.ri-record-mail-fill:before { content: "\f05b"; }
.ri-record-mail-line:before { content: "\f05c"; }
.ri-recycle-fill:before { content: "\f05d"; }
.ri-recycle-line:before { content: "\f05e"; }
.ri-red-packet-fill:before { content: "\f05f"; }
.ri-red-packet-line:before { content: "\f060"; }
.ri-reddit-fill:before { content: "\f061"; }
.ri-reddit-line:before { content: "\f062"; }
.ri-refresh-fill:before { content: "\f063"; }
.ri-refresh-line:before { content: "\f064"; }
.ri-refund-2-fill:before { content: "\f065"; }
.ri-refund-2-line:before { content: "\f066"; }
.ri-refund-fill:before { content: "\f067"; }
.ri-refund-line:before { content: "\f068"; }
.ri-registered-fill:before { content: "\f069"; }
.ri-registered-line:before { content: "\f06a"; }
.ri-remixicon-fill:before { content: "\f06b"; }
.ri-remixicon-line:before { content: "\f06c"; }
.ri-remote-control-2-fill:before { content: "\f06d"; }
.ri-remote-control-2-line:before { content: "\f06e"; }
.ri-remote-control-fill:before { content: "\f06f"; }
.ri-remote-control-line:before { content: "\f070"; }
.ri-repeat-2-fill:before { content: "\f071"; }
.ri-repeat-2-line:before { content: "\f072"; }
.ri-repeat-fill:before { content: "\f073"; }
.ri-repeat-line:before { content: "\f074"; }
.ri-repeat-one-fill:before { content: "\f075"; }
.ri-repeat-one-line:before { content: "\f076"; }
.ri-reply-all-fill:before { content: "\f077"; }
.ri-reply-all-line:before { content: "\f078"; }
.ri-reply-fill:before { content: "\f079"; }
.ri-reply-line:before { content: "\f07a"; }
.ri-reserved-fill:before { content: "\f07b"; }
.ri-reserved-line:before { content: "\f07c"; }
.ri-rest-time-fill:before { content: "\f07d"; }
.ri-rest-time-line:before { content: "\f07e"; }
.ri-restart-fill:before { content: "\f07f"; }
.ri-restart-line:before { content: "\f080"; }
.ri-restaurant-2-fill:before { content: "\f081"; }
.ri-restaurant-2-line:before { content: "\f082"; }
.ri-restaurant-fill:before { content: "\f083"; }
.ri-restaurant-line:before { content: "\f084"; }
.ri-rewind-fill:before { content: "\f085"; }
.ri-rewind-line:before { content: "\f086"; }
.ri-rewind-mini-fill:before { content: "\f087"; }
.ri-rewind-mini-line:before { content: "\f088"; }
.ri-rhythm-fill:before { content: "\f089"; }
.ri-rhythm-line:before { content: "\f08a"; }
.ri-riding-fill:before { content: "\f08b"; }
.ri-riding-line:before { content: "\f08c"; }
.ri-road-map-fill:before { content: "\f08d"; }
.ri-road-map-line:before { content: "\f08e"; }
.ri-roadster-fill:before { content: "\f08f"; }
.ri-roadster-line:before { content: "\f090"; }
.ri-robot-fill:before { content: "\f091"; }
.ri-robot-line:before { content: "\f092"; }
.ri-rocket-2-fill:before { content: "\f093"; }
.ri-rocket-2-line:before { content: "\f094"; }
.ri-rocket-fill:before { content: "\f095"; }
.ri-rocket-line:before { content: "\f096"; }
.ri-rotate-lock-fill:before { content: "\f097"; }
.ri-rotate-lock-line:before { content: "\f098"; }
.ri-rounded-corner:before { content: "\f099"; }
.ri-route-fill:before { content: "\f09a"; }
.ri-route-line:before { content: "\f09b"; }
.ri-router-fill:before { content: "\f09c"; }
.ri-router-line:before { content: "\f09d"; }
.ri-rss-fill:before { content: "\f09e"; }
.ri-rss-line:before { content: "\f09f"; }
.ri-ruler-2-fill:before { content: "\f0a0"; }
.ri-ruler-2-line:before { content: "\f0a1"; }
.ri-ruler-fill:before { content: "\f0a2"; }
.ri-ruler-line:before { content: "\f0a3"; }
.ri-run-fill:before { content: "\f0a4"; }
.ri-run-line:before { content: "\f0a5"; }
.ri-safari-fill:before { content: "\f0a6"; }
.ri-safari-line:before { content: "\f0a7"; }
.ri-safe-2-fill:before { content: "\f0a8"; }
.ri-safe-2-line:before { content: "\f0a9"; }
.ri-safe-fill:before { content: "\f0aa"; }
.ri-safe-line:before { content: "\f0ab"; }
.ri-sailboat-fill:before { content: "\f0ac"; }
.ri-sailboat-line:before { content: "\f0ad"; }
.ri-save-2-fill:before { content: "\f0ae"; }
.ri-save-2-line:before { content: "\f0af"; }
.ri-save-3-fill:before { content: "\f0b0"; }
.ri-save-3-line:before { content: "\f0b1"; }
.ri-save-fill:before { content: "\f0b2"; }
.ri-save-line:before { content: "\f0b3"; }
.ri-scales-2-fill:before { content: "\f0b4"; }
.ri-scales-2-line:before { content: "\f0b5"; }
.ri-scales-3-fill:before { content: "\f0b6"; }
.ri-scales-3-line:before { content: "\f0b7"; }
.ri-scales-fill:before { content: "\f0b8"; }
.ri-scales-line:before { content: "\f0b9"; }
.ri-scan-2-fill:before { content: "\f0ba"; }
.ri-scan-2-line:before { content: "\f0bb"; }
.ri-scan-fill:before { content: "\f0bc"; }
.ri-scan-line:before { content: "\f0bd"; }
.ri-scissors-2-fill:before { content: "\f0be"; }
.ri-scissors-2-line:before { content: "\f0bf"; }
.ri-scissors-cut-fill:before { content: "\f0c0"; }
.ri-scissors-cut-line:before { content: "\f0c1"; }
.ri-scissors-fill:before { content: "\f0c2"; }
.ri-scissors-line:before { content: "\f0c3"; }
.ri-screenshot-2-fill:before { content: "\f0c4"; }
.ri-screenshot-2-line:before { content: "\f0c5"; }
.ri-screenshot-fill:before { content: "\f0c6"; }
.ri-screenshot-line:before { content: "\f0c7"; }
.ri-sd-card-fill:before { content: "\f0c8"; }
.ri-sd-card-line:before { content: "\f0c9"; }
.ri-sd-card-mini-fill:before { content: "\f0ca"; }
.ri-sd-card-mini-line:before { content: "\f0cb"; }
.ri-search-2-fill:before { content: "\f0cc"; }
.ri-search-2-line:before { content: "\f0cd"; }
.ri-search-eye-fill:before { content: "\f0ce"; }
.ri-search-eye-line:before { content: "\f0cf"; }
.ri-search-fill:before { content: "\f0d0"; }
.ri-search-line:before { content: "\f0d1"; }
.ri-secure-payment-fill:before { content: "\f0d2"; }
.ri-secure-payment-line:before { content: "\f0d3"; }
.ri-seedling-fill:before { content: "\f0d4"; }
.ri-seedling-line:before { content: "\f0d5"; }
.ri-send-backward:before { content: "\f0d6"; }
.ri-send-plane-2-fill:before { content: "\f0d7"; }
.ri-send-plane-2-line:before { content: "\f0d8"; }
.ri-send-plane-fill:before { content: "\f0d9"; }
.ri-send-plane-line:before { content: "\f0da"; }
.ri-send-to-back:before { content: "\f0db"; }
.ri-sensor-fill:before { content: "\f0dc"; }
.ri-sensor-line:before { content: "\f0dd"; }
.ri-separator:before { content: "\f0de"; }
.ri-server-fill:before { content: "\f0df"; }
.ri-server-line:before { content: "\f0e0"; }
.ri-service-fill:before { content: "\f0e1"; }
.ri-service-line:before { content: "\f0e2"; }
.ri-settings-2-fill:before { content: "\f0e3"; }
.ri-settings-2-line:before { content: "\f0e4"; }
.ri-settings-3-fill:before { content: "\f0e5"; }
.ri-settings-3-line:before { content: "\f0e6"; }
.ri-settings-4-fill:before { content: "\f0e7"; }
.ri-settings-4-line:before { content: "\f0e8"; }
.ri-settings-5-fill:before { content: "\f0e9"; }
.ri-settings-5-line:before { content: "\f0ea"; }
.ri-settings-6-fill:before { content: "\f0eb"; }
.ri-settings-6-line:before { content: "\f0ec"; }
.ri-settings-fill:before { content: "\f0ed"; }
.ri-settings-line:before { content: "\f0ee"; }
.ri-shape-2-fill:before { content: "\f0ef"; }
.ri-shape-2-line:before { content: "\f0f0"; }
.ri-shape-fill:before { content: "\f0f1"; }
.ri-shape-line:before { content: "\f0f2"; }
.ri-share-box-fill:before { content: "\f0f3"; }
.ri-share-box-line:before { content: "\f0f4"; }
.ri-share-circle-fill:before { content: "\f0f5"; }
.ri-share-circle-line:before { content: "\f0f6"; }
.ri-share-fill:before { content: "\f0f7"; }
.ri-share-forward-2-fill:before { content: "\f0f8"; }
.ri-share-forward-2-line:before { content: "\f0f9"; }
.ri-share-forward-box-fill:before { content: "\f0fa"; }
.ri-share-forward-box-line:before { content: "\f0fb"; }
.ri-share-forward-fill:before { content: "\f0fc"; }
.ri-share-forward-line:before { content: "\f0fd"; }
.ri-share-line:before { content: "\f0fe"; }
.ri-shield-check-fill:before { content: "\f0ff"; }
.ri-shield-check-line:before { content: "\f100"; }
.ri-shield-cross-fill:before { content: "\f101"; }
.ri-shield-cross-line:before { content: "\f102"; }
.ri-shield-fill:before { content: "\f103"; }
.ri-shield-flash-fill:before { content: "\f104"; }
.ri-shield-flash-line:before { content: "\f105"; }
.ri-shield-keyhole-fill:before { content: "\f106"; }
.ri-shield-keyhole-line:before { content: "\f107"; }
.ri-shield-line:before { content: "\f108"; }
.ri-shield-star-fill:before { content: "\f109"; }
.ri-shield-star-line:before { content: "\f10a"; }
.ri-shield-user-fill:before { content: "\f10b"; }
.ri-shield-user-line:before { content: "\f10c"; }
.ri-ship-2-fill:before { content: "\f10d"; }
.ri-ship-2-line:before { content: "\f10e"; }
.ri-ship-fill:before { content: "\f10f"; }
.ri-ship-line:before { content: "\f110"; }
.ri-shirt-fill:before { content: "\f111"; }
.ri-shirt-line:before { content: "\f112"; }
.ri-shopping-bag-2-fill:before { content: "\f113"; }
.ri-shopping-bag-2-line:before { content: "\f114"; }
.ri-shopping-bag-3-fill:before { content: "\f115"; }
.ri-shopping-bag-3-line:before { content: "\f116"; }
.ri-shopping-bag-fill:before { content: "\f117"; }
.ri-shopping-bag-line:before { content: "\f118"; }
.ri-shopping-basket-2-fill:before { content: "\f119"; }
.ri-shopping-basket-2-line:before { content: "\f11a"; }
.ri-shopping-basket-fill:before { content: "\f11b"; }
.ri-shopping-basket-line:before { content: "\f11c"; }
.ri-shopping-cart-2-fill:before { content: "\f11d"; }
.ri-shopping-cart-2-line:before { content: "\f11e"; }
.ri-shopping-cart-fill:before { content: "\f11f"; }
.ri-shopping-cart-line:before { content: "\f120"; }
.ri-showers-fill:before { content: "\f121"; }
.ri-showers-line:before { content: "\f122"; }
.ri-shuffle-fill:before { content: "\f123"; }
.ri-shuffle-line:before { content: "\f124"; }
.ri-shut-down-fill:before { content: "\f125"; }
.ri-shut-down-line:before { content: "\f126"; }
.ri-side-bar-fill:before { content: "\f127"; }
.ri-side-bar-line:before { content: "\f128"; }
.ri-signal-tower-fill:before { content: "\f129"; }
.ri-signal-tower-line:before { content: "\f12a"; }
.ri-signal-wifi-1-fill:before { content: "\f12b"; }
.ri-signal-wifi-1-line:before { content: "\f12c"; }
.ri-signal-wifi-2-fill:before { content: "\f12d"; }
.ri-signal-wifi-2-line:before { content: "\f12e"; }
.ri-signal-wifi-3-fill:before { content: "\f12f"; }
.ri-signal-wifi-3-line:before { content: "\f130"; }
.ri-signal-wifi-error-fill:before { content: "\f131"; }
.ri-signal-wifi-error-line:before { content: "\f132"; }
.ri-signal-wifi-fill:before { content: "\f133"; }
.ri-signal-wifi-line:before { content: "\f134"; }
.ri-signal-wifi-off-fill:before { content: "\f135"; }
.ri-signal-wifi-off-line:before { content: "\f136"; }
.ri-sim-card-2-fill:before { content: "\f137"; }
.ri-sim-card-2-line:before { content: "\f138"; }
.ri-sim-card-fill:before { content: "\f139"; }
.ri-sim-card-line:before { content: "\f13a"; }
.ri-single-quotes-l:before { content: "\f13b"; }
.ri-single-quotes-r:before { content: "\f13c"; }
.ri-sip-fill:before { content: "\f13d"; }
.ri-sip-line:before { content: "\f13e"; }
.ri-skip-back-fill:before { content: "\f13f"; }
.ri-skip-back-line:before { content: "\f140"; }
.ri-skip-back-mini-fill:before { content: "\f141"; }
.ri-skip-back-mini-line:before { content: "\f142"; }
.ri-skip-forward-fill:before { content: "\f143"; }
.ri-skip-forward-line:before { content: "\f144"; }
.ri-skip-forward-mini-fill:before { content: "\f145"; }
.ri-skip-forward-mini-line:before { content: "\f146"; }
.ri-skull-2-fill:before { content: "\f147"; }
.ri-skull-2-line:before { content: "\f148"; }
.ri-skull-fill:before { content: "\f149"; }
.ri-skull-line:before { content: "\f14a"; }
.ri-skype-fill:before { content: "\f14b"; }
.ri-skype-line:before { content: "\f14c"; }
.ri-slack-fill:before { content: "\f14d"; }
.ri-slack-line:before { content: "\f14e"; }
.ri-slice-fill:before { content: "\f14f"; }
.ri-slice-line:before { content: "\f150"; }
.ri-slideshow-2-fill:before { content: "\f151"; }
.ri-slideshow-2-line:before { content: "\f152"; }
.ri-slideshow-3-fill:before { content: "\f153"; }
.ri-slideshow-3-line:before { content: "\f154"; }
.ri-slideshow-4-fill:before { content: "\f155"; }
.ri-slideshow-4-line:before { content: "\f156"; }
.ri-slideshow-fill:before { content: "\f157"; }
.ri-slideshow-line:before { content: "\f158"; }
.ri-smartphone-fill:before { content: "\f159"; }
.ri-smartphone-line:before { content: "\f15a"; }
.ri-snapchat-fill:before { content: "\f15b"; }
.ri-snapchat-line:before { content: "\f15c"; }
.ri-snowy-fill:before { content: "\f15d"; }
.ri-snowy-line:before { content: "\f15e"; }
.ri-sort-asc:before { content: "\f15f"; }
.ri-sort-desc:before { content: "\f160"; }
.ri-sound-module-fill:before { content: "\f161"; }
.ri-sound-module-line:before { content: "\f162"; }
.ri-soundcloud-fill:before { content: "\f163"; }
.ri-soundcloud-line:before { content: "\f164"; }
.ri-space-ship-fill:before { content: "\f165"; }
.ri-space-ship-line:before { content: "\f166"; }
.ri-space:before { content: "\f167"; }
.ri-spam-2-fill:before { content: "\f168"; }
.ri-spam-2-line:before { content: "\f169"; }
.ri-spam-3-fill:before { content: "\f16a"; }
.ri-spam-3-line:before { content: "\f16b"; }
.ri-spam-fill:before { content: "\f16c"; }
.ri-spam-line:before { content: "\f16d"; }
.ri-speaker-2-fill:before { content: "\f16e"; }
.ri-speaker-2-line:before { content: "\f16f"; }
.ri-speaker-3-fill:before { content: "\f170"; }
.ri-speaker-3-line:before { content: "\f171"; }
.ri-speaker-fill:before { content: "\f172"; }
.ri-speaker-line:before { content: "\f173"; }
.ri-spectrum-fill:before { content: "\f174"; }
.ri-spectrum-line:before { content: "\f175"; }
.ri-speed-fill:before { content: "\f176"; }
.ri-speed-line:before { content: "\f177"; }
.ri-speed-mini-fill:before { content: "\f178"; }
.ri-speed-mini-line:before { content: "\f179"; }
.ri-split-cells-horizontal:before { content: "\f17a"; }
.ri-split-cells-vertical:before { content: "\f17b"; }
.ri-spotify-fill:before { content: "\f17c"; }
.ri-spotify-line:before { content: "\f17d"; }
.ri-spy-fill:before { content: "\f17e"; }
.ri-spy-line:before { content: "\f17f"; }
.ri-stack-fill:before { content: "\f180"; }
.ri-stack-line:before { content: "\f181"; }
.ri-stack-overflow-fill:before { content: "\f182"; }
.ri-stack-overflow-line:before { content: "\f183"; }
.ri-stackshare-fill:before { content: "\f184"; }
.ri-stackshare-line:before { content: "\f185"; }
.ri-star-fill:before { content: "\f186"; }
.ri-star-half-fill:before { content: "\f187"; }
.ri-star-half-line:before { content: "\f188"; }
.ri-star-half-s-fill:before { content: "\f189"; }
.ri-star-half-s-line:before { content: "\f18a"; }
.ri-star-line:before { content: "\f18b"; }
.ri-star-s-fill:before { content: "\f18c"; }
.ri-star-s-line:before { content: "\f18d"; }
.ri-star-smile-fill:before { content: "\f18e"; }
.ri-star-smile-line:before { content: "\f18f"; }
.ri-steam-fill:before { content: "\f190"; }
.ri-steam-line:before { content: "\f191"; }
.ri-steering-2-fill:before { content: "\f192"; }
.ri-steering-2-line:before { content: "\f193"; }
.ri-steering-fill:before { content: "\f194"; }
.ri-steering-line:before { content: "\f195"; }
.ri-stethoscope-fill:before { content: "\f196"; }
.ri-stethoscope-line:before { content: "\f197"; }
.ri-sticky-note-2-fill:before { content: "\f198"; }
.ri-sticky-note-2-line:before { content: "\f199"; }
.ri-sticky-note-fill:before { content: "\f19a"; }
.ri-sticky-note-line:before { content: "\f19b"; }
.ri-stock-fill:before { content: "\f19c"; }
.ri-stock-line:before { content: "\f19d"; }
.ri-stop-circle-fill:before { content: "\f19e"; }
.ri-stop-circle-line:before { content: "\f19f"; }
.ri-stop-fill:before { content: "\f1a0"; }
.ri-stop-line:before { content: "\f1a1"; }
.ri-stop-mini-fill:before { content: "\f1a2"; }
.ri-stop-mini-line:before { content: "\f1a3"; }
.ri-store-2-fill:before { content: "\f1a4"; }
.ri-store-2-line:before { content: "\f1a5"; }
.ri-store-3-fill:before { content: "\f1a6"; }
.ri-store-3-line:before { content: "\f1a7"; }
.ri-store-fill:before { content: "\f1a8"; }
.ri-store-line:before { content: "\f1a9"; }
.ri-strikethrough-2:before { content: "\f1aa"; }
.ri-strikethrough:before { content: "\f1ab"; }
.ri-subscript-2:before { content: "\f1ac"; }
.ri-subscript:before { content: "\f1ad"; }
.ri-subtract-fill:before { content: "\f1ae"; }
.ri-subtract-line:before { content: "\f1af"; }
.ri-subway-fill:before { content: "\f1b0"; }
.ri-subway-line:before { content: "\f1b1"; }
.ri-subway-wifi-fill:before { content: "\f1b2"; }
.ri-subway-wifi-line:before { content: "\f1b3"; }
.ri-suitcase-2-fill:before { content: "\f1b4"; }
.ri-suitcase-2-line:before { content: "\f1b5"; }
.ri-suitcase-3-fill:before { content: "\f1b6"; }
.ri-suitcase-3-line:before { content: "\f1b7"; }
.ri-suitcase-fill:before { content: "\f1b8"; }
.ri-suitcase-line:before { content: "\f1b9"; }
.ri-sun-cloudy-fill:before { content: "\f1ba"; }
.ri-sun-cloudy-line:before { content: "\f1bb"; }
.ri-sun-fill:before { content: "\f1bc"; }
.ri-sun-foggy-fill:before { content: "\f1bd"; }
.ri-sun-foggy-line:before { content: "\f1be"; }
.ri-sun-line:before { content: "\f1bf"; }
.ri-superscript-2:before { content: "\f1c0"; }
.ri-superscript:before { content: "\f1c1"; }
.ri-surgical-mask-fill:before { content: "\f1c2"; }
.ri-surgical-mask-line:before { content: "\f1c3"; }
.ri-surround-sound-fill:before { content: "\f1c4"; }
.ri-surround-sound-line:before { content: "\f1c5"; }
.ri-survey-fill:before { content: "\f1c6"; }
.ri-survey-line:before { content: "\f1c7"; }
.ri-swap-box-fill:before { content: "\f1c8"; }
.ri-swap-box-line:before { content: "\f1c9"; }
.ri-swap-fill:before { content: "\f1ca"; }
.ri-swap-line:before { content: "\f1cb"; }
.ri-switch-fill:before { content: "\f1cc"; }
.ri-switch-line:before { content: "\f1cd"; }
.ri-sword-fill:before { content: "\f1ce"; }
.ri-sword-line:before { content: "\f1cf"; }
.ri-syringe-fill:before { content: "\f1d0"; }
.ri-syringe-line:before { content: "\f1d1"; }
.ri-t-box-fill:before { content: "\f1d2"; }
.ri-t-box-line:before { content: "\f1d3"; }
.ri-t-shirt-2-fill:before { content: "\f1d4"; }
.ri-t-shirt-2-line:before { content: "\f1d5"; }
.ri-t-shirt-air-fill:before { content: "\f1d6"; }
.ri-t-shirt-air-line:before { content: "\f1d7"; }
.ri-t-shirt-fill:before { content: "\f1d8"; }
.ri-t-shirt-line:before { content: "\f1d9"; }
.ri-table-2:before { content: "\f1da"; }
.ri-table-alt-fill:before { content: "\f1db"; }
.ri-table-alt-line:before { content: "\f1dc"; }
.ri-table-fill:before { content: "\f1dd"; }
.ri-table-line:before { content: "\f1de"; }
.ri-tablet-fill:before { content: "\f1df"; }
.ri-tablet-line:before { content: "\f1e0"; }
.ri-takeaway-fill:before { content: "\f1e1"; }
.ri-takeaway-line:before { content: "\f1e2"; }
.ri-taobao-fill:before { content: "\f1e3"; }
.ri-taobao-line:before { content: "\f1e4"; }
.ri-tape-fill:before { content: "\f1e5"; }
.ri-tape-line:before { content: "\f1e6"; }
.ri-task-fill:before { content: "\f1e7"; }
.ri-task-line:before { content: "\f1e8"; }
.ri-taxi-fill:before { content: "\f1e9"; }
.ri-taxi-line:before { content: "\f1ea"; }
.ri-taxi-wifi-fill:before { content: "\f1eb"; }
.ri-taxi-wifi-line:before { content: "\f1ec"; }
.ri-team-fill:before { content: "\f1ed"; }
.ri-team-line:before { content: "\f1ee"; }
.ri-telegram-fill:before { content: "\f1ef"; }
.ri-telegram-line:before { content: "\f1f0"; }
.ri-temp-cold-fill:before { content: "\f1f1"; }
.ri-temp-cold-line:before { content: "\f1f2"; }
.ri-temp-hot-fill:before { content: "\f1f3"; }
.ri-temp-hot-line:before { content: "\f1f4"; }
.ri-terminal-box-fill:before { content: "\f1f5"; }
.ri-terminal-box-line:before { content: "\f1f6"; }
.ri-terminal-fill:before { content: "\f1f7"; }
.ri-terminal-line:before { content: "\f1f8"; }
.ri-terminal-window-fill:before { content: "\f1f9"; }
.ri-terminal-window-line:before { content: "\f1fa"; }
.ri-test-tube-fill:before { content: "\f1fb"; }
.ri-test-tube-line:before { content: "\f1fc"; }
.ri-text-direction-l:before { content: "\f1fd"; }
.ri-text-direction-r:before { content: "\f1fe"; }
.ri-text-spacing:before { content: "\f1ff"; }
.ri-text-wrap:before { content: "\f200"; }
.ri-text:before { content: "\f201"; }
.ri-thermometer-fill:before { content: "\f202"; }
.ri-thermometer-line:before { content: "\f203"; }
.ri-thumb-down-fill:before { content: "\f204"; }
.ri-thumb-down-line:before { content: "\f205"; }
.ri-thumb-up-fill:before { content: "\f206"; }
.ri-thumb-up-line:before { content: "\f207"; }
.ri-thunderstorms-fill:before { content: "\f208"; }
.ri-thunderstorms-line:before { content: "\f209"; }
.ri-ticket-2-fill:before { content: "\f20a"; }
.ri-ticket-2-line:before { content: "\f20b"; }
.ri-ticket-fill:before { content: "\f20c"; }
.ri-ticket-line:before { content: "\f20d"; }
.ri-time-fill:before { content: "\f20e"; }
.ri-time-line:before { content: "\f20f"; }
.ri-timer-2-fill:before { content: "\f210"; }
.ri-timer-2-line:before { content: "\f211"; }
.ri-timer-fill:before { content: "\f212"; }
.ri-timer-flash-fill:before { content: "\f213"; }
.ri-timer-flash-line:before { content: "\f214"; }
.ri-timer-line:before { content: "\f215"; }
.ri-todo-fill:before { content: "\f216"; }
.ri-todo-line:before { content: "\f217"; }
.ri-toggle-fill:before { content: "\f218"; }
.ri-toggle-line:before { content: "\f219"; }
.ri-tools-fill:before { content: "\f21a"; }
.ri-tools-line:before { content: "\f21b"; }
.ri-tornado-fill:before { content: "\f21c"; }
.ri-tornado-line:before { content: "\f21d"; }
.ri-trademark-fill:before { content: "\f21e"; }
.ri-trademark-line:before { content: "\f21f"; }
.ri-traffic-light-fill:before { content: "\f220"; }
.ri-traffic-light-line:before { content: "\f221"; }
.ri-train-fill:before { content: "\f222"; }
.ri-train-line:before { content: "\f223"; }
.ri-train-wifi-fill:before { content: "\f224"; }
.ri-train-wifi-line:before { content: "\f225"; }
.ri-translate-2:before { content: "\f226"; }
.ri-translate:before { content: "\f227"; }
.ri-travesti-fill:before { content: "\f228"; }
.ri-travesti-line:before { content: "\f229"; }
.ri-treasure-map-fill:before { content: "\f22a"; }
.ri-treasure-map-line:before { content: "\f22b"; }
.ri-trello-fill:before { content: "\f22c"; }
.ri-trello-line:before { content: "\f22d"; }
.ri-trophy-fill:before { content: "\f22e"; }
.ri-trophy-line:before { content: "\f22f"; }
.ri-truck-fill:before { content: "\f230"; }
.ri-truck-line:before { content: "\f231"; }
.ri-tumblr-fill:before { content: "\f232"; }
.ri-tumblr-line:before { content: "\f233"; }
.ri-tv-2-fill:before { content: "\f234"; }
.ri-tv-2-line:before { content: "\f235"; }
.ri-tv-fill:before { content: "\f236"; }
.ri-tv-line:before { content: "\f237"; }
.ri-twitch-fill:before { content: "\f238"; }
.ri-twitch-line:before { content: "\f239"; }
.ri-twitter-fill:before { content: "\f23a"; }
.ri-twitter-line:before { content: "\f23b"; }
.ri-typhoon-fill:before { content: "\f23c"; }
.ri-typhoon-line:before { content: "\f23d"; }
.ri-u-disk-fill:before { content: "\f23e"; }
.ri-u-disk-line:before { content: "\f23f"; }
.ri-ubuntu-fill:before { content: "\f240"; }
.ri-ubuntu-line:before { content: "\f241"; }
.ri-umbrella-fill:before { content: "\f242"; }
.ri-umbrella-line:before { content: "\f243"; }
.ri-underline:before { content: "\f244"; }
.ri-uninstall-fill:before { content: "\f245"; }
.ri-uninstall-line:before { content: "\f246"; }
.ri-unsplash-fill:before { content: "\f247"; }
.ri-unsplash-line:before { content: "\f248"; }
.ri-upload-2-fill:before { content: "\f249"; }
.ri-upload-2-line:before { content: "\f24a"; }
.ri-upload-cloud-2-fill:before { content: "\f24b"; }
.ri-upload-cloud-2-line:before { content: "\f24c"; }
.ri-upload-cloud-fill:before { content: "\f24d"; }
.ri-upload-cloud-line:before { content: "\f24e"; }
.ri-upload-fill:before { content: "\f24f"; }
.ri-upload-line:before { content: "\f250"; }
.ri-usb-fill:before { content: "\f251"; }
.ri-usb-line:before { content: "\f252"; }
.ri-user-2-fill:before { content: "\f253"; }
.ri-user-2-line:before { content: "\f254"; }
.ri-user-3-fill:before { content: "\f255"; }
.ri-user-3-line:before { content: "\f256"; }
.ri-user-4-fill:before { content: "\f257"; }
.ri-user-4-line:before { content: "\f258"; }
.ri-user-5-fill:before { content: "\f259"; }
.ri-user-5-line:before { content: "\f25a"; }
.ri-user-6-fill:before { content: "\f25b"; }
.ri-user-6-line:before { content: "\f25c"; }
.ri-user-add-fill:before { content: "\f25d"; }
.ri-user-add-line:before { content: "\f25e"; }
.ri-user-fill:before { content: "\f25f"; }
.ri-user-follow-fill:before { content: "\f260"; }
.ri-user-follow-line:before { content: "\f261"; }
.ri-user-heart-fill:before { content: "\f262"; }
.ri-user-heart-line:before { content: "\f263"; }
.ri-user-line:before { content: "\f264"; }
.ri-user-location-fill:before { content: "\f265"; }
.ri-user-location-line:before { content: "\f266"; }
.ri-user-received-2-fill:before { content: "\f267"; }
.ri-user-received-2-line:before { content: "\f268"; }
.ri-user-received-fill:before { content: "\f269"; }
.ri-user-received-line:before { content: "\f26a"; }
.ri-user-search-fill:before { content: "\f26b"; }
.ri-user-search-line:before { content: "\f26c"; }
.ri-user-settings-fill:before { content: "\f26d"; }
.ri-user-settings-line:before { content: "\f26e"; }
.ri-user-shared-2-fill:before { content: "\f26f"; }
.ri-user-shared-2-line:before { content: "\f270"; }
.ri-user-shared-fill:before { content: "\f271"; }
.ri-user-shared-line:before { content: "\f272"; }
.ri-user-smile-fill:before { content: "\f273"; }
.ri-user-smile-line:before { content: "\f274"; }
.ri-user-star-fill:before { content: "\f275"; }
.ri-user-star-line:before { content: "\f276"; }
.ri-user-unfollow-fill:before { content: "\f277"; }
.ri-user-unfollow-line:before { content: "\f278"; }
.ri-user-voice-fill:before { content: "\f279"; }
.ri-user-voice-line:before { content: "\f27a"; }
.ri-video-add-fill:before { content: "\f27b"; }
.ri-video-add-line:before { content: "\f27c"; }
.ri-video-chat-fill:before { content: "\f27d"; }
.ri-video-chat-line:before { content: "\f27e"; }
.ri-video-download-fill:before { content: "\f27f"; }
.ri-video-download-line:before { content: "\f280"; }
.ri-video-fill:before { content: "\f281"; }
.ri-video-line:before { content: "\f282"; }
.ri-video-upload-fill:before { content: "\f283"; }
.ri-video-upload-line:before { content: "\f284"; }
.ri-vidicon-2-fill:before { content: "\f285"; }
.ri-vidicon-2-line:before { content: "\f286"; }
.ri-vidicon-fill:before { content: "\f287"; }
.ri-vidicon-line:before { content: "\f288"; }
.ri-vimeo-fill:before { content: "\f289"; }
.ri-vimeo-line:before { content: "\f28a"; }
.ri-vip-crown-2-fill:before { content: "\f28b"; }
.ri-vip-crown-2-line:before { content: "\f28c"; }
.ri-vip-crown-fill:before { content: "\f28d"; }
.ri-vip-crown-line:before { content: "\f28e"; }
.ri-vip-diamond-fill:before { content: "\f28f"; }
.ri-vip-diamond-line:before { content: "\f290"; }
.ri-vip-fill:before { content: "\f291"; }
.ri-vip-line:before { content: "\f292"; }
.ri-virus-fill:before { content: "\f293"; }
.ri-virus-line:before { content: "\f294"; }
.ri-visa-fill:before { content: "\f295"; }
.ri-visa-line:before { content: "\f296"; }
.ri-voice-recognition-fill:before { content: "\f297"; }
.ri-voice-recognition-line:before { content: "\f298"; }
.ri-voiceprint-fill:before { content: "\f299"; }
.ri-voiceprint-line:before { content: "\f29a"; }
.ri-volume-down-fill:before { content: "\f29b"; }
.ri-volume-down-line:before { content: "\f29c"; }
.ri-volume-mute-fill:before { content: "\f29d"; }
.ri-volume-mute-line:before { content: "\f29e"; }
.ri-volume-off-vibrate-fill:before { content: "\f29f"; }
.ri-volume-off-vibrate-line:before { content: "\f2a0"; }
.ri-volume-up-fill:before { content: "\f2a1"; }
.ri-volume-up-line:before { content: "\f2a2"; }
.ri-volume-vibrate-fill:before { content: "\f2a3"; }
.ri-volume-vibrate-line:before { content: "\f2a4"; }
.ri-vuejs-fill:before { content: "\f2a5"; }
.ri-vuejs-line:before { content: "\f2a6"; }
.ri-walk-fill:before { content: "\f2a7"; }
.ri-walk-line:before { content: "\f2a8"; }
.ri-wallet-2-fill:before { content: "\f2a9"; }
.ri-wallet-2-line:before { content: "\f2aa"; }
.ri-wallet-3-fill:before { content: "\f2ab"; }
.ri-wallet-3-line:before { content: "\f2ac"; }
.ri-wallet-fill:before { content: "\f2ad"; }
.ri-wallet-line:before { content: "\f2ae"; }
.ri-water-flash-fill:before { content: "\f2af"; }
.ri-water-flash-line:before { content: "\f2b0"; }
.ri-webcam-fill:before { content: "\f2b1"; }
.ri-webcam-line:before { content: "\f2b2"; }
.ri-wechat-2-fill:before { content: "\f2b3"; }
.ri-wechat-2-line:before { content: "\f2b4"; }
.ri-wechat-fill:before { content: "\f2b5"; }
.ri-wechat-line:before { content: "\f2b6"; }
.ri-wechat-pay-fill:before { content: "\f2b7"; }
.ri-wechat-pay-line:before { content: "\f2b8"; }
.ri-weibo-fill:before { content: "\f2b9"; }
.ri-weibo-line:before { content: "\f2ba"; }
.ri-whatsapp-fill:before { content: "\f2bb"; }
.ri-whatsapp-line:before { content: "\f2bc"; }
.ri-wheelchair-fill:before { content: "\f2bd"; }
.ri-wheelchair-line:before { content: "\f2be"; }
.ri-wifi-fill:before { content: "\f2bf"; }
.ri-wifi-line:before { content: "\f2c0"; }
.ri-wifi-off-fill:before { content: "\f2c1"; }
.ri-wifi-off-line:before { content: "\f2c2"; }
.ri-window-2-fill:before { content: "\f2c3"; }
.ri-window-2-line:before { content: "\f2c4"; }
.ri-window-fill:before { content: "\f2c5"; }
.ri-window-line:before { content: "\f2c6"; }
.ri-windows-fill:before { content: "\f2c7"; }
.ri-windows-line:before { content: "\f2c8"; }
.ri-windy-fill:before { content: "\f2c9"; }
.ri-windy-line:before { content: "\f2ca"; }
.ri-wireless-charging-fill:before { content: "\f2cb"; }
.ri-wireless-charging-line:before { content: "\f2cc"; }
.ri-women-fill:before { content: "\f2cd"; }
.ri-women-line:before { content: "\f2ce"; }
.ri-wubi-input:before { content: "\f2cf"; }
.ri-xbox-fill:before { content: "\f2d0"; }
.ri-xbox-line:before { content: "\f2d1"; }
.ri-xing-fill:before { content: "\f2d2"; }
.ri-xing-line:before { content: "\f2d3"; }
.ri-youtube-fill:before { content: "\f2d4"; }
.ri-youtube-line:before { content: "\f2d5"; }
.ri-zcool-fill:before { content: "\f2d6"; }
.ri-zcool-line:before { content: "\f2d7"; }
.ri-zhihu-fill:before { content: "\f2d8"; }
.ri-zhihu-line:before { content: "\f2d9"; }
.ri-zoom-in-fill:before { content: "\f2da"; }
.ri-zoom-in-line:before { content: "\f2db"; }
.ri-zoom-out-fill:before { content: "\f2dc"; }
.ri-zoom-out-line:before { content: "\f2dd"; }
.ri-zzz-fill:before { content: "\f2de"; }
.ri-zzz-line:before { content: "\f2df"; }
.ri-arrow-down-double-fill:before { content: "\f2e0"; }
.ri-arrow-down-double-line:before { content: "\f2e1"; }
.ri-arrow-left-double-fill:before { content: "\f2e2"; }
.ri-arrow-left-double-line:before { content: "\f2e3"; }
.ri-arrow-right-double-fill:before { content: "\f2e4"; }
.ri-arrow-right-double-line:before { content: "\f2e5"; }
.ri-arrow-turn-back-fill:before { content: "\f2e6"; }
.ri-arrow-turn-back-line:before { content: "\f2e7"; }
.ri-arrow-turn-forward-fill:before { content: "\f2e8"; }
.ri-arrow-turn-forward-line:before { content: "\f2e9"; }
.ri-arrow-up-double-fill:before { content: "\f2ea"; }
.ri-arrow-up-double-line:before { content: "\f2eb"; }
.ri-bard-fill:before { content: "\f2ec"; }
.ri-bard-line:before { content: "\f2ed"; }
.ri-bootstrap-fill:before { content: "\f2ee"; }
.ri-bootstrap-line:before { content: "\f2ef"; }
.ri-box-1-fill:before { content: "\f2f0"; }
.ri-box-1-line:before { content: "\f2f1"; }
.ri-box-2-fill:before { content: "\f2f2"; }
.ri-box-2-line:before { content: "\f2f3"; }
.ri-box-3-fill:before { content: "\f2f4"; }
.ri-box-3-line:before { content: "\f2f5"; }
.ri-brain-fill:before { content: "\f2f6"; }
.ri-brain-line:before { content: "\f2f7"; }
.ri-candle-fill:before { content: "\f2f8"; }
.ri-candle-line:before { content: "\f2f9"; }
.ri-cash-fill:before { content: "\f2fa"; }
.ri-cash-line:before { content: "\f2fb"; }
.ri-contract-left-fill:before { content: "\f2fc"; }
.ri-contract-left-line:before { content: "\f2fd"; }
.ri-contract-left-right-fill:before { content: "\f2fe"; }
.ri-contract-left-right-line:before { content: "\f2ff"; }
.ri-contract-right-fill:before { content: "\f300"; }
.ri-contract-right-line:before { content: "\f301"; }
.ri-contract-up-down-fill:before { content: "\f302"; }
.ri-contract-up-down-line:before { content: "\f303"; }
.ri-copilot-fill:before { content: "\f304"; }
.ri-copilot-line:before { content: "\f305"; }
.ri-corner-down-left-fill:before { content: "\f306"; }
.ri-corner-down-left-line:before { content: "\f307"; }
.ri-corner-down-right-fill:before { content: "\f308"; }
.ri-corner-down-right-line:before { content: "\f309"; }
.ri-corner-left-down-fill:before { content: "\f30a"; }
.ri-corner-left-down-line:before { content: "\f30b"; }
.ri-corner-left-up-fill:before { content: "\f30c"; }
.ri-corner-left-up-line:before { content: "\f30d"; }
.ri-corner-right-down-fill:before { content: "\f30e"; }
.ri-corner-right-down-line:before { content: "\f30f"; }
.ri-corner-right-up-fill:before { content: "\f310"; }
.ri-corner-right-up-line:before { content: "\f311"; }
.ri-corner-up-left-double-fill:before { content: "\f312"; }
.ri-corner-up-left-double-line:before { content: "\f313"; }
.ri-corner-up-left-fill:before { content: "\f314"; }
.ri-corner-up-left-line:before { content: "\f315"; }
.ri-corner-up-right-double-fill:before { content: "\f316"; }
.ri-corner-up-right-double-line:before { content: "\f317"; }
.ri-corner-up-right-fill:before { content: "\f318"; }
.ri-corner-up-right-line:before { content: "\f319"; }
.ri-cross-fill:before { content: "\f31a"; }
.ri-cross-line:before { content: "\f31b"; }
.ri-edge-new-fill:before { content: "\f31c"; }
.ri-edge-new-line:before { content: "\f31d"; }
.ri-equal-fill:before { content: "\f31e"; }
.ri-equal-line:before { content: "\f31f"; }
.ri-expand-left-fill:before { content: "\f320"; }
.ri-expand-left-line:before { content: "\f321"; }
.ri-expand-left-right-fill:before { content: "\f322"; }
.ri-expand-left-right-line:before { content: "\f323"; }
.ri-expand-right-fill:before { content: "\f324"; }
.ri-expand-right-line:before { content: "\f325"; }
.ri-expand-up-down-fill:before { content: "\f326"; }
.ri-expand-up-down-line:before { content: "\f327"; }
.ri-flickr-fill:before { content: "\f328"; }
.ri-flickr-line:before { content: "\f329"; }
.ri-forward-10-fill:before { content: "\f32a"; }
.ri-forward-10-line:before { content: "\f32b"; }
.ri-forward-15-fill:before { content: "\f32c"; }
.ri-forward-15-line:before { content: "\f32d"; }
.ri-forward-30-fill:before { content: "\f32e"; }
.ri-forward-30-line:before { content: "\f32f"; }
.ri-forward-5-fill:before { content: "\f330"; }
.ri-forward-5-line:before { content: "\f331"; }
.ri-graduation-cap-fill:before { content: "\f332"; }
.ri-graduation-cap-line:before { content: "\f333"; }
.ri-home-office-fill:before { content: "\f334"; }
.ri-home-office-line:before { content: "\f335"; }
.ri-hourglass-2-fill:before { content: "\f336"; }
.ri-hourglass-2-line:before { content: "\f337"; }
.ri-hourglass-fill:before { content: "\f338"; }
.ri-hourglass-line:before { content: "\f339"; }
.ri-javascript-fill:before { content: "\f33a"; }
.ri-javascript-line:before { content: "\f33b"; }
.ri-loop-left-fill:before { content: "\f33c"; }
.ri-loop-left-line:before { content: "\f33d"; }
.ri-loop-right-fill:before { content: "\f33e"; }
.ri-loop-right-line:before { content: "\f33f"; }
.ri-memories-fill:before { content: "\f340"; }
.ri-memories-line:before { content: "\f341"; }
.ri-meta-fill:before { content: "\f342"; }
.ri-meta-line:before { content: "\f343"; }
.ri-microsoft-loop-fill:before { content: "\f344"; }
.ri-microsoft-loop-line:before { content: "\f345"; }
.ri-nft-fill:before { content: "\f346"; }
.ri-nft-line:before { content: "\f347"; }
.ri-notion-fill:before { content: "\f348"; }
.ri-notion-line:before { content: "\f349"; }
.ri-openai-fill:before { content: "\f34a"; }
.ri-openai-line:before { content: "\f34b"; }
.ri-overline:before { content: "\f34c"; }
.ri-p2p-fill:before { content: "\f34d"; }
.ri-p2p-line:before { content: "\f34e"; }
.ri-presentation-fill:before { content: "\f34f"; }
.ri-presentation-line:before { content: "\f350"; }
.ri-replay-10-fill:before { content: "\f351"; }
.ri-replay-10-line:before { content: "\f352"; }
.ri-replay-15-fill:before { content: "\f353"; }
.ri-replay-15-line:before { content: "\f354"; }
.ri-replay-30-fill:before { content: "\f355"; }
.ri-replay-30-line:before { content: "\f356"; }
.ri-replay-5-fill:before { content: "\f357"; }
.ri-replay-5-line:before { content: "\f358"; }
.ri-school-fill:before { content: "\f359"; }
.ri-school-line:before { content: "\f35a"; }
.ri-shining-2-fill:before { content: "\f35b"; }
.ri-shining-2-line:before { content: "\f35c"; }
.ri-shining-fill:before { content: "\f35d"; }
.ri-shining-line:before { content: "\f35e"; }
.ri-sketching:before { content: "\f35f"; }
.ri-skip-down-fill:before { content: "\f360"; }
.ri-skip-down-line:before { content: "\f361"; }
.ri-skip-left-fill:before { content: "\f362"; }
.ri-skip-left-line:before { content: "\f363"; }
.ri-skip-right-fill:before { content: "\f364"; }
.ri-skip-right-line:before { content: "\f365"; }
.ri-skip-up-fill:before { content: "\f366"; }
.ri-skip-up-line:before { content: "\f367"; }
.ri-slow-down-fill:before { content: "\f368"; }
.ri-slow-down-line:before { content: "\f369"; }
.ri-sparkling-2-fill:before { content: "\f36a"; }
.ri-sparkling-2-line:before { content: "\f36b"; }
.ri-sparkling-fill:before { content: "\f36c"; }
.ri-sparkling-line:before { content: "\f36d"; }
.ri-speak-fill:before { content: "\f36e"; }
.ri-speak-line:before { content: "\f36f"; }
.ri-speed-up-fill:before { content: "\f370"; }
.ri-speed-up-line:before { content: "\f371"; }
.ri-tiktok-fill:before { content: "\f372"; }
.ri-tiktok-line:before { content: "\f373"; }
.ri-token-swap-fill:before { content: "\f374"; }
.ri-token-swap-line:before { content: "\f375"; }
.ri-unpin-fill:before { content: "\f376"; }
.ri-unpin-line:before { content: "\f377"; }
.ri-wechat-channels-fill:before { content: "\f378"; }
.ri-wechat-channels-line:before { content: "\f379"; }
.ri-wordpress-fill:before { content: "\f37a"; }
.ri-wordpress-line:before { content: "\f37b"; }
.ri-blender-fill:before { content: "\f37c"; }
.ri-blender-line:before { content: "\f37d"; }
.ri-emoji-sticker-fill:before { content: "\f37e"; }
.ri-emoji-sticker-line:before { content: "\f37f"; }
.ri-git-close-pull-request-fill:before { content: "\f380"; }
.ri-git-close-pull-request-line:before { content: "\f381"; }
.ri-instance-fill:before { content: "\f382"; }
.ri-instance-line:before { content: "\f383"; }
.ri-megaphone-fill:before { content: "\f384"; }
.ri-megaphone-line:before { content: "\f385"; }
.ri-pass-expired-fill:before { content: "\f386"; }
.ri-pass-expired-line:before { content: "\f387"; }
.ri-pass-pending-fill:before { content: "\f388"; }
.ri-pass-pending-line:before { content: "\f389"; }
.ri-pass-valid-fill:before { content: "\f38a"; }
.ri-pass-valid-line:before { content: "\f38b"; }
.ri-ai-generate:before { content: "\f38c"; }
.ri-calendar-close-fill:before { content: "\f38d"; }
.ri-calendar-close-line:before { content: "\f38e"; }
.ri-draggable:before { content: "\f38f"; }
.ri-font-family:before { content: "\f390"; }
.ri-font-mono:before { content: "\f391"; }
.ri-font-sans-serif:before { content: "\f392"; }
.ri-font-sans:before { content: "\f393"; }
.ri-hard-drive-3-fill:before { content: "\f394"; }
.ri-hard-drive-3-line:before { content: "\f395"; }
.ri-kick-fill:before { content: "\f396"; }
.ri-kick-line:before { content: "\f397"; }
.ri-list-check-3:before { content: "\f398"; }
.ri-list-indefinite:before { content: "\f399"; }
.ri-list-ordered-2:before { content: "\f39a"; }
.ri-list-radio:before { content: "\f39b"; }
.ri-openbase-fill:before { content: "\f39c"; }
.ri-openbase-line:before { content: "\f39d"; }
.ri-planet-fill:before { content: "\f39e"; }
.ri-planet-line:before { content: "\f39f"; }
.ri-prohibited-fill:before { content: "\f3a0"; }
.ri-prohibited-line:before { content: "\f3a1"; }
.ri-quote-text:before { content: "\f3a2"; }
.ri-seo-fill:before { content: "\f3a3"; }
.ri-seo-line:before { content: "\f3a4"; }
.ri-slash-commands:before { content: "\f3a5"; }
.ri-archive-2-fill:before { content: "\f3a6"; }
.ri-archive-2-line:before { content: "\f3a7"; }
.ri-inbox-2-fill:before { content: "\f3a8"; }
.ri-inbox-2-line:before { content: "\f3a9"; }
.ri-shake-hands-fill:before { content: "\f3aa"; }
.ri-shake-hands-line:before { content: "\f3ab"; }
.ri-supabase-fill:before { content: "\f3ac"; }
.ri-supabase-line:before { content: "\f3ad"; }
.ri-water-percent-fill:before { content: "\f3ae"; }
.ri-water-percent-line:before { content: "\f3af"; }
.ri-yuque-fill:before { content: "\f3b0"; }
.ri-yuque-line:before { content: "\f3b1"; }
.ri-crosshair-2-fill:before { content: "\f3b2"; }
.ri-crosshair-2-line:before { content: "\f3b3"; }
.ri-crosshair-fill:before { content: "\f3b4"; }
.ri-crosshair-line:before { content: "\f3b5"; }
.ri-file-close-fill:before { content: "\f3b6"; }
.ri-file-close-line:before { content: "\f3b7"; }
.ri-infinity-fill:before { content: "\f3b8"; }
.ri-infinity-line:before { content: "\f3b9"; }
.ri-rfid-fill:before { content: "\f3ba"; }
.ri-rfid-line:before { content: "\f3bb"; }
.ri-slash-commands-2:before { content: "\f3bc"; }
.ri-user-forbid-fill:before { content: "\f3bd"; }
.ri-user-forbid-line:before { content: "\f3be"; }
.ri-beer-fill:before { content: "\f3bf"; }
.ri-beer-line:before { content: "\f3c0"; }
.ri-circle-fill:before { content: "\f3c1"; }
.ri-circle-line:before { content: "\f3c2"; }
.ri-dropdown-list:before { content: "\f3c3"; }
.ri-file-image-fill:before { content: "\f3c4"; }
.ri-file-image-line:before { content: "\f3c5"; }
.ri-file-pdf-2-fill:before { content: "\f3c6"; }
.ri-file-pdf-2-line:before { content: "\f3c7"; }
.ri-file-video-fill:before { content: "\f3c8"; }
.ri-file-video-line:before { content: "\f3c9"; }
.ri-folder-image-fill:before { content: "\f3ca"; }
.ri-folder-image-line:before { content: "\f3cb"; }
.ri-folder-video-fill:before { content: "\f3cc"; }
.ri-folder-video-line:before { content: "\f3cd"; }
.ri-hexagon-fill:before { content: "\f3ce"; }
.ri-hexagon-line:before { content: "\f3cf"; }
.ri-menu-search-fill:before { content: "\f3d0"; }
.ri-menu-search-line:before { content: "\f3d1"; }
.ri-octagon-fill:before { content: "\f3d2"; }
.ri-octagon-line:before { content: "\f3d3"; }
.ri-pentagon-fill:before { content: "\f3d4"; }
.ri-pentagon-line:before { content: "\f3d5"; }
.ri-rectangle-fill:before { content: "\f3d6"; }
.ri-rectangle-line:before { content: "\f3d7"; }
.ri-robot-2-fill:before { content: "\f3d8"; }
.ri-robot-2-line:before { content: "\f3d9"; }
.ri-shapes-fill:before { content: "\f3da"; }
.ri-shapes-line:before { content: "\f3db"; }
.ri-square-fill:before { content: "\f3dc"; }
.ri-square-line:before { content: "\f3dd"; }
.ri-tent-fill:before { content: "\f3de"; }
.ri-tent-line:before { content: "\f3df"; }
.ri-threads-fill:before { content: "\f3e0"; }
.ri-threads-line:before { content: "\f3e1"; }
.ri-tree-fill:before { content: "\f3e2"; }
.ri-tree-line:before { content: "\f3e3"; }
.ri-triangle-fill:before { content: "\f3e4"; }
.ri-triangle-line:before { content: "\f3e5"; }
.ri-twitter-x-fill:before { content: "\f3e6"; }
.ri-twitter-x-line:before { content: "\f3e7"; }
.ri-verified-badge-fill:before { content: "\f3e8"; }
.ri-verified-badge-line:before { content: "\f3e9"; }
.ri-armchair-fill:before { content: "\f3ea"; }
.ri-armchair-line:before { content: "\f3eb"; }
.ri-bnb-fill:before { content: "\f3ec"; }
.ri-bnb-line:before { content: "\f3ed"; }
.ri-bread-fill:before { content: "\f3ee"; }
.ri-bread-line:before { content: "\f3ef"; }
.ri-btc-fill:before { content: "\f3f0"; }
.ri-btc-line:before { content: "\f3f1"; }
.ri-calendar-schedule-fill:before { content: "\f3f2"; }
.ri-calendar-schedule-line:before { content: "\f3f3"; }
.ri-dice-1-fill:before { content: "\f3f4"; }
.ri-dice-1-line:before { content: "\f3f5"; }
.ri-dice-2-fill:before { content: "\f3f6"; }
.ri-dice-2-line:before { content: "\f3f7"; }
.ri-dice-3-fill:before { content: "\f3f8"; }
.ri-dice-3-line:before { content: "\f3f9"; }
.ri-dice-4-fill:before { content: "\f3fa"; }
.ri-dice-4-line:before { content: "\f3fb"; }
.ri-dice-5-fill:before { content: "\f3fc"; }
.ri-dice-5-line:before { content: "\f3fd"; }
.ri-dice-6-fill:before { content: "\f3fe"; }
.ri-dice-6-line:before { content: "\f3ff"; }
.ri-dice-fill:before { content: "\f400"; }
.ri-dice-line:before { content: "\f401"; }
.ri-drinks-fill:before { content: "\f402"; }
.ri-drinks-line:before { content: "\f403"; }
.ri-equalizer-2-fill:before { content: "\f404"; }
.ri-equalizer-2-line:before { content: "\f405"; }
.ri-equalizer-3-fill:before { content: "\f406"; }
.ri-equalizer-3-line:before { content: "\f407"; }
.ri-eth-fill:before { content: "\f408"; }
.ri-eth-line:before { content: "\f409"; }
.ri-flower-fill:before { content: "\f40a"; }
.ri-flower-line:before { content: "\f40b"; }
.ri-glasses-2-fill:before { content: "\f40c"; }
.ri-glasses-2-line:before { content: "\f40d"; }
.ri-glasses-fill:before { content: "\f40e"; }
.ri-glasses-line:before { content: "\f40f"; }
.ri-goggles-fill:before { content: "\f410"; }
.ri-goggles-line:before { content: "\f411"; }
.ri-image-circle-fill:before { content: "\f412"; }
.ri-image-circle-line:before { content: "\f413"; }
.ri-info-i:before { content: "\f414"; }
.ri-money-rupee-circle-fill:before { content: "\f415"; }
.ri-money-rupee-circle-line:before { content: "\f416"; }
.ri-news-fill:before { content: "\f417"; }
.ri-news-line:before { content: "\f418"; }
.ri-robot-3-fill:before { content: "\f419"; }
.ri-robot-3-line:before { content: "\f41a"; }
.ri-share-2-fill:before { content: "\f41b"; }
.ri-share-2-line:before { content: "\f41c"; }
.ri-sofa-fill:before { content: "\f41d"; }
.ri-sofa-line:before { content: "\f41e"; }
.ri-svelte-fill:before { content: "\f41f"; }
.ri-svelte-line:before { content: "\f420"; }
.ri-vk-fill:before { content: "\f421"; }
.ri-vk-line:before { content: "\f422"; }
.ri-xrp-fill:before { content: "\f423"; }
.ri-xrp-line:before { content: "\f424"; }
.ri-xtz-fill:before { content: "\f425"; }
.ri-xtz-line:before { content: "\f426"; }
.ri-archive-stack-fill:before { content: "\f427"; }
.ri-archive-stack-line:before { content: "\f428"; }
.ri-bowl-fill:before { content: "\f429"; }
.ri-bowl-line:before { content: "\f42a"; }
.ri-calendar-view:before { content: "\f42b"; }
.ri-carousel-view:before { content: "\f42c"; }
.ri-code-block:before { content: "\f42d"; }
.ri-color-filter-fill:before { content: "\f42e"; }
.ri-color-filter-line:before { content: "\f42f"; }
.ri-contacts-book-3-fill:before { content: "\f430"; }
.ri-contacts-book-3-line:before { content: "\f431"; }
.ri-contract-fill:before { content: "\f432"; }
.ri-contract-line:before { content: "\f433"; }
.ri-drinks-2-fill:before { content: "\f434"; }
.ri-drinks-2-line:before { content: "\f435"; }
.ri-export-fill:before { content: "\f436"; }
.ri-export-line:before { content: "\f437"; }
.ri-file-check-fill:before { content: "\f438"; }
.ri-file-check-line:before { content: "\f439"; }
.ri-focus-mode:before { content: "\f43a"; }
.ri-folder-6-fill:before { content: "\f43b"; }
.ri-folder-6-line:before { content: "\f43c"; }
.ri-folder-check-fill:before { content: "\f43d"; }
.ri-folder-check-line:before { content: "\f43e"; }
.ri-folder-close-fill:before { content: "\f43f"; }
.ri-folder-close-line:before { content: "\f440"; }
.ri-folder-cloud-fill:before { content: "\f441"; }
.ri-folder-cloud-line:before { content: "\f442"; }
.ri-gallery-view-2:before { content: "\f443"; }
.ri-gallery-view:before { content: "\f444"; }
.ri-hand:before { content: "\f445"; }
.ri-import-fill:before { content: "\f446"; }
.ri-import-line:before { content: "\f447"; }
.ri-information-2-fill:before { content: "\f448"; }
.ri-information-2-line:before { content: "\f449"; }
.ri-kanban-view-2:before { content: "\f44a"; }
.ri-kanban-view:before { content: "\f44b"; }
.ri-list-view:before { content: "\f44c"; }
.ri-lock-star-fill:before { content: "\f44d"; }
.ri-lock-star-line:before { content: "\f44e"; }
.ri-puzzle-2-fill:before { content: "\f44f"; }
.ri-puzzle-2-line:before { content: "\f450"; }
.ri-puzzle-fill:before { content: "\f451"; }
.ri-puzzle-line:before { content: "\f452"; }
.ri-ram-2-fill:before { content: "\f453"; }
.ri-ram-2-line:before { content: "\f454"; }
.ri-ram-fill:before { content: "\f455"; }
.ri-ram-line:before { content: "\f456"; }
.ri-receipt-fill:before { content: "\f457"; }
.ri-receipt-line:before { content: "\f458"; }
.ri-shadow-fill:before { content: "\f459"; }
.ri-shadow-line:before { content: "\f45a"; }
.ri-sidebar-fold-fill:before { content: "\f45b"; }
.ri-sidebar-fold-line:before { content: "\f45c"; }
.ri-sidebar-unfold-fill:before { content: "\f45d"; }
.ri-sidebar-unfold-line:before { content: "\f45e"; }
.ri-slideshow-view:before { content: "\f45f"; }
.ri-sort-alphabet-asc:before { content: "\f460"; }
.ri-sort-alphabet-desc:before { content: "\f461"; }
.ri-sort-number-asc:before { content: "\f462"; }
.ri-sort-number-desc:before { content: "\f463"; }
.ri-stacked-view:before { content: "\f464"; }
.ri-sticky-note-add-fill:before { content: "\f465"; }
.ri-sticky-note-add-line:before { content: "\f466"; }
.ri-swap-2-fill:before { content: "\f467"; }
.ri-swap-2-line:before { content: "\f468"; }
.ri-swap-3-fill:before { content: "\f469"; }
.ri-swap-3-line:before { content: "\f46a"; }
.ri-table-3:before { content: "\f46b"; }
.ri-table-view:before { content: "\f46c"; }
.ri-text-block:before { content: "\f46d"; }
.ri-text-snippet:before { content: "\f46e"; }
.ri-timeline-view:before { content: "\f46f"; }
.ri-blogger-fill:before { content: "\f470"; }
.ri-blogger-line:before { content: "\f471"; }
.ri-chat-thread-fill:before { content: "\f472"; }
.ri-chat-thread-line:before { content: "\f473"; }
.ri-discount-percent-fill:before { content: "\f474"; }
.ri-discount-percent-line:before { content: "\f475"; }
.ri-exchange-2-fill:before { content: "\f476"; }
.ri-exchange-2-line:before { content: "\f477"; }
.ri-git-fork-fill:before { content: "\f478"; }
.ri-git-fork-line:before { content: "\f479"; }
.ri-input-field:before { content: "\f47a"; }
.ri-progress-1-fill:before { content: "\f47b"; }
.ri-progress-1-line:before { content: "\f47c"; }
.ri-progress-2-fill:before { content: "\f47d"; }
.ri-progress-2-line:before { content: "\f47e"; }
.ri-progress-3-fill:before { content: "\f47f"; }
.ri-progress-3-line:before { content: "\f480"; }
.ri-progress-4-fill:before { content: "\f481"; }
.ri-progress-4-line:before { content: "\f482"; }
.ri-progress-5-fill:before { content: "\f483"; }
.ri-progress-5-line:before { content: "\f484"; }
.ri-progress-6-fill:before { content: "\f485"; }
.ri-progress-6-line:before { content: "\f486"; }
.ri-progress-7-fill:before { content: "\f487"; }
.ri-progress-7-line:before { content: "\f488"; }
.ri-progress-8-fill:before { content: "\f489"; }
.ri-progress-8-line:before { content: "\f48a"; }
.ri-remix-run-fill:before { content: "\f48b"; }
.ri-remix-run-line:before { content: "\f48c"; }
.ri-signpost-fill:before { content: "\f48d"; }
.ri-signpost-line:before { content: "\f48e"; }
.ri-time-zone-fill:before { content: "\f48f"; }
.ri-time-zone-line:before { content: "\f490"; }
.ri-arrow-down-wide-fill:before { content: "\f491"; }
.ri-arrow-down-wide-line:before { content: "\f492"; }
.ri-arrow-left-wide-fill:before { content: "\f493"; }
.ri-arrow-left-wide-line:before { content: "\f494"; }
.ri-arrow-right-wide-fill:before { content: "\f495"; }
.ri-arrow-right-wide-line:before { content: "\f496"; }
.ri-arrow-up-wide-fill:before { content: "\f497"; }
.ri-arrow-up-wide-line:before { content: "\f498"; }
.ri-bluesky-fill:before { content: "\f499"; }
.ri-bluesky-line:before { content: "\f49a"; }
.ri-expand-height-fill:before { content: "\f49b"; }
.ri-expand-height-line:before { content: "\f49c"; }
.ri-expand-width-fill:before { content: "\f49d"; }
.ri-expand-width-line:before { content: "\f49e"; }
.ri-forward-end-fill:before { content: "\f49f"; }
.ri-forward-end-line:before { content: "\f4a0"; }
.ri-forward-end-mini-fill:before { content: "\f4a1"; }
.ri-forward-end-mini-line:before { content: "\f4a2"; }
.ri-friendica-fill:before { content: "\f4a3"; }
.ri-friendica-line:before { content: "\f4a4"; }
.ri-git-pr-draft-fill:before { content: "\f4a5"; }
.ri-git-pr-draft-line:before { content: "\f4a6"; }
.ri-play-reverse-fill:before { content: "\f4a7"; }
.ri-play-reverse-line:before { content: "\f4a8"; }
.ri-play-reverse-mini-fill:before { content: "\f4a9"; }
.ri-play-reverse-mini-line:before { content: "\f4aa"; }
.ri-rewind-start-fill:before { content: "\f4ab"; }
.ri-rewind-start-line:before { content: "\f4ac"; }
.ri-rewind-start-mini-fill:before { content: "\f4ad"; }
.ri-rewind-start-mini-line:before { content: "\f4ae"; }
.ri-scroll-to-bottom-fill:before { content: "\f4af"; }
.ri-scroll-to-bottom-line:before { content: "\f4b0"; }
.ri-add-large-fill:before { content: "\f4b1"; }
.ri-add-large-line:before { content: "\f4b2"; }
.ri-aed-electrodes-fill:before { content: "\f4b3"; }
.ri-aed-electrodes-line:before { content: "\f4b4"; }
.ri-aed-fill:before { content: "\f4b5"; }
.ri-aed-line:before { content: "\f4b6"; }
.ri-alibaba-cloud-fill:before { content: "\f4b7"; }
.ri-alibaba-cloud-line:before { content: "\f4b8"; }
.ri-align-item-bottom-fill:before { content: "\f4b9"; }
.ri-align-item-bottom-line:before { content: "\f4ba"; }
.ri-align-item-horizontal-center-fill:before { content: "\f4bb"; }
.ri-align-item-horizontal-center-line:before { content: "\f4bc"; }
.ri-align-item-left-fill:before { content: "\f4bd"; }
.ri-align-item-left-line:before { content: "\f4be"; }
.ri-align-item-right-fill:before { content: "\f4bf"; }
.ri-align-item-right-line:before { content: "\f4c0"; }
.ri-align-item-top-fill:before { content: "\f4c1"; }
.ri-align-item-top-line:before { content: "\f4c2"; }
.ri-align-item-vertical-center-fill:before { content: "\f4c3"; }
.ri-align-item-vertical-center-line:before { content: "\f4c4"; }
.ri-apps-2-add-fill:before { content: "\f4c5"; }
.ri-apps-2-add-line:before { content: "\f4c6"; }
.ri-close-large-fill:before { content: "\f4c7"; }
.ri-close-large-line:before { content: "\f4c8"; }
.ri-collapse-diagonal-2-fill:before { content: "\f4c9"; }
.ri-collapse-diagonal-2-line:before { content: "\f4ca"; }
.ri-collapse-diagonal-fill:before { content: "\f4cb"; }
.ri-collapse-diagonal-line:before { content: "\f4cc"; }
.ri-dashboard-horizontal-fill:before { content: "\f4cd"; }
.ri-dashboard-horizontal-line:before { content: "\f4ce"; }
.ri-expand-diagonal-2-fill:before { content: "\f4cf"; }
.ri-expand-diagonal-2-line:before { content: "\f4d0"; }
.ri-expand-diagonal-fill:before { content: "\f4d1"; }
.ri-expand-diagonal-line:before { content: "\f4d2"; }
.ri-firebase-fill:before { content: "\f4d3"; }
.ri-firebase-line:before { content: "\f4d4"; }
.ri-flip-horizontal-2-fill:before { content: "\f4d5"; }
.ri-flip-horizontal-2-line:before { content: "\f4d6"; }
.ri-flip-horizontal-fill:before { content: "\f4d7"; }
.ri-flip-horizontal-line:before { content: "\f4d8"; }
.ri-flip-vertical-2-fill:before { content: "\f4d9"; }
.ri-flip-vertical-2-line:before { content: "\f4da"; }
.ri-flip-vertical-fill:before { content: "\f4db"; }
.ri-flip-vertical-line:before { content: "\f4dc"; }
.ri-formula:before { content: "\f4dd"; }
.ri-function-add-fill:before { content: "\f4de"; }
.ri-function-add-line:before { content: "\f4df"; }
.ri-goblet-2-fill:before { content: "\f4e0"; }
.ri-goblet-2-line:before { content: "\f4e1"; }
.ri-golf-ball-fill:before { content: "\f4e2"; }
.ri-golf-ball-line:before { content: "\f4e3"; }
.ri-group-3-fill:before { content: "\f4e4"; }
.ri-group-3-line:before { content: "\f4e5"; }
.ri-heart-add-2-fill:before { content: "\f4e6"; }
.ri-heart-add-2-line:before { content: "\f4e7"; }
.ri-id-card-fill:before { content: "\f4e8"; }
.ri-id-card-line:before { content: "\f4e9"; }
.ri-information-off-fill:before { content: "\f4ea"; }
.ri-information-off-line:before { content: "\f4eb"; }
.ri-java-fill:before { content: "\f4ec"; }
.ri-java-line:before { content: "\f4ed"; }
.ri-layout-grid-2-fill:before { content: "\f4ee"; }
.ri-layout-grid-2-line:before { content: "\f4ef"; }
.ri-layout-horizontal-fill:before { content: "\f4f0"; }
.ri-layout-horizontal-line:before { content: "\f4f1"; }
.ri-layout-vertical-fill:before { content: "\f4f2"; }
.ri-layout-vertical-line:before { content: "\f4f3"; }
.ri-menu-fold-2-fill:before { content: "\f4f4"; }
.ri-menu-fold-2-line:before { content: "\f4f5"; }
.ri-menu-fold-3-fill:before { content: "\f4f6"; }
.ri-menu-fold-3-line:before { content: "\f4f7"; }
.ri-menu-fold-4-fill:before { content: "\f4f8"; }
.ri-menu-fold-4-line:before { content: "\f4f9"; }
.ri-menu-unfold-2-fill:before { content: "\f4fa"; }
.ri-menu-unfold-2-line:before { content: "\f4fb"; }
.ri-menu-unfold-3-fill:before { content: "\f4fc"; }
.ri-menu-unfold-3-line:before { content: "\f4fd"; }
.ri-menu-unfold-4-fill:before { content: "\f4fe"; }
.ri-menu-unfold-4-line:before { content: "\f4ff"; }
.ri-mobile-download-fill:before { content: "\f500"; }
.ri-mobile-download-line:before { content: "\f501"; }
.ri-nextjs-fill:before { content: "\f502"; }
.ri-nextjs-line:before { content: "\f503"; }
.ri-nodejs-fill:before { content: "\f504"; }
.ri-nodejs-line:before { content: "\f505"; }
.ri-pause-large-fill:before { content: "\f506"; }
.ri-pause-large-line:before { content: "\f507"; }
.ri-play-large-fill:before { content: "\f508"; }
.ri-play-large-line:before { content: "\f509"; }
.ri-play-reverse-large-fill:before { content: "\f50a"; }
.ri-play-reverse-large-line:before { content: "\f50b"; }
.ri-police-badge-fill:before { content: "\f50c"; }
.ri-police-badge-line:before { content: "\f50d"; }
.ri-prohibited-2-fill:before { content: "\f50e"; }
.ri-prohibited-2-line:before { content: "\f50f"; }
.ri-shopping-bag-4-fill:before { content: "\f510"; }
.ri-shopping-bag-4-line:before { content: "\f511"; }
.ri-snowflake-fill:before { content: "\f512"; }
.ri-snowflake-line:before { content: "\f513"; }
.ri-square-root:before { content: "\f514"; }
.ri-stop-large-fill:before { content: "\f515"; }
.ri-stop-large-line:before { content: "\f516"; }
.ri-tailwind-css-fill:before { content: "\f517"; }
.ri-tailwind-css-line:before { content: "\f518"; }
.ri-tooth-fill:before { content: "\f519"; }
.ri-tooth-line:before { content: "\f51a"; }
.ri-video-off-fill:before { content: "\f51b"; }
.ri-video-off-line:before { content: "\f51c"; }
.ri-video-on-fill:before { content: "\f51d"; }
.ri-video-on-line:before { content: "\f51e"; }
.ri-webhook-fill:before { content: "\f51f"; }
.ri-webhook-line:before { content: "\f520"; }
.ri-weight-fill:before { content: "\f521"; }
.ri-weight-line:before { content: "\f522"; }
.ri-book-shelf-fill:before { content: "\f523"; }
.ri-book-shelf-line:before { content: "\f524"; }
.ri-brain-2-fill:before { content: "\f525"; }
.ri-brain-2-line:before { content: "\f526"; }
.ri-chat-search-fill:before { content: "\f527"; }
.ri-chat-search-line:before { content: "\f528"; }
.ri-chat-unread-fill:before { content: "\f529"; }
.ri-chat-unread-line:before { content: "\f52a"; }
.ri-collapse-horizontal-fill:before { content: "\f52b"; }
.ri-collapse-horizontal-line:before { content: "\f52c"; }
.ri-collapse-vertical-fill:before { content: "\f52d"; }
.ri-collapse-vertical-line:before { content: "\f52e"; }
.ri-dna-fill:before { content: "\f52f"; }
.ri-dna-line:before { content: "\f530"; }
.ri-dropper-fill:before { content: "\f531"; }
.ri-dropper-line:before { content: "\f532"; }
.ri-expand-diagonal-s-2-fill:before { content: "\f533"; }
.ri-expand-diagonal-s-2-line:before { content: "\f534"; }
.ri-expand-diagonal-s-fill:before { content: "\f535"; }
.ri-expand-diagonal-s-line:before { content: "\f536"; }
.ri-expand-horizontal-fill:before { content: "\f537"; }
.ri-expand-horizontal-line:before { content: "\f538"; }
.ri-expand-horizontal-s-fill:before { content: "\f539"; }
.ri-expand-horizontal-s-line:before { content: "\f53a"; }
.ri-expand-vertical-fill:before { content: "\f53b"; }
.ri-expand-vertical-line:before { content: "\f53c"; }
.ri-expand-vertical-s-fill:before { content: "\f53d"; }
.ri-expand-vertical-s-line:before { content: "\f53e"; }
.ri-gemini-fill:before { content: "\f53f"; }
.ri-gemini-line:before { content: "\f540"; }
.ri-reset-left-fill:before { content: "\f541"; }
.ri-reset-left-line:before { content: "\f542"; }
.ri-reset-right-fill:before { content: "\f543"; }
.ri-reset-right-line:before { content: "\f544"; }
.ri-stairs-fill:before { content: "\f545"; }
.ri-stairs-line:before { content: "\f546"; }
.ri-telegram-2-fill:before { content: "\f547"; }
.ri-telegram-2-line:before { content: "\f548"; }
.ri-triangular-flag-fill:before { content: "\f549"; }
.ri-triangular-flag-line:before { content: "\f54a"; }
.ri-user-minus-fill:before { content: "\f54b"; }
.ri-user-minus-line:before { content: "\f54c"; }.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
  :root {
--procus-base: var(--procus-base);
--procus-primary: #141414;
--procus-black: #000000;
}
body {
margin: 0;
color: #ffffff;
font-size: 16px;
font-family: "Space Grotesk", sans-serif;
font-weight: 400;
overflow-x: hidden;
}
h1 {
color: #ffffff;
font-size: 60px;
font-weight: 700;
}
@media (max-width: 767.98px) {
h1 {
font-size: 42px;
}
}
h2 {
color: #b0b0b0;
font-size: 48px;
font-weight: 700;
}
h2 span {
color: var(--procus-base);
}
@media (max-width: 767.98px) {
h2 {
font-size: 36px;
}
}
h3 {
color: #b0b0b0;
font-size: 36px;
font-weight: 600;
}
@media (max-width: 767.98px) {
h3 {
font-size: 24px;
}
}
h4 {
color: #ffffff;
font-size: 24px;
font-weight: 500;
}
@media (max-width: 767.98px) {
h4 {
font-size: 20px;
}
}
h5 {
color: #b0b0b0;
font-size: 20px;
font-weight: 500;
}
@media (max-width: 767.98px) {
h5 {
font-size: 18px;
}
}
h6 {
color: #b0b0b0;
font-size: 18px;
font-weight: 500;
}
@media (max-width: 767.98px) {
h6 {
font-size: 16px;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Space Grotesk", sans-serif;
text-transform: capitalize;
line-height: 1.2;
margin-bottom: 0;
}
p {
color: #ffffff;
margin-bottom: 10px;
} a,
a:hover {
text-decoration: none;
}
a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus,
.slick-slide {
outline: none;
}
button {
cursor: pointer;
}  nav {
text-align: center;
}
nav .main-menu li {
display: inline-block;
position: relative;
margin-right: 0;
margin: 0 12px;
line-height: 1.7;
z-index: 1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
nav .main-menu li {
margin: 0;
}
}
@media (max-width: 767.98px) {
nav .main-menu li {
margin: 0;
}
}
nav .main-menu > li.has-submenu::after {
content: "\2b";
font-family: "FontAwesome";
font-weight: 900;
color: #ffffff;
margin-left: 2px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (min-width: 768px) and (max-width: 991.98px) {
nav .main-menu li.has-submenu::after {
display: none;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
nav .main-menu li.has-submenu::after {
display: none;
}
}
@media (max-width: 575.98px) {
nav .main-menu li.has-submenu::after {
display: none;
}
}
nav .main-menu li a {
color: #ffffff;
padding: 20px 0;
font-weight: 400;
display: inline-block;
font-size: 18px;
text-transform: capitalize;
}
@media (min-width: 992px) {
nav .main-menu li .submenu {
position: absolute;
width: 230px;
top: 120%;
left: 0;
background: var(--procus-primary);
border: 1px solid #4f4f4f;
padding: 10px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
text-align: left;
}
nav .main-menu li .submenu li {
display: block;
margin-right: initial;
}
nav .main-menu li .submenu li a {
color: #ffffff;
display: block;
padding: 7px;
width: 100%;
}
nav .main-menu li .submenu li a:hover {
color: var(--procus-base);
}
nav .main-menu li:hover.has-submenu::after {
color: var(--procus-base);
}
nav .main-menu li:hover a {
color: var(--procus-base);
}
}
@media (min-width: 992px) and (min-width: 768px) and (max-width: 991.98px) {
nav .main-menu li:hover a {
color: #ffffff;
}
}
@media (min-width: 992px) {
nav .main-menu li:hover > .submenu {
top: 115%;
opacity: 1;
visibility: visible;
}
nav .main-menu li > li:hover > .submenu {
left: 100%;
}
nav .main-menu li .submenu li .submenu {
left: 105%;
top: -20px;
visibility: hidden;
opacity: 0;
}
nav .main-menu li .submenu li:hover > .submenu {
top: 0;
visibility: visible;
opacity: 1;
}
}
.mean-container .mean-nav {
background: var(--procus-primary);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mean-container .mean-nav {
margin-top: 80px;
}
}
@media (max-width: 767.98px) {
.mean-container .mean-nav {
margin-top: 80px;
}
}
.mean-container .mean-bar {
z-index: 1;
}
.mean-container .mean-bar a.meanmenu-reveal {
background: var(--procus-base);
top: 8px;
right: 20px !important;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.mean-container .mean-bar a.meanmenu-reveal {
top: 14px;
}
}
@media (max-width: 767.98px) {
.mean-container .mean-bar a.meanmenu-reveal {
top: 14px;
}
} .menu-area {
background-color: var(--procus-primary);
border-bottom: 1px solid #4f4f4f;
padding: 10px 0;
}
.menu-area .logo-area .dark-version {
display: block;
}
.menu-area .logo-area .light-version {
display: none;
}
.menu-area .logo-area img {
max-width: 160px;
}
.menu-area .nav-right-content {
text-align: right;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.menu-area .nav-right-content {
display: none;
}
}
@media (max-width: 767.98px) {
.menu-area .nav-right-content {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.menu-area {
padding: 30px 0;
}
}
@media (max-width: 767.98px) {
.menu-area {
padding: 30px 0;
}
}
.menu-area.fixed-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
background-color: var(--procus-primary);
-webkit-animation: fixed_top 0.6s;
animation: fixed_top 0.6s;
}
@-webkit-keyframes fixed_top {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@keyframes fixed_top {
0% {
top: -100%;
}
100% {
top: 0;
}
}
.menu-area-2 {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
@media (min-width: 992px) {
.menu-area-2 .nav-right-content .nav-bar.active {
display: block;
}
.menu-area-2 .nav-right-content .nav-bar {
font-size: 35px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
display: none;
}
.menu-area-2 .nav-right-content .cross-bar {
display: none;
}
.menu-area-2 .nav-right-content .cross-bar.active {
display: block;
}
.menu-area-2 .main-menu {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.menu-area-2 .main-menu.active {
opacity: 1;
visibility: visible;
}
} .footer-area {
background: var(--procus-primary);
}
.footer-area .footer-logo {
display: block;
}
.footer-area .logo-black {
display: none;
}
.footer-widget-box {
margin-bottom: 30px;
}
.footer-widget {
position: relative;
z-index: 1;
}
.footer-logo img {
width: 160px;
margin-bottom: 30px;
}
@media (max-width: 575.98px) {
.footer-logo img .footer-logo img {
width: 180px;
}
}
.footer-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
margin-top: 30px;
}
.footer-social a {
font-size: 30px;
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.footer-social a:hover {
color: var(--procus-base);
}
.footer-widget-title {
color: #ffffff;
margin-bottom: 30px;
}
.footer-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
}
.footer-list a {
color: #ffffff;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.footer-list a:hover {
color: var(--procus-base);
}
.footer-contact li {
color: #ffffff;
margin-bottom: 20px;
}
.footer-contact li a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.footer-contact li a span.contact-icon {
font-size: 18px;
margin-right: 10px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
color: #ffffff;
display: inline-block;
}
.copyright {
background: var(--procus-primary);
}
.copyright .copyright-content {
padding: 30px 0;
border-top: 1px solid #4f4f4f;
}
.copyright .copyright-content .copyright-text {
color: #ffffff;
margin-bottom: 0px;
text-transform: capitalize;
}
.copyright .copyright-content .copyright-text a {
color: var(--procus-base);
}
.footer-menu {
margin: 0;
padding: 0;
text-align: right;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.footer-menu {
text-align: left;
margin-top: 20px;
}
}
@media (max-width: 767.98px) {
.footer-menu {
text-align: left;
margin-top: 20px;
}
}
.footer-menu li {
display: inline-block;
margin-left: 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.footer-menu li {
margin-left: 0;
margin-right: 20px;
}
}
@media (max-width: 767.98px) {
.footer-menu li {
margin-left: 0;
margin-right: 20px;
}
}
.footer-menu li a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.footer-menu li a:hover {
color: var(--procus-base);
}
.footer-home-2 {
background: var(--procus-primary);
}
.footer-home-2 h6 {
color: #ffffff;
margin: 30px 0 10px;
}
.footer-home-2 .hero-social-2 {
-webkit-animation: 0s;
animation: 0s;
}
.subscribe-form {
margin-top: 20px;
}
.subscribe-form input {
color: #ffffff;
background-color: transparent;
padding: 15px 0;
border: transparent;
border-bottom: 1px solid #4f4f4f;
margin-right: 40px;
}
.subscribe-form .primary-btn {
position: relative;
top: 7px;
}
@media (max-width: 575.98px) {
.subscribe-form .primary-btn {
margin-top: 20px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.footer-widget-box-2.contact-widget {
margin-top: 80px;
}
}
@media (max-width: 767.98px) {
.footer-widget-box-2.contact-widget {
margin-top: 80px;
}
}
.footer-widget-box-2.contact-widget h2 {
color: #ffffff;
}
.footer-widget-box-2.contact-widget ul {
margin-top: 30px;
}
.footer-widget-box-2.contact-widget ul li {
border-bottom: 1px solid #4f4f4f;
margin: 10px 0;
padding: 10px 0;
}
.footer-widget-box-2.contact-widget ul li a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
font-size: 24px;
}
.footer-widget-box-2.contact-widget ul li a:hover {
color: var(--procus-base);
}
.copyright-2 {
background: var(--procus-primary);
}
.copyright-2 .copyright-content {
padding: 30px 0 115px;
border-top: 1px solid #4f4f4f;
}
.copyright-2 .copyright-content .copyright-text {
color: #ffffff;
margin-bottom: 0px;
text-transform: capitalize;
}
.copyright-2 .copyright-content .copyright-text a {
color: var(--procus-base);
}
.footer-home-3 {
background-color: var(--procus-primary);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.footer-widget-box-3.about-us {
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.footer-widget-box-3.about-us {
margin-bottom: 30px;
}
}
.footer-widget-box-3.about-us h1 {
font-weight: 500;
}
.footer-widget-box-3.about-us .footer-social-3 {
margin-top: 40px;
}
.footer-widget-box-3.about-us .footer-social-3 li {
display: inline-block;
margin: 0 5px 15px 0;
}
.footer-widget-box-3.about-us .footer-social-3 li a {
color: #ffffff;
font-size: 20px;
text-transform: capitalize;
display: inline-block;
padding: 8px 16px;
border: 1px solid #ffffff;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.footer-widget-box-3.about-us .footer-social-3 li a:hover {
color: var(--procus-base);
border: 1px solid var(--procus-base);
}
.footer-info-area .info-content {
padding: 20px 40px;
border: 1px solid #4f4f4f;
border-radius: 20px;
}
.footer-info-area .info-content img {
max-width: 160px;
}
.footer-info-area .info-content a.phone-number,
.footer-info-area .info-content a.email-address,
.footer-info-area .info-content a.location {
color: #ffffff;
display: inline-block;
font-size: 24px;
font-weight: 500;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.footer-info-area .info-content a.phone-number:hover,
.footer-info-area .info-content a.email-address:hover,
.footer-info-area .info-content a.location:hover {
color: var(--procus-base);
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.footer-info-area .info-content a.phone-number,
.footer-info-area .info-content a.email-address,
.footer-info-area .info-content a.location {
margin-top: 20px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.footer-info-area .info-content a.phone-number,
.footer-info-area .info-content a.email-address,
.footer-info-area .info-content a.location {
margin-top: 20px;
}
}
@media (max-width: 767.98px) {
.footer-info-area .info-content a.phone-number,
.footer-info-area .info-content a.email-address,
.footer-info-area .info-content a.location {
margin-top: 20px;
}
}
.footer-info-area .dark-version {
display: block;
}
.footer-info-area .light-version {
display: none;
}
.copyright-3 .copyright-content {
padding: 80px 0 115px;
border-top: 1px solid transparent;
} .breadcrumb-section {
background-color: var(--procus-primary);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 120px 0;
text-align: center;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.breadcrumb-section {
padding: 100px 0;
}
}
@media (max-width: 767.98px) {
.breadcrumb-section {
padding: 80px 0;
}
}
.breadcrumb-section ul {
margin-top: 20px;
}
.breadcrumb-section ul li {
display: inline-block;
margin: 0 5px;
text-transform: capitalize;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.breadcrumb-section ul li {
margin: 0 3px;
}
}
@media (max-width: 767.98px) {
.breadcrumb-section ul li {
margin: 0 3px;
}
}
.breadcrumb-section ul li span.current-item,
.breadcrumb-section ul li a {
color: #ffffff;
padding: 7px 12px;
border: 1px solid #4f4f4f;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.breadcrumb-section ul li span.current-item {
color: var(--procus-base);
background-color: #8AD600;
padding: 6px 12px;
border: 1px solid var(--procus-base);
border-radius: 30px;
}
.breadcrumb-section ul li a:hover {
color: var(--procus-primary);
background-color: var(--procus-base);
border: 1px solid transparent;
}
.breadcrumb-section ul li span {
font-size: 20px;
position: relative;
}
.breadcrumb-section ul li.active {
color: var(--procus-base);
background-color: #8AD600;
padding: 6px 12px;
border: 1px solid var(--procus-base);
border-radius: 30px;
} .service-area .accordion-list li {
background-color: transparent;
border: 1px solid #4f4f4f;
border-radius: 15px;
margin-bottom: 30px;
}
.service-area .accordion-list li.active {
border: 1px solid var(--procus-base);
}
.service-area .accordion-list li.active h3 {
color: var(--procus-base);
padding-top: 50px;
padding-bottom: 30px;
margin-bottom: -100px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.service-area .accordion-list li.active h3 {
padding-bottom: 50px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-area .accordion-list li.active h3 {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 0;
}
}
@media (max-width: 767.98px) {
.service-area .accordion-list li.active h3 {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 0;
}
}
.service-area .accordion-list li h3 {
cursor: pointer;
padding: 20px 20px 20px 100px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.service-area .accordion-list li h3 span.space-right {
margin-right: 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-area .accordion-list li h3 {
padding: 20px;
}
}
@media (max-width: 767.98px) {
.service-area .accordion-list li h3 {
padding: 20px;
}
}
.service-area .accordion-list li .answer {
padding: 0 20px 30px 100px;
position: relative;
}
.service-area .accordion-list li .answer p:first-child {
margin-top: 40px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-area .accordion-list li .answer p:first-child {
margin-top: 0;
}
}
@media (max-width: 767.98px) {
.service-area .accordion-list li .answer p:first-child {
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-area .accordion-list li .answer {
padding: 20px;
}
}
@media (max-width: 767.98px) {
.service-area .accordion-list li .answer {
padding: 20px;
}
}
.service-area .accordion-list li .answer img.service-image {
border-radius: 15px;
width: auto;
margin-left: auto;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-area .accordion-list li .answer img.service-image {
margin-left: 0;
margin-top: 35px;
}
}
@media (max-width: 767.98px) {
.service-area .accordion-list li .answer img.service-image {
margin-left: 0;
margin-top: 35px;
}
}
@media (max-width: 575.98px) {
.service-area .accordion-list li .answer img.service-image {
max-width: 100%;
}
}
.faq-area .tab-menu {
margin-bottom: 30px;
border: 1px solid #4f4f4f;
border-radius: 5px;
padding: 10px 0 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.faq-area .tab-menu .tab-menu-item {
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
border: 1px solid #4f4f4f;
border-radius: 5px;
margin: 0 9px;
padding: 7px 10px;
display: inline-block;
margin-bottom: 10px;
color: #ffffff;
}
.faq-area .tab-menu .tab-menu-item.active,
.faq-area .tab-menu .tab-menu-item:hover {
background-color: var(--procus-base);
color: var(--procus-black);
}
.faq-area .tab-content {
width: 100%;
}
.faq-area .tab-content .tab-content-item {
display: none;
}
.faq-area .tab-content .tab-content-item.active {
display: block;
}
.faq-area .accordion .accordion-item {
background-color: var(--procus-primary);
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}
.faq-area .accordion .accordion-item .accordion-header {
padding: 15px 30px;
cursor: pointer;
background-color: var(--procus-primary);
position: relative;
font-size: 24px;
font-weight: 700;
color: #b0b0b0;
}
@media (max-width: 575.98px) {
.faq-area .accordion .accordion-item .accordion-header {
font-size: 18px;
}
}
.faq-area .accordion .accordion-item .accordion-header:after {
content: "+";
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 30px;
color: #b0b0b0;
}
.faq-area .accordion .accordion-item .accordion-header.active:after {
content: "×";
color: var(--procus-base);
}
.faq-area .accordion .accordion-item .accordion-header.active {
color: var(--procus-base);
}
.faq-area .accordion .accordion-item .accordion-content {
display: none;
padding: 0 30px 15px;
background-color: var(--procus-primary);
color: #b0b0b0;
}
.faq-area .accordion .accordion-item .accordion-content.active {
display: block;
} .item-rotate {
-webkit-animation: rotate 9s normal linear infinite;
animation: rotate 9s normal linear infinite;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
50% {
-webkit-transform: rotate3d(0, 0, 1, 180deg);
transform: rotate3d(0, 0, 1, 180deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
50% {
-webkit-transform: rotate3d(0, 0, 1, 180deg);
transform: rotate3d(0, 0, 1, 180deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg);
}
}
.item-bounce {
-webkit-animation: bounce 3s infinite ease-in-out;
animation: bounce 3s infinite ease-in-out;
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
@keyframes bounce {
0% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
50% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
}
.item-zooming {
-webkit-animation: zooming 3s infinite ease-in-out;
animation: zooming 3s infinite ease-in-out;
}
@-webkit-keyframes zooming {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zooming {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.item-ripple {
-webkit-animation: ripple 3s infinite ease-in-out;
animation: ripple 3s infinite ease-in-out;
}
@-webkit-keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 111, 5, 0.2),
0 0 0 20px rgba(244, 111, 5, 0.2), 0 0 0 40px rgba(244, 111, 5, 0.2);
box-shadow: 0 0 0 0 rgba(244, 111, 5, 0.2),
0 0 0 20px rgba(244, 111, 5, 0.2), 0 0 0 40px rgba(244, 111, 5, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(244, 111, 5, 0.2),
0 0 0 40px rgba(244, 111, 5, 0.1), 0 0 0 60px rgba(244, 111, 5, 0);
box-shadow: 0 0 0 20px rgba(244, 111, 5, 0.2),
0 0 0 40px rgba(244, 111, 5, 0.1), 0 0 0 60px rgba(244, 111, 5, 0);
}
}
@keyframes ripple {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(244, 111, 5, 0.2),
0 0 0 20px rgba(244, 111, 5, 0.2), 0 0 0 40px rgba(244, 111, 5, 0.2);
box-shadow: 0 0 0 0 rgba(244, 111, 5, 0.2),
0 0 0 20px rgba(244, 111, 5, 0.2), 0 0 0 40px rgba(244, 111, 5, 0.2);
}
100% {
-webkit-box-shadow: 0 0 0 20px rgba(244, 111, 5, 0.2),
0 0 0 40px rgba(244, 111, 5, 0.1), 0 0 0 60px rgba(244, 111, 5, 0);
box-shadow: 0 0 0 20px rgba(244, 111, 5, 0.2),
0 0 0 40px rgba(244, 111, 5, 0.1), 0 0 0 60px rgba(244, 111, 5, 0);
}
}
.item-moveOne {
-webkit-animation: moveOne 15s infinite ease-in-out;
animation: moveOne 15s infinite ease-in-out;
}
@-webkit-keyframes moveOne {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes moveOne {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.item-moveTwo {
-webkit-animation: moveTwo 15s infinite ease-in-out;
animation: moveTwo 15s infinite ease-in-out;
}
@-webkit-keyframes moveTwo {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(-50px, 50px);
transform: translate(-50px, 50px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes moveTwo {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(-50px, 50px);
transform: translate(-50px, 50px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.scroll-down {
-webkit-animation: scrollDown 1.5s infinite;
animation: scrollDown 1.5s infinite;
}
@-webkit-keyframes scrollDown {
0% {
bottom: 60px;
}
50% {
bottom: 70px;
}
100% {
bottom: 60px;
}
}
@keyframes scrollDown {
0% {
bottom: 60px;
}
50% {
bottom: 70px;
}
100% {
bottom: 60px;
}
}
.item-upDown {
-webkit-animation: upDown 12s infinite ease-in-out;
animation: upDown 12s infinite ease-in-out;
}
@-webkit-keyframes upDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes upDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.item-pulse {
-webkit-animation: pulse_shadow 2s ease-in-out infinite;
animation: pulse_shadow 2s ease-in-out infinite;
}
@-webkit-keyframes pulse_shadow {
0% {
-webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 0, 0.25);
box-shadow: 0px 0px 0px 0px rgba(255, 255, 0, 0.25);
}
100% {
-webkit-box-shadow: 0px 0px 3px 15px rgba(255, 255, 0, 0);
box-shadow: 0px 0px 3px 15px rgba(255, 255, 0, 0);
}
}
@keyframes pulse_shadow {
0% {
-webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 0, 0.25);
box-shadow: 0px 0px 0px 0px rgba(255, 255, 0, 0.25);
}
100% {
-webkit-box-shadow: 0px 0px 3px 15px rgba(255, 255, 0, 0);
box-shadow: 0px 0px 3px 15px rgba(255, 255, 0, 0);
}
} .back-to-top {
position: fixed;
right: 50px;
bottom: 50px;
color: var(--procus-primary);
background-color: var(--procus-base);
font-size: 24px;
font-weight: 700;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
border: 1px solid transparent;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
z-index: 9998;
display: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.back-to-top {
display: none !important;
}
}
@media (max-width: 767.98px) {
.back-to-top {
display: none !important;
}
}
.back-to-top:hover {
color: var(--procus-base);
background-color: transparent;
border: 1px solid var(--procus-base);
} .primary-btn {
color: var(--procus-primary);
border: 1px solid var(--procus-base);
border-radius: 30px;
text-align: center;
font-weight: 500;
display: inline-block;
text-transform: capitalize;
padding: 8px 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 18px;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, transparent),
color-stop(50%, var(--procus-base))
);
background: -webkit-linear-gradient(left, transparent 50%, var(--procus-base) 50%);
background: -o-linear-gradient(left, transparent 50%, var(--procus-base) 50%);
background: linear-gradient(to right, transparent 50%, var(--procus-base) 50%);
background-size: 200% 100%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.primary-btn {
padding: 8px 10px;
}
}
.primary-btn span {
font-size: 26px;
line-height: 24px;
position: relative;
top: 3px;
left: -5px;
}
.primary-btn:hover {
background-position: left bottom;
color: var(--procus-base);
}
.secondary-btn {
color: var(--procus-base);
border: 1px solid var(--procus-base);
border-radius: 30px;
text-align: center;
font-weight: 500;
display: inline-block;
text-transform: capitalize;
padding: 8px 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 18px;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, var(--procus-base)),
color-stop(50%, transparent)
);
background: -webkit-linear-gradient(left, var(--procus-base) 50%, transparent 50%);
background: -o-linear-gradient(left, var(--procus-base) 50%, transparent 50%);
background: linear-gradient(to right, var(--procus-base) 50%, transparent 50%);
background-size: 200% 100%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.secondary-btn {
padding: 8px 10px;
}
}
.secondary-btn:hover {
background-position: left bottom;
color: var(--procus-primary);
} @media (min-width: 768px) and (max-width: 991.98px) {
.contact-form-3 {
margin-top: 40px;
}
}
@media (max-width: 767.98px) {
.contact-form-3 {
margin-top: 40px;
}
}
.contact-form-3 .budget-option {
display: inline-block;
margin: 0 10px 10px 0;
}
.contact-form-3 .budget-option input {
display: none;
}
.contact-form-3 .budget-option span {
font-size: 16px;
display: inline-block;
padding: 8px 16px;
border: 1px solid #4f4f4f;
border-radius: 30px;
cursor: pointer;
-webkit-transition: background-color 0.3s, color 0.3s;
-o-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
.contact-form-3 .budget-option input:checked + span {
background-color: var(--procus-base);
color: var(--procus-primary);
border: 1px solid transparent;
}
.contact-form-3 form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact-form-3 .form-group {
margin-bottom: 20px;
}
.contact-form-3 label {
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
display: block;
}
.contact-form-3 input,
.contact-form-3 textarea {
width: 100%;
padding: 10px;
background-color: transparent;
border: none;
border-bottom: 1px solid #cccccc; color: #ffffff;
font-size: 16px;
outline: none;
margin-bottom: 10px;
}
.contact-form-3 input::-webkit-input-placeholder,
.contact-form-3 textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.contact-form-3 input:-ms-input-placeholder,
.contact-form-3 textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.contact-form-3 input::-ms-input-placeholder,
.contact-form-3 textarea::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5); }
.contact-form-3 input::placeholder,
.contact-form-3 textarea::placeholder {
color: rgba(255, 255, 255, 0.5); }
.contact-form-3 .radio-buttons .form-group {
padding: 10px 45px 10px 15px;
border: 1px solid #4f4f4f;
border-radius: 20px;
display: inline-block;
margin-right: 15px;
line-height: 0;
margin-bottom: 15px;
}
.contact-form-3 .radio-buttons input[type="radio"] {
display: none;
}
.contact-form-3 .radio-buttons label {
cursor: pointer;
position: relative;
font-size: 16px;
color: #ffffff;
line-height: 0;
margin: 0;
text-transform: capitalize;
padding: 10px 0;
}
.contact-form-3 .radio-buttons label::before {
content: "";
position: absolute;
width: 15px;
height: 15px;
background-color: transparent;
border: 1px solid #fff;
border-radius: 50%;
top: 50%;
right: -25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: border-color 400ms ease;
-o-transition: border-color 400ms ease;
transition: border-color 400ms ease;
}
.contact-form-3 .radio-buttons label::after {
content: "";
position: absolute;
width: 15px;
height: 15px;
background-color: var(--procus-base);
border: 1px solid var(--procus-base);
border-radius: 50%;
top: 50%;
right: -25px;
-webkit-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
-webkit-transition: -webkit-transform 400ms ease;
transition: -webkit-transform 400ms ease;
-o-transition: transform 400ms ease;
transition: transform 400ms ease;
transition: transform 400ms ease, -webkit-transform 400ms ease;
}
.contact-form-3 .radio-buttons input[type="radio"]:checked + label::before {
border-color: var(--procus-base);
}
.contact-form-3 .radio-buttons input[type="radio"]:checked + label::after {
-webkit-transform: translateY(-50%) scale(0.55);
-ms-transform: translateY(-50%) scale(0.55);
transform: translateY(-50%) scale(0.55);
}
.contact-form-3 label.privacy-policy {
font-size: 16px;
position: relative;
top: -5px;
}
.contact-form-3 label.privacy-policy a {
color: #ffffff;
text-decoration: underline;
}
.contact-form-3 .attachment-btn {
display: inline-block;
cursor: pointer;
font-size: 16px;
color: #ffffff;
}
.contact-form-3 .attachment-btn i {
margin-right: 5px;
}
.contact-form-3 button.primary-btn {
max-width: 300px;
margin-top: 20px;
}
.contact-form-3 .primary-btn i {
margin-left: 0;
}
.contact-form-3 input[type="checkbox"] {
margin-right: 10px;
width: auto;
float: left;
} #preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--procus-black);
z-index: 9999;
}
#loader {
display: block;
position: relative;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
margin: -75px 0 0 -75px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: var(--procus-base);
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
#loader:before {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: var(--procus-base);
-webkit-animation: spin 3s linear infinite;
animation: spin 3s linear infinite;
}
#loader:after {
content: "";
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-radius: 50%;
border: 3px solid transparent;
border-top-color: var(--procus-base);
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
} .pt-10 {
padding-top: 10px;
}
.pt-20 {
padding-top: 20px;
}
.pt-30 {
padding-top: 30px;
}
.pt-40 {
padding-top: 40px;
}
.pt-50 {
padding-top: 50px;
}
.pt-60 {
padding-top: 60px;
}
.pt-70 {
padding-top: 70px;
}
.pt-80 {
padding-top: 80px;
}
.pt-90 {
padding-top: 90px;
}
.pt-100 {
padding-top: 100px;
}
@media (max-width: 767.98px) {
.pt-100 {
padding-top: 60px;
}
}
.pt-105 {
padding-top: 105px;
}
@media (max-width: 767.98px) {
.pt-105 {
padding-top: 65px;
}
}
.pt-110 {
padding-top: 110px;
}
@media (max-width: 767.98px) {
.pt-110 {
padding-top: 70px;
}
}
.pt-115 {
padding-top: 115px;
}
@media (max-width: 767.98px) {
.pt-115 {
padding-top: 75px;
}
}
.pt-120 {
padding-top: 120px;
}
@media (max-width: 767.98px) {
.pt-120 {
padding-top: 80px;
}
}
.pb-10 {
padding-bottom: 10px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-80 {
padding-bottom: 80px;
}
.pb-90 {
padding-bottom: 90px;
}
@media (max-width: 767.98px) {
.pb-90 {
padding-bottom: 50px;
}
}
.pb-100 {
padding-bottom: 100px;
}
@media (max-width: 767.98px) {
.pb-100 {
padding-bottom: 60px;
}
}
.pb-105 {
padding-bottom: 105px;
}
@media (max-width: 767.98px) {
.pb-105 {
padding-bottom: 65px;
}
}
.pb-110 {
padding-bottom: 110px;
}
@media (max-width: 767.98px) {
.pb-110 {
padding-bottom: 70px;
}
}
.pb-115 {
padding-bottom: 115px;
}
@media (max-width: 767.98px) {
.pb-115 {
padding-bottom: 75px;
}
}
.pb-120 {
padding-bottom: 120px;
}
@media (max-width: 767.98px) {
.pb-120 {
padding-bottom: 80px;
}
}
.py-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.py-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.py-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.py-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.py-50 {
padding-top: 50px;
padding-bottom: 50px;
}
.py-60 {
padding-top: 60px;
padding-bottom: 60px;
}
.py-70 {
padding-top: 70px;
padding-bottom: 70px;
}
.py-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.py-90 {
padding-top: 90px;
padding-bottom: 90px;
}
.py-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.py-105 {
padding-top: 105px;
padding-bottom: 105px;
}
.py-110 {
padding-top: 110px;
padding-bottom: 110px;
}
.py-115 {
padding-top: 115px;
padding-bottom: 115px;
}
@media (max-width: 767.98px) {
.py-115 {
padding-top: 75px;
padding-bottom: 75px;
}
}
.py-120 {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 767.98px) {
.py-120 {
padding-top: 80px;
padding-bottom: 80px;
}
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
@media (max-width: 767.98px) {
.mt-50 {
margin-top: 30px;
}
}
.mt-60 {
margin-top: 60px;
}
@media (max-width: 767.98px) {
.mt-60 {
margin-top: 40px;
}
}
.mt-70 {
margin-top: 70px;
}
.mt-80 {
margin-top: 80px;
}
.mt-90 {
margin-top: 90px;
}
.mt-100 {
margin-top: 100px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-90 {
margin-bottom: 90px;
}
.mb-100 {
margin-bottom: 100px;
}
.my-10 {
margin: 10px 0;
}
.my-20 {
margin: 20px 0;
}
.my-30 {
margin: 30px 0;
}
.my-40 {
margin: 40px 0;
}
.my-50 {
margin: 50px 0;
}
.my-60 {
margin: 60px 0;
}
.my-70 {
margin: 70px 0;
}
.my-80 {
margin: 80px 0;
}
.my-90 {
margin: 90px 0;
}
.my-100 {
margin: 100px 0;
}
.theme-color-switch {
position: fixed;
top: 200px;
right: -5px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 9998;
}
.theme-color-switch .checkbox {
opacity: 0;
position: absolute;
}
.theme-color-switch .checkbox-label {
background-color: #ffffff;
width: 50px;
height: 26px;
border-radius: 50px;
position: relative;
padding: 5px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.theme-color-switch .fa-moon {
color: var(--procus-black);
}
.theme-color-switch .fa-sun {
color: var(--procus-black);
}
.theme-color-switch .checkbox-label .ball {
background-color: var(--procus-base);
width: 22px;
height: 22px;
position: absolute;
left: 2px;
top: 2px;
border-radius: 50%;
-webkit-transition: -webkit-transform 0.2s linear;
transition: -webkit-transform 0.2s linear;
-o-transition: transform 0.2s linear;
transition: transform 0.2s linear;
transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.theme-color-switch .checkbox:checked + .checkbox-label .ball {
-webkit-transform: translateX(24px);
-ms-transform: translateX(24px);
transform: translateX(24px);
} .hero-area {
overflow: hidden;
position: relative;
}
.hero-area .hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.hero-area .hero-bg.dark-version {
display: block;
}
.hero-area .hero-bg.light-version {
display: none;
}
.hero-area .hero-content-box {
position: relative;
padding: 150px 0;
border-left: 1px solid #4f4f4f;
border-right: 1px solid #4f4f4f;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-area .hero-content-box {
padding: 120px 0 160px 10px;
}
}
@media (max-width: 767.98px) {
.hero-area .hero-content-box {
padding: 100px 0 180px 10px;
}
}
.hero-area p {
max-width: 360px;
}
.hero-area .btn-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
@media (max-width: 767.98px) {
.hero-area .btn-group {
display: inherit;
}
}
.hero-area .btn-group img {
max-width: 320px;
}
.hero-area .hero-top-content img.vector-shape {
width: auto;
margin-top: -100px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-area .hero-top-content img.vector-shape {
display: none;
}
}
@media (max-width: 767.98px) {
.hero-area .hero-top-content img.vector-shape {
display: none;
}
}
.hero-area .hero-bottom-content img.vector-shape {
width: 110%;
margin-top: 30px;
margin-left: -50px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-area .hero-bottom-content img.vector-shape {
display: none;
}
}
@media (max-width: 767.98px) {
.hero-area .hero-bottom-content img.vector-shape {
display: none;
}
}
@media (max-width: 767.98px) {
.hero-area .hero-bottom-content p img,
.hero-area .hero-bottom-content .btn-group img {
margin: 20px 0;
}
}
.hero-area .hero-bottom-content .dark-version {
display: block;
}
.hero-area .hero-bottom-content .light-version {
display: none;
}
.hero-area .hero-social {
position: absolute;
bottom: 40px;
right: 0;
}
@media (max-width: 767.98px) {
.hero-area .hero-social {
bottom: 20px;
}
}
.hero-area .hero-social li {
display: inline-block;
margin: 0 10px;
}
.hero-area .hero-social li a {
color: #ffffff;
font-size: 24px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.hero-area .hero-social li a:hover {
color: var(--procus-base);
}
.hero-area .vector-scroll-down {
width: auto;
position: absolute;
bottom: 60px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
} .custom-marquee .marquee-container {
overflow: hidden;
white-space: nowrap;
width: 100%;
}
.custom-marquee .marquee {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.custom-marquee .marquee-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-animation: marquee 30s linear infinite;
animation: marquee 30s linear infinite;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.custom-marquee .marquee-content {
-webkit-animation: marquee 20s linear infinite;
animation: marquee 20s linear infinite;
}
}
@media (max-width: 767.98px) {
.custom-marquee .marquee-content {
-webkit-animation: marquee 10s linear infinite;
animation: marquee 10s linear infinite;
}
}
.custom-marquee .primary-bg {
padding: 10px 0;
background-color: var(--procus-base);
}
.custom-marquee .primary-bg span {
color: var(--procus-black);
font-size: 24px;
font-weight: 500;
}
.custom-marquee .black-bg {
padding: 10px 0;
background-color: var(--procus-black);
}
.custom-marquee .black-bg span {
color: var(--procus-base);
font-size: 24px;
font-weight: 500;
}
.custom-marquee .marquee-row-1 {
-webkit-animation-direction: normal;
animation-direction: normal;
}
.custom-marquee .marquee-row-2 {
animation-direction: reverse;
}
.custom-marquee .marquee-content span {
display: inline-block;
padding: 0 10px;
}
@-webkit-keyframes marquee {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes marquee {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
} .counter-area {
background-color: var(--procus-primary);
position: relative;
overflow: hidden;
}
.counter-area img.counter-3d {
width: auto;
position: absolute;
top: 120px;
left: 80px;
}
@media (min-width: 1400px) and (max-width: 1919.98px) {
.counter-area img.counter-3d {
width: 80px;
top: 80px;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.counter-area img.counter-3d {
width: 80px;
top: 80px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.counter-area img.counter-3d {
width: 80px;
top: 80px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.counter-area img.counter-3d {
display: none;
}
}
@media (max-width: 767.98px) {
.counter-area img.counter-3d {
display: none;
}
}
.counter-single {
position: relative;
background-color: transparent;
text-align: center;
margin: 0 auto 30px;
height: 230px;
width: 230px;
border: 1px solid #ffffff;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (max-width: 575.98px) {
.counter-single {
height: 150px;
width: 150px;
}
}
.counter-single .counter-number {
padding-top: 65px;
}
@media (max-width: 575.98px) {
.counter-single .counter-number {
padding-top: 40px;
}
}
.counter-single span.counter,
.counter-single span.plus-sign {
color: #ffffff;
font-size: 72px;
line-height: 72px;
font-weight: 700;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (max-width: 575.98px) {
.counter-single span.counter,
.counter-single span.plus-sign {
font-size: 42px;
line-height: 42px;
}
}
.counter-single h6.counter-text {
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
} .service-area {
position: relative;
overflow: hidden;
background-color: var(--procus-black);
}
.service-area img.service-3d {
width: auto;
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-area img.service-3d {
display: none;
}
}
@media (max-width: 767.98px) {
.service-area img.service-3d {
display: none;
}
} .portfolio-area {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: var(--procus-primary);
overflow: hidden;
}
@media (min-width: 1920px) {
.portfolio-area .portfolio-slider {
width: 120%;
}
}
.portfolio-area .slick-slide {
margin: 0 50px 0 0;
}
@media (max-width: 767.98px) {
.portfolio-area .slick-slide {
margin: 0 20px 0 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.portfolio-area .slick-slide {
margin: 0 20px 0 0;
}
}
.portfolio-area .slick-dots {
position: absolute;
left: 50%;
bottom: -80px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin-left: -50px;
border: 1px solid #4f4f4f;
border-radius: 20px;
}
.portfolio-area .slick-dots li {
display: inline;
margin: 0 30px;
}
.portfolio-area .slick-dots button {
color: transparent;
background-color: var(--procus-base);
width: 20px;
height: 20px;
border-radius: 50%;
cursor: pointer;
line-height: 0;
border: none;
opacity: 0;
visibility: hidden;
}
.portfolio-area .slick-dots .slick-active button {
opacity: 1;
visibility: visible;
}
.portfolio-single:hover .portfolio-image img {
border: 1px solid var(--procus-base);
}
.portfolio-single:hover .portfolio-image .portfolio-btn {
opacity: 1;
visibility: visible;
}
.portfolio-single .portfolio-image {
position: relative;
}
.portfolio-single .portfolio-image img {
border-radius: 20px;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.portfolio-single .portfolio-image .portfolio-btn {
position: absolute;
top: 50%;
left: 50%;
display: block;
color: #ffffff;
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
width: 170px;
height: 170px;
line-height: 150px;
border-radius: 50%;
text-align: center;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 0, 0.06)),
to(rgba(153, 153, 153, 0.08))
);
background: -webkit-linear-gradient(
top,
rgba(255, 255, 0, 0.06) 0%,
rgba(153, 153, 153, 0.08) 100%
);
background: -o-linear-gradient(
top,
rgba(255, 255, 0, 0.06) 0%,
rgba(153, 153, 153, 0.08) 100%
);
background: linear-gradient(
180deg,
rgba(255, 255, 0, 0.06) 0%,
rgba(153, 153, 153, 0.08) 100%
);
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
opacity: 0;
visibility: hidden;
}
@media (max-width: 767.98px) {
.portfolio-single .portfolio-image .portfolio-btn {
width: 120px;
height: 120px;
line-height: 120px;
font-size: 16px;
}
}
.portfolio-single .portfolio-image .portfolio-btn span {
position: absolute;
top: 35px;
right: 80px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
@media (max-width: 767.98px) {
.portfolio-single .portfolio-image .portfolio-btn span {
top: 25px;
right: 55px;
}
}
.portfolio-single h3 a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.portfolio-single h3 a:hover {
color: var(--procus-base);
} .section-top-btn {
text-align: right;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.section-top-btn {
text-align: left;
margin-top: 20px;
}
}
@media (max-width: 767.98px) {
.section-top-btn {
text-align: left;
margin-top: 20px;
}
} .brand-area {
background-color: var(--procus-black);
position: relative;
}
.brand-area img.brand-3d {
width: auto;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.brand-area img.brand-3d {
display: none;
}
}
@media (max-width: 767.98px) {
.brand-area img.brand-3d {
display: none;
}
}
.brand-area .brand-logo {
width: 220px;
height: 220px;
border: 1px solid #ffffff;
border-radius: 50%;
}
@media (max-width: 767.98px) {
.brand-area .brand-logo {
width: 150px;
height: 150px;
}
}
.brand-area .brand-logo:hover {
border: 1px solid var(--procus-base);
}
.brand-area .brand-logo img {
width: auto;
margin: auto;
padding-top: 85px;
}
@media (max-width: 767.98px) {
.brand-area .brand-logo img {
padding-top: 50px;
}
}
.brand-area .slick-slide {
margin: 0 15px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.brand-area .slick-slide {
margin: 0 10px;
}
}
.brand-area .brand-slider .dark-version {
display: block;
}
.brand-area .brand-slider .light-version {
display: none;
} .testimonial-area {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
background-color: var(--procus-primary);
}
.testimonial-area img.testimonial-3d {
width: auto;
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-area img.testimonial-3d {
display: none;
}
}
@media (max-width: 767.98px) {
.testimonial-area img.testimonial-3d {
display: none;
}
}
.testimonial-area .slick-dots {
position: absolute;
top: 50%;
right: -68px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.testimonial-area .slick-dots li {
margin: 3px 0;
}
.testimonial-area .slick-dots button {
color: transparent;
background-color: #4f4f4f;
width: 20px;
height: 20px;
border-radius: 50%;
cursor: pointer;
line-height: 24px;
border: none;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.testimonial-area .slick-dots .slick-active button {
background-color: var(--procus-base);
}
.testimonial-area .slick-arrow {
position: absolute;
color: #4f4f4f;
font-size: 30px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.testimonial-area .slick-arrow:hover {
color: var(--procus-base);
}
.testimonial-area .arrow-up {
top: 41%;
right: -72px;
}
.testimonial-area .arrow-down {
bottom: 41%;
right: -72px;
}
.testimonial-slide {
position: relative;
padding: 60px 150px;
border: 1px solid var(--procus-base);
border-radius: 20px;
}
.testimonial-slide .testimonial-slide-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.testimonial-slide .testimonial-slide-bg.dark-version {
display: block;
}
.testimonial-slide .testimonial-slide-bg.light-version {
display: none;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.testimonial-slide {
padding: 60px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-slide {
padding: 40px;
}
}
@media (max-width: 767.98px) {
.testimonial-slide {
padding: 30px;
}
}
.testimonial-slide span.testimonial-quote-icon {
font-size: 80px;
display: block;
color: #8AD600;
}
.testimonial-slide span.quote-text {
font-size: 30px;
font-weight: 500;
}
@media (max-width: 767.98px) {
.testimonial-slide span.quote-text {
font-size: 24px;
}
}
.testimonial-slide .testimonial-content {
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767.98px) {
.testimonial-slide .testimonial-content {
display: inherit;
}
}
.testimonial-slide .testimonial-content .content-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
@media (max-width: 767.98px) {
.testimonial-slide .testimonial-content .content-left {
margin-bottom: 30px;
}
}
.testimonial-slide .testimonial-content .content-left .author-img img {
width: 90px;
height: 90px;
border-radius: 50%;
border: 1px solid var(--procus-base);
}
.testimonial-slide .testimonial-content .author-text p {
text-transform: capitalize;
} .team-area {
background-color: var(--procus-black);
}
.team-member {
position: relative;
border-radius: 20px;
overflow: hidden;
margin-bottom: 30px;
}
.team-member:hover .hover-state {
opacity: 1;
visibility: visible;
}
.team-member:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: rotate(2deg) scale(1.1);
-ms-transform: rotate(2deg) scale(1.1);
transform: rotate(2deg) scale(1.1);
}
.team-member img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member .hover-state {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#8AD600),
to(rgba(0, 0, 0, 0.2))
);
background-image: -webkit-linear-gradient(
#8AD600,
rgba(0, 0, 0, 0.2)
);
background-image: -o-linear-gradient(
#8AD600,
rgba(0, 0, 0, 0.2)
);
background-image: linear-gradient(#8AD600, rgba(0, 0, 0, 0.2));
border-radius: 20px;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid #8AD600;
border-bottom: transparent;
padding: 24px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0;
visibility: hidden;
}
.team-member .hover-state h4 a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member .hover-state h4 a:hover {
color: var(--procus-base);
}
.team-member .hover-state span {
text-transform: capitalize;
}
.team-member .hover-state .team-social {
margin-top: 10px;
}
.team-member .hover-state .team-social li {
display: inline;
margin-right: 15px;
}
.team-member .hover-state .team-social li a {
color: #ffffff;
font-size: 20px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member .hover-state .team-social li a:hover {
color: var(--procus-base);
} .cta-area {
overflow: hidden;
position: relative;
}
.cta-area .cta-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.cta-area .cta-bg.dark-version {
display: block;
}
.cta-area .cta-bg.light-version {
display: none;
}
.cta-box {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
padding: 80px 150px;
text-align: center;
border-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.cta-box {
padding: 80px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.cta-box {
padding: 80px 50px;
}
}
@media (max-width: 767.98px) {
.cta-box {
padding: 80px 20px;
}
}
.cta-box h2 {
color: #ffffff;
} .blog-area {
background-color: var(--procus-black);
}
@media (min-width: 1920px) {
.blog-area .blog-slider {
width: 120%;
}
}
.blog-area .slick-slide {
margin: 0 50px 0 0;
}
@media (max-width: 575.98px) {
.blog-area .slick-slide {
margin: 0 15px 0 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.blog-area .slick-slide {
margin: 0 20px 0 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-area .slick-slide {
margin: 0 20px 0 0;
}
}
.blog-single-slide .blog-image img {
border-radius: 20px;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.blog-single-slide .blog-image img:hover {
border: 1px solid var(--procus-base);
}
.blog-single-slide .blog-meta {
margin: 20px 0 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 575.98px) {
.blog-single-slide .blog-meta {
display: inherit;
}
}
.blog-single-slide .blog-meta li a {
color: var(--procus-base);
text-transform: capitalize;
}
.blog-single-slide .blog-meta li.separator {
margin: 0 10px;
}
.blog-single-slide h4 a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.blog-single-slide h4 a:hover {
color: var(--procus-base);
}
.blog-single-slide .blog-tags {
margin-top: 20px;
}
.blog-single-slide .blog-tags li {
display: inline;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
}
.blog-single-slide .blog-tags li a {
display: inline-block;
color: #ffffff;
font-size: 14px;
padding: 5px 10px;
background-color: var(--procus-primary);
text-transform: capitalize;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.blog-single-slide .blog-tags li a:hover {
color: var(--procus-primary);
background-color: var(--procus-base);
}
.blog-single-slide .blog-btn {
font-size: 20px;
font-weight: 500;
color: #ffffff;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
display: inline-block;
position: relative;
}
.blog-single-slide .blog-btn span {
position: absolute;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size: 16px;
top: 3px;
right: -35px;
width: 25px;
height: 25px;
line-height: 25px;
background-color: var(--procus-base);
color: var(--procus-black);
border-radius: 50%;
text-align: center;
}
.blog-single-slide .blog-btn:hover {
color: var(--procus-base);
} .get-in-touch-area {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
overflow: hidden;
padding: 140px 0 300px;
background-color: var(--procus-primary);
text-align: center;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.get-in-touch-area {
padding: 60px 0 180px;
background-size: cover;
}
}
@media (max-width: 767.98px) {
.get-in-touch-area {
padding: 60px 0 180px;
background-size: cover;
}
}
.get-in-touch-area a.big-title {
font-size: 100px;
line-height: 1.2em;
position: relative;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, var(--procus-base)),
color-stop(50%, #ffffff)
);
background: -webkit-linear-gradient(left, var(--procus-base) 50%, #ffffff 50%);
background: -o-linear-gradient(left, var(--procus-base) 50%, #ffffff 50%);
background: linear-gradient(90deg, var(--procus-base) 50%, #ffffff 50%);
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-background-clip: text;
display: inline-block;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
background-size: 200%;
background-repeat: no-repeat;
background-position: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
}
.get-in-touch-area a.big-title span {
display: block;
}
.get-in-touch-area a.big-title span.icon {
font-size: 110px;
margin-top: 10px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.get-in-touch-area a.big-title {
font-size: 48px;
}
.get-in-touch-area a.big-title span.icon {
font-size: 55px;
margin-top: 5px;
}
}
@media (max-width: 767.98px) {
.get-in-touch-area a.big-title {
font-size: 40px;
}
.get-in-touch-area a.big-title span.icon {
font-size: 45px;
margin-top: 4px;
}
}
.get-in-touch-area a.big-title:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 100%;
width: 0;
height: 4px;
background: var(--procus-base);
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.get-in-touch-area a.big-title:hover {
background-position: 0;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.get-in-touch-area a.big-title:hover:after {
right: 0;
width: 98%;
}
.get-in-touch-area a.big-title:hover span {
color: var(--procus-base);
} .welcome-section-about {
background-color: var(--procus-primary);
}
.welcome-section-about .welcome-images {
position: relative;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.welcome-section-about .welcome-images {
margin-top: 90px;
}
}
@media (max-width: 767.98px) {
.welcome-section-about .welcome-images {
margin-top: 90px;
}
}
.welcome-section-about .welcome-images img.welcome-vector {
width: 120px;
position: absolute;
top: -65px;
left: 40%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.welcome-section-about .welcome-images img.welcome-image {
border-radius: 20px;
} .video-home-3.video-about-page {
background-color: var(--procus-primary);
}
.video-home-3.video-about-page .video-bg {
padding: 200px 0;
border-radius: 30px;
} .choose-section-about {
background-color: var(--procus-black);
}
.choose-section-about .dark-version {
display: block;
}
.choose-section-about .light-version {
display: none;
} .single-choose-item {
padding: 40px 30px;
text-align: center;
border: 1px solid #4f4f4f;
border-radius: 20px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.single-choose-item img {
width: auto;
margin: 0 auto 20px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0.5;
}
.single-choose-item h4 {
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0.5;
}
.single-choose-item p {
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0.5;
}
.single-choose-item.active {
border: 1px solid var(--procus-base);
}
.single-choose-item.active img {
opacity: 1;
}
.single-choose-item.active h4 {
opacity: 1;
}
.single-choose-item.active p {
opacity: 1;
} .working-process-services {
background-color: var(--procus-primary);
overflow: hidden;
}
.working-process-services .slick-slide {
padding: 40px 30px;
border: 1px solid #4f4f4f;
border-radius: 20px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
margin: 15px 0;
}
.working-process-services .slick-dots {
position: absolute;
top: 50%;
left: -50px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: -50px;
border: 1px solid #4f4f4f;
border-radius: 20px;
}
.working-process-services .slick-dots li {
margin: 30px 0;
}
.working-process-services .slick-dots button {
color: transparent;
background-color: var(--procus-base);
width: 15px;
height: 15px;
border-radius: 50%;
cursor: pointer;
line-height: 0;
border: none;
opacity: 0;
visibility: hidden;
}
.working-process-services .slick-dots .slick-active button {
opacity: 1;
visibility: visible;
}
.working-process-slider {
position: relative;
z-index: 1;
scale: 1.1;
}
.working-process-slider::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 20%;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#141414),
to(transparent)
);
background-image: -webkit-linear-gradient(#141414, transparent);
background-image: -o-linear-gradient(#141414, transparent);
background-image: linear-gradient(#141414, transparent);
z-index: 2;
}
@media (max-width: 767.98px) {
.working-process-slider::before {
display: none;
}
}
.working-process-slider::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 20%;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#141414),
to(transparent)
);
background-image: -webkit-linear-gradient(bottom, #141414, transparent);
background-image: -o-linear-gradient(bottom, #141414, transparent);
background-image: linear-gradient(to top, #141414, transparent);
}
@media (max-width: 767.98px) {
.working-process-slider::after {
display: none;
}
}
.working-process-single-slide {
cursor: -webkit-grab;
cursor: grab;
}
.working-process-single-slide h3 {
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.working-process-single-slide p {
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0.5;
} .service-details-content {
background-color: var(--procus-primary);
}
.service-details-content .service-details-image img {
border-radius: 20px;
}
.service-details-content h2,
.service-details-content h3 {
color: #ffffff;
}
.service-details-content .service-tags {
padding: 10px;
border: 1px solid #4f4f4f;
border-radius: 10px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-top: 50px;
}
.service-details-content .service-tags li {
display: inline-block;
}
@media (max-width: 767.98px) {
.service-details-content .service-tags li {
margin-left: 0 !important;
margin-right: 10px;
margin-top: 7px;
margin-bottom: 7px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-details-content .service-tags li {
margin-left: 0 !important;
margin-right: 10px;
margin-top: 7px;
margin-bottom: 7px;
}
}
.service-details-content .service-tags li + li {
margin-left: 10px;
}
.service-details-content .service-tags li a {
display: inline-block;
color: #6d6d6d;
background-color: transparent;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
font-size: 20px;
padding: 5px 10px;
border: 1px solid #4f4f4f;
border-radius: 5px;
}
.service-details-content .service-tags li.tab-link.active a {
color: var(--procus-primary);
background-color: var(--procus-base);
border: 1px solid transparent;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-details-content .service-details-image-2 {
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.service-details-content .service-details-image-2 {
margin-bottom: 30px;
}
}
.service-details-content .service-details-image-2 img {
border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-details-content .service-sidebar {
margin-top: 40px;
}
}
@media (max-width: 767.98px) {
.service-details-content .service-sidebar {
margin-top: 40px;
}
}
.service-details-content .tab-content {
display: none;
}
.service-details-content .tab-content.active {
display: block;
} .procus-widget {
padding: 30px;
border: 1px solid #4f4f4f;
border-radius: 20px;
background-color: var(--procus-primary);
}
.procus-widget .widget-title {
color: #ffffff;
margin-bottom: 20px;
}
.procus-widget .service-items li {
position: relative;
}
.procus-widget .service-items li:hover a {
color: var(--procus-primary);
background-color: var(--procus-base);
border: 1px solid transparent;
}
.procus-widget .service-items li:hover span {
opacity: 1;
visibility: visible;
}
.procus-widget .service-items li + li {
margin-top: 20px;
}
.procus-widget .service-items li a {
color: #ffffff;
padding: 12px 15px;
border: 1px solid #4f4f4f;
border-radius: 8px;
background-color: transparent;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
display: block;
}
.procus-widget .service-items li span {
color: var(--procus-primary);
position: absolute;
top: 50%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.procus-widget.search-widget .search-form {
position: relative;
}
.procus-widget.search-widget .search-form button {
position: absolute;
background-color: var(--procus-base);
right: 0;
top: 1px;
padding: 12px;
border: none;
border-radius: 0 10px 10px 0;
color: var(--procus-black);
}
.procus-widget.search-widget .search-form button span {
position: relative;
top: 2px;
}
.procus-widget.search-widget .search-form .form-control {
background-color: transparent;
padding: 12px 55px 12px 12px;
border-radius: 10px;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
border: 1px solid #4f4f4f;
}
.procus-widget.search-widget .search-form .form-control:focus {
border-color: #4f4f4f;
}
.procus-widget .blog-categories li {
position: relative;
}
.procus-widget .blog-categories li:hover a {
color: var(--procus-primary);
background-color: var(--procus-base);
border: 1px solid transparent;
}
.procus-widget .blog-categories li:hover a span {
color: var(--procus-primary);
}
.procus-widget .blog-categories li + li {
margin-top: 20px;
}
.procus-widget .blog-categories li a {
color: #ffffff;
padding: 12px 15px;
border: 1px solid #4f4f4f;
border-radius: 8px;
background-color: transparent;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
display: block;
text-transform: capitalize;
}
.procus-widget .blog-categories li a span {
color: var(--procus-base);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.procus-widget .blog-categories.content-table span {
margin-right: 5px;
}
.procus-widget .recent-post-widget .single-recent-post {
margin-bottom: 30px;
}
.procus-widget .recent-post-widget .single-recent-post:last-child {
margin-bottom: 0;
}
.procus-widget .recent-post-widget .single-recent-post img {
border: 1px solid #4f4f4f;
border-radius: 20px;
}
.procus-widget .recent-post-widget .single-recent-post span.post-date {
display: block;
color: #b0b0b0;
margin: 20px 0 10px;
}
.procus-widget .recent-post-widget .single-recent-post h5 a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.procus-widget .recent-post-widget .single-recent-post h5 a:hover {
color: var(--procus-base);
}
.procus-widget.post-tags-widget a {
font-size: 14px;
display: inline-block;
color: #b0b0b0;
border: 1px solid #b0b0b0;
background-color: transparent;
padding: 5px 16px;
border-radius: 30px;
margin: 0 5px 10px 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.procus-widget.post-tags-widget a:hover {
color: var(--procus-black);
border: 1px solid transparent;
background-color: var(--procus-base);
} .process-slider-area {
background-color: var(--procus-black);
}
.process-slider-area h2 {
color: #ffffff;
}
.process-slider-part {
border-top: 1px solid #4f4f4f;
position: relative;
z-index: 1;
}
.process-slider-part:hover .slick-arrow {
opacity: 1;
visibility: visible;
}
.process-slider-part .slick-slider {
margin: 0 -15px;
}
.process-slider-part .slick-slide {
margin: 0 15px;
}
.process-slider-part .slick-current {
background-color: var(--procus-base) !important;
margin-top: 70px !important;
}
.process-slider-part .slick-current img.shape-image {
opacity: 1 !important;
visibility: visible !important;
}
.process-slider-part .slick-arrow {
position: absolute;
color: var(--procus-black);
background-color: var(--procus-base);
width: 40px;
height: 40px;
border-radius: 50%;
line-height: 41px;
text-align: center;
font-size: 24px;
top: 55%;
z-index: 99;
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0;
visibility: hidden;
}
.process-slider-part .slick-arrow:hover {
opacity: 0.8;
}
.process-slider-part .arrow-left {
left: -50px;
}
@media (min-width: 1400px) and (max-width: 1919.98px) {
.process-slider-part .arrow-left {
left: -30px;
}
}
.process-slider-part .arrow-right {
right: -50px;
}
@media (min-width: 1400px) and (max-width: 1919.98px) {
.process-slider-part .arrow-right {
right: -30px;
}
}
.process-slider-part .process-slider-2 {
position: relative;
z-index: 9;
}
.process-slider-part .process-slider-2 .single-slide {
padding: 30px 20px 20px;
border-radius: 20px;
background-color: #fbffe7;
position: relative;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
margin-top: 100px;
}
.process-slider-part .process-slider-2 .single-slide img.shape-image {
width: auto;
position: absolute;
top: -70px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
z-index: 9;
opacity: 0;
}
.process-slider-part .process-slider-2 .single-slide span.slide-number {
display: block;
color: #ffffff;
background-color: var(--procus-primary);
font-size: 24px;
font-weight: 700;
line-height: 50px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
margin-bottom: 20px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.process-slider-part .process-slider-2 .single-slide h4 {
color: var(--procus-primary);
font-weight: 700;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.process-slider-part .process-slider-2 .single-slide p {
color: var(--procus-primary);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
font-size: 15px;
} .team-member-info {
background-color: var(--procus-black);
}
.team-member-info h2 {
color: #ffffff;
}
.team-member-info .member-info-box {
padding: 30px;
border: 1px solid var(--procus-base);
border-radius: 20px;
}
@media (max-width: 575.98px) {
.team-member-info .member-info-box {
padding: 15px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.team-member-info .member-image {
margin-bottom: 40px;
}
}
@media (max-width: 767.98px) {
.team-member-info .member-image {
margin-bottom: 40px;
}
}
.team-member-info .member-image img {
border-radius: 20px;
}
.team-member-info .member-content h2 {
font-weight: 500;
}
@media (max-width: 575.98px) {
.team-member-info .member-content h2 {
font-size: 30px;
}
}
.team-member-info .single-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
margin-bottom: 30px;
}
.team-member-info .single-info:hover .info-icon span {
color: var(--procus-base);
border: 1px solid #8AD600;
}
.team-member-info .single-info .info-icon span {
color: #6d6d6d;
border: 1px solid #4f4f4f;
border-radius: 5px;
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member-info .single-info h5 {
color: #ffffff;
}
.team-member-info .member-social h5 {
color: #ffffff;
}
.team-member-info .member-social ul li {
display: inline;
margin-right: 20px;
}
.team-member-info .member-social ul li a {
color: #ffffff;
font-size: 24px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member-info .member-social ul li a:hover {
color: var(--procus-base);
} .experience-education-area {
background-color: var(--procus-primary);
}
.experience-education-area h2 {
color: #ffffff;
}
.experience-education-area h2 span {
font-size: 36px;
position: relative;
top: -5px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.experience-education-area .education-part {
margin-top: 60px;
}
}
@media (max-width: 767.98px) {
.experience-education-area .education-part {
margin-top: 60px;
}
}
.experience-education-area .single-item {
padding: 40px;
border-left: 1px solid #4f4f4f;
}
.experience-education-area .single-item + .single-item {
border-top: 1px solid #4f4f4f;
}
.experience-education-area .single-item:first-child {
padding-top: 0;
}
.experience-education-area .single-item:last-child {
padding-bottom: 0;
}
.experience-education-area .single-item span.item-date {
color: var(--procus-base);
position: relative;
}
.experience-education-area .single-item span.item-date::before {
content: "";
position: absolute;
top: 0;
left: -45px;
width: 10px;
height: 10px;
background-color: var(--procus-base);
border-radius: 50%;
-webkit-box-shadow: 0 0 4px 2px #8AD600;
box-shadow: 0 0 4px 2px #8AD600;
}
.experience-education-area .single-item span,
.experience-education-area .single-item p {
color: #b0b0b0;
}
.experience-education-area .single-item p {
margin-top: 10px;
} .skills-tools-area {
background-color: var(--procus-black);
}
.skills-tools-area h2 {
color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.skills-tools-area .all-tools {
margin-top: 40px;
}
}
@media (max-width: 767.98px) {
.skills-tools-area .all-tools {
margin-top: 40px;
}
}
.skills-tools-area .single-tool {
border: 1px solid #4f4f4f;
border-radius: 10px;
text-align: center;
height: 180px;
display: -ms-grid;
display: grid;
place-content: center;
margin-bottom: 30px;
}
.skills-tools-area .single-tool img {
width: auto;
margin: 0 auto 15px;
} .case-studies-area {
background-color: var(--procus-primary);
}
.case-studies-area .single-case-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5%;
margin-bottom: 60px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.case-studies-area .single-case-item {
display: inherit;
}
.case-studies-area .single-case-item .case-image {
width: 100% !important;
}
.case-studies-area .single-case-item .case-content {
width: 100% !important;
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.case-studies-area .single-case-item {
display: inherit;
}
.case-studies-area .single-case-item .case-image {
width: 100% !important;
}
.case-studies-area .single-case-item .case-content {
width: 100% !important;
margin-top: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.case-studies-area .single-case-item.item-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media (max-width: 767.98px) {
.case-studies-area .single-case-item.item-reverse {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.case-studies-area .single-case-item:hover .case-image img {
border: 1px solid var(--procus-base);
}
.case-studies-area .single-case-item .case-image {
width: 60%;
}
.case-studies-area .single-case-item .case-image img {
border-radius: 20px;
border: 1px solid transparent;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.case-studies-area .single-case-item .case-content {
width: 35%;
}
.case-studies-area .single-case-item .case-content h3 a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.case-studies-area .single-case-item .case-content h3 a:hover {
color: var(--procus-base);
}
.case-details-content {
background-color: var(--procus-black);
}
.case-details-content img {
border-radius: 20px;
}
.case-details-content .case-info {
padding: 30px 40px 0;
border-bottom: 1px solid #4f4f4f;
margin-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.case-details-content .case-info {
padding: 30px 0;
}
}
@media (max-width: 767.98px) {
.case-details-content .case-info {
padding: 30px 0;
}
}
.case-details-content .single-info {
margin-bottom: 30px;
}
.case-details-content .single-info h4 {
color: #b0b0b0;
}
.case-details-content .single-info span {
color: var(--procus-base);
}
.case-details-content h2 {
color: #ffffff;
border-bottom: 1px solid #4f4f4f;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-bottom: 10px;
margin-bottom: 50px;
}
.case-details-content h3 {
color: #ffffff;
}
.case-details-content .single-box {
padding: 80px 60px 70px;
border: 1px solid #4f4f4f;
border-radius: 20px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
max-width: 600px;
margin-bottom: 40px;
}
@media (max-width: 767.98px) {
.case-details-content .single-box {
padding: 30px;
}
}
.case-details-content .single-box:hover {
border: 1px solid var(--procus-base);
}
.case-details-content .case-images-gallery img {
margin-bottom: 30px;
}
.case-details-content .requirement-list li {
margin-bottom: 15px;
color: #b0b0b0;
}
.case-details-content .requirement-list li span {
color: var(--procus-base);
margin-right: 5px;
}
.case-details-content .preview-links {
margin-top: 50px;
}
.case-details-content .preview-links li {
display: inline-block;
margin-right: 20px;
text-transform: capitalize;
margin-bottom: 10px;
}
.case-details-content .preview-links li a {
display: inline-block;
color: #ffffff;
padding: 7px 10px;
border: 1px solid #ffffff;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.case-details-content .preview-links li a:hover {
color: var(--procus-base);
border: 1px solid var(--procus-base);
} .blog-2-column {
background-color: var(--procus-black);
}
.blog-2-column .blog-single-slide {
max-width: 95%;
margin-bottom: 50px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-2-column .blog-single-slide {
max-width: 100%;
}
}
@media (max-width: 767.98px) {
.blog-2-column .blog-single-slide {
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-2-column .blog-posts-left-sidebar {
margin-top: 50px;
}
}
@media (max-width: 767.98px) {
.blog-2-column .blog-posts-left-sidebar {
margin-top: 50px;
}
}
.blog-2-column .blog-posts-left-sidebar .blog-single-slide {
margin-left: auto;
}
.blog-2-column.blog-full-width .blog-single-slide {
max-width: 98%;
}
.blog-page-categories li {
margin-bottom: 20px;
display: inline-block;
}
.blog-page-categories li.active a {
color: var(--procus-black);
background-color: var(--procus-base);
}
.blog-page-categories li.active a span {
color: var(--procus-base);
background-color: var(--procus-black);
border: 1px solid transparent;
}
.blog-page-categories li a {
color: #b0b0b0;
text-transform: capitalize;
padding: 7px 15px;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.blog-page-categories li a:hover {
color: var(--procus-black);
background-color: var(--procus-base);
}
.blog-page-categories li a:hover span {
color: #ffffff;
background-color: var(--procus-black);
border: 1px solid transparent;
}
.blog-page-categories li a span.total-post {
display: inline-block;
font-size: 14px;
height: 25px;
width: 25px;
line-height: 25px;
border: 1px solid #4f4f4f;
text-align: center;
border-radius: 10px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.blog-page-categories li.right {
float: right;
margin-right: 20px;
}
.blog-page-categories li select {
background-color: transparent;
color: #b0b0b0;
border: 1px solid var(--procus-base);
padding: 5px 10px;
border-radius: 30px;
text-transform: capitalize;
}
.blog-page-categories li option {
color: #4f4f4f;
} .blog-pagination {
margin-top: 40px;
}
.blog-pagination li {
display: inline-block;
margin: 0 5px;
color: #ffffff;
border: 1px solid var(--procus-base);
background-color: transparent;
text-transform: capitalize;
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
margin-bottom: 20px;
}
.blog-pagination li:hover {
color: var(--procus-black);
background-color: var(--procus-base);
border: 1px solid transparent;
}
.blog-pagination li.active {
color: var(--procus-black);
background-color: var(--procus-base);
border: 1px solid transparent;
}
.blog-pagination li.page-number {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
}
.blog-pagination li.prev-post,
.blog-pagination li.next-post {
padding: 8px 20px;
border-radius: 30px;
}
.blog-pagination li.prev-post span,
.blog-pagination li.next-post span {
position: relative;
top: 1px;
} .blog-details-content {
background-color: var(--procus-black);
}
.blog-details-content .blog-single-slide {
max-width: 100%;
}
.blog-details-content .blog-single-slide .blog-image img:hover {
border: 1px solid transparent;
}
.blog-details-content .blog-single-slide .blog-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.blog-details-content .blog-single-slide .blog-meta {
display: inherit;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.blog-details-content .blog-single-slide .blog-meta {
display: inherit;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-details-content .blog-single-slide .blog-meta {
display: inherit;
}
}
@media (max-width: 767.98px) {
.blog-details-content .blog-single-slide .blog-meta {
display: inherit;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.blog-details-content .blog-single-slide .blog-meta ul {
margin-bottom: 10px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.blog-details-content .blog-single-slide .blog-meta ul {
margin-bottom: 10px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-details-content .blog-single-slide .blog-meta ul {
margin-bottom: 10px;
}
}
@media (max-width: 767.98px) {
.blog-details-content .blog-single-slide .blog-meta ul {
margin-bottom: 10px;
}
}
.blog-details-content .blog-single-slide .blog-tags {
margin-top: 0;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.blog-details-content .blog-single-slide .blog-tags li {
margin-bottom: 10px;
display: inline-block;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.blog-details-content .blog-single-slide .blog-tags li {
margin-bottom: 10px;
display: inline-block;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-details-content .blog-single-slide .blog-tags li {
margin-bottom: 10px;
display: inline-block;
}
}
@media (max-width: 767.98px) {
.blog-details-content .blog-single-slide .blog-tags li {
margin-bottom: 10px;
display: inline-block;
}
}
.blog-details-content .share-links {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 575.98px) {
.blog-details-content .share-links {
display: inherit;
}
}
.blog-details-content .share-links li {
margin-right: 20px;
text-transform: capitalize;
}
@media (max-width: 575.98px) {
.blog-details-content .share-links li {
display: inline-block;
margin-right: 10px;
}
}
.blog-details-content .share-links li a {
color: #ffffff;
font-size: 36px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.blog-details-content .share-links li a:hover {
color: var(--procus-base);
}
.blog-details-content .share-links li.copy-link a {
font-size: 16px;
color: var(--procus-black);
background-color: #ffffff;
padding: 8px;
border-radius: 5px;
}
.blog-details-content .share-links li.copy-link a:hover {
background-color: var(--procus-base);
}
.blog-details-content .blog-sidebar {
width: 90%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-details-content .blog-sidebar {
width: 100%;
margin-bottom: 50px;
}
}
@media (max-width: 767.98px) {
.blog-details-content .blog-sidebar {
width: 100%;
margin-bottom: 50px;
}
}
.blog-details-content .blog-single-slide .separator-line {
display: block;
width: 100%;
height: 1px;
background: #4f4f4f;
margin: 50px 0;
}
.blog-details-content .blog-comments {
margin-bottom: 30px;
}
.blog-details-content .blog-comments-wrapper {
margin-top: 20px;
}
.blog-details-content .blog-comments-single {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-details-content .blog-comments-single img {
border-radius: 50%;
width: 60px;
height: 60px;
}
.blog-details-content .blog-comments-content {
padding: 20px 30px;
}
.blog-details-content .blog-comments-content h5 {
color: #ffffff;
}
.blog-details-content .blog-comments-content p {
margin-top: 10px;
}
.blog-details-content .blog-comments-content a {
font-weight: 500;
margin-top: 5px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
color: var(--procus-base);
}
.blog-details-content .blog-comments-content a i {
font-size: 14px;
margin-right: 2px;
}
.blog-details-content .blog-comments-content a:hover {
color: #ffffff;
}
.blog-details-content .blog-comments-reply {
margin-left: 50px;
}
.blog-details-content .blog-comments-form form {
margin-top: 30px;
}
.blog-details-content .blog-comments-form .form-group {
margin-bottom: 20px;
}
.blog-details-content .blog-comments-form .form-control {
padding: 15px 20px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: var(--procus-primary);
border: 1px solid transparent;
color: #ffffff;
}
.blog-details-content .blog-comments-form .form-control:focus {
border-color: var(--procus-base);
}
.blog-details-content .comment-btn {
background: #fd4a18;
color: #fff;
border: none;
padding: 12px 24px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog-details-content .comment-btn:hover {
background: #151515;
color: #fff;
}
.blog-details-content .comment-btn i {
margin-right: 7px;
}
.blockquote {
padding: 10px 20px;
border-left: 2px solid var(--procus-base);
margin-top: 40px;
}
.blockquote .quote-text {
font-size: 24px;
font-weight: 500;
}
.blockquote .qutoe-author {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.blockquote .qutoe-author img {
width: auto;
border-radius: 50%;
}
.blockquote .qutoe-author h5 {
color: #ffffff;
} @media (min-width: 992px) and (max-width: 1199.98px) {
.blog-sidebar {
max-width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.blog-sidebar {
max-width: 100%;
}
}
@media (max-width: 767.98px) {
.blog-sidebar {
max-width: 100%;
}
} .contact-info-area {
background-color: var(--procus-black);
}
.contact-info-area .single-info {
padding: 30px 20px;
text-align: center;
border: 1px solid #4f4f4f;
border-radius: 20px;
margin-bottom: 30px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(20, 20, 20, 0.1)),
to(#8AD600)
);
background-image: -webkit-linear-gradient(
rgba(20, 20, 20, 0.1),
#8AD600
);
background-image: -o-linear-gradient(
rgba(20, 20, 20, 0.1),
#8AD600
);
background-image: linear-gradient(
rgba(20, 20, 20, 0.1),
#8AD600
);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.contact-info-area .single-info span {
display: block;
margin: 5px 0;
}
.contact-info-area .single-info span.info-icon {
font-size: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.contact-info-area .single-info h4 {
margin-bottom: 10px;
}
.contact-info-area .single-info.active {
border: 1px solid #8AD600;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#8AD600),
to(rgba(20, 20, 20, 0.1))
);
background-image: -webkit-linear-gradient(
(#8AD600),
rgba(20, 20, 20, 0.1)
);
background-image: -o-linear-gradient(
(#8AD600),
rgba(20, 20, 20, 0.1)
);
background-image: linear-gradient(
(#8AD600),
rgba(20, 20, 20, 0.1)
);
}
.contact-info-area .single-info.active span.info-icon {
color: var(--procus-base);
} .contact-form-area {
background-color: var(--procus-black);
}
.faq-area {
background-color: var(--procus-black);
} .terms-content {
background-color: var(--procus-black);
}
.terms-content h3 {
color: #ffffff;
text-transform: lowercase;
}
.terms-content h4 {
color: var(--procus-base);
}
.terms-content .list-items li span {
color: var(--procus-base);
display: inline-block;
margin-right: 5px;
margin-left: 5px;
}
.terms-content .list-items.privacy-list li span {
font-size: 5px;
color: #ffffff;
position: relative;
top: -3px;
} .error-content {
background-color: var(--procus-black);
text-align: center;
}
.error-content span.error-text {
font-size: 200px;
color: var(--procus-base);
font-weight: 700;
line-height: 1em;
}
@media (max-width: 767.98px) {
.error-content span.error-text {
font-size: 120px;
}
}
.error-content h2 {
color: #ffffff;
}
.error-content img {
width: auto;
margin: auto;
}
@media (max-width: 575.98px) {
.error-content img {
width: 100%;
}
}
.procus-cursor {
width: 40px;
height: 40px;
border-radius: 100%;
border: 1px solid var(--procus-base);
-webkit-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
position: fixed;
pointer-events: none;
left: 0;
top: 0;
-webkit-transform: translate(calc(-50% + 15px), -50%);
-ms-transform: translate(calc(-50% + 15px), -50%);
transform: translate(calc(-50% + 15px), -50%);
z-index: 9998;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.procus-cursor {
display: none;
}
}
@media (max-width: 767.98px) {
.procus-cursor {
display: none;
}
}
.procus-cursor2 {
width: 10px;
height: 10px;
border-radius: 100%;
background-color: var(--procus-base);
position: fixed;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
-webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
-o-transition: width 0.3s, height 0.3s, opacity 0.3s;
transition: width 0.3s, height 0.3s, opacity 0.3s;
z-index: 9998;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.procus-cursor2 {
display: none;
}
}
@media (max-width: 767.98px) {
.procus-cursor2 {
display: none;
}
} .hero-home-2 {
position: relative;
text-align: center;
overflow: hidden;
z-index: 1;
}
.hero-home-2 img.hero-3d-home-2 {
width: auto;
position: absolute;
bottom: 0;
left: 10%;
z-index: -1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-home-2 img.hero-3d-home-2 {
display: none;
}
}
@media (max-width: 767.98px) {
.hero-home-2 img.hero-3d-home-2 {
display: none;
}
}
.hero-home-2 .hero-content-box-2 {
padding: 220px 0 120px;
}
.hero-home-2 .hero-content-box-2 .title-tag {
padding: 12px 50px;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(rgba(0, 0, 0, 0.2)),
to(rgba(255, 255, 255, 0.2))
);
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 0, 0.2),
rgba(255, 255, 255, 0.2)
);
background-image: -o-linear-gradient(
left,
rgba(0, 0, 0, 0.2),
rgba(255, 255, 255, 0.2)
);
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.2),
rgba(255, 255, 255, 0.2)
);
border-radius: 15px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 30px;
display: inline-block;
margin-bottom: 20px;
}
.hero-home-2 h1 span {
color: var(--procus-base);
}
.hero-home-2 p {
max-width: 80%;
margin: 20px auto 30px;
}
.hero-home-2 .hero-btn-group-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
}
.hero-home-2 .hero-btn-group-2 .hero-video-wrapper a {
color: var(--procus-base);
font-size: 18px;
font-weight: 500;
text-transform: capitalize;
}
.hero-home-2 .hero-btn-group-2 .hero-video-wrapper a .video-btn {
width: 24px;
height: 24px;
font-size: 16px;
line-height: 25px;
color: var(--procus-primary);
background-color: var(--procus-base);
border-radius: 50%;
display: inline-block;
text-align: center;
margin-right: 5px;
padding-left: 2px;
} .hero-social-2 {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(rgba(255, 255, 255, 0.2)),
to(rgba(0, 0, 0, 0.2))
);
background-image: -webkit-linear-gradient(
left,
rgba(255, 255, 255, 0.2),
rgba(0, 0, 0, 0.2)
);
background-image: -o-linear-gradient(
left,
rgba(255, 255, 255, 0.2),
rgba(0, 0, 0, 0.2)
);
background-image: linear-gradient(
to right,
rgba(255, 255, 255, 0.2),
rgba(0, 0, 0, 0.2)
);
border-radius: 20px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: 1px solid #8AD600;
display: inline-block;
margin-top: 80px;
padding: 12px 24px;
}
@media (max-width: 575.98px) {
.hero-social-2 {
padding: 12px;
margin-top: 40px;
}
}
.hero-social-2 li {
display: inline;
margin: 0 20px;
}
@media (max-width: 575.98px) {
.hero-social-2 li {
margin: 0 2px;
}
}
.hero-social-2 li a {
display: inline-block;
padding: 5px 0;
color: #ffffff;
font-size: 18px;
font-weight: 500;
border-bottom: 1px solid transparent;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (max-width: 575.98px) {
.hero-social-2 li a {
padding: 5px;
font-size: 14px;
}
}
.hero-social-2 li a:hover {
color: var(--procus-base);
border-bottom: 1px solid var(--procus-base);
}
.custom-marquee.marquee-style-2 {
margin-top: -1px;
background-color: var(--procus-black);
position: relative;
z-index: 1;
}
.custom-marquee.marquee-style-2::before {
content: "";
position: absolute;
top: -0.5%;
left: 0;
width: 400px;
height: 101%;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#000000),
to(transparent)
);
background-image: -webkit-linear-gradient(left, #000000, transparent);
background-image: -o-linear-gradient(left, #000000, transparent);
background-image: linear-gradient(to right, #000000, transparent);
z-index: 2;
}
@media (max-width: 767.98px) {
.custom-marquee.marquee-style-2::before {
display: none;
}
}
.custom-marquee.marquee-style-2::after {
content: "";
position: absolute;
top: -0.5%;
right: 0;
width: 400px;
height: 101%;
background-image: -webkit-gradient(
linear,
right top,
left top,
from(#000000),
to(transparent)
);
background-image: -webkit-linear-gradient(right, #000000, transparent);
background-image: -o-linear-gradient(right, #000000, transparent);
background-image: linear-gradient(to left, #000000, transparent);
}
@media (max-width: 767.98px) {
.custom-marquee.marquee-style-2::after {
display: none;
}
}
.custom-marquee.marquee-style-2 .marquee-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-animation: marquee 30s linear infinite;
animation: marquee 30s linear infinite;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.custom-marquee.marquee-style-2 .marquee-content {
-webkit-animation: marquee 20s linear infinite;
animation: marquee 20s linear infinite;
}
}
@media (max-width: 767.98px) {
.custom-marquee.marquee-style-2 .marquee-content {
-webkit-animation: marquee 10s linear infinite;
animation: marquee 10s linear infinite;
}
}
.custom-marquee.marquee-style-2 .marquee-content span {
display: inline-block;
padding: 0 60px;
color: #6d6d6d;
font-size: 68px;
font-weight: 700;
position: relative;
text-transform: uppercase;
}
@media (max-width: 767.98px) {
.custom-marquee.marquee-style-2 .marquee-content span {
font-size: 60px;
}
}
.custom-marquee.marquee-style-2 .marquee-content span::before {
content: "";
position: absolute;
top: 20px;
left: -20px;
width: 60px;
height: 60px;
background-image: url(//playwithnewvision.com/wp-content/themes/images/marquee-vector-home-2.png);
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 767.98px) {
.custom-marquee.marquee-style-2 .marquee-content span::before {
width: 50px;
height: 50px;
}
}
.custom-marquee.marquee-style-2 .marquee-row-1 {
-webkit-animation-direction: normal;
animation-direction: normal;
}
.custom-marquee.marquee-style-2 .marquee-row-2 {
animation-direction: reverse;
}
@keyframes marquee {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
} .about-home-2 {
background-color: var(--procus-black);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.about-home-2 .about-content {
margin-top: 50px;
}
}
@media (max-width: 767.98px) {
.about-home-2 .about-content {
margin-top: 40px;
}
}
.about-home-2 ul.about-list {
margin-top: 20px;
}
.about-home-2 ul.about-list li {
color: #b0b0b0;
position: relative;
padding-left: 30px;
margin: 10px 0;
font-size: 20px;
}
.about-home-2 ul.about-list li::before {
content: "";
position: absolute;
top: 4px;
left: 0;
width: 20px;
height: 20px;
background-image: url(//playwithnewvision.com/wp-content/themes/images/about-list-icon.png);
background-repeat: no-repeat;
} .section-top-2 span.title-tag {
display: inline-block;
color: var(--procus-base);
text-transform: capitalize;
padding: 3px 10px;
border: 1px solid var(--procus-base);
border-radius: 30px;
margin-bottom: 30px;
}
.section-top-2 h2 {
color: #6d6d6d;
}
@media (min-width: 992px) {
.section-top-2 h2 {
width: 90%;
}
}
.section-top-2 h2 span {
color: #ffffff;
} .counter-home-2 {
background-color: var(--procus-black);
}
.counter-single-2 {
position: relative;
background-color: transparent;
text-align: center;
margin: 0 auto 30px;
max-width: 230px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
height: auto;
border: 1px solid #4f4f4f;
border-radius: 20px;
padding: 30px 0;
line-height: 0;
}
@media (max-width: 767.98px) {
.counter-single-2 {
padding: 30px 20px;
}
}
.counter-single-2 span.counter,
.counter-single-2 span.plus-sign {
color: #ffffff;
font-size: 72px;
line-height: 72px;
font-weight: 700;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (max-width: 767.98px) {
.counter-single-2 span.counter,
.counter-single-2 span.plus-sign {
font-size: 42px;
line-height: 42px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.counter-single-2 span.counter,
.counter-single-2 span.plus-sign {
font-size: 60px;
}
}
.counter-single-2 h6.counter-text {
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
} .service-home-2 {
background-color: var(--procus-primary);
overflow: hidden;
position: relative;
z-index: 1;
}
span.big-title {
color: #ffffff;
font-size: 320px;
font-weight: 700;
text-transform: uppercase;
line-height: 320px;
opacity: 0.05;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
.single-service-2 {
padding: 60px 16%;
position: relative;
background-color: transparent;
border-bottom: 1px solid #4f4f4f;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (min-width: 1400px) and (max-width: 1919.98px) {
.single-service-2 {
padding: 60px 6%;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.single-service-2 {
padding: 60px 5%;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.single-service-2 {
padding: 60px 5%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.single-service-2 {
padding: 40px 6%;
}
}
@media (max-width: 767.98px) {
.single-service-2 {
padding: 40px 6%;
}
}
.single-service-2 h2 a {
color: #6d6d6d;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.single-service-2 .service-image {
width: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.5);
-ms-transform: translateX(-50%) translateY(-50%) scale(0.5);
transform: translateX(-50%) translateY(-50%) scale(0.5);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.single-service-2 .service-image {
max-width: 300px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.single-service-2 .service-image {
position: inherit;
top: 0;
left: 0;
-webkit-transform: translate(0) scale(0.5) !important;
-ms-transform: translate(0) scale(0.5) !important;
transform: translate(0) scale(0.5) !important;
display: none;
max-width: 400px;
margin: 30px 0 10px;
}
}
@media (max-width: 767.98px) {
.single-service-2 .service-image {
position: inherit;
top: 0;
left: 0;
-webkit-transform: translate(0) scale(0.5) !important;
-ms-transform: translate(0) scale(0.5) !important;
transform: translate(0) scale(0.5) !important;
display: none;
max-width: 400px;
margin: 30px 0 10px;
}
}
.single-service-2 p {
color: #6d6d6d;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.single-service-2 p {
margin-top: 20px;
}
}
@media (max-width: 767.98px) {
.single-service-2 p {
margin-top: 20px;
}
}
.single-service-2.active {
border-bottom: 1px solid transparent;
background-color: var(--procus-black);
top: -1px;
}
.single-service-2.active h2 a {
color: #ffffff;
}
.single-service-2.active .service-image {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-ms-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.single-service-2.active .service-image {
-webkit-transform: translate(0) scale(1) !important;
-ms-transform: translate(0) scale(1) !important;
transform: translate(0) scale(1) !important;
display: block;
}
}
@media (max-width: 767.98px) {
.single-service-2.active .service-image {
-webkit-transform: translate(0) scale(1) !important;
-ms-transform: translate(0) scale(1) !important;
transform: translate(0) scale(1) !important;
display: block;
}
}
.single-service-2.active p {
color: #ffffff;
} .choose-home-2 {
background-color: var(--procus-black);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.choose-home-2 .choose-content {
margin-top: 50px;
}
}
@media (max-width: 767.98px) {
.choose-home-2 .choose-content {
margin-top: 40px;
}
} .brand-home-2 {
background-color: var(--procus-primary);
overflow: hidden;
position: relative;
z-index: 1;
}
.brand-items .dark-version {
display: block;
}
.brand-items .light-version {
display: none;
}
.brand-items .brand-single-2 {
margin: 0 28px 30px 0;
float: left;
overflow: hidden;
}
.brand-items .brand-single-2:hover .brand-logo {
border: 1px solid var(--procus-base);
}
.brand-items .brand-logo {
width: 230px;
height: 230px;
border: 1px solid #4f4f4f;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.brand-items .brand-logo {
width: 190px;
height: 190px;
}
}
@media (max-width: 767.98px) {
.brand-items .brand-logo {
width: 140px;
height: 140px;
}
}
.brand-items .brand-logo img {
width: auto;
margin: auto;
padding-top: 90px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.brand-items .brand-logo img {
padding-top: 70px;
}
}
@media (max-width: 767.98px) {
.brand-items .brand-logo img {
width: 80%;
padding-top: 50px;
}
} .case-study-home-2 {
background-color: var(--procus-primary);
overflow: hidden;
position: relative;
z-index: 1;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.case-filter-tab {
margin-top: 30px;
}
}
@media (max-width: 767.98px) {
.case-filter-tab {
margin-top: 30px;
}
}
.case-filter-tab li.secondary-btn {
width: 200px;
margin: 0 5px 10px 0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
cursor: pointer;
}
@media (max-width: 575.98px) {
.case-filter-tab li.secondary-btn {
width: auto;
padding: 8px 15px;
}
}
.case-filter-tab li.secondary-btn.active {
background-position: left bottom;
color: var(--procus-primary);
}
.case-filter-tab.item-hidden {
display: none;
}
.case-single {
margin-bottom: 40px;
}
.case-single img {
border-radius: 20px;
margin-bottom: 20px;
width: 95%;
}
.case-single h3 {
margin-bottom: 10px;
}
.case-single a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.case-single a:hover {
color: var(--procus-base);
}
.case-single.item-hidden {
display: none;
} .team-home-2 {
background-color: var(--procus-black);
}
.team-member-2 {
margin: 0 auto 30px;
}
.team-member-2:hover .team-image img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.team-member-2:hover .team-content {
background-color: var(--procus-base);
}
.team-member-2:hover .team-content h4 a {
color: var(--procus-primary);
}
.team-member-2:hover .team-content h4 a:hover {
color: var(--procus-primary);
}
.team-member-2:hover .team-content span {
color: var(--procus-primary);
}
.team-member-2:hover .team-content .team-social li a {
color: var(--procus-primary);
}
.team-member-2:hover .team-content .team-social li a:hover {
color: var(--procus-primary);
}
.team-member-2 .team-image {
position: relative;
}
.team-member-2 .team-image .team-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: bottom center;
background-size: 100% 90%;
}
.team-member-2 .team-image .team-bg.dark-version {
display: block;
}
.team-member-2 .team-image .team-bg.light-version {
display: none;
}
.team-member-2 .team-image img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member-2 .team-content {
padding: 30px 20px;
text-align: center;
background-color: #4f4f4f;
margin-top: 10px;
border-radius: 0 0 20px 20px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member-2 .team-content h4 {
margin-bottom: 5px;
}
.team-member-2 .team-content h4 a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member-2 .team-content h4 a:hover {
color: var(--procus-base);
}
.team-member-2 .team-content span {
color: #ffffff;
text-transform: capitalize;
}
.team-member-2 .team-content .team-social {
margin-top: 10px;
}
.team-member-2 .team-content .team-social li {
display: inline;
margin: 0 10px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.team-member-2 .team-content .team-social li {
margin: 0 5px;
}
}
.team-member-2 .team-content .team-social li a {
color: #ffffff;
font-size: 24px;
display: inline-block;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (min-width: 576px) and (max-width: 767.98px) {
.team-member-2 .team-content .team-social li a {
font-size: 20px;
}
}
.team-member-2 .team-content .team-social li a:hover {
color: var(--procus-base);
} .testimonial-home-2 {
background-color: var(--procus-primary);
overflow: hidden;
position: relative;
z-index: 1;
}
.testimonial-home-2 .slick-slide {
margin: 0 30px 0 0;
}
@media (max-width: 767.98px) {
.testimonial-home-2 .slick-slide {
margin: 0 5px;
}
}
.testimonial-slide-2 {
position: relative;
border: 1px solid #4f4f4f;
border-radius: 20px;
padding: 30px 80px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
overflow: hidden;
}
.testimonial-slide-2:hover {
border: 1px solid var(--procus-base);
}
.testimonial-slide-2:hover span.testimonial-quote-icon {
color: var(--procus-base);
}
.testimonial-slide-2:hover span.quote-text {
color: #ffffff;
}
.testimonial-slide-2:hover .testimonial-content .author-text h5 {
color: #ffffff;
}
.testimonial-slide-2:hover .testimonial-content .author-text p {
color: #ffffff;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.testimonial-slide-2 {
padding: 30px 40px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.testimonial-slide-2 {
padding: 30px 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-slide-2 {
padding: 30px 40px;
}
}
@media (max-width: 767.98px) {
.testimonial-slide-2 {
padding: 20px;
}
}
.testimonial-slide-2 span.testimonial-quote-icon {
font-size: 80px;
display: block;
color: #4f4f4f;
line-height: 80px;
margin-bottom: 20px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.testimonial-slide-2 span.quote-text {
font-size: 16px;
font-weight: 500;
color: #b0b0b0;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.testimonial-slide-2 .testimonial-content {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767.98px) {
.testimonial-slide-2 .testimonial-content {
display: inherit;
}
}
.testimonial-slide-2 .testimonial-content .content-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
@media (max-width: 767.98px) {
.testimonial-slide-2 .testimonial-content .content-left {
margin-bottom: 30px;
}
}
.testimonial-slide-2 .testimonial-content .content-left .author-img img {
width: 70px;
height: 70px;
border-radius: 50%;
}
.testimonial-slide-2 .testimonial-content .author-text h5 {
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.testimonial-slide-2 .testimonial-content .author-text p {
color: #b0b0b0;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
} .blog-home-2 {
background-color: var(--procus-black);
}
.blog-home-2 .slick-slide {
margin: 0 30px 0 0;
}
@media (max-width: 767.98px) {
.blog-home-2 .slick-slide {
margin: 0 5px;
}
}
.blog-single-slide-2 .blog-image {
margin-bottom: 20px;
}
.blog-single-slide-2 .blog-image img {
border-radius: 20px;
}
.blog-single-slide-2 h4 a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.blog-single-slide-2 h4 a:hover {
color: var(--procus-base);
}
.blog-single-slide-2 .blog-btn {
font-size: 20px;
font-weight: 500;
color: #ffffff;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
display: inline-block;
position: relative;
}
.blog-single-slide-2 .blog-btn span {
position: absolute;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
font-size: 16px;
top: 3px;
right: -35px;
width: 25px;
height: 25px;
line-height: 25px;
background-color: var(--procus-base);
color: var(--procus-black);
border-radius: 50%;
text-align: center;
}
.blog-single-slide-2 .blog-btn:hover {
color: var(--procus-base);
} .hero-home-3 {
position: relative;
padding: 150px 0;
}
.hero-home-3 .hero-bg-3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.hero-home-3 .hero-bg-3.dark-version {
display: block;
}
.hero-home-3 .hero-bg-3.light-version {
display: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-home-3 {
padding: 100px 0;
}
}
@media (max-width: 767.98px) {
.hero-home-3 {
padding: 100px 0;
}
}
.hero-home-3 .dark-version {
display: block;
}
.hero-home-3 .light-version {
display: none;
}
.hero-home-3 .vector-image {
width: auto;
position: absolute;
}
.hero-home-3 .vector-image.vector-1 {
top: 9%;
left: 11%;
}
@media (min-width: 1400px) and (max-width: 1919.98px) {
.hero-home-3 .vector-image.vector-1 {
top: 5%;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.hero-home-3 .vector-image.vector-1 {
top: 5%;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.hero-home-3 .vector-image.vector-1 {
top: 5%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-home-3 .vector-image.vector-1 {
display: none;
}
}
@media (max-width: 767.98px) {
.hero-home-3 .vector-image.vector-1 {
display: none;
}
}
.hero-home-3 .vector-image.vector-2 {
top: 20%;
right: 7%;
}
@media (min-width: 1400px) and (max-width: 1919.98px) {
.hero-home-3 .vector-image.vector-2 {
top: 5%;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.hero-home-3 .vector-image.vector-2 {
top: 5%;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.hero-home-3 .vector-image.vector-2 {
top: 5%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-home-3 .vector-image.vector-2 {
display: none;
}
}
@media (max-width: 767.98px) {
.hero-home-3 .vector-image.vector-2 {
display: none;
}
}
.hero-home-3 .vector-image.vector-3 {
bottom: 22%;
left: 5%;
opacity: 0.1;
}
@media (min-width: 1400px) and (max-width: 1919.98px) {
.hero-home-3 .vector-image.vector-3 {
bottom: 4%;
}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
.hero-home-3 .vector-image.vector-3 {
bottom: 4%;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.hero-home-3 .vector-image.vector-3 {
bottom: 4%;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-home-3 .vector-image.vector-3 {
display: none;
}
}
@media (max-width: 767.98px) {
.hero-home-3 .vector-image.vector-3 {
display: none;
}
}
.hero-home-3 .button-group {
position: relative;
}
.hero-home-3 .button-group .vector-4 {
width: auto;
position: absolute;
top: 10px;
left: 200px;
}
.hero-home-3 h1 span {
color: var(--procus-base);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-home-3 .hero-image-right {
margin-top: 50px;
}
}
@media (max-width: 767.98px) {
.hero-home-3 .hero-image-right {
margin-top: 40px;
}
}
.hero-home-3 .hero-button-box {
position: relative;
width: 100%;
height: 680px;
border: 1px solid var(--procus-base);
background-color: var(--procus-black);
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media (min-width: 768px) and (max-width: 991.98px) {
.hero-home-3 .hero-button-box {
margin-top: 50px;
}
}
@media (max-width: 767.98px) {
.hero-home-3 .hero-button-box {
margin-top: 50px;
}
}
.hero-home-3 .hero-button-box .text-item {
position: absolute;
cursor: pointer;
}
.hero-home-3 .hero-button-box .text-item span {
color: var(--procus-black);
font-size: 30px;
display: inline-block;
border: 1px solid transparent;
width: 50px;
height: 50px;
background-color: #ffffff;
border-radius: 50%;
line-height: 1.7em;
text-align: center;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
cursor: pointer;
}
.hero-home-3 .hero-button-box .text-item span:hover {
color: #ffffff;
border: 1px solid #ffffff;
background-color: transparent;
}
.hero-home-3 .hero-button-box .item1 {
top: 45%;
left: 10%;
-webkit-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
@media (max-width: 575.98px) {
.hero-home-3 .hero-button-box .item1 {
top: 40%;
}
}
.hero-home-3 .hero-button-box .item2 {
top: 15%;
right: 15%;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
@media (max-width: 575.98px) {
.hero-home-3 .hero-button-box .item2 {
top: 8%;
right: 10%;
}
}
.hero-home-3 .hero-button-box .item3 {
bottom: 10%;
left: 25%;
}
.hero-home-3 .hero-button-box .item4 {
top: 20%;
left: 20%;
-webkit-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
}
@media (max-width: 575.98px) {
.hero-home-3 .hero-button-box .item4 {
left: 10%;
}
}
.hero-home-3 .hero-button-box .item5 {
top: 55%;
right: 32%;
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.hero-home-3 .hero-button-box .item6 {
top: 40%;
right: 10%;
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
@media (max-width: 575.98px) {
.hero-home-3 .hero-button-box .item6 {
top: 30%;
}
}
.hero-home-3 .hero-button-box .item7 {
top: 60%;
right: 10%;
-webkit-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}
@media (max-width: 575.98px) {
.hero-home-3 .hero-button-box .item7 {
top: 55%;
right: 0%;
}
}
.hero-home-3 .hero-button-box .item8 {
top: 80%;
right: 10%;
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
@media (max-width: 575.98px) {
.hero-home-3 .hero-button-box .item8 {
top: 70%;
right: 10%;
}
}
.hero-home-3 .hero-button-box .item9 {
top: 60%;
left: 15%;
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
@media (max-width: 575.98px) {
.hero-home-3 .hero-button-box .item9 {
top: 70%;
left: 5%;
}
}
.hero-home-3 .hero-button-box .item10 {
top: 40%;
left: 40%;
-webkit-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
transform: rotate(-130deg);
}
@media (max-width: 575.98px) {
.hero-home-3 .hero-button-box .item10 {
top: 42%;
left: 55%;
}
}
.hero-home-3 .hero-button-box .secondary-btn.white-btn {
color: var(--procus-black);
border: 1px solid transparent;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, transparent),
color-stop(50%, #ffffff)
);
background: -webkit-linear-gradient(left, transparent 50%, #ffffff 50%);
background: -o-linear-gradient(left, transparent 50%, #ffffff 50%);
background: linear-gradient(to right, transparent 50%, #ffffff 50%);
background-size: 200% 100%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.hero-home-3 .hero-button-box .secondary-btn.white-btn:hover {
border: 1px solid #ffffff;
background-position: left bottom;
color: #ffffff;
}
.hero-home-3 .hero-button-box .secondary-btn.gray-btn {
color: #ffffff;
border: 1px solid #ffffff;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, #ffffff),
color-stop(50%, #141414)
);
background: -webkit-linear-gradient(left, #ffffff 50%, #141414 50%);
background: -o-linear-gradient(left, #ffffff 50%, #141414 50%);
background: linear-gradient(to right, #ffffff 50%, #141414 50%);
background-size: 200% 100%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.hero-home-3 .hero-button-box .secondary-btn.gray-btn:hover {
border: 1px solid #ffffff;
background-position: left bottom;
color: var(--procus-black);
} .brand-home-3 {
background-color: var(--procus-black);
border-top: 1px solid var(--procus-base);
border-bottom: 1px solid var(--procus-base);
padding: 80px 0;
position: relative;
z-index: 1;
}
.brand-home-3 .dark-version {
display: block;
}
.brand-home-3 .light-version {
display: none;
}
.brand-home-3::before {
content: "";
position: absolute;
top: -0.5%;
left: 0;
width: 400px;
height: 101%;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#000000),
to(transparent)
);
background-image: -webkit-linear-gradient(left, #000000, transparent);
background-image: -o-linear-gradient(left, #000000, transparent);
background-image: linear-gradient(to right, #000000, transparent);
z-index: 2;
}
@media (max-width: 767.98px) {
.brand-home-3::before {
display: none;
}
}
.brand-home-3::after {
content: "";
position: absolute;
top: -0.5%;
right: 0;
width: 400px;
height: 101%;
background-image: -webkit-gradient(
linear,
right top,
left top,
from(#000000),
to(transparent)
);
background-image: -webkit-linear-gradient(right, #000000, transparent);
background-image: -o-linear-gradient(right, #000000, transparent);
background-image: linear-gradient(to left, #000000, transparent);
}
@media (max-width: 767.98px) {
.brand-home-3::after {
display: none;
}
}
.brand-home-3 .brand-logo {
max-width: 230px;
}
.brand-home-3 .brand-logo img {
width: auto;
margin: auto;
}
.brand-home-3 .slick-slide {
margin: 0 15px;
} .counter-home-3 {
background-color: var(--procus-black);
}
.counter-home-3 .title-image img {
width: auto;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.counter-home-3 .title-image img {
width: 120px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.counter-home-3 .title-image img {
width: 80px;
}
}
@media (max-width: 767.98px) {
.counter-home-3 .title-image img {
width: 80px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.counter-home-3 .title-image {
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
.counter-home-3 .title-image {
margin-bottom: 30px;
}
}
.section-top-3 h2 {
color: #ffffff;
}
.section-top-3 h2 span {
color: #6d6d6d;
}
.counter-single-3 {
margin-bottom: 30px;
width: 80%;
}
.counter-single-3 .counter-number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.counter-single-3 h2 {
color: #ffffff;
}
.counter-single-3 h6 {
color: #ffffff;
}
.counter-single-3 p {
color: #b0b0b0;
} .video-home-3 {
background-color: var(--procus-black);
}
.video-home-3 .video-bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 250px 0;
border-radius: 20px;
text-align: center;
}
.video-home-3 .video-wrapper a .video-btn {
width: 100px;
height: 100px;
font-size: 40px;
line-height: 100px;
color: var(--procus-base);
border: 1px solid var(--procus-base);
background-color: #080808;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
border-radius: 50%;
display: inline-block;
text-align: center;
padding-left: 4px;
} .service-home-3 {
background-color: var(--procus-black);
}
.service-home-3 .tab-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.service-home-3 .tab-menu-item.active span {
color: white;
}
.service-home-3 .tab-menu-item.active span::before {
opacity: 1;
}
.service-home-3 .tab-menu-item span {
color: rgba(255, 255, 255, 0.5);
display: block;
font-size: 42px;
font-weight: 700;
text-transform: capitalize;
padding: 24px 0 24px 40px;
border-bottom: 1px solid #4f4f4f;
cursor: pointer;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
position: relative;
}
@media (max-width: 767.98px) {
.service-home-3 .tab-menu-item span {
font-size: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-home-3 .tab-menu-item span {
font-size: 36px;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.service-home-3 .tab-menu-item span {
font-size: 36px;
}
}
.service-home-3 .tab-menu-item span:hover {
color: white;
}
.service-home-3 .tab-menu-item span:hover::before {
opacity: 1;
}
.service-home-3 .tab-menu-item span::before {
content: "";
position: absolute;
top: 30px;
left: 0;
width: 100%;
height: 100%;
background-image: url(//playwithnewvision.com/wp-content/themes/images/service-icon-home-3.png);
background-repeat: no-repeat;
opacity: 0.5;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.service-home-3 .tab-content {
margin-top: 50px;
}
}
@media (max-width: 767.98px) {
.service-home-3 .tab-content {
margin-top: 50px;
}
}
.service-home-3 .tab-content img {
border-radius: 20px;
}
.service-home-3 .tab-content-item {
display: none;
}
.service-home-3 .tab-content-item.active {
display: block;
} .portfolio-home-3 {
background-color: var(--procus-black);
}
.single-portfolio-3 {
margin-bottom: 60px;
}
.single-portfolio-3 h3 a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.single-portfolio-3 h3 a:hover {
color: var(--procus-base);
} .testimonial-home-3 {
background-color: var(--procus-black);
position: relative;
z-index: 1;
overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-home-3 .section-top-3 {
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.testimonial-home-3 .section-top-3 {
margin-bottom: 20px;
}
}
.testimonial-home-3::before {
content: "";
position: absolute;
top: -0.5%;
left: 0;
width: 400px;
height: 101%;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#000000),
to(transparent)
);
background-image: -webkit-linear-gradient(left, #000000, transparent);
background-image: -o-linear-gradient(left, #000000, transparent);
background-image: linear-gradient(to right, #000000, transparent);
z-index: 2;
}
@media (max-width: 767.98px) {
.testimonial-home-3::before {
display: none;
}
}
.testimonial-home-3::after {
content: "";
position: absolute;
top: -0.5%;
right: 0;
width: 400px;
height: 101%;
background-image: -webkit-gradient(
linear,
right top,
left top,
from(#000000),
to(transparent)
);
background-image: -webkit-linear-gradient(right, #000000, transparent);
background-image: -o-linear-gradient(right, #000000, transparent);
background-image: linear-gradient(to left, #000000, transparent);
}
@media (max-width: 767.98px) {
.testimonial-home-3::after {
display: none;
}
}
.testimonial-home-3 .slick-slide {
margin: 0 15px;
}
.testimonial-slide-home-3 {
max-width: 650px;
position: relative;
padding: 40px 60px;
background-color: var(--procus-primary);
border-radius: 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-slide-home-3 {
width: auto;
}
}
@media (max-width: 767.98px) {
.testimonial-slide-home-3 {
width: auto;
padding: 30px;
}
}
.testimonial-slide-home-3 .quote-text {
font-size: 30px;
font-weight: 500;
}
.testimonial-slide-home-3 .testimonial-content {
margin-top: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-slide-home-3 .testimonial-content {
margin-top: 40px;
}
}
@media (max-width: 767.98px) {
.testimonial-slide-home-3 .testimonial-content {
margin-top: 30px;
}
}
.testimonial-slide-home-3 .testimonial-content img {
width: 60px;
height: 60px;
border-radius: 50%;
}
.testimonial-slide-home-3 .testimonial-content p {
margin-bottom: 0;
}
.testimonial-slide-home-3 .testimonial-quote-icon {
font-size: 120px;
opacity: 0.05;
position: absolute;
bottom: -30px;
right: 30px;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.testimonial-slide-home-3 .testimonial-quote-icon {
bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.testimonial-slide-home-3 .testimonial-quote-icon {
bottom: 30px;
}
}
@media (max-width: 767.98px) {
.testimonial-slide-home-3 .testimonial-quote-icon {
bottom: 30px;
}
} .team-home-3 {
background-color: var(--procus-black);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.team-home-3 .section-top-3 {
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.team-home-3 .section-top-3 {
margin-bottom: 20px;
}
}
.team-member-3 {
margin-bottom: 30px;
}
.team-member-3 .team-image {
position: relative;
border-radius: 20px;
overflow: hidden;
}
.team-member-3 .team-image img {
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member-3 .team-image:hover .hover-state {
opacity: 1;
visibility: visible;
}
.team-member-3 .team-image:hover img {
-webkit-transform: rotate(2deg) scale(1.1);
-ms-transform: rotate(2deg) scale(1.1);
transform: rotate(2deg) scale(1.1);
}
.team-member-3 .hover-state {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 200px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#8AD600),
to(transparent)
);
background-image: -webkit-linear-gradient(
bottom,
#8AD600,
transparent
);
background-image: -o-linear-gradient(
bottom,
#8AD600,
transparent
);
background-image: linear-gradient(
to top,
#8AD600,
transparent
);
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
opacity: 0;
visibility: hidden;
}
.team-member-3 .hover-state .team-social {
position: absolute;
bottom: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.team-member-3 .hover-state .team-social li {
display: inline;
margin-right: 15px;
}
.team-member-3 .hover-state .team-social li a {
color: var(--procus-black);
font-size: 24px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member-3 .hover-state .team-social li a:hover {
color: #ffffff;
}
.team-member-3 .team-content h4 a {
color: #ffffff;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.team-member-3 .team-content h4 a:hover {
color: var(--procus-base);
}
.team-member-3 .team-content span {
text-transform: capitalize;
display: block;
margin-top: 5px;
} .pricing-home-3 {
background-color: var(--procus-black);
}
.pricing-toggle {
border: 1px solid var(--procus-base);
padding: 5px;
border-radius: 30px;
display: inline-block;
}
.pricing-toggle .pricing-toggle-btn {
background: transparent;
border: 1px solid transparent;
border-radius: 30px;
color: #ffffff;
font-size: 20px;
font-weight: 500;
padding: 8px 20px;
cursor: pointer;
}
.pricing-toggle .pricing-toggle-btn.active {
background-color: var(--procus-base);
color: var(--procus-primary);
}
.pricing-toggle .pricing-toggle-btn:not(:last-child) {
margin-right: 20px;
}
.pricing-box {
background-color: var(--procus-primary);
padding: 50px 40px;
border-radius: 20px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.pricing-box h3 {
color: #ffffff;
}
.pricing-box p {
color: #ffffff;
}
.pricing-box .price {
color: #ffffff;
font-size: 60px;
font-weight: 700;
margin: 10px 0 0;
}
.pricing-box .pricing-features {
padding: 0;
margin-top: 20px;
}
.pricing-box .pricing-features li {
color: #ffffff;
margin-bottom: 15px;
position: relative;
padding-left: 30px;
}
.pricing-box .pricing-features li::before {
content: "";
position: absolute;
top: 5px;
left: 0;
width: 15px;
height: 15px;
background-image: url(//playwithnewvision.com/wp-content/themes/images/about-list-icon.png);
background-repeat: no-repeat;
background-size: cover;
}
.pricing-box .secondary-btn {
margin-top: 30px;
} .blog-home-3 {
background-color: var(--procus-black);
} .contact-home-3 {
background-color: var(--procus-black);
}
@media (min-width: 768px) and (max-width: 991.98px) {
.contact-home-3 .section-top-3 {
margin-bottom: 20px;
}
}
@media (max-width: 767.98px) {
.contact-home-3 .section-top-3 {
margin-bottom: 20px;
}
} body.light-theme {             }
body.light-theme body {
color: var(--procus-black);
}
body.light-theme h1 {
color: var(--procus-black);
}
body.light-theme h2 {
color: var(--procus-primary);
}
body.light-theme h2 span {
color: var(--procus-primary);
}
body.light-theme h3 {
color: var(--procus-primary);
}
body.light-theme h4 {
color: var(--procus-black);
}
body.light-theme h5 {
color: var(--procus-primary);
}
body.light-theme h6 {
color: var(--procus-primary);
}
body.light-theme p {
color: var(--procus-black);
} body.light-theme .breadcrumb-section {
background-color: #ffffff;
background-image: url(//playwithnewvision.com/wp-content/themes/images/breadcrumb-bg.png);
}
body.light-theme .breadcrumb-section ul {
margin-top: 20px;
}
body.light-theme .breadcrumb-section ul li a {
color: var(--procus-black);
border: 1px solid #4f4f4f;
}
body.light-theme .breadcrumb-section ul li a:hover {
color: #ffffff;
background-color: var(--procus-primary);
}
body.light-theme .breadcrumb-section ul li.active {
color: var(--procus-primary);
background-color: rgba(20, 20, 20, 0.1);
border: 1px solid var(--procus-primary);
}
body.light-theme .breadcrumb-section ul li span {
color: #4f4f4f;
}
body.light-theme .footer-area {
background: #ffffff;
}
body.light-theme .footer-area .footer-logo {
display: none;
}
body.light-theme .footer-area .logo-black {
display: block;
}
body.light-theme .footer-social a {
color: var(--procus-black);
}
body.light-theme .footer-social a:hover {
color: #4f4f4f;
}
body.light-theme .footer-widget-title {
color: var(--procus-black);
}
body.light-theme .footer-list a {
color: var(--procus-black);
}
body.light-theme .footer-list a:hover {
color: #4f4f4f;
}
body.light-theme .footer-contact li {
color: var(--procus-black);
}
body.light-theme .footer-contact li a {
color: var(--procus-black);
}
body.light-theme .footer-contact li a span.contact-icon {
color: var(--procus-black);
}
body.light-theme .copyright {
background: #ffffff;
}
body.light-theme .copyright .copyright-content {
border-top: 1px solid #4f4f4f;
}
body.light-theme .copyright .copyright-content .copyright-text {
color: var(--procus-black);
}
body.light-theme .copyright .copyright-content .copyright-text a {
color: #4f4f4f;
}
body.light-theme .footer-menu li a {
color: var(--procus-black);
}
body.light-theme .footer-menu li a:hover {
color: #4f4f4f;
}
body.light-theme .footer-home-2 {
background: #ffffff;
}
body.light-theme .footer-home-2 h6 {
color: var(--procus-black);
}
body.light-theme .subscribe-form input {
color: var(--procus-black);
border-bottom: 1px solid #4f4f4f;
}
body.light-theme .footer-widget-box-2.contact-widget h2 {
color: var(--procus-black);
}
body.light-theme .footer-widget-box-2.contact-widget ul li {
border-bottom: 1px solid #4f4f4f;
}
body.light-theme .footer-widget-box-2.contact-widget ul li a {
color: var(--procus-black);
}
body.light-theme .footer-widget-box-2.contact-widget ul li a:hover {
color: var(--procus-primary);
}
body.light-theme .copyright-2 {
background: #ffffff;
}
body.light-theme .copyright-2 .copyright-content {
border-top: 1px solid #4f4f4f;
}
body.light-theme .copyright-2 .copyright-content .copyright-text {
color: var(--procus-black);
}
body.light-theme .copyright-2 .copyright-content .copyright-text a {
color: var(--procus-primary);
}
body.light-theme .footer-home-3 {
background-color: #ffffff;
}
body.light-theme .footer-widget-box-3.about-us .footer-social-3 li a {
color: var(--procus-black);
border: 1px solid var(--procus-black);
}
body.light-theme .footer-widget-box-3.about-us .footer-social-3 li a:hover {
color: var(--procus-primary);
border: 1px solid var(--procus-primary);
}
body.light-theme .footer-info-area .info-content {
border: 1px solid #4f4f4f;
}
body.light-theme .footer-info-area .info-content a.phone-number,
body.light-theme .footer-info-area .info-content a.email-address,
body.light-theme .footer-info-area .info-content a.location {
color: var(--procus-black);
}
body.light-theme .footer-info-area .info-content a.phone-number:hover,
body.light-theme .footer-info-area .info-content a.email-address:hover,
body.light-theme .footer-info-area .info-content a.location:hover {
color: #4f4f4f;
}
body.light-theme .footer-info-area .dark-version {
display: none;
}
body.light-theme .footer-info-area .light-version {
display: block;
}
body.light-theme .menu-area {
background-color: #ffffff;
border-bottom: 1px solid #4f4f4f;
}
body.light-theme .menu-area.menu-area-2 {
background-color: transparent;
}
body.light-theme .menu-area.fixed-top {
background-color: #ffffff;
}
body.light-theme .menu-area.menu-area-2.fixed-top {
background-color: var(--procus-primary);
}
body.light-theme nav .main-menu li.has-submenu::after {
color: var(--procus-black);
}
body.light-theme nav .main-menu li a {
color: var(--procus-black);
}
@media (min-width: 992px) {
body.light-theme nav .main-menu li .submenu {
background: #ffffff;
border: 1px solid #4f4f4f;
}
body.light-theme nav .main-menu li .submenu li a {
color: var(--procus-black);
}
body.light-theme nav .main-menu li .submenu li a:hover {
color: var(--procus-primary);
}
body.light-theme nav .main-menu li:hover.has-submenu::after {
color: var(--procus-primary);
}
body.light-theme nav .main-menu li:hover a {
color: var(--procus-primary);
}
}
@media (min-width: 992px) and (min-width: 768px) and (max-width: 991.98px) {
body.light-theme nav .main-menu li:hover a {
color: var(--procus-black);
}
}
body.light-theme .menu-area.menu-area-2 nav .main-menu li.has-submenu::after {
color: #ffffff;
}
body.light-theme .menu-area.menu-area-2 nav .main-menu li a {
color: #ffffff;
}
@media (min-width: 992px) {
body.light-theme .menu-area.menu-area-2 nav .main-menu li .submenu {
background: var(--procus-primary);
border: 1px solid #4f4f4f;
}
body.light-theme .menu-area.menu-area-2 nav .main-menu li .submenu li a {
color: #ffffff;
}
body.light-theme
.menu-area.menu-area-2
nav
.main-menu
li
.submenu
li
a:hover {
color: var(--procus-base);
}
body.light-theme
.menu-area.menu-area-2
nav
.main-menu
li:hover.has-submenu::after {
color: var(--procus-base);
}
body.light-theme .menu-area.menu-area-2 nav .main-menu li:hover a {
color: var(--procus-base);
}
}
@media (min-width: 992px) and (min-width: 768px) and (max-width: 991.98px) {
body.light-theme .menu-area.menu-area-2 nav .main-menu li:hover a {
color: #ffffff;
}
}
body.light-theme .menu-area.menu-area-2 .mean-container .mean-nav {
background: #ffffff;
}
body.light-theme .menu-area.menu-area-2 .mean-container .mean-nav ul li a {
border-top: 1px solid var(--procus-black);
}
body.light-theme
.menu-area.menu-area-2
.mean-container
.mean-nav
ul
li
a.mean-expand {
color: var(--procus-black);
background-color: #e7e7e7;
}
body.light-theme
.menu-area.menu-area-2
.mean-container
.mean-nav
ul
li
a.mean-expand:hover {
color: #ffffff;
}
body.light-theme
.menu-area.menu-area-2
.mean-container
.mean-nav
ul
li
a:hover {
color: #ffffff;
background-color: var(--procus-black);
}
body.light-theme .menu-area.menu-area-2 .mean-container .mean-nav ul li a {
color: var(--procus-black);
}
body.light-theme
.menu-area.menu-area-2
.mean-container
.mean-bar
a.meanmenu-reveal {
background: #ffffff;
}
body.light-theme .mean-container .mean-nav {
background: #ffffff;
}
body.light-theme .mean-container .mean-nav ul li a {
border-top: 1px solid var(--procus-black);
}
body.light-theme .mean-container .mean-nav ul li a.mean-expand {
color: var(--procus-black);
background-color: #e7e7e7;
}
body.light-theme .mean-container .mean-nav ul li a.mean-expand:hover {
color: #ffffff;
}
body.light-theme .mean-container .mean-nav ul li a:hover {
background-color: var(--procus-black);
}
body.light-theme .mean-container .mean-bar a.meanmenu-reveal {
background: #ffffff;
}
body.light-theme .service-area {
background-color: #ffffff;
}
body.light-theme .service-area .accordion-list li {
border: 1px solid #4f4f4f;
}
body.light-theme .service-area .accordion-list li.active {
border: 1px solid var(--procus-primary);
}
body.light-theme .service-area .accordion-list li.active h3 {
color: var(--procus-primary);
}
body.light-theme .faq-area .tab-menu {
border: 1px solid #4f4f4f;
}
body.light-theme .faq-area .tab-menu .tab-menu-item {
color: var(--procus-black);
border: 1px solid #4f4f4f;
}
body.light-theme .faq-area .tab-menu .tab-menu-item.active,
body.light-theme .faq-area .tab-menu .tab-menu-item:hover {
background-color: var(--procus-primary);
color: #ffffff;
}
body.light-theme .faq-area .accordion .accordion-item {
background-color: #ffffff;
}
body.light-theme .faq-area .accordion .accordion-item .accordion-header {
background-color: #e7e7e7;
color: var(--procus-primary);
}
body.light-theme .faq-area .accordion .accordion-item .accordion-header:after {
color: var(--procus-primary);
}
body.light-theme
.faq-area
.accordion
.accordion-item
.accordion-header.active:after {
color: var(--procus-primary);
}
body.light-theme .faq-area .accordion .accordion-item .accordion-header.active {
color: var(--procus-primary);
}
body.light-theme .faq-area .accordion .accordion-item .accordion-content {
background-color: #e7e7e7;
color: var(--procus-primary);
}
body.light-theme .back-to-top {
color: #ffffff;
background-color: var(--procus-primary);
}
body.light-theme .back-to-top:hover {
color: #ffffff;
background-color: #4f4f4f;
border: 1px solid var(--procus-primary);
}
body.light-theme .contact-form-3 .budget-option span {
border: 1px solid #4f4f4f;
-webkit-transition: background-color 0.3s, color 0.3s;
-o-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
}
body.light-theme .contact-form-3 .budget-option input:checked + span {
background-color: var(--procus-primary);
color: #ffffff;
}
body.light-theme .contact-form-3 input,
body.light-theme .contact-form-3 textarea {
border-bottom: 1px solid #cccccc; color: var(--procus-primary);
}
body.light-theme .contact-form-3 label {
color: var(--procus-primary);
}
body.light-theme .contact-form-3 input::-webkit-input-placeholder,
body.light-theme .contact-form-3 textarea::-webkit-input-placeholder {
color: #4f4f4f; }
body.light-theme .contact-form-3 input:-ms-input-placeholder,
body.light-theme .contact-form-3 textarea:-ms-input-placeholder {
color: #4f4f4f; }
body.light-theme .contact-form-3 input::-ms-input-placeholder,
body.light-theme .contact-form-3 textarea::-ms-input-placeholder {
color: #4f4f4f; }
body.light-theme .contact-form-3 input::placeholder,
body.light-theme .contact-form-3 textarea::placeholder {
color: #4f4f4f; }
body.light-theme .contact-form-3 .radio-buttons .form-group {
border: 1px solid #4f4f4f;
}
body.light-theme .contact-form-3 .radio-buttons label::before {
border: 1px solid var(--procus-primary);
}
body.light-theme .contact-form-3 .radio-buttons label::after {
background-color: var(--procus-primary);
border: 1px solid var(--procus-primary);
}
body.light-theme
.contact-form-3
.radio-buttons
input[type="radio"]:checked
+ label::before {
border-color: var(--procus-primary);
}
body.light-theme .contact-form-3 label.privacy-policy a {
color: #ffffff;
}
body.light-theme .contact-form-3 .attachment-btn {
color: var(--procus-black);
}
body.light-theme #preloader {
background-color: #ffffff;
}
body.light-theme #loader {
border-top-color: var(--procus-primary);
}
body.light-theme #loader:before {
border-top-color: var(--procus-primary);
}
body.light-theme #loader:after {
border-top-color: var(--procus-primary);
}
body.light-theme .hero-area .hero-bg.dark-version {
display: none;
}
body.light-theme .hero-area .hero-bg.light-version {
display: block;
}
body.light-theme .hero-area .hero-content-box {
border-left: 1px solid #4f4f4f;
border-right: 1px solid #4f4f4f;
}
body.light-theme .hero-area .hero-social li a {
color: var(--procus-black);
}
body.light-theme .hero-area .hero-social li a:hover {
color: #4f4f4f;
}
body.light-theme .hero-area .hero-bottom-content .dark-version {
display: none;
}
body.light-theme .hero-area .hero-bottom-content .light-version {
display: block;
}
body.light-theme .counter-area {
background-color: #ffffff;
}
body.light-theme .counter-single {
border: 1px solid var(--procus-black);
}
body.light-theme .counter-single span.counter,
body.light-theme .counter-single span.plus-sign {
color: var(--procus-black);
}
body.light-theme .service-area {
background-image: url(//playwithnewvision.com/wp-content/themes/images/service-light-bg.png);
}
body.light-theme .portfolio-area {
background-image: url(//playwithnewvision.com/wp-content/themes/images/portfolio-bg.png);
background-color: #ffffff;
}
body.light-theme .portfolio-area .slick-dots {
border: 1px solid #4f4f4f;
}
body.light-theme .portfolio-area .slick-dots button {
background-color: var(--procus-primary);
}
body.light-theme .portfolio-single:hover .portfolio-image img {
border: 1px solid var(--procus-primary);
}
body.light-theme .portfolio-single .portfolio-image .portfolio-btn {
color: #ffffff;
}
body.light-theme .portfolio-single h3 a {
color: var(--procus-black);
}
body.light-theme .portfolio-single h3 a:hover {
color: var(--procus-primary);
}
body.light-theme .brand-area {
background-color: #ffffff;
}
body.light-theme .brand-area .brand-logo {
border: 1px solid var(--procus-black);
}
body.light-theme .brand-area .brand-logo:hover {
border: 1px solid var(--procus-primary);
}
body.light-theme .brand-area .brand-slider .dark-version {
display: none;
}
body.light-theme .brand-area .brand-slider .light-version {
display: block;
}
body.light-theme .testimonial-area {
background-color: #ffffff;
}
body.light-theme .testimonial-area .slick-slide {
border: 1px solid var(--procus-primary);
}
body.light-theme .testimonial-area .slick-dots button {
background-color: #4f4f4f;
}
body.light-theme .testimonial-area .slick-dots .slick-active button {
background-color: var(--procus-primary);
}
body.light-theme .testimonial-slide .testimonial-slide-bg.dark-version {
display: none;
}
body.light-theme .testimonial-slide .testimonial-slide-bg.light-version {
display: block;
}
body.light-theme .testimonial-slide span.testimonial-quote-icon {
color: var(--procus-primary);
}
body.light-theme
.testimonial-slide
.testimonial-content
.content-left
.author-img
img {
border: 1px solid var(--procus-primary);
}
body.light-theme .testimonial-slide span.quote-text {
color: var(--procus-primary);
}
body.light-theme .team-area {
background-color: #ffffff;
}
body.light-theme .cta-area .cta-bg.dark-version {
display: none;
}
body.light-theme .cta-area .cta-bg.light-version {
display: block;
}
body.light-theme .cta-box {
background-image: url(//playwithnewvision.com/wp-content/themes/images/cta-box-bg.png);
}
body.light-theme .cta-box h2 {
color: #ffffff;
}
body.light-theme .cta-box .primary-btn {
border: 1px solid #ffffff;
color: #ffffff;
}
body.light-theme .cta-box .primary-btn:hover {
color: #ffffff;
}
body.light-theme .blog-area {
background-color: #ffffff;
}
body.light-theme .blog-single-slide .blog-image img:hover {
border: 1px solid var(--procus-primary);
}
body.light-theme .blog-single-slide .blog-meta li {
color: var(--procus-black);
}
body.light-theme .blog-single-slide .blog-meta li a {
color: var(--procus-black);
}
body.light-theme .blog-single-slide h4 a {
color: var(--procus-black);
}
body.light-theme .blog-single-slide h4 a:hover {
color: var(--procus-primary);
}
body.light-theme .blog-single-slide .blog-tags li a:hover {
color: var(--procus-black);
background-color: var(--procus-base);
}
body.light-theme .blog-single-slide .blog-btn {
color: var(--procus-black);
}
body.light-theme .blog-single-slide .blog-btn span {
background-color: var(--procus-primary);
color: #ffffff;
}
body.light-theme .blog-single-slide .blog-btn:hover {
color: var(--procus-primary);
}
body.light-theme .get-in-touch-area {
background-image: url(//playwithnewvision.com/wp-content/themes/images/get-in-touch-bg.png);
background-color: #ffffff;
}
body.light-theme .get-in-touch-area a.big-title {
font-size: 100px;
line-height: 1.2em;
position: relative;
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, #141414),
color-stop(50%, #000000)
);
background: -webkit-linear-gradient(left, #141414 50%, #000000 50%);
background: -o-linear-gradient(left, #141414 50%, #000000 50%);
background: linear-gradient(90deg, #141414 50%, #000000 50%);
-webkit-text-fill-color: transparent;
background-clip: text;
-webkit-background-clip: text;
display: inline-block;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
background-size: 200%;
background-repeat: no-repeat;
background-position: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
}
body.light-theme .get-in-touch-area a.big-title:after {
background: var(--procus-primary);
}
body.light-theme .welcome-section-about {
background-color: #ffffff;
}
body.light-theme .video-home-3.video-about-page {
background-color: #ffffff;
}
body.light-theme .video-home-3.video-about-page .video-bg {
background-image: url(//playwithnewvision.com/wp-content/themes/images/video-bg-about-page.png);
}
body.light-theme .choose-section-about {
background-color: #ffffff;
}
body.light-theme .choose-section-about .dark-version {
display: none;
}
body.light-theme .choose-section-about .light-version {
display: block;
}
body.light-theme .single-choose-item {
border: 1px solid #4f4f4f;
}
body.light-theme .single-choose-item.active {
border: 1px solid var(--procus-primary);
}
body.light-theme .working-process-services {
background-color: #ffffff;
}
body.light-theme .working-process-services .slick-slide {
border: 1px solid #4f4f4f;
}
body.light-theme .working-process-services .slick-dots {
border: 1px solid #4f4f4f;
}
body.light-theme .working-process-services .slick-dots button {
background-color: var(--procus-primary);
}
body.light-theme .working-process-slider::before {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#ffffff),
to(transparent)
);
background-image: -webkit-linear-gradient(#ffffff, transparent);
background-image: -o-linear-gradient(#ffffff, transparent);
background-image: linear-gradient(#ffffff, transparent);
}
body.light-theme .working-process-slider::after {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#ffffff),
to(transparent)
);
background-image: -webkit-linear-gradient(bottom, #ffffff, transparent);
background-image: -o-linear-gradient(bottom, #ffffff, transparent);
background-image: linear-gradient(to top, #ffffff, transparent);
}
body.light-theme .service-details-content {
background-color: #ffffff;
}
body.light-theme .service-details-content h2,
body.light-theme .service-details-content h3 {
color: var(--procus-black);
}
body.light-theme .service-details-content .service-tags {
border: 1px solid #4f4f4f;
}
body.light-theme .service-details-content .service-tags li a {
color: #6d6d6d;
border: 1px solid #4f4f4f;
}
body.light-theme .service-details-content .service-tags li.tab-link.active a {
color: #ffffff;
background-color: var(--procus-primary);
border: 1px solid transparent;
}
body.light-theme .procus-widget {
border: 1px solid #4f4f4f;
background-color: transparent;
}
body.light-theme .procus-widget .widget-title {
color: var(--procus-black);
}
body.light-theme .procus-widget .service-items li:hover a {
color: #ffffff;
background-color: var(--procus-primary);
}
body.light-theme .procus-widget .service-items li a {
color: var(--procus-black);
border: 1px solid #4f4f4f;
}
body.light-theme .procus-widget .service-items li span {
color: #ffffff;
}
body.light-theme .procus-widget.search-widget .search-form button {
background-color: var(--procus-black);
color: #ffffff;
}
body.light-theme .procus-widget.search-widget .search-form .form-control {
color: var(--procus-black);
}
body.light-theme .procus-widget .blog-categories li:hover a {
color: #ffffff;
background-color: var(--procus-primary);
}
body.light-theme .procus-widget .blog-categories li:hover a span {
color: #ffffff;
}
body.light-theme .procus-widget .blog-categories li a {
color: var(--procus-black);
border: 1px solid #4f4f4f;
}
body.light-theme .procus-widget .blog-categories li a span {
color: var(--procus-primary);
}
body.light-theme
.procus-widget
.recent-post-widget
.single-recent-post
span.post-date {
color: var(--procus-black);
}
body.light-theme .procus-widget .recent-post-widget .single-recent-post h5 a {
color: var(--procus-black);
}
body.light-theme
.procus-widget
.recent-post-widget
.single-recent-post
h5
a:hover {
color: #4f4f4f;
}
body.light-theme .procus-widget.post-tags-widget a {
color: var(--procus-primary);
border: 1px solid var(--procus-primary);
}
body.light-theme .procus-widget.post-tags-widget a:hover {
color: #ffffff;
background-color: var(--procus-primary);
}
body.light-theme .process-slider-area {
background-color: #ffffff;
}
body.light-theme .process-slider-area h2 {
color: var(--procus-black);
}
body.light-theme .process-slider-part {
border-top: 1px solid #4f4f4f;
}
body.light-theme .process-slider-part .slick-current {
background-color: var(--procus-base) !important;
}
body.light-theme .process-slider-part .process-slider-2 .single-slide {
background-color: #e7e7e7;
}
body.light-theme
.process-slider-part
.process-slider-2
.single-slide
span.slide-number {
color: #ffffff;
background-color: var(--procus-black);
}
body.light-theme .process-slider-part .process-slider-2 .single-slide h4 {
color: var(--procus-black);
}
body.light-theme .process-slider-part .process-slider-2 .single-slide p {
color: var(--procus-black);
}
body.light-theme .team-member-info {
background-color: #ffffff;
}
body.light-theme .team-member-info h2 {
color: var(--procus-black);
}
body.light-theme .team-member-info span {
color: var(--procus-black);
}
body.light-theme .team-member-info .member-info-box {
border: 1px solid var(--procus-primary);
}
body.light-theme .team-member-info .single-info:hover .info-icon span {
color: var(--procus-primary);
border: 1px solid rgba(20, 20, 20, 0.5);
}
body.light-theme .team-member-info .single-info .info-icon span {
color: #6d6d6d;
border: 1px solid #4f4f4f;
}
body.light-theme .team-member-info .single-info h5 {
color: var(--procus-black);
}
body.light-theme .team-member-info .member-social h5 {
color: var(--procus-black);
}
body.light-theme .team-member-info .member-social ul {
margin-top: 10px;
}
body.light-theme .team-member-info .member-social ul li a {
color: var(--procus-black);
}
body.light-theme .team-member-info .member-social ul li a:hover {
color: var(--procus-primary);
}
body.light-theme .experience-education-area {
background-color: #ffffff;
}
body.light-theme .experience-education-area h2 {
color: var(--procus-black);
}
body.light-theme .experience-education-area .single-item {
border-left: 1px solid #4f4f4f;
}
body.light-theme .experience-education-area .single-item + .single-item {
border-top: 1px solid #4f4f4f;
}
body.light-theme .experience-education-area .single-item span.item-date {
color: var(--procus-primary);
}
body.light-theme
.experience-education-area
.single-item
span.item-date::before {
background-color: var(--procus-primary);
-webkit-box-shadow: 0 0 4px 2px rgba(20, 20, 20, 0.5);
box-shadow: 0 0 4px 2px rgba(20, 20, 20, 0.5);
}
body.light-theme .experience-education-area .single-item span,
body.light-theme .experience-education-area .single-item p {
color: var(--procus-primary);
}
body.light-theme .skills-tools-area {
background-color: #ffffff;
}
body.light-theme .skills-tools-area h2 {
color: var(--procus-black);
}
body.light-theme .skills-tools-area .single-tool {
border: 1px solid #4f4f4f;
}
body.light-theme .case-studies-area {
background-color: #ffffff;
}
body.light-theme .case-studies-area .single-case-item:hover .case-image img {
border: 1px solid var(--procus-primary);
}
body.light-theme .case-studies-area .single-case-item .case-content h3 a {
color: var(--procus-black);
}
body.light-theme .case-studies-area .single-case-item .case-content h3 a:hover {
color: var(--procus-primary);
}
body.light-theme .case-details-content {
background-color: #ffffff;
}
body.light-theme .case-details-content .case-info {
border-bottom: 1px solid #4f4f4f;
}
body.light-theme .case-details-content .single-info h4 {
color: var(--procus-primary);
}
body.light-theme .case-details-content .single-info span {
color: var(--procus-primary);
}
body.light-theme .case-details-content h2 {
color: var(--procus-black);
border-bottom: 1px solid #4f4f4f;
}
body.light-theme .case-details-content h3 {
color: var(--procus-black);
}
body.light-theme .case-details-content .single-box {
border: 1px solid #4f4f4f;
}
body.light-theme .case-details-content .single-box:hover {
border: 1px solid var(--procus-primary);
}
body.light-theme .case-details-content .requirement-list li {
color: var(--procus-primary);
}
body.light-theme .case-details-content .requirement-list li span {
color: var(--procus-primary);
}
body.light-theme .case-details-content .preview-links li {
color: var(--procus-black);
}
body.light-theme .case-details-content .preview-links li a {
color: var(--procus-black);
border: 1px solid var(--procus-black);
}
body.light-theme .case-details-content .preview-links li a:hover {
color: var(--procus-primary);
border: 1px solid var(--procus-primary);
}
body.light-theme .blog-2-column {
background-color: #ffffff;
}
body.light-theme .blog-page-categories li.active a {
color: #ffffff;
background-color: var(--procus-primary);
}
body.light-theme .blog-page-categories li.active a span {
color: var(--procus-primary);
background-color: #ffffff;
}
body.light-theme .blog-page-categories li a {
color: var(--procus-primary);
}
body.light-theme .blog-page-categories li a:hover {
color: #ffffff;
background-color: var(--procus-primary);
}
body.light-theme .blog-page-categories li a:hover span {
color: var(--procus-black);
background-color: #ffffff;
}
body.light-theme .blog-page-categories li a span.total-post {
border: 1px solid #4f4f4f;
}
body.light-theme .blog-page-categories li select {
color: var(--procus-primary);
border: 1px solid var(--procus-primary);
}
body.light-theme .blog-pagination li {
color: var(--procus-black);
border: 1px solid var(--procus-primary);
}
body.light-theme .blog-pagination li:hover {
color: #ffffff;
background-color: var(--procus-primary);
}
body.light-theme .blog-pagination li.active {
color: #ffffff;
background-color: var(--procus-primary);
}
body.light-theme .blog-details-content {
background-color: #ffffff;
}
body.light-theme .blog-details-content .share-links li {
color: var(--procus-primary);
}
body.light-theme .blog-details-content .share-links li a {
color: var(--procus-black);
}
body.light-theme .blog-details-content .share-links li a:hover {
color: var(--procus-primary);
}
body.light-theme .blog-details-content .share-links li.copy-link a {
color: #ffffff;
background-color: var(--procus-black);
}
body.light-theme .blog-details-content .share-links li.copy-link a:hover {
background-color: var(--procus-primary);
}
body.light-theme .blog-details-content .blog-single-slide .blog-tags a {
color: #ffffff;
}
body.light-theme .blog-details-content .blog-comments-content h5 {
color: var(--procus-black);
}
body.light-theme .blog-details-content .blog-comments-content a {
color: var(--procus-primary);
}
body.light-theme .blog-details-content .blog-comments-content a:hover {
color: #4f4f4f;
}
body.light-theme .blog-details-content .blog-comments-form .form-control {
background-color: #ffffff;
border: 1px solid var(--procus-black);
color: var(--procus-black);
}
body.light-theme .blockquote {
border-left: 2px solid var(--procus-primary);
}
body.light-theme .blockquote .qutoe-author h5 {
color: var(--procus-black);
}
body.light-theme .blockquote span {
color: var(--procus-primary);
}
body.light-theme .contact-info-area {
background-color: #ffffff;
}
body.light-theme .contact-info-area .single-info {
border: 1px solid transparent;
background-image: none;
background-color: transparent;
}
body.light-theme .contact-info-area .single-info span,
body.light-theme .contact-info-area .single-info h4 {
color: var(--procus-black);
}
body.light-theme .contact-info-area .single-info.active {
border: 1px solid #4f4f4f;
background-image: none;
}
body.light-theme .contact-info-area .single-info.active span.info-icon {
color: var(--procus-primary);
}
body.light-theme .contact-form-area {
background-color: #ffffff;
}
body.light-theme .faq-area {
background-color: #ffffff;
}
body.light-theme .terms-content {
background-color: #ffffff;
}
body.light-theme .terms-content h3,
body.light-theme .terms-content li {
color: var(--procus-black);
}
body.light-theme .terms-content h4 {
color: var(--procus-primary);
}
body.light-theme .terms-content .list-items li span {
color: var(--procus-primary);
}
body.light-theme .terms-content .list-items.privacy-list li span {
color: var(--procus-black);
}
body.light-theme .error-content h2 {
color: #ffffff;
}
body.light-theme .hero-home-2 .hero-content-box-2 .title-tag {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(rgba(0, 0, 0, 0.2)),
to(rgba(255, 255, 255, 0.2))
);
background-image: -webkit-linear-gradient(
left,
rgba(0, 0, 0, 0.2),
rgba(255, 255, 255, 0.2)
);
background-image: -o-linear-gradient(
left,
rgba(0, 0, 0, 0.2),
rgba(255, 255, 255, 0.2)
);
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.2),
rgba(255, 255, 255, 0.2)
);
border-radius: 30px;
border: 1px solid rgba(255, 255, 255, 0.3);
}
body.light-theme .hero-home-2 h1,
body.light-theme .hero-home-2 h4,
body.light-theme .hero-home-2 p {
color: #ffffff;
}
body.light-theme .hero-home-2 h1 span {
color: var(--procus-base);
}
body.light-theme .hero-home-2 .hero-btn-group-2 .hero-video-wrapper a {
color: var(--procus-base);
}
body.light-theme
.hero-home-2
.hero-btn-group-2
.hero-video-wrapper
a
.video-btn {
color: var(--procus-primary);
background-color: var(--procus-base);
}
body.light-theme .hero-home-2 .secondary-btn {
color: var(--procus-base);
border: 1px solid var(--procus-base);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, var(--procus-base)),
color-stop(50%, transparent)
);
background: -webkit-linear-gradient(left, var(--procus-base) 50%, transparent 50%);
background: -o-linear-gradient(left, var(--procus-base) 50%, transparent 50%);
background: linear-gradient(to right, var(--procus-base) 50%, transparent 50%);
background-size: 200% 100%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
body.light-theme .hero-home-2 .secondary-btn:hover {
background-position: left bottom;
color: var(--procus-primary);
}
body.light-theme .hero-social-2 {
background-image: none;
border: none;
background-color: #e7e7e7;
display: inline-block;
margin-top: 80px;
padding: 12px 24px;
}
@media (max-width: 575.98px) {
body.light-theme .hero-social-2 {
padding: 12px;
}
}
body.light-theme .hero-social-2 li a {
color: var(--procus-black);
}
body.light-theme .hero-social-2 li a:hover {
color: var(--procus-primary);
border-bottom: 1px solid var(--procus-primary);
}
body.light-theme .custom-marquee.marquee-style-2 {
background-color: #ffffff;
}
body.light-theme .custom-marquee.marquee-style-2::before {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#ffffff),
to(transparent)
);
background-image: -webkit-linear-gradient(left, #ffffff, transparent);
background-image: -o-linear-gradient(left, #ffffff, transparent);
background-image: linear-gradient(to right, #ffffff, transparent);
}
body.light-theme .custom-marquee.marquee-style-2::after {
background-image: -webkit-gradient(
linear,
right top,
left top,
from(#ffffff),
to(transparent)
);
background-image: -webkit-linear-gradient(right, #ffffff, transparent);
background-image: -o-linear-gradient(right, #ffffff, transparent);
background-image: linear-gradient(to left, #ffffff, transparent);
}
body.light-theme .custom-marquee.marquee-style-2 .marquee-content span {
color: #6d6d6d;
}
body.light-theme .custom-marquee.marquee-style-2 .marquee-content span::before {
background-image: url(//playwithnewvision.com/wp-content/themes/images/marquee-vector-home-2.png);
}
body.light-theme .about-home-2 {
background-color: #ffffff;
}
body.light-theme .about-home-2 ul.about-list li {
color: var(--procus-primary);
}
body.light-theme .about-home-2 ul.about-list li::before {
background-image: url(//playwithnewvision.com/wp-content/themes/images/about-list-icon-dark.png);
}
body.light-theme .section-top-2 span.title-tag {
color: var(--procus-primary);
border: 1px solid var(--procus-primary);
}
body.light-theme .section-top-2 h2 {
color: #6d6d6d;
}
body.light-theme .section-top-2 h2 span {
color: var(--procus-black);
}
body.light-theme .counter-home-2 {
background-color: #ffffff;
}
body.light-theme .counter-single-2 {
border: 1px solid #4f4f4f;
}
body.light-theme .counter-single-2 span.counter,
body.light-theme .counter-single-2 span.plus-sign {
color: var(--procus-black);
}
body.light-theme .service-home-2 {
background-color: #ffffff;
}
body.light-theme span.big-title {
color: var(--procus-black);
}
body.light-theme .single-service-2 {
border-bottom: 1px solid #4f4f4f;
}
body.light-theme .single-service-2 h2 a {
color: #6d6d6d;
}
body.light-theme .single-service-2 p {
color: #6d6d6d;
}
body.light-theme .single-service-2.active {
background-color: var(--procus-black);
}
body.light-theme .single-service-2.active h2 a {
color: #ffffff;
}
body.light-theme .single-service-2.active p {
color: #ffffff;
}
body.light-theme .choose-home-2 {
background-color: #ffffff;
}
body.light-theme .brand-home-2 {
background-color: #ffffff;
}
body.light-theme .brand-home-2 .dark-version {
display: none;
}
body.light-theme .brand-home-2 .light-version {
display: block;
}
body.light-theme .brand-items .brand-single-2:hover .brand-logo {
border: 1px solid var(--procus-primary);
}
body.light-theme .brand-items .brand-logo {
border: 1px solid #4f4f4f;
}
body.light-theme .case-study-home-2 {
background-color: #ffffff;
}
body.light-theme .case-filter-tab li.secondary-btn {
color: var(--procus-black);
border: 1px solid #6d6d6d;
}
body.light-theme .case-filter-tab li.secondary-btn.active {
background-position: left bottom;
color: #ffffff;
}
body.light-theme .case-filter-tab li.secondary-btn:hover {
background-position: left bottom;
color: #ffffff;
}
body.light-theme .case-single a {
color: var(--procus-black);
}
body.light-theme .case-single a:hover {
color: var(--procus-primary);
}
body.light-theme .team-home-2 {
background-color: #ffffff;
}
body.light-theme .team-member-2:hover .team-content {
background-color: var(--procus-primary);
}
body.light-theme .team-member-2:hover .team-content h4 a {
color: #ffffff;
}
body.light-theme .team-member-2:hover .team-content h4 a:hover {
color: #ffffff;
}
body.light-theme .team-member-2:hover .team-content span {
color: #ffffff;
}
body.light-theme .team-member-2:hover .team-content .team-social li a {
color: #ffffff;
}
body.light-theme .team-member-2:hover .team-content .team-social li a:hover {
color: #ffffff;
}
body.light-theme .team-member-2 .team-image .team-bg.dark-version {
display: none;
}
body.light-theme .team-member-2 .team-image .team-bg.light-version {
display: block;
}
body.light-theme .team-member-2 .team-content {
background-color: #e7e7e7;
}
body.light-theme .team-member-2 .team-content h4 a {
color: var(--procus-black);
}
body.light-theme .team-member-2 .team-content h4 a:hover {
color: var(--procus-primary);
}
body.light-theme .team-member-2 .team-content span {
color: var(--procus-black);
}
body.light-theme .team-member-2 .team-content .team-social li a {
color: var(--procus-black);
}
body.light-theme .team-member-2 .team-content .team-social li a:hover {
color: var(--procus-primary);
}
body.light-theme .testimonial-home-2 {
background-color: #ffffff;
}
body.light-theme .testimonial-slide-2 {
border: 1px solid #4f4f4f;
}
body.light-theme .testimonial-slide-2:hover {
border: 1px solid var(--procus-primary);
}
body.light-theme .testimonial-slide-2:hover span.testimonial-quote-icon {
color: #e7e7e7;
}
body.light-theme .testimonial-slide-2:hover span.quote-text {
color: var(--procus-black);
}
body.light-theme
.testimonial-slide-2:hover
.testimonial-content
.author-text
h5 {
color: var(--procus-black);
}
body.light-theme
.testimonial-slide-2:hover
.testimonial-content
.author-text
p {
color: var(--procus-black);
}
body.light-theme .testimonial-slide-2 span.testimonial-quote-icon {
color: #e7e7e7;
}
body.light-theme .testimonial-slide-2 span.quote-text {
color: var(--procus-primary);
}
body.light-theme .testimonial-slide-2 .testimonial-content .author-text p {
color: var(--procus-primary);
}
body.light-theme .blog-home-2 {
background-color: #ffffff;
}
body.light-theme .blog-single-slide-2 h4 a {
color: var(--procus-black);
}
body.light-theme .blog-single-slide-2 h4 a:hover {
color: var(--procus-primary);
}
body.light-theme .blog-single-slide-2 .blog-btn {
color: var(--procus-black);
}
body.light-theme .blog-single-slide-2 .blog-btn span {
background-color: var(--procus-primary);
color: #ffffff;
}
body.light-theme .blog-single-slide-2 .blog-btn:hover {
color: var(--procus-primary);
}
body.light-theme .hero-home-3 {
background-image: url(//playwithnewvision.com/wp-content/themes/images/hero-light-bg-home-3.png);
}
body.light-theme .hero-home-3 h1 span {
color: var(--procus-primary);
}
body.light-theme .hero-home-3 .dark-version {
display: none;
}
body.light-theme .hero-home-3 .light-version {
display: block;
}
body.light-theme .hero-home-3 .vector-3 {
opacity: 1;
}
body.light-theme .hero-home-3 .text-item span {
color: #ffffff;
border: 1px solid var(--procus-black);
background-color: var(--procus-black);
cursor: pointer;
}
body.light-theme .hero-home-3 .text-item span:hover {
color: var(--procus-black);
border: 1px solid var(--procus-black);
background-color: transparent;
}
body.light-theme .hero-home-3 .hero-button-box {
border: 1px solid var(--procus-primary);
background-color: #ffffff;
}
body.light-theme .hero-home-3 .hero-button-box .secondary-btn.white-btn {
color: var(--procus-black);
border: 1px solid var(--procus-black);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, #000000),
color-stop(50%, transparent)
);
background: -webkit-linear-gradient(left, #000000 50%, transparent 50%);
background: -o-linear-gradient(left, #000000 50%, transparent 50%);
background: linear-gradient(to right, #000000 50%, transparent 50%);
background-size: 200% 100%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
body.light-theme .hero-home-3 .hero-button-box .secondary-btn.white-btn:hover {
border: 1px solid var(--procus-black);
background-position: left bottom;
color: #ffffff;
}
body.light-theme .hero-home-3 .hero-button-box .secondary-btn.gray-btn:hover {
border: 1px solid var(--procus-black);
}
body.light-theme .brand-home-3 {
background-color: #ffffff;
border-top: 1px solid var(--procus-primary);
border-bottom: 1px solid var(--procus-primary);
}
body.light-theme .brand-home-3::before {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#ffffff),
to(transparent)
);
background-image: -webkit-linear-gradient(left, #ffffff, transparent);
background-image: -o-linear-gradient(left, #ffffff, transparent);
background-image: linear-gradient(to right, #ffffff, transparent);
}
body.light-theme .brand-home-3::after {
background-image: -webkit-gradient(
linear,
right top,
left top,
from(#ffffff),
to(transparent)
);
background-image: -webkit-linear-gradient(right, #ffffff, transparent);
background-image: -o-linear-gradient(right, #ffffff, transparent);
background-image: linear-gradient(to left, #ffffff, transparent);
}
body.light-theme .brand-home-3 .dark-version {
display: none;
}
body.light-theme .brand-home-3 .light-version {
display: block;
}
body.light-theme .counter-home-3 {
background-color: #ffffff;
}
body.light-theme .section-top-3 h2 {
color: var(--procus-black);
}
body.light-theme .section-top-3 h2 span {
color: #6d6d6d;
}
body.light-theme .counter-single-3 h2 {
color: var(--procus-black);
}
body.light-theme .counter-single-3 h6 {
color: var(--procus-black);
}
body.light-theme .counter-single-3 p {
color: var(--procus-primary);
}
body.light-theme .video-home-3 {
background-color: #ffffff;
}
body.light-theme .video-home-3 .video-bg {
background-image: url(//playwithnewvision.com/wp-content/themes/images/video-bg.png);
}
body.light-theme .video-home-3 .video-wrapper a .video-btn {
color: var(--procus-base);
border: 1px solid var(--procus-base);
background-color: #8AD600;
}
body.light-theme .service-home-3 {
background-color: #ffffff;
}
body.light-theme .service-home-3 .tab-menu-item.active span {
color: black;
}
body.light-theme .service-home-3 .tab-menu-item span {
color: rgba(0, 0, 0, 0.5);
border-bottom: 1px solid #4f4f4f;
}
body.light-theme .service-home-3 .tab-menu-item span:hover {
color: black;
}
body.light-theme .service-home-3 .tab-menu-item span::before {
background-image: url(//playwithnewvision.com/wp-content/themes/images/service-icon-home-3.png);
}
body.light-theme .portfolio-home-3 {
background-color: #ffffff;
}
body.light-theme .single-portfolio-3 h3 a {
color: var(--procus-black);
}
body.light-theme .single-portfolio-3 h3 a:hover {
color: var(--procus-primary);
}
body.light-theme .testimonial-home-3 {
background-color: #ffffff;
}
body.light-theme .testimonial-home-3::before {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#ffffff),
to(transparent)
);
background-image: -webkit-linear-gradient(left, #ffffff, transparent);
background-image: -o-linear-gradient(left, #ffffff, transparent);
background-image: linear-gradient(to right, #ffffff, transparent);
}
body.light-theme .testimonial-home-3::after {
background-image: -webkit-gradient(
linear,
right top,
left top,
from(#ffffff),
to(transparent)
);
background-image: -webkit-linear-gradient(right, #ffffff, transparent);
background-image: -o-linear-gradient(right, #ffffff, transparent);
background-image: linear-gradient(to left, #ffffff, transparent);
}
body.light-theme .testimonial-slide-home-3 {
background-color: var(--procus-primary);
}
body.light-theme .testimonial-slide-home-3 h4 {
color: #ffffff;
}
body.light-theme .testimonial-slide-home-3 p {
color: #e7e7e7;
text-transform: capitalize;
}
body.light-theme .team-home-3 {
background-color: #ffffff;
}
body.light-theme .team-member-3 .hover-state {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(255, 255, 0, 0.7)),
to(transparent)
);
background-image: -webkit-linear-gradient(
bottom,
rgba(255, 255, 0, 0.7),
transparent
);
background-image: -o-linear-gradient(
bottom,
rgba(255, 255, 0, 0.7),
transparent
);
background-image: linear-gradient(
to top,
rgba(255, 255, 0, 0.7),
transparent
);
}
body.light-theme .team-member-3 .hover-state .team-social li a {
color: #ffffff;
}
body.light-theme .team-member-3 .hover-state .team-social li a:hover {
color: var(--procus-black);
}
body.light-theme .team-member-3 .team-content h4 a {
color: var(--procus-black);
}
body.light-theme .team-member-3 .team-content h4 a:hover {
color: var(--procus-primary);
}
body.light-theme .team-member-3 .team-content span {
color: var(--procus-black);
}
body.light-theme .pricing-home-3 {
background-color: #ffffff;
}
body.light-theme .pricing-toggle {
border: 1px solid var(--procus-primary);
}
body.light-theme .pricing-toggle .pricing-toggle-btn {
color: var(--procus-black);
}
body.light-theme .pricing-toggle .pricing-toggle-btn.active {
background-color: var(--procus-primary);
color: #ffffff;
}
body.light-theme .pricing-box {
background-color: var(--procus-primary);
}
body.light-theme .pricing-box h3 {
color: #ffffff;
}
body.light-theme .pricing-box p {
color: #ffffff;
}
body.light-theme .pricing-box .price {
color: #ffffff;
}
body.light-theme .pricing-box .pricing-features li {
color: #ffffff;
}
body.light-theme .pricing-box .pricing-features li::before {
background-image: url(//playwithnewvision.com/wp-content/themes/images/about-list-icon.png);
}
body.light-theme .pricing-box .secondary-btn {
color: var(--procus-base);
border: 1px solid var(--procus-base);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, var(--procus-base)),
color-stop(50%, transparent)
);
background: -webkit-linear-gradient(left, var(--procus-base) 50%, transparent 50%);
background: -o-linear-gradient(left, var(--procus-base) 50%, transparent 50%);
background: linear-gradient(to right, var(--procus-base) 50%, transparent 50%);
background-size: 200% 100%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
body.light-theme .pricing-box .secondary-btn:hover {
background-position: left bottom;
color: var(--procus-primary);
}
body.light-theme .blog-home-3 {
background-color: #ffffff;
}
body.light-theme .contact-home-3 {
background-color: #ffffff;
}
body.light-theme .logo-area .dark-version {
display: none;
}
body.light-theme .logo-area .light-version {
display: block;
}
body.light-theme .primary-btn {
color: #ffffff;
border: 1px solid var(--procus-primary);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, transparent),
color-stop(50%, #141414)
);
background: -webkit-linear-gradient(left, transparent 50%, #141414 50%);
background: -o-linear-gradient(left, transparent 50%, #141414 50%);
background: linear-gradient(to right, transparent 50%, #141414 50%);
background-size: 200% 100%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
body.light-theme .primary-btn:hover {
background-position: left bottom;
color: var(--procus-primary);
}
body.light-theme .secondary-btn {
color: var(--procus-primary);
border: 1px solid var(--procus-primary);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(50%, #141414),
color-stop(50%, transparent)
);
background: -webkit-linear-gradient(left, #141414 50%, transparent 50%);
background: -o-linear-gradient(left, #141414 50%, transparent 50%);
background: linear-gradient(to right, #141414 50%, transparent 50%);
background-size: 200% 100%;
background-position: right bottom;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
body.light-theme .secondary-btn:hover {
background-position: left bottom;
color: #ffffff;
}
body.light-theme .theme-color-switch .checkbox-label {
background-color: var(--procus-black);
}
body.light-theme .theme-color-switch .fa-moon {
color: #ffffff;
}
body.light-theme .theme-color-switch .fa-sun {
color: #ffffff;
}
body.light-theme .theme-color-switch .checkbox-label .ball {
background-color: var(--procus-base);
}
body.light-theme .procus-cursor {
border: 1px solid var(--procus-black);
}
body.light-theme .procus-cursor2 {
background-color: var(--procus-black);
}
.contact-form-3 label {
color: #ffffff;
}
body.light-theme .breadcrumb-section ul li span.current-item {
color: #141414;
background-color: #8AD600;
border: 1px solid #141414;
}