* {
margin: 0;
padding: 0;
box-sizing: border-box
}
body {
font-family: 'Lato', sans-serif;
background: #E9D4C1;
color: #683A48
}
a {
text-decoration: none;
color: inherit
}
ul {
list-style: none
}
button {
font-family: 'Lato', sans-serif
}
.rvl-topbar {
background: #683A48;
color: #E9D4C1;
text-align: center;
padding: 9px 15px;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase
}
.rvl-header {
background: #E9D4C1;
position: relative;
z-index: 9999
}
.rvl-header-main {
max-width: 1500px;
margin: auto;
min-height: 108px;
padding: 0 40px;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
border-bottom: 1px solid rgba(104, 58, 72, .18)
}
.rvl-header-left {
display: flex;
align-items: center
}
.rvl-header-text {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px
}
.rvl-logo {
width: 130px;
height: 105px;
display: flex;
align-items: center;
justify-content: center;
position: relative
}
.rvl-logo:before {
content: "";
position: absolute;
width: 94px;
height: 94px;
border-radius: 50%;
border: 1px solid rgba(104, 58, 72, .35);
transition: .3s
}
.rvl-logo:after {
content: "";
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
background: rgba(104, 58, 72, .07)
}
.rvl-logo img {
width: 94px;
height: 94px;
object-fit: contain;
position: relative;
z-index: 2;
filter: drop-shadow(0 5px 8px rgba(104, 58, 72, .22));
transition: .3s
}
.rvl-logo:hover img {
transform: scale(1.06)
}
.rvl-logo:hover:before {
transform: scale(1.08)
}
.rvl-header-right {
display: flex;
justify-content: flex-end;
align-items: center
}
.rvl-consult-btn {
background: #683A48;
color: #E9D4C1;
border: 1px solid #683A48;
padding: 14px 24px;
font-size: 13px;
font-weight: 600;
transition: .3s
}
.rvl-consult-btn:hover {
background: #E9D4C1;
color: #683A48
}
.rvl-nav-area {
background: #E9D4C1;
border-bottom: 1px solid rgba(104, 58, 72, .18)
}
.rvl-nav-container {
max-width: 1500px;
margin: auto;
padding: 0 40px
}
.rvl-menu {
display: flex;
align-items: center;
justify-content: center;
gap: 42px;
height: 30px;
}
/* Tablet + Mobile */
@media (max-width: 991px) {
.rvl-menu {
height: auto;
}
}
.rvl-menu-item {
position: relative
}
.rvl-menu-link {
border: 0;
background: transparent;
display: flex;
align-items: center;
gap: 6px;
padding: 20px 0;
color: #683A48;
font-size: 16px;
font-weight: 500;
cursor: pointer;
position: relative
}
.rvl-menu-link:after {
content: "";
position: absolute;
left: 0;
bottom: 12px;
width: 100%;
height: 1px;
background: #683A48;
transform: scaleX(0);
transition: .25s
}
.rvl-menu-item:hover > .rvl-menu-link:after {
transform: scaleX(1)
}
.rvl-arrow {
font-size: 8px
}
.rvl-dropdown {
position: absolute;
top: 58px;
left: 50%;
transform: translateX(-50%) translateY(12px);
min-width: 240px;
background: #683A48;
padding: 12px;
opacity: 0;
visibility: hidden;
pointer-events: none;
box-shadow: 0 18px 40px rgba(104, 58, 72, .2);
transition: .25s
}
.rvl-dropdown:before {
content: "";
position: absolute;
top: -6px;
left: 50%;
width: 12px;
height: 12px;
background: #683A48;
transform: translateX(-50%) rotate(45deg)
}
.rvl-menu-item:hover > .rvl-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateX(-50%) translateY(0)
}
.rvl-dropdown a {
display: block;
padding: 10px 12px;
color: #E9D4C1;
font-size: 13px;
line-height: 1.45;
transition: .2s
}
.rvl-dropdown a:hover {
background: #E9D4C1;
color: #683A48
}
.rvl-mega-menu {
width: 500px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
padding: 22px
}
.rvl-mega-menu h4 {
font-family: 'Playfair Display', serif;
font-size: 18px;
color: #E9D4C1;
margin-bottom: 8px
}
.rvl-mobile-btn {
display: none;
width: 45px;
height: 42px;
border: 1px solid #683A48;
background: #E9D4C1;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
cursor: pointer
}
.rvl-mobile-btn span {
width: 21px;
height: 1.5px;
background: #683A48
}
/* VIDEO BANNER */
.rvl-video-banner {
width: 100%;
min-height: 600px;
position: relative;
overflow: hidden;
background: #683A48
}
.rvl-video-banner video {
position: absolute;
inset: 0;
width: 100%;
object-fit: cover
}
.rvl-banner-inner {
max-width: 1500px;
margin: auto;
padding: 0 40px;
position: relative;
z-index: 2;
display: flex;
align-items: center
}
.rvl-banner-content {
max-width: 720px;
color: #E9D4C1
}
.rvl-banner-small {
font-size: 12px;
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 18px
}
.rvl-banner-content h1 {
font-family: 'Playfair Display', serif;
font-size: clamp(54px, 6vw, 90px);
font-weight: 500;
line-height: 1.02;
margin-bottom: 25px
}
.rvl-banner-content p {
max-width: 590px;
font-size: 16px;
line-height: 1.8;
margin-bottom: 34px
}
.rvl-banner-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 27px;
background: #E9D4C1;
border: 1px solid #E9D4C1;
color: #683A48;
font-size: 13px;
font-weight: 600;
transition: .3s
}
.rvl-banner-btn:hover {
background: #683A48;
color: #E9D4C1
}
@media(max-width:1100px) {
.rvl-header-main, .rvl-nav-container {
padding-left: 25px;
padding-right: 25px
}
.rvl-menu {
gap: 23px
}
.rvl-menu-link {
font-size: 12px
}
}
@media(max-width:991px) {
.rvl-header-main {
min-height: 85px;
padding: 0 18px
}
.rvl-header-text {
display: none
}
.rvl-logo {
width: 90px;
height: 78px
}
.rvl-logo img {
width: 74px;
height: 74px
}
.rvl-logo:before {
width: 77px;
height: 77px
}
.rvl-logo:after {
width: 64px;
height: 64px
}
.rvl-mobile-btn {
display: flex
}
.rvl-header-right .rvl-consult-btn {
display: none
}
.rvl-nav-area {
position: absolute;
top: 100%;
left: 0;
width: 100%;
display: none;
max-height: calc(100vh - 115px);
overflow-y: auto
}
.rvl-nav-area.active {
display: block
}
.rvl-nav-container {
padding: 12px 20px 25px
}
.rvl-menu {
display: block
}
.rvl-menu-item {
border-bottom: 1px solid rgba(104, 58, 72, .16)
}
.rvl-menu-link {
width: 100%;
justify-content: space-between;
padding: 17px 0;
font-size: 14px
}
.rvl-menu-link:after {
display: none
}
.rvl-dropdown {
position: static;
display: none;
min-width: 100%;
width: 100%;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
box-shadow: none;
margin-bottom: 12px
}
.rvl-dropdown:before {
display: none
}
.rvl-menu-item:hover > .rvl-dropdown {
display: none;
transform: none
}
.rvl-menu-item.active > .rvl-dropdown {
display: block
}
.rvl-mega-menu {
grid-template-columns: 1fr;
width: 100%
}
.rvl-banner-inner {
padding: 0 25px
}
}
@media(max-width:575px) {
.rvl-topbar {
font-size: 9px;
letter-spacing: 1.3px
}
.rvl-banner-inner {
padding: 0 20px
}
.rvl-banner-content h1 {
font-size: 44px
}
.rvl-banner-content p {
font-size: 14px
}
.rvl-banner-btn {
width: 100%
}
}
/* =========================================================
MOBILE: SHOW COMPLETE VIDEO WITHOUT CROPPING
========================================================= */
@media(max-width:991px) {
.rvl-video-banner {
height: auto;
min-height: 0;
background: transparent;
}
.rvl-video-banner video {
position: relative;
inset: auto;
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
}
/* =========================================================
MOBILE: HEADER + COMPLETE VIDEO FIT IN FIRST SCREEN
No scrolling needed to see the full video.
========================================================= */
@media(max-width:991px) {
.rvl-video-banner {
height: auto !important;
min-height: 0 !important;
overflow: hidden;
background: transparent;
}
.rvl-video-banner video {
position: relative !important;
inset: auto !important;
display: block;
width: 100% !important;
height: auto !important;
max-height: calc(100svh - 105px);
object-fit: contain !important;
background: transparent;
}
}
@media(max-width:575px) {
.rvl-video-banner video {
max-height: calc(100svh - 95px);
}
}
/* =========================================================
FINAL MOBILE VIDEO FIX
Video starts directly under the header and the complete
video fits in the visible screen without scrolling.
========================================================= */
@media(max-width:991px) {
html, body {
margin: 0;
padding: 0;
}
.rvl-video-banner {
width: 100%;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex;
align-items: flex-start;
justify-content: center;
overflow: hidden;
background: transparent !important;
}
.rvl-video-banner video {
position: static !important;
display: block;
width: 100% !important;
height: 100% !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
object-fit: contain !important;
object-position: center top !important;
background: transparent !important;
}
}
/* =========================================================
PREMIUM INTRO SECTION
========================================================= */
.rvl-premium-intro {
position: relative;
overflow: hidden;
padding: 65px 20px 75px;
background: #E9D4C1;
}
.rvl-premium-wrap {
width: 100%;
max-width: 1250px;
margin: 0 auto;
}
/* =========================================================
HEADING
========================================================= */
.rvl-premium-heading {
max-width: 930px;
margin: 0 auto 45px;
text-align: center;
}
.rvl-premium-eyebrow {
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
margin-bottom: 12px;
font-family: "Lato", sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
color: #683A48;
}
.rvl-premium-eyebrow i {
display: block;
width: 32px;
height: 1px;
background: #683A48;
}
.rvl-premium-heading h2 {
margin: 0;
font-family: "Playfair Display", serif;
/* FIXED 40PX */
font-size: 40px;
font-weight: 500;
line-height: 1.17;
color: #683A48;
}
/* =========================================================
MAIN LAYOUT
========================================================= */
.rvl-premium-main {
display: grid;
grid-template-columns: 48% 52%;
align-items: center;
}
/* =========================================================
IMAGE
========================================================= */
.rvl-premium-visual {
position: relative;
z-index: 2;
padding: 18px 0 18px 18px;
}
.rvl-premium-visual::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 72%;
height: 100%;
border: 1px solid rgba(104, 58, 72, .55);
z-index: -1;
}
.rvl-premium-image {
position: relative;
overflow: hidden;
height: 440px;
}
.rvl-premium-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform 1.2s ease;
}
.rvl-premium-visual:hover img {
transform: scale(1.035);
}
/* =========================================================
IMAGE BADGE
========================================================= */
.rvl-premium-badge {
position: absolute;
right: -35px;
bottom: 45px;
width: 120px;
height: 120px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
background: #683A48;
color: #E9D4C1;
border: 7px solid #E9D4C1;
border-radius: 50%;
z-index: 4;
}
.rvl-premium-badge span, .rvl-premium-badge small {
font-family: "Lato", sans-serif;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.rvl-premium-badge span {
font-size: 8px;
}
.rvl-premium-badge strong {
margin: 2px 0;
font-family: "Playfair Display", serif;
font-size: 26px;
font-weight: 500;
}
.rvl-premium-badge small {
font-size: 7px;
}
/* DECORATIVE LINE */
.rvl-image-line {
position: absolute;
width: 90px;
height: 2px;
right: -50px;
top: 60px;
background: #683A48;
}
/* =========================================================
CONTENT
========================================================= */
.rvl-premium-content {
position: relative;
padding: 42px 45px 42px 70px;
background: #683A48;
color: #E9D4C1;
}
.rvl-content-top {
display: block;
margin-bottom: 17px;
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 3.5px;
text-transform: uppercase;
color: #E9D4C1;
}
.rvl-premium-content p {
margin: 0 0 13px;
font-family: "Lato", sans-serif;
font-size: 14px;
line-height: 1.75;
color: #E9D4C1;
opacity: .92;
}
/* FIRST LETTER */
.rvl-first-para::first-letter {
float: left;
margin: 5px 8px 0 0;
font-family: "Playfair Display", serif;
font-size: 52px;
line-height: .75;
color: #E9D4C1;
}
/* =========================================================
4 PREMIUM BOXES
========================================================= */
.rvl-premium-features {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 26px;
border-top: 1px solid rgba(233, 212, 193, .28);
border-left: 1px solid rgba(233, 212, 193, .28);
}
.rvl-premium-feature {
position: relative;
min-height: 88px;
display: flex;
align-items: center;
gap: 14px;
padding: 15px 16px;
overflow: hidden;
border-right: 1px solid rgba(233, 212, 193, .28);
border-bottom: 1px solid rgba(233, 212, 193, .28);
transition: .35s ease;
}
/* BOX HOVER BACKGROUND */
.rvl-premium-feature::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
background: #E9D4C1;
transition: height .4s ease;
z-index: 0;
}
.rvl-premium-feature:hover::before {
height: 100%;
}
/* =========================================================
NUMBER
========================================================= */
.rvl-feature-number {
position: relative;
z-index: 2;
min-width: 30px;
font-family: "Playfair Display", serif;
font-size: 25px;
color: #E9D4C1;
opacity: .55;
transition: .35s ease;
}
/* =========================================================
FEATURE TEXT
========================================================= */
.rvl-feature-text-wrap {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden;
}
.rvl-feature-text-wrap small {
display: block;
margin-bottom: 4px;
font-family: "Lato", sans-serif;
font-size: 8px;
font-weight: 700;
letter-spacing: 1.7px;
text-transform: uppercase;
color: #E9D4C1;
opacity: .65;
transition: .35s ease;
}
/* =========================================================
TYPEWRITER MAIN TEXT
========================================================= */
.rvl-typewriter {
display: inline-block;
position: relative;
font-family: "Playfair Display", serif;
font-size: 16px;
font-weight: 500;
line-height: 1.35;
color: #E9D4C1;
white-space: nowrap;
transition: color .35s ease;
}
/* =========================================================
HOVER
========================================================= */
.rvl-premium-feature:hover .rvl-feature-number, .rvl-premium-feature:hover .rvl-feature-text-wrap small, .rvl-premium-feature:hover .rvl-typewriter {
color: #683A48;
}
.rvl-premium-feature:hover .rvl-typewriter::after {
background: #683A48;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:991px) {
.rvl-premium-intro {
padding: 55px 18px;
}
.rvl-premium-main {
grid-template-columns: 1fr;
}
.rvl-premium-visual {
max-width: 720px;
width: 100%;
margin: auto;
}
.rvl-premium-image {
height: 380px;
}
.rvl-premium-content {
margin-top: 25px;
padding: 38px;
}
.rvl-premium-badge {
right: 20px;
bottom: -25px;
}
.rvl-image-line {
display: none;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:575px) {
.rvl-premium-intro {
padding: 45px 15px;
}
.rvl-premium-heading {
margin-bottom: 30px;
}
.rvl-premium-heading h2 {
font-size: 40px;
line-height: 1.12;
}
.rvl-premium-visual {
padding: 9px 0 9px 9px;
}
.rvl-premium-image {
height: 280px;
}
.rvl-premium-badge {
width: 95px;
height: 95px;
right: 12px;
bottom: -20px;
border-width: 5px;
}
.rvl-premium-badge strong {
font-size: 21px;
}
.rvl-premium-content {
margin-top: 32px;
padding: 30px 20px;
}
.rvl-premium-content p {
font-size: 14px;
line-height: 1.7;
}
.rvl-premium-features {
grid-template-columns: 1fr;
}
.rvl-premium-feature {
min-height: 78px;
}
.rvl-typewriter {
font-size: 15px;
}
}
/* =========================================================
SECTION fact and figur
========================================================= */
.rvl-orbit-facts {
position: relative;
overflow: hidden;
padding: 48px 20px 52px;
background: #683A48;
}
.rvl-orbit-wrap {
position: relative;
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
/* =========================================================
HEADING
========================================================= */
.rvl-orbit-head {
max-width: 820px;
margin: 0 auto 25px;
text-align: center;
}
.rvl-orbit-label {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-bottom: 8px;
font-family: "Lato", sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: 3.5px;
text-transform: uppercase;
color: #E9D4C1;
}
.rvl-orbit-label span {
display: block;
width: 30px;
height: 1px;
background: #E9D4C1;
opacity: .55;
}
.rvl-orbit-head h2 {
margin: 0;
font-family: "Playfair Display", serif;
font-size: 40px;
font-weight: 500;
line-height: 1.1;
color: #E9D4C1;
}
.rvl-orbit-head p {
max-width: 590px;
margin: 10px auto 0;
font-family: "Lato", sans-serif;
font-size: 12px;
line-height: 1.6;
color: #E9D4C1;
opacity: .68;
}
/* =========================================================
ORBIT STAGE
========================================================= */
.rvl-orbit-stage {
position: relative;
width: 100%;
max-width: 920px;
height: 310px;
margin: 0 auto;
}
/* =========================================================
ORBIT RINGS
========================================================= */
.rvl-orbit-ring {
position: absolute;
left: 50%;
top: 50%;
border: 1px solid rgba(233, 212, 193, .16);
border-radius: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
.rvl-ring-one {
width: 430px;
height: 205px;
animation: rvlOrbitPulse 5s ease-in-out infinite;
}
.rvl-ring-two {
width: 610px;
height: 275px;
opacity: .45;
}
/* =========================================================
SIDE DIAMONDS
========================================================= */
.rvl-orbit-stage::before, .rvl-orbit-stage::after {
content: "";
position: absolute;
top: 50%;
width: 7px;
height: 7px;
background: #E9D4C1;
transform:
translateY(-50%) rotate(45deg);
opacity: .7;
}
.rvl-orbit-stage::before {
left: 10%;
}
.rvl-orbit-stage::after {
right: 10%;
}
/* =========================================================
CENTER LOGO
========================================================= */
.rvl-orbit-center {
position: absolute;
left: 50%;
top: 50%;
width: 150px;
height: 150px;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
}
/* =========================================================
ROTATING SQUARE BORDER
========================================================= */
.rvl-logo-square-border {
position: absolute;
width: 136px;
height: 136px;
border: 1px solid rgba(233, 212, 193, .75);
animation: rvlSquareRotate 8s linear infinite;
}
/* INNER SQUARE */
.rvl-logo-square-border::before {
content: "";
position: absolute;
inset: 7px;
border: 1px solid rgba(233, 212, 193, .25);
}
/* CORNER DETAILS */
.rvl-logo-square-border::after {
content: "";
position: absolute;
width: 8px;
height: 8px;
left: 50%;
top: -5px;
transform: translateX(-50%) rotate(45deg);
background: #E9D4C1;
}
/* =========================================================
ROUND LOGO BACKGROUND
========================================================= */
.rvl-center-inner {
position: relative;
width: 108px;
height: 108px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
border-radius: 50%;
background: #E9D4C1;
overflow: hidden;
z-index: 2;
box-shadow:
0 0 0 4px #683A48, 0 0 0 5px rgba(233, 212, 193, .25);
}
/* =========================================================
LOGO IMAGE
========================================================= */
.rvl-center-inner img {
display: block;
width: auto;
height: 100%;
max-width: 100%;
object-fit: contain;
transition: transform .4s ease;
}
.rvl-orbit-center:hover .rvl-center-inner img {
transform: scale(1.06);
}
/* =========================================================
SQUARE ROTATE
========================================================= */
@keyframes rvlSquareRotate {
from {
transform: rotate(45deg);
}
to {
transform: rotate(405deg);
}
}
/* =========================================================
STATS
========================================================= */
.rvl-orbit-stat {
position: absolute;
width: 190px;
text-align: center;
color: #E9D4C1;
transition: transform .4s ease;
}
/* POSITIONS */
.rvl-orbit-stat-1 {
left: 3%;
top: 25px;
}
.rvl-orbit-stat-2 {
right: 3%;
top: 25px;
}
.rvl-orbit-stat-3 {
left: 3%;
bottom: 18px;
}
.rvl-orbit-stat-4 {
right: 3%;
bottom: 18px;
}
/* =========================================================
STAT DIAMOND
========================================================= */
.rvl-orbit-stat::after {
content: "";
display: block;
width: 7px;
height: 7px;
margin: 9px auto 0;
background: #683A48;
border: 1px solid #E9D4C1;
transform: rotate(45deg);
transition: .4s ease;
}
/* =========================================================
INDEX
========================================================= */
.rvl-orbit-index {
display: block;
margin-bottom: 2px;
font-family: "Lato", sans-serif;
font-size: 7px;
font-weight: 700;
letter-spacing: 2px;
color: #E9D4C1;
opacity: .40;
}
/* =========================================================
NUMBER
========================================================= */
.rvl-orbit-value {
display: flex;
align-items: flex-start;
justify-content: center;
font-family: "Playfair Display", serif;
line-height: 1;
color: #E9D4C1;
transition: transform .4s ease;
}
.rvl-orbit-counter {
font-size: 48px;
font-weight: 500;
}
.rvl-orbit-value sup {
margin-top: 6px;
margin-left: 3px;
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 700;
color: #E9D4C1;
}
/* =========================================================
STAT TITLE
========================================================= */
.rvl-orbit-stat h3 {
margin: 4px 0 2px;
font-family: "Playfair Display", serif;
font-size: 15px;
font-weight: 500;
color: #E9D4C1;
}
/* =========================================================
SMALL TEXT
========================================================= */
.rvl-orbit-stat small {
font-family: "Lato", sans-serif;
font-size: 7px;
font-weight: 700;
letter-spacing: 1.4px;
text-transform: uppercase;
color: #E9D4C1;
opacity: .45;
}
/* =========================================================
HOVER
========================================================= */
.rvl-orbit-stat:hover {
transform: translateY(-5px);
}
.rvl-orbit-stat:hover .rvl-orbit-value {
transform: scale(1.05);
}
.rvl-orbit-stat:hover::after {
background: #E9D4C1;
transform:
rotate(225deg) scale(1.15);
}
/* =========================================================
ORBIT PULSE
========================================================= */
@keyframes rvlOrbitPulse {
0%, 100% {
opacity: .45;
transform:
translate(-50%, -50%) scale(1);
}
50% {
opacity: .85;
transform:
translate(-50%, -50%) scale(1.03);
}
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:991px) {
.rvl-orbit-facts {
padding: 45px 18px 48px;
}
.rvl-orbit-stage {
height: auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin-top: 25px;
}
.rvl-orbit-ring, .rvl-orbit-stage::before, .rvl-orbit-stage::after {
display: none;
}
.rvl-orbit-center {
position: relative;
left: auto;
top: auto;
grid-column: 1 / -1;
margin: 0 auto 20px;
transform: none;
}
.rvl-orbit-stat {
position: relative;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
width: auto;
padding: 17px 10px;
border-top:
1px solid rgba(233, 212, 193, .20);
border-bottom:
1px solid rgba(233, 212, 193, .20);
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:575px) {
.rvl-orbit-facts {
padding: 38px 15px 40px;
}
.rvl-orbit-head {
margin-bottom: 18px;
}
.rvl-orbit-head h2 {
font-size: 40px;
line-height: 1.08;
}
.rvl-orbit-head p {
font-size: 12px;
}
.rvl-orbit-stage {
grid-template-columns: 1fr 1fr;
gap: 7px;
}
.rvl-orbit-center {
width: 120px;
height: 120px;
margin-bottom: 15px;
}
.rvl-logo-square-border {
width: 108px;
height: 108px;
}
.rvl-center-inner {
width: 83px;
height: 83px;
padding: 12px;
}
.rvl-orbit-stat {
padding: 13px 5px;
}
.rvl-orbit-counter {
font-size: 38px;
}
.rvl-orbit-value sup {
font-size: 9px;
}
.rvl-orbit-stat h3 {
font-size: 13px;
}
.rvl-orbit-stat small {
font-size: 6px;
letter-spacing: .8px;
}
}
/* =========================================================
START: MANUFACTURING STRENGTH CSS
========================================================= */
/* ================= SECTION ================= */
.rvl-mfg-full {
position: relative;
width: 100%;
height: 300vh;
background: #683A48;
}
/* ================= STICKY FULL SCREEN ================= */
.rvl-mfg-sticky {
position: sticky;
top: 0;
width: 100%;
height: 100vh;
overflow: hidden;
background: #683A48;
}
/* ================= VIEW ================= */
.rvl-mfg-view {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
/* ================= TRACK ================= */
.rvl-mfg-track {
display: flex;
width: 300%;
height: 100%;
transform: translate3d(0, 0, 0);
will-change: transform;
transition:
transform .65s cubic-bezier(.22, .61, .36, 1);
}
/* ================= SLIDE ================= */
.rvl-mfg-slide {
position: relative;
flex: 0 0 33.333333%;
width: 33.333333%;
height: 100vh;
overflow: hidden;
background: #683A48;
}
/* ================= IMAGE ================= */
.rvl-mfg-slide > img {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 1s ease;
}
.rvl-mfg-slide:hover > img {
transform: scale(1.025);
}
/* ================= OVERLAY ================= */
.rvl-mfg-overlay {
position: absolute;
inset: 0;
z-index: 1;
background:
linear-gradient(90deg, rgba(104, 58, 72, .88) 0%, rgba(104, 58, 72, .68) 30%, rgba(104, 58, 72, .30) 60%, rgba(104, 58, 72, .08) 100%);
}
/* ================= SECTION HEADING ================= */
.rvl-mfg-section-head {
position: absolute;
top: 55px;
left: 0;
z-index: 3;
width: 100%;
padding: 0 20px;
text-align: center;
}
/* ================= LABEL ================= */
.rvl-mfg-label {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-bottom: 9px;
font-family: "Lato", sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: 3.5px;
text-transform: uppercase;
color: #E9D4C1;
}
.rvl-mfg-label span {
display: block;
width: 30px;
height: 1px;
background: #E9D4C1;
opacity: .65;
}
/* ================= MAIN HEADING ================= */
.rvl-mfg-section-head h2 {
margin: 0;
font-family: "Playfair Display", serif;
font-size: 40px;
font-weight: 500;
line-height: 1.08;
color: #E9D4C1;
}
/* ================= SLIDE NUMBER ================= */
.rvl-mfg-number {
position: absolute;
top: 55px;
right: 40px;
z-index: 4;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid rgba(233, 212, 193, .65);
background: rgba(104, 58, 72, .28);
backdrop-filter: blur(5px);
font-family: "Playfair Display", serif;
font-size: 11px;
color: #E9D4C1;
}
/* ================= CONTENT ================= */
.rvl-mfg-content {
position: absolute;
left: 7%;
top: 56%;
z-index: 3;
width: 550px;
max-width: 75%;
transform: translateY(-50%);
}
/* ================= SMALL TITLE ================= */
.rvl-mfg-content small {
display: block;
margin-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: 2.7px;
text-transform: uppercase;
color: #E9D4C1;
opacity: .72;
}
/* ================= PRODUCT TITLE ================= */
.rvl-mfg-content h3 {
margin: 0;
font-family: "Playfair Display", serif;
font-size: 42px;
font-weight: 500;
line-height: 1.08;
color: #E9D4C1;
}
/* ================= DESCRIPTION ================= */
.rvl-mfg-content p {
max-width: 500px;
margin: 13px 0 0;
font-family: "Lato", sans-serif;
font-size: 14px;
line-height: 1.7;
color: #E9D4C1;
opacity: .85;
}
/* ================= EXPLORE MORE BUTTON ================= */
.rvl-mfg-explore {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 22px;
padding: 13px 22px;
overflow: hidden;
border: 1px solid rgba(233, 212, 193, .65);
background: transparent;
font-family: "Lato", sans-serif;
font-size: 9px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: #E9D4C1;
text-decoration: none;
transition:
background .35s ease, color .35s ease, transform .35s ease, border-color .35s ease;
}
.rvl-mfg-explore span {
position: relative;
z-index: 2;
}
.rvl-mfg-explore i {
position: relative;
z-index: 2;
display: inline-block;
font-family: Arial, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 1;
transition: transform .35s ease;
}
.rvl-mfg-explore:hover {
background: #E9D4C1;
border-color: #E9D4C1;
color: #683A48;
transform: translateY(-2px);
}
.rvl-mfg-explore:hover i {
transform: translateX(5px);
}
/* ================= DECORATIVE LINE ================= */
.rvl-mfg-deco {
position: relative;
width: 50px;
height: 1px;
margin-top: 20px;
background: #E9D4C1;
opacity: .70;
transition: width .4s ease;
}
.rvl-mfg-deco::after {
content: "";
position: absolute;
right: -4px;
top: -3px;
width: 7px;
height: 7px;
background: #E9D4C1;
transform: rotate(45deg);
}
.rvl-mfg-slide:hover .rvl-mfg-deco {
width: 95px;
}
/* ================= BOTTOM PROGRESS ================= */
.rvl-mfg-progress-wrap {
position: absolute;
left: 50%;
bottom: 35px;
z-index: 10;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 13px;
font-family: "Lato", sans-serif;
font-size: 8px;
font-weight: 700;
letter-spacing: 1.5px;
color: #E9D4C1;
}
/* ================= PROGRESS LINE ================= */
.rvl-mfg-progress {
position: relative;
width: 140px;
height: 1px;
overflow: hidden;
background: rgba(233, 212, 193, .30);
}
.rvl-mfg-progress span {
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 100%;
background: #E9D4C1;
transition: width .45s ease;
}
/* ================= TABLET ================= */
@media(max-width:991px) {
.rvl-mfg-section-head {
top: 45px;
}
.rvl-mfg-number {
top: 45px;
right: 25px;
}
.rvl-mfg-content {
left: 6%;
top: 58%;
}
.rvl-mfg-content h3 {
font-size: 36px;
}
}
/* ================= MOBILE ================= */
@media(max-width:575px) {
.rvl-mfg-full {
height: 300svh;
}
.rvl-mfg-sticky, .rvl-mfg-slide {
height: 100svh;
}
.rvl-mfg-slide > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* MOBILE OVERLAY */
.rvl-mfg-overlay {
background:
linear-gradient(0deg, rgba(104, 58, 72, .95) 0%, rgba(104, 58, 72, .76) 42%, rgba(104, 58, 72, .28) 72%, rgba(104, 58, 72, .08) 100%);
}
/* MOBILE HEADING */
.rvl-mfg-section-head {
top: 30px;
padding: 0 15px;
}
.rvl-mfg-section-head h2 {
font-size: 40px;
line-height: 1.05;
}
.rvl-mfg-label {
gap: 8px;
font-size: 8px;
letter-spacing: 2px;
}
.rvl-mfg-label span {
width: 20px;
}
/* MOBILE NUMBER */
.rvl-mfg-number {
top: 125px;
right: 18px;
width: 38px;
height: 38px;
font-size: 10px;
}
/* MOBILE CONTENT */
.rvl-mfg-content {
left: 20px;
right: 20px;
top: auto;
bottom: 90px;
width: auto;
max-width: none;
transform: none;
}
.rvl-mfg-content small {
margin-bottom: 7px;
font-size: 8px;
letter-spacing: 2px;
}
.rvl-mfg-content h3 {
font-size: 29px;
line-height: 1.1;
}
.rvl-mfg-content p {
max-width: 340px;
margin-top: 9px;
font-size: 11px;
line-height: 1.55;
}
/* MOBILE BUTTON */
.rvl-mfg-explore {
margin-top: 15px;
padding: 10px 16px;
gap: 12px;
font-size: 8px;
letter-spacing: 1.5px;
}
.rvl-mfg-explore i {
font-size: 15px;
}
/* MOBILE DECORATION */
.rvl-mfg-deco {
margin-top: 15px;
}
/* MOBILE PROGRESS */
.rvl-mfg-progress-wrap {
bottom: 30px;
}
.rvl-mfg-progress {
width: 100px;
}
}
/* =========================================================
END: MANUFACTURING STRENGTH CSS
========================================================= */
/* =========================================================
START: RVL VIDEO SECTION CSS
========================================================= */
.rvl-video-section {
position: relative;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
background: #683A48;
}
.rvl-video {
display: block;
width: 100%;
height: 500px;
margin: 0;
padding: 0;
object-fit: cover;
}
/* ================= TABLET ================= */
@media(max-width:991px) {
.rvl-video-section {
width: 100%;
}
.rvl-video {
width: 100%;
height: auto;
}
}
/* ================= MOBILE ================= */
@media(max-width:575px) {
.rvl-video-section {
width: 100%;
margin: 0;
padding: 0;
}
.rvl-video {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
}
/* =========================================================
END: RVL VIDEO SECTION CSS
========================================================= */
/* =========================================================
START: WHAT WE MANUFACTURE CSS
========================================================= */
*{
box-sizing:border-box;
}
body{
margin:0;
}
/* ================= SECTION ================= */
.rvl-manufacture{
position:relative;
width:100%;
padding:65px 20px 75px;
overflow:hidden;
background:#E9D4C1;
}
.rvl-manufacture-container{
width:100%;
max-width:1220px;
margin:0 auto;
}
/* ================= HEADING ================= */
.rvl-manufacture-head{
max-width:850px;
margin:0 auto 42px;
text-align:center;
}
.rvl-manufacture-label{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
margin-bottom:9px;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:3.5px;
text-transform:uppercase;
color:#683A48;
}
.rvl-manufacture-label::before,
.rvl-manufacture-label::after{
content:"";
width:30px;
height:1px;
background:#683A48;
opacity:.5;
}
.rvl-manufacture-head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
font-weight:500;
line-height:1.1;
color:#683A48;
}
/* =========================================================
SHOWCASE GRID
========================================================= */
.rvl-manufacture-grid{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}
/* ================= CARD ================= */
.rvl-manufacture-card{
position:relative;
height:580px;
overflow:hidden;
background:#683A48;
}
/* ================= IMAGE ================= */
.rvl-manufacture-image{
position:absolute;
inset:0;
overflow:hidden;
}
.rvl-manufacture-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transform:scale(1.01);
transition:transform 1.1s cubic-bezier(.2,.7,.2,1);
}
.rvl-manufacture-card:hover
.rvl-manufacture-image img{
transform:scale(1.08);
}
/* ================= OVERLAY ================= */
.rvl-manufacture-image::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
to top,
rgba(104,58,72,.98) 0%,
rgba(104,58,72,.82) 28%,
rgba(104,58,72,.28) 62%,
rgba(104,58,72,.04) 100%
);
}
/* ================= BORDER ================= */
.rvl-manufacture-card::before{
content:"";
position:absolute;
z-index:5;
left:22px;
right:22px;
top:22px;
bottom:22px;
border:1px solid rgba(233,212,193,.32);
pointer-events:none;
transition:.45s ease;
}
.rvl-manufacture-card:hover::before{
left:14px;
right:14px;
top:14px;
bottom:14px;
border-color:rgba(233,212,193,.7);
}
/* ================= NUMBER ================= */
.rvl-manufacture-number{
position:absolute;
z-index:6;
top:42px;
right:43px;
width:50px;
height:50px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(233,212,193,.5);
border-radius:50%;
font-family:"Playfair Display",serif;
font-size:14px;
color:#E9D4C1;
backdrop-filter:blur(5px);
transition:.5s ease;
}
.rvl-manufacture-card:hover
.rvl-manufacture-number{
background:#E9D4C1;
color:#683A48;
transform:rotate(360deg);
}
/* ================= SIDE TEXT ================= */
.rvl-manufacture-side{
position:absolute;
z-index:6;
top:50%;
left:-10px;
transform:translateY(-50%) rotate(-90deg);
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:4px;
text-transform:uppercase;
color:#E9D4C1;
opacity:.65;
}
/* ================= CONTENT ================= */
.rvl-manufacture-content{
position:absolute;
z-index:7;
left:55px;
right:55px;
bottom:55px;
color:#E9D4C1;
}
.rvl-manufacture-small{
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2.5px;
text-transform:uppercase;
color:#E9D4C1;
opacity:.75;
}
.rvl-manufacture-small::before{
content:"";
width:28px;
height:1px;
background:#E9D4C1;
}
/* ================= TITLE ================= */
.rvl-manufacture-content h3{
max-width:420px;
margin:0;
font-family:"Playfair Display",serif;
font-size:32px;
font-weight:500;
line-height:1.1;
color:#E9D4C1;
}
/* ================= DESCRIPTION ================= */
.rvl-manufacture-content p{
max-width:475px;
margin:14px 0 0;
font-family:"Lato",sans-serif;
font-size:12px;
font-weight:400;
line-height:1.75;
color:#E9D4C1;
opacity:.82;
}
/* ================= TAGS ================= */
.rvl-manufacture-tags{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:17px;
}
.rvl-manufacture-tags span{
padding:6px 10px;
border:1px solid rgba(233,212,193,.35);
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#E9D4C1;
backdrop-filter:blur(4px);
transition:.3s ease;
}
.rvl-manufacture-tags span:hover{
background:#E9D4C1;
color:#683A48;
}
/* ================= BUTTON ================= */
.rvl-manufacture-button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:15px;
margin-top:20px;
padding:11px 17px;
border:1px solid rgba(233,212,193,.55);
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:1.8px;
text-transform:uppercase;
color:#E9D4C1;
text-decoration:none;
transition:.35s ease;
}
.rvl-manufacture-button i{
font-family:Arial,sans-serif;
font-size:15px;
font-style:normal;
transition:.35s ease;
}
.rvl-manufacture-button:hover{
background:#E9D4C1;
color:#683A48;
transform:translateY(-2px);
}
.rvl-manufacture-button:hover i{
transform:translateX(5px);
}
/* =========================================================
CENTER RVL LOGO
========================================================= */
.rvl-manufacture-center{
position:absolute;
z-index:20;
left:50%;
top:50%;
width:115px;
height:155px;
display:flex;
align-items:center;
justify-content:center;
transform:translate(-50%,-50%);
pointer-events:none;
}
/* ROTATING OUTER BORDER */
.rvl-manufacture-center-border{
position:absolute;
width:104px;
height:104px;
transform:rotate(45deg);
animation:rvlLogoBorderRotate 10s linear infinite;
}
.rvl-manufacture-center-border::before{
content:"";
position:absolute;
inset:7px;
}
/* LOGO BOX */
.rvl-manufacture-logo{
position:relative;
z-index:3;
width:88px;
height:135px;
display:flex;
align-items:center;
justify-content:center;
padding:10px;
overflow:hidden;
border-radius:45px;
background:#E9D4C1;
border:4px solid #683A48;
box-shadow:
0 0 0 1px rgba(233,212,193,.8),
0 8px 28px rgba(104,58,72,.25);
}
/* ACTUAL LOGO */
.rvl-manufacture-logo img{
display:block;
width:100%;
height:100%;
object-fit:contain;
transition:transform .45s ease;
}
.rvl-manufacture-grid:hover
.rvl-manufacture-logo img{
transform:scale(1.05);
}
/* ROTATION */
@keyframes rvlLogoBorderRotate{
from{
transform:rotate(45deg);
}
to{
transform:rotate(405deg);
}
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:991px){
.rvl-manufacture{
padding:55px 18px 60px;
}
.rvl-manufacture-card{
height:540px;
}
.rvl-manufacture-content{
left:42px;
right:42px;
bottom:45px;
}
.rvl-manufacture-content h3{
font-size:28px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.rvl-manufacture{
padding:45px 15px 50px;
}
.rvl-manufacture-head{
margin-bottom:30px;
}
.rvl-manufacture-head h2{
font-size:40px;
line-height:1.07;
}
.rvl-manufacture-label{
font-size:8px;
letter-spacing:2px;
}
.rvl-manufacture-label::before,
.rvl-manufacture-label::after{
width:20px;
}
.rvl-manufacture-grid{
grid-template-columns:1fr;
gap:20px;
}
.rvl-manufacture-card{
height:510px;
}
/* MOBILE CENTER LOGO */
.rvl-manufacture-center{
top:50%;
width:78px;
height:100px;
}
.rvl-manufacture-center-border{
width:70px;
height:70px;
}
.rvl-manufacture-logo{
width:60px;
height:90px;
padding:7px;
border-width:3px;
}
.rvl-manufacture-content{
left:35px;
right:35px;
bottom:38px;
}
.rvl-manufacture-content h3{
font-size:27px;
}
.rvl-manufacture-content p{
font-size:11px;
line-height:1.7;
}
.rvl-manufacture-number{
top:35px;
right:35px;
width:43px;
height:43px;
font-size:12px;
}
.rvl-manufacture-side{
display:none;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:420px){
.rvl-manufacture-card{
height:520px;
}
.rvl-manufacture-content{
left:30px;
right:30px;
bottom:32px;
}
.rvl-manufacture-content h3{
font-size:25px;
}
}
/* =========================================================
END: WHAT WE MANUFACTURE CSS
========================================================= */
/* =========================================================
START: LUXURY MANUFACTURING PROCESS CSS
========================================================= */
.rvl-lux-process,
.rvl-lux-process *{
box-sizing:border-box;
}
.rvl-lux-process{
position:relative;
width:100%;
padding:65px 20px 75px;
overflow:hidden;
background:#E9D4C1;
}
.rvl-lux-process-wrap{
width:100%;
max-width:1220px;
margin:0 auto;
}
/* =========================================================
HEADING
========================================================= */
.rvl-lux-process-head{
max-width:820px;
margin:0 auto 42px;
text-align:center;
}
.rvl-lux-process-title{
max-width:100%;
}
.rvl-lux-process-label{
display:flex;
align-items:center;
justify-content:center;
gap:11px;
margin-bottom:10px;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:3.5px;
text-transform:uppercase;
color:#683A48;
}
.rvl-lux-process-label::before,
.rvl-lux-process-label::after{
content:"";
width:32px;
height:1px;
background:#683A48;
opacity:.5;
}
.rvl-lux-process-title h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
font-weight:500;
line-height:1.08;
color:#683A48;
}
.rvl-lux-process-intro{
max-width:650px;
margin:13px auto 0;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.8;
text-align:center;
color:#683A48;
opacity:.7;
}
/* =========================================================
MAIN
========================================================= */
.rvl-lux-process-main{
position:relative;
display:grid;
grid-template-columns:47% 53%;
min-height:590px;
background:#683A48;
}
/* =========================================================
LEFT VISUAL
========================================================= */
.rvl-lux-process-visual{
position:relative;
min-height:590px;
overflow:hidden;
}
.rvl-lux-process-image{
position:absolute;
inset:0;
opacity:0;
visibility:hidden;
transform:scale(1.08);
transition:
opacity .7s ease,
visibility .7s ease,
transform 1.1s cubic-bezier(.2,.7,.2,1);
}
.rvl-lux-process-image.active{
opacity:1;
visibility:visible;
transform:scale(1);
}
.rvl-lux-process-image img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.rvl-lux-process-image::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
to top,
rgba(104,58,72,.68) 0%,
rgba(104,58,72,.12) 55%,
rgba(104,58,72,.04) 100%
);
}
.rvl-lux-process-visual::after{
content:"";
position:absolute;
z-index:10;
inset:22px;
border:1px solid rgba(233,212,193,.48);
pointer-events:none;
}
/* =========================================================
IMAGE NUMBER
========================================================= */
.rvl-lux-image-number{
position:absolute;
z-index:12;
left:43px;
bottom:38px;
display:flex;
align-items:flex-end;
gap:12px;
color:#E9D4C1;
}
.rvl-lux-current{
font-family:"Playfair Display",serif;
font-size:66px;
font-weight:500;
line-height:.8;
}
.rvl-lux-total{
padding-bottom:2px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2px;
opacity:.6;
}
/* =========================================================
IMAGE VERTICAL TEXT
========================================================= */
.rvl-lux-vertical{
position:absolute;
z-index:12;
right:-30px;
top:50%;
transform:translateY(-50%) rotate(90deg);
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:4px;
text-transform:uppercase;
color:#E9D4C1;
opacity:.55;
}
/* =========================================================
RIGHT PROCESS AREA
========================================================= */
.rvl-lux-process-list{
position:relative;
display:flex;
flex-direction:column;
padding:25px 45px;
background:#683A48;
}
.rvl-lux-process-list::before{
content:"PROCESS";
position:absolute;
right:-8px;
bottom:-13px;
font-family:"Playfair Display",serif;
font-size:105px;
font-weight:500;
color:#E9D4C1;
opacity:.025;
pointer-events:none;
}
/* =========================================================
PROCESS ROW
========================================================= */
.rvl-lux-process-item{
position:relative;
z-index:3;
flex:1;
display:grid;
grid-template-columns:55px 1fr 42px;
align-items:center;
gap:18px;
min-height:100px;
padding:18px 0;
border-bottom:1px solid rgba(233,212,193,.17);
cursor:pointer;
transition:
padding .4s ease,
background .4s ease;
}
.rvl-lux-process-item:last-child{
border-bottom:0;
}
/* =========================================================
NUMBER
========================================================= */
.rvl-lux-item-number{
font-family:"Playfair Display",serif;
font-size:17px;
font-weight:500;
color:#E9D4C1;
opacity:.38;
transition:
opacity .35s ease,
transform .35s ease;
}
/* =========================================================
TEXT
========================================================= */
.rvl-lux-item-text{
min-width:0;
}
.rvl-lux-item-step{
display:block;
max-height:0;
margin:0;
overflow:hidden;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:2.3px;
text-transform:uppercase;
color:#E9D4C1;
opacity:0;
transition:
max-height .4s ease,
margin .4s ease,
opacity .4s ease;
}
.rvl-lux-process-item h3{
margin:0;
font-family:"Playfair Display",serif;
font-size:22px;
font-weight:500;
line-height:1.2;
color:#E9D4C1;
transition:font-size .4s ease;
}
.rvl-lux-process-item p{
max-width:440px;
max-height:0;
margin:0;
overflow:hidden;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1.7;
color:#E9D4C1;
opacity:0;
transition:
max-height .45s ease,
margin .45s ease,
opacity .45s ease;
}
/* =========================================================
ARROW
========================================================= */
.rvl-lux-item-arrow{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(233,212,193,.25);
border-radius:50%;
font-family:Arial,sans-serif;
font-size:15px;
color:#E9D4C1;
transition:
transform .4s ease,
background .4s ease,
color .4s ease,
border-color .4s ease;
}
/* =========================================================
ACTIVE PROCESS
========================================================= */
.rvl-lux-process-item.active{
padding-top:25px;
padding-bottom:25px;
}
.rvl-lux-process-item.active .rvl-lux-item-number{
opacity:1;
transform:translateX(5px);
}
.rvl-lux-process-item.active .rvl-lux-item-step{
max-height:30px;
margin-bottom:7px;
opacity:.55;
}
.rvl-lux-process-item.active h3{
font-size:28px;
}
.rvl-lux-process-item.active p{
max-height:80px;
margin-top:9px;
opacity:.68;
}
.rvl-lux-process-item.active .rvl-lux-item-arrow{
background:#E9D4C1;
border-color:#E9D4C1;
color:#683A48;
transform:rotate(-45deg);
}
/* =========================================================
ACTIVE SIDE LINE
========================================================= */
.rvl-lux-process-item::before{
content:"";
position:absolute;
left:-45px;
top:50%;
width:0;
height:1px;
background:#E9D4C1;
transform:translateY(-50%);
transition:width .45s ease;
}
.rvl-lux-process-item.active::before{
width:28px;
}
/* =========================================================
HOVER
========================================================= */
.rvl-lux-process-item:not(.active):hover .rvl-lux-item-number{
opacity:.8;
}
.rvl-lux-process-item:not(.active):hover .rvl-lux-item-arrow{
border-color:rgba(233,212,193,.65);
transform:translateX(4px);
}
/* =========================================================
BOTTOM PROGRESS
========================================================= */
.rvl-lux-progress{
position:absolute;
z-index:15;
left:0;
bottom:0;
width:100%;
height:3px;
background:rgba(233,212,193,.12);
}
.rvl-lux-progress span{
display:block;
width:20%;
height:100%;
background:#E9D4C1;
transition:width .55s cubic-bezier(.2,.7,.2,1);
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:991px){
.rvl-lux-process{
padding:55px 18px 60px;
}
.rvl-lux-process-main{
grid-template-columns:44% 56%;
min-height:560px;
}
.rvl-lux-process-visual{
min-height:560px;
}
.rvl-lux-process-list{
padding:22px 30px;
}
.rvl-lux-process-item{
grid-template-columns:40px 1fr 36px;
gap:12px;
}
.rvl-lux-process-item::before{
left:-30px;
}
.rvl-lux-process-item.active::before{
width:18px;
}
.rvl-lux-process-item.active h3{
font-size:25px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.rvl-lux-process{
padding:45px 15px 50px;
}
.rvl-lux-process-head{
margin-bottom:30px;
text-align:center;
}
.rvl-lux-process-label{
justify-content:center;
gap:8px;
font-size:8px;
letter-spacing:2px;
}
.rvl-lux-process-label::before,
.rvl-lux-process-label::after{
width:20px;
}
.rvl-lux-process-title h2{
font-size:40px;
line-height:1.07;
}
.rvl-lux-process-intro{
max-width:580px;
margin:12px auto 0;
font-size:11px;
}
.rvl-lux-process-main{
display:block;
min-height:0;
}
.rvl-lux-process-visual{
min-height:340px;
}
.rvl-lux-process-visual::after{
inset:14px;
}
.rvl-lux-image-number{
left:28px;
bottom:27px;
}
.rvl-lux-current{
font-size:52px;
}
.rvl-lux-vertical{
display:none;
}
.rvl-lux-process-list{
padding:15px 25px 20px;
}
.rvl-lux-process-list::before{
display:none;
}
.rvl-lux-process-item{
grid-template-columns:36px 1fr 34px;
min-height:82px;
gap:10px;
padding:15px 0;
}
.rvl-lux-process-item::before{
display:none;
}
.rvl-lux-process-item h3{
font-size:18px;
}
.rvl-lux-process-item.active{
padding:21px 0;
}
.rvl-lux-process-item.active h3{
font-size:23px;
}
.rvl-lux-process-item p{
font-size:10px;
}
.rvl-lux-item-arrow{
width:32px;
height:32px;
font-size:13px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:420px){
.rvl-lux-process-visual{
min-height:300px;
}
.rvl-lux-process-list{
padding-left:20px;
padding-right:20px;
}
.rvl-lux-process-item{
grid-template-columns:30px 1fr 30px;
}
.rvl-lux-item-arrow{
width:29px;
height:29px;
}
.rvl-lux-process-item.active h3{
font-size:21px;
}
}
/* =========================================================
END: LUXURY MANUFACTURING PROCESS CSS
========================================================= */
/* =========================================================
START: CUSTOM JEWELLERY MANUFACTURING WITH FILE UPLOAD CSS
========================================================= */
.rvl-custom-jewellery,
.rvl-custom-jewellery *{
box-sizing:border-box;
}
.rvl-custom-jewellery{
position:relative;
overflow:hidden;
width:100%;
padding:65px 20px 75px;
background:#683A48;
}
.rvl-custom-wrap{
position:relative;
width:100%;
max-width:1180px;
margin:0 auto;
}
.rvl-custom-jewellery::before{
content:"";
position:absolute;
width:420px;
height:420px;
right:-210px;
top:-210px;
border:1px solid rgba(233,212,193,.11);
border-radius:50%;
}
.rvl-custom-jewellery::after{
content:"";
position:absolute;
width:260px;
height:260px;
left:-130px;
bottom:-130px;
border:1px solid rgba(233,212,193,.08);
transform:rotate(45deg);
}
.rvl-custom-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.05fr .95fr;
align-items:center;
gap:70px;
}
.rvl-custom-content{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
padding:35px 0;
}
.rvl-custom-label{
display:flex;
align-items:center;
gap:12px;
margin-bottom:12px;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:3.5px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-custom-label::before{
content:"";
width:34px;
height:1px;
background:#E9D4C1;
opacity:.5;
}
.rvl-custom-content h2{
max-width:650px;
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
font-weight:500;
line-height:1.08;
color:#E9D4C1;
}
.rvl-custom-content > p{
max-width:610px;
margin:18px 0 0;
font-family:"Lato",sans-serif;
font-size:13px;
line-height:1.8;
color:#E9D4C1;
opacity:.72;
}
.rvl-custom-details{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin-top:38px;
}
.rvl-custom-detail{
position:relative;
padding-top:17px;
border-top:1px solid rgba(233,212,193,.22);
}
.rvl-custom-detail span{
display:block;
margin-bottom:5px;
font-family:"Playfair Display",serif;
font-size:23px;
font-weight:500;
color:#E9D4C1;
}
.rvl-custom-detail small{
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
line-height:1.5;
letter-spacing:1.5px;
text-transform:uppercase;
color:#E9D4C1;
opacity:.48;
}
/* =========================================================
RIGHT FORM PANEL
========================================================= */
.rvl-upload-panel{
position:relative;
padding:42px 42px 38px;
background:#E9D4C1;
}
.rvl-upload-panel::before{
content:"";
position:absolute;
inset:13px;
border:1px solid rgba(104,58,72,.24);
pointer-events:none;
}
.rvl-upload-inner{
position:relative;
z-index:2;
}
.rvl-upload-tag{
display:flex;
align-items:center;
gap:10px;
margin-bottom:9px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2.5px;
text-transform:uppercase;
color:#683A48;
}
.rvl-upload-tag::before{
content:"";
width:25px;
height:1px;
background:#683A48;
opacity:.45;
}
.rvl-upload-panel h3{
margin:0;
font-family:"Playfair Display",serif;
font-size:28px;
font-weight:500;
line-height:1.15;
color:#683A48;
}
.rvl-upload-panel .rvl-upload-intro{
margin:8px 0 22px;
font-family:"Lato",sans-serif;
font-size:10px;
line-height:1.65;
color:#683A48;
opacity:.65;
}
.rvl-upload-form{
width:100%;
}
.rvl-form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
}
.rvl-form-group{
margin-bottom:15px;
}
.rvl-form-group label{
display:block;
margin-bottom:6px;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:1.4px;
text-transform:uppercase;
color:#683A48;
}
.rvl-form-group input,
.rvl-form-group textarea{
width:100%;
border:0;
border-bottom:1px solid rgba(104,58,72,.35);
border-radius:0;
outline:none;
padding:9px 0 10px;
background:transparent;
font-family:"Lato",sans-serif;
font-size:11px;
color:#683A48;
}
.rvl-form-group textarea{
height:62px;
resize:none;
}
.rvl-form-group input::placeholder,
.rvl-form-group textarea::placeholder{
color:#683A48;
opacity:.38;
}
.rvl-form-group input:focus,
.rvl-form-group textarea:focus{
border-bottom-color:#683A48;
}
/* =========================================================
FILE UPLOAD BOX
========================================================= */
.rvl-file-box{
position:relative;
width:100%;
margin:5px 0 17px;
}
.rvl-file-input{
position:absolute;
opacity:0;
width:1px;
height:1px;
pointer-events:none;
}
.rvl-file-label{
position:relative;
display:flex;
align-items:center;
gap:14px;
width:100%;
padding:17px;
border:1px dashed rgba(104,58,72,.42);
background:rgba(104,58,72,.035);
cursor:pointer;
transition:
background .3s ease,
border-color .3s ease;
}
.rvl-file-label:hover,
.rvl-file-label.is-dragging{
background:rgba(104,58,72,.08);
border-color:#683A48;
}
.rvl-file-icon{
flex:0 0 42px;
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#683A48;
color:#E9D4C1;
font-family:Arial,sans-serif;
font-size:20px;
}
.rvl-file-copy{
flex:1;
}
.rvl-file-copy strong{
display:block;
margin-bottom:3px;
font-family:"Playfair Display",serif;
font-size:14px;
font-weight:500;
color:#683A48;
}
.rvl-file-copy span{
display:block;
font-family:"Lato",sans-serif;
font-size:7px;
line-height:1.5;
letter-spacing:.7px;
text-transform:uppercase;
color:#683A48;
opacity:.55;
}
.rvl-file-name{
margin-top:8px;
font-family:"Lato",sans-serif;
font-size:8px;
line-height:1.5;
color:#683A48;
}
.rvl-file-name strong{
font-weight:700;
}
/* =========================================================
SUBMIT
========================================================= */
.rvl-upload-submit{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 18px;
border:1px solid #683A48;
background:#683A48;
cursor:pointer;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#E9D4C1;
transition:
background .3s ease,
color .3s ease;
}
.rvl-upload-submit span:last-child{
font-family:Arial,sans-serif;
font-size:16px;
transition:transform .3s ease;
}
.rvl-upload-submit:hover{
background:transparent;
color:#683A48;
}
.rvl-upload-submit:hover span:last-child{
transform:translateX(5px);
}
.rvl-upload-note{
margin-top:10px;
text-align:center;
font-family:"Lato",sans-serif;
font-size:6px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:#683A48;
opacity:.45;
}
/* =========================================================
SUCCESS
========================================================= */
.rvl-upload-success{
display:none;
margin-top:12px;
padding:9px 12px;
border:1px solid rgba(104,58,72,.25);
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1.5;
text-align:center;
color:#683A48;
}
.rvl-upload-success.is-active{
display:block;
}
/* =========================================================
REVEAL
========================================================= */
.rvl-custom-content,
.rvl-upload-panel{
opacity:0;
transform:translateY(25px);
transition:
opacity .75s ease,
transform .75s ease;
}
.rvl-custom-jewellery.is-visible .rvl-custom-content,
.rvl-custom-jewellery.is-visible .rvl-upload-panel{
opacity:1;
transform:translateY(0);
}
.rvl-custom-jewellery.is-visible .rvl-upload-panel{
transition-delay:.15s;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:991px){
.rvl-custom-jewellery{
padding:55px 18px 60px;
}
.rvl-custom-grid{
grid-template-columns:1fr 1fr;
gap:35px;
}
.rvl-upload-panel{
padding:38px 30px 34px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.rvl-custom-jewellery{
padding:45px 15px 50px;
}
.rvl-custom-grid{
display:block;
}
.rvl-custom-content{
padding:0;
text-align:center;
}
.rvl-custom-label{
justify-content:center;
gap:8px;
font-size:8px;
letter-spacing:2px;
}
.rvl-custom-label::before{
width:22px;
}
.rvl-custom-label::after{
content:"";
width:22px;
height:1px;
background:#E9D4C1;
opacity:.5;
}
.rvl-custom-content h2{
font-size:40px;
line-height:1.07;
}
.rvl-custom-content > p{
margin:14px auto 0;
font-size:11px;
}
.rvl-custom-details{
margin-top:28px;
gap:8px;
}
.rvl-custom-detail span{
font-size:19px;
}
.rvl-custom-detail small{
font-size:6px;
letter-spacing:.8px;
}
.rvl-upload-panel{
margin-top:35px;
padding:38px 28px 32px;
}
.rvl-upload-tag{
justify-content:center;
}
.rvl-upload-tag::after{
content:"";
width:25px;
height:1px;
background:#683A48;
opacity:.45;
}
.rvl-upload-panel h3,
.rvl-upload-panel .rvl-upload-intro{
text-align:center;
}
.rvl-upload-panel h3{
font-size:27px;
}
}
@media(max-width:480px){
.rvl-form-row{
grid-template-columns:1fr;
gap:0;
}
.rvl-file-label{
align-items:flex-start;
}
}
/* =========================================================
END: CUSTOM JEWELLERY MANUFACTURING WITH FILE UPLOAD CSS
========================================================= */
/* =========================================================
START: NATIONAL SUPPLY CHAIN CSS
========================================================= */
.rvl-network-section,
.rvl-network-section *{
box-sizing:border-box;
}
.rvl-network-section{
--primary:#683A48;
--cream:#E9D4C1;
width:100%;
position:relative;
overflow:hidden;
padding:65px 20px;
background:#E9D4C1;
}
/* =========================================================
MAIN WRAPPER
========================================================= */
.rvl-network-container{
width:100%;
max-width:1250px;
margin:0 auto;
}
/* =========================================================
TOP SECTION TITLE
========================================================= */
.rvl-network-heading{
max-width:850px;
margin:0 auto 35px;
text-align:center;
}
.rvl-network-label{
display:flex;
align-items:center;
justify-content:center;
gap:11px;
margin-bottom:10px;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#683A48;
}
.rvl-network-label::before,
.rvl-network-label::after{
content:"";
width:30px;
height:1px;
background:#683A48;
opacity:.4;
}
.rvl-network-heading h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
font-weight:500;
line-height:1.1;
color:#683A48;
}
.rvl-network-heading p{
max-width:700px;
margin:14px auto 0;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.8;
color:#683A48;
opacity:.72;
}
/* =========================================================
CONTENT + MAP GRID
========================================================= */
.rvl-network-grid{
display:grid;
grid-template-columns:40% 60%;
align-items:center;
gap:30px;
}
/* =========================================================
LEFT TEXT CONTENT
========================================================= */
.rvl-network-content{
position:relative;
z-index:20;
padding-right:20px;
}
.rvl-network-mini{
display:flex;
align-items:center;
gap:10px;
margin-bottom:12px;
font-family:"Lato",sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:2.2px;
text-transform:uppercase;
color:#683A48;
}
.rvl-network-mini::before{
content:"";
width:28px;
height:1px;
background:#683A48;
}
.rvl-network-content h3{
max-width:430px;
margin:0;
font-family:"Playfair Display",serif;
font-size:35px;
line-height:1.16;
font-weight:500;
color:#683A48;
}
.rvl-network-description{
max-width:430px;
margin:15px 0 0;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.8;
color:#683A48;
opacity:.72;
}
/* =========================================================
LEFT POINTS
========================================================= */
.rvl-network-points{
margin-top:25px;
}
.rvl-network-point{
position:relative;
padding:13px 0 13px 22px;
border-bottom:1px solid rgba(104,58,72,.16);
font-family:"Lato",sans-serif;
font-size:13px;
font-weight:500;
line-height:1.5;
color:#683A48;
}
.rvl-network-point:first-child{
border-top:1px solid rgba(104,58,72,.16);
}
.rvl-network-point::before{
content:"";
position:absolute;
left:0;
top:18px;
width:6px;
height:6px;
border-radius:50%;
background:#683A48;
}
/* =========================================================
MAP SIDE
========================================================= */
.network-globe-wrapper{
width:100%;
max-width:1250px;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}
/* =========================================================
GLOBE AREA
========================================================= */
.network-globe-area{
width:520px;
height:520px;
position:relative;
display:flex;
align-items:center;
justify-content:center;
margin-left:250px;
flex-shrink:0;
}
/* =========================================================
GLOBE GLOW
========================================================= */
.network-globe-glow{
position:absolute;
width:390px;
height:390px;
border-radius:50%;
/* CHANGED TO BRAND COLOR */
background:rgba(104,58,72,.08);
filter:blur(70px);
pointer-events:none;
z-index:0;
}
/* =========================================================
CANVAS
========================================================= */
#networkGlobeCanvas{
width:100%;
height:100%;
position:relative;
z-index:2;
cursor:grab;
}
#networkGlobeCanvas:active{
cursor:grabbing;
}
/* =========================================================
COUNTRY ARC
========================================================= */
.network-country-arc{
position:absolute;
width:420px;
height:500px;
left:-340px;
top:50%;
transform:translateY(-50%);
z-index:10;
pointer-events:none;
}
.network-country-arc svg{
position:absolute;
inset:0;
width:100%;
height:100%;
overflow:visible;
}
.network-arc-path{
fill:none;
/* CHANGED TO BRAND COLOR */
stroke:rgba(104,58,72,.15);
stroke-width:1.5;
}
#networkCountryItems{
position:absolute;
inset:0;
}
/* =========================================================
COUNTRY ITEMS
========================================================= */
.network-country-item{
position:absolute;
display:flex;
align-items:center;
gap:11px;
white-space:nowrap;
transform:translateY(-50%);
}
.network-country-dot{
width:6px;
height:6px;
border-radius:50%;
flex-shrink:0;
background:#683A48;
box-shadow:
0 0 0 4px rgba(104,58,72,.08),
0 0 12px rgba(104,58,72,.15);
}
.network-country-name{
font-family:"Lato",sans-serif;
font-size:13px;
font-weight:500;
letter-spacing:.08em;
color:#683A48;
text-transform:uppercase;
}
/* =========================================================
CENTER DOT
========================================================= */
.network-center-dot{
position:absolute;
width:8px;
height:8px;
top:50%;
left:50%;
transform:translate(-50%,-50%);
border-radius:50%;
background:#683A48;
box-shadow:
0 0 0 7px rgba(104,58,72,.08),
0 0 30px rgba(104,58,72,.35);
pointer-events:none;
z-index:5;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1100px){
.rvl-network-grid{
grid-template-columns:38% 62%;
gap:15px;
}
.rvl-network-content h3{
font-size:32px;
}
.network-globe-area{
width:440px;
height:440px;
margin-left:190px;
}
.network-country-arc{
width:350px;
height:420px;
left:-285px;
}
.network-country-name{
font-size:11px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.rvl-network-section{
padding:45px 15px 50px;
}
.rvl-network-heading{
margin-bottom:30px;
}
.rvl-network-heading h2{
font-size:40px;
}
.rvl-network-heading p{
font-size:11px;
}
.rvl-network-grid{
display:block;
}
.rvl-network-content{
padding-right:0;
text-align:center;
}
.rvl-network-mini{
justify-content:center;
font-size:10px;
}
.rvl-network-mini::after{
content:"";
width:28px;
height:1px;
background:#683A48;
}
.rvl-network-content h3{
margin-left:auto;
margin-right:auto;
font-size:30px;
}
.rvl-network-description{
margin-left:auto;
margin-right:auto;
font-size:13px;
}
.rvl-network-points{
max-width:450px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
.rvl-network-point{
font-size:12px;
}
.network-globe-wrapper{
display:block;
margin-top:35px;
}
.network-globe-area{
width:min(88vw,350px);
height:min(88vw,350px);
margin:0 auto;
margin-top:150px;
}
.network-country-arc{
width:100%;
height:auto;
left:50%;
top:-130px;
transform:translateX(-50%);
padding:0 15px;
}
.network-country-arc svg{
display:none;
}
#networkCountryItems{
position:static;
width:100%;
display:flex;
flex-direction:column;
align-items:center;
gap:8px;
}
.network-country-item{
position:static !important;
transform:none !important;
display:flex;
justify-content:center;
align-items:center;
gap:9px;
}
.network-country-name{
font-size:11px;
}
.network-country-dot{
width:5px;
height:5px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:480px){
.rvl-network-section{
padding:38px 12px 45px;
}
.rvl-network-heading h2{
font-size:40px;
}
.network-globe-area{
width:min(86vw,300px);
height:min(86vw,300px);
margin-top:140px;
}
.network-country-arc{
top:-120px;
}
#networkCountryItems{
gap:7px;
}
.network-country-name{
font-size:10px;
letter-spacing:.06em;
}
}
@media(max-width:360px){
.network-globe-area{
width:270px;
height:270px;
max-width:88vw;
max-height:88vw;
margin-top:130px;
}
.network-country-arc{
top:-110px;
}
.network-country-name{
font-size:9px;
}
}
/* =========================================================
END: NATIONAL SUPPLY CHAIN CSS
========================================================= */
/* =========================================================
START: WHY CHOOSE RVL IMAGE SLIDER CSS
========================================================= */
.rvl-why-img-slider-section,
.rvl-why-img-slider-section *{
box-sizing:border-box;
}
.rvl-why-img-slider-section{
--maroon:#683A48;
--cream:#E9D4C1;
width:100%;
overflow:hidden;
padding:42px 20px 44px;
background:#683A48;
}
.rvl-why-img-slider-container{
width:100%;
max-width:1150px;
margin:0 auto;
}
/* =========================================================
HEADING
========================================================= */
.rvl-why-img-slider-heading{
max-width:800px;
margin:0 auto 25px;
text-align:center;
}
.rvl-why-img-slider-label{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-bottom:7px;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-why-img-slider-label::before,
.rvl-why-img-slider-label::after{
content:"";
width:27px;
height:1px;
background:#E9D4C1;
opacity:.45;
}
.rvl-why-img-slider-heading h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.1;
font-weight:500;
color:#E9D4C1;
}
.rvl-why-img-slider-heading p{
max-width:680px;
margin:9px auto 0;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.6;
color:rgba(233,212,193,.68);
}
/* =========================================================
SLIDER
========================================================= */
.rvl-why-img-slider{
position:relative;
}
.rvl-why-img-slider-window{
width:100%;
overflow:hidden;
border:1px solid rgba(233,212,193,.20);
}
.rvl-why-img-slider-track{
width:500%;
display:flex;
transition:
transform .8s
cubic-bezier(.22,.61,.36,1);
}
/* =========================================================
SLIDE
========================================================= */
.rvl-why-img-slide{
width:20%;
height:300px;
flex-shrink:0;
display:grid;
grid-template-columns:47% 53%;
background:#683A48;
}
/* =========================================================
IMAGE
========================================================= */
.rvl-why-img-media{
height:300px;
position:relative;
overflow:hidden;
}
.rvl-why-img-media::before{
content:"";
position:absolute;
inset:0;
z-index:2;
background:
linear-gradient(
90deg,
rgba(104,58,72,.03) 55%,
rgba(104,58,72,.50) 100%
);
}
.rvl-why-img-media img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transform:scale(1.08);
transition:
transform 4.5s
cubic-bezier(.22,.61,.36,1);
}
.rvl-why-img-slide.rvl-active
.rvl-why-img-media img{
transform:scale(1);
}
.rvl-why-img-media span{
position:absolute;
left:18px;
bottom:10px;
z-index:4;
font-family:"Playfair Display",serif;
font-size:68px;
line-height:.9;
color:#E9D4C1;
opacity:.82;
}
/* =========================================================
CONTENT
========================================================= */
.rvl-why-img-content{
height:300px;
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
padding:30px 45px;
overflow:hidden;
}
.rvl-why-img-content::after{
content:"";
position:absolute;
width:120px;
height:120px;
right:-60px;
bottom:-60px;
transform:rotate(45deg);
border:1px solid rgba(233,212,193,.10);
}
/* =========================================================
ICON
========================================================= */
.rvl-why-img-icon{
width:43px;
height:43px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:13px;
border:1px solid rgba(233,212,193,.35);
color:#E9D4C1;
font-size:14px;
}
/* =========================================================
TEXT
========================================================= */
.rvl-why-img-content small{
display:block;
margin-bottom:7px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:rgba(233,212,193,.48);
}
.rvl-why-img-content h3{
max-width:520px;
margin:0;
font-family:"Playfair Display",serif;
font-size:27px;
line-height:1.18;
font-weight:500;
color:#E9D4C1;
}
.rvl-why-img-content p{
max-width:480px;
margin:10px 0 0;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1.65;
color:rgba(233,212,193,.65);
}
/* =========================================================
SLIDE CONTENT ANIMATION
========================================================= */
.rvl-why-img-slide .rvl-why-img-icon,
.rvl-why-img-slide .rvl-why-img-content small,
.rvl-why-img-slide .rvl-why-img-content h3,
.rvl-why-img-slide .rvl-why-img-content p{
opacity:0;
transform:translateY(13px);
}
.rvl-why-img-slide.rvl-active .rvl-why-img-icon{
animation:rvlWhyReveal .55s .08s forwards;
}
.rvl-why-img-slide.rvl-active .rvl-why-img-content small{
animation:rvlWhyReveal .55s .16s forwards;
}
.rvl-why-img-slide.rvl-active .rvl-why-img-content h3{
animation:rvlWhyReveal .6s .24s forwards;
}
.rvl-why-img-slide.rvl-active .rvl-why-img-content p{
animation:rvlWhyReveal .6s .34s forwards;
}
@keyframes rvlWhyReveal{
to{
opacity:1;
transform:translateY(0);
}
}
/* =========================================================
NAVIGATION
========================================================= */
.rvl-why-img-slider-nav{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding-top:13px;
}
.rvl-why-img-dots{
display:flex;
gap:5px;
}
.rvl-why-img-dots button{
width:38px;
height:28px;
padding:0;
border:0;
border-bottom:1px solid rgba(233,212,193,.20);
background:transparent;
font-family:"Lato",sans-serif;
font-size:9px;
color:rgba(233,212,193,.40);
cursor:pointer;
transition:.3s ease;
}
.rvl-why-img-dots button.active{
color:#E9D4C1;
border-color:#E9D4C1;
}
/* =========================================================
ARROWS
========================================================= */
.rvl-why-img-arrows{
display:flex;
gap:6px;
}
.rvl-why-img-arrows button{
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:1px solid rgba(233,212,193,.30);
border-radius:50%;
background:transparent;
color:#E9D4C1;
font-size:9px;
cursor:pointer;
transition:.3s ease;
}
.rvl-why-img-arrows button:hover{
background:#E9D4C1;
color:#683A48;
border-color:#E9D4C1;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:900px){
.rvl-why-img-slide{
grid-template-columns:43% 57%;
}
.rvl-why-img-content{
padding:25px 30px;
}
.rvl-why-img-content h3{
font-size:23px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.rvl-why-img-slider-section{
padding:38px 15px 40px;
}
.rvl-why-img-slider-heading{
margin-bottom:22px;
}
.rvl-why-img-slider-heading h2{
font-size:40px;
}
.rvl-why-img-slider-heading p{
font-size:12px;
}
.rvl-why-img-slide{
height:auto;
display:block;
}
.rvl-why-img-media{
width:100%;
height:175px;
}
.rvl-why-img-media span{
font-size:50px;
}
.rvl-why-img-content{
width:100%;
height:auto;
min-height:205px;
padding:22px 18px 25px;
align-items:center;
text-align:center;
}
.rvl-why-img-icon{
width:38px;
height:38px;
margin-bottom:10px;
font-size:12px;
}
.rvl-why-img-content h3{
font-size:21px;
}
.rvl-why-img-content p{
font-size:10px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:480px){
.rvl-why-img-slider-section{
padding:35px 12px 38px;
}
.rvl-why-img-slider-heading h2{
font-size:40px;
}
.rvl-why-img-dots button{
width:29px;
}
}
/* =========================================================
END: WHY CHOOSE RVL IMAGE SLIDER CSS
========================================================= */
/* =========================================================
START: PARTNER WITH RVL CTA + FORM CSS
========================================================= */
.rvl-partner-form-section,
.rvl-partner-form-section *{
box-sizing:border-box;
}
.rvl-partner-form-section{
width:100%;
padding:55px 20px;
background:#E9D4C1;
overflow:hidden;
}
.rvl-partner-form-container{
width:100%;
max-width:1180px;
margin:0 auto;
}
/* =========================================================
GRID
========================================================= */
.rvl-partner-form-grid{
display:grid;
grid-template-columns:44% 56%;
align-items:stretch;
background:#683A48;
min-height:430px;
}
/* =========================================================
LEFT CONTENT
========================================================= */
.rvl-partner-form-content{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
padding:50px 45px;
overflow:hidden;
}
.rvl-partner-form-content::before{
content:"";
position:absolute;
width:220px;
height:220px;
left:-130px;
bottom:-130px;
border:1px solid rgba(233,212,193,.10);
transform:rotate(45deg);
}
.rvl-partner-form-label{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:10px;
margin-bottom:10px;
font-family:"Lato",sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-partner-form-label::before{
content:"";
width:35px;
height:1px;
background:#E9D4C1;
opacity:.5;
}
.rvl-partner-form-content h2{
position:relative;
z-index:2;
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.1;
font-weight:500;
color:#E9D4C1;
}
.rvl-partner-form-content > p{
position:relative;
z-index:2;
max-width:430px;
margin:15px 0 0;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.75;
color:rgba(233,212,193,.72);
}
/* =========================================================
LEFT POINTS
========================================================= */
.rvl-partner-form-points{
position:relative;
z-index:2;
margin-top:30px;
}
.rvl-partner-form-point{
display:flex;
align-items:center;
gap:14px;
padding:11px 0;
border-bottom:
1px solid rgba(233,212,193,.12);
}
.rvl-partner-form-point span{
width:28px;
font-family:"Playfair Display",serif;
font-size:13px;
color:rgba(233,212,193,.48);
}
.rvl-partner-form-point p{
margin:0;
font-family:"Lato",sans-serif;
font-size:12px;
font-weight:500;
color:#E9D4C1;
}
/* =========================================================
FORM BOX
========================================================= */
.rvl-partner-enquiry-box{
position:relative;
padding:42px 45px;
background:#E9D4C1;
}
.rvl-partner-enquiry-box::after{
content:"";
position:absolute;
width:120px;
height:120px;
right:-70px;
top:-70px;
border:1px solid rgba(104,58,72,.12);
transform:rotate(45deg);
}
/* =========================================================
FORM HEADING
========================================================= */
.rvl-partner-form-top{
margin-bottom:23px;
}
.rvl-partner-form-top span{
display:block;
margin-bottom:5px;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:2.5px;
text-transform:uppercase;
color:#683A48;
opacity:.65;
}
.rvl-partner-form-top h3{
margin:0;
font-family:"Playfair Display",serif;
font-size:28px;
line-height:1.2;
font-weight:500;
color:#683A48;
}
/* =========================================================
FORM
========================================================= */
.rvl-partner-field-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
}
.rvl-partner-field{
margin-bottom:15px;
}
.rvl-partner-field label{
display:block;
margin-bottom:6px;
font-family:"Lato",sans-serif;
font-size:10px;
font-weight:600;
color:#683A48;
}
.rvl-partner-field input,
.rvl-partner-field textarea{
width:100%;
border:0;
border-bottom:1px solid rgba(104,58,72,.25);
outline:none;
background:transparent;
padding:9px 2px 10px;
font-family:"Lato",sans-serif;
font-size:12px;
color:#683A48;
transition:border-color .3s ease;
}
.rvl-partner-field textarea{
min-height:70px;
resize:none;
}
.rvl-partner-field input::placeholder,
.rvl-partner-field textarea::placeholder{
color:rgba(104,58,72,.45);
}
.rvl-partner-field input:focus,
.rvl-partner-field textarea:focus{
border-color:#683A48;
}
/* =========================================================
SUBMIT BUTTON
========================================================= */
.rvl-partner-submit-btn{
width:100%;
margin-top:4px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:7px 7px 7px 20px;
border:1px solid #683A48;
background:#683A48;
color:#E9D4C1;
font-family:"Lato",sans-serif;
font-size:12px;
font-weight:600;
cursor:pointer;
transition:.35s ease;
}
.rvl-partner-submit-icon{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
background:#E9D4C1;
color:#683A48;
transition:.35s ease;
}
.rvl-partner-submit-btn:hover{
background:transparent;
color:#683A48;
}
.rvl-partner-submit-btn:hover
.rvl-partner-submit-icon{
background:#683A48;
color:#E9D4C1;
transform:translateX(2px);
}
/* =========================================================
SUCCESS MESSAGE
========================================================= */
.rvl-partner-success{
display:none;
margin-top:12px;
font-family:"Lato",sans-serif;
font-size:11px;
color:#683A48;
}
.rvl-partner-success.show{
display:block;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:950px){
.rvl-partner-form-grid{
grid-template-columns:42% 58%;
}
.rvl-partner-form-content{
padding:40px 30px;
}
.rvl-partner-enquiry-box{
padding:38px 30px;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.rvl-partner-form-section{
padding:42px 15px;
}
.rvl-partner-form-grid{
display:block;
min-height:auto;
}
.rvl-partner-form-content{
padding:35px 22px;
text-align:center;
}
.rvl-partner-form-label{
justify-content:center;
}
.rvl-partner-form-label::after{
content:"";
width:35px;
height:1px;
background:#E9D4C1;
opacity:.5;
}
.rvl-partner-form-content h2{
font-size:40px;
}
.rvl-partner-form-content > p{
margin-left:auto;
margin-right:auto;
font-size:13px;
}
.rvl-partner-form-points{
max-width:330px;
margin:25px auto 0;
text-align:left;
}
.rvl-partner-enquiry-box{
padding:32px 22px;
}
.rvl-partner-form-top{
text-align:center;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:520px){
.rvl-partner-form-section{
padding:35px 12px;
}
.rvl-partner-field-row{
display:block;
}
.rvl-partner-form-top h3{
font-size:24px;
}
}
/* =========================================================
END: PARTNER WITH RVL CTA + FORM CSS
========================================================= */
/* ========================================================= */
/* ============== START: RVL LUXURY FOOTER CSS ============== */
/* ========================================================= */
.rvl-luxury-footer,
.rvl-luxury-footer *{
box-sizing:border-box;
}
/* ================= FOOTER ================= */
.rvl-luxury-footer{
--rvl-burgundy:#683A48;
--rvl-mauve:#946E79;
--rvl-champagne:#C5B093;
--rvl-ivory:#E9D4C1;
--rvl-gold:#A8885E;
position:relative;
width:100%;
background:#683A48;
font-family:"Lato",sans-serif;
overflow:hidden;
}
/* ================= TOP LINE ================= */
.rvl-footer-top-line{
width:100%;
height:2px;
background:#A8885E;
}
/* ================= BACKGROUND DECORATION ================= */
.rvl-luxury-footer::before{
content:"";
position:absolute;
width:360px;
height:360px;
right:-220px;
top:-190px;
border:1px solid rgba(168,136,94,.15);
border-radius:50%;
pointer-events:none;
}
.rvl-luxury-footer::after{
content:"";
position:absolute;
width:230px;
height:230px;
right:-130px;
top:-125px;
border:1px solid rgba(233,212,193,.10);
border-radius:50%;
pointer-events:none;
}
/* ================= CONTAINER ================= */
.rvl-footer-container{
position:relative;
z-index:2;
width:100%;
max-width:1220px;
margin:0 auto;
padding:55px 20px 0;
}
/* ================= MAIN GRID ================= */
.rvl-footer-main{
display:grid;
grid-template-columns:
1.35fr
.75fr
1fr
1fr
1.1fr;
gap:42px;
}
/* ================= BRAND ================= */
.rvl-footer-brand{
padding-right:15px;
}
.rvl-footer-logo{
display:inline-block;
margin-bottom:17px;
text-decoration:none;
}
.rvl-footer-logo img{
display:block;
width:75px;
max-width:75px;
height:auto;
object-fit:contain;
}
.rvl-footer-brand-text{
max-width:300px;
margin:0;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.7;
font-weight:400;
color:rgba(233,212,193,.82);
}
/* ================= SOCIAL ICONS ================= */
.rvl-footer-social{
display:flex;
align-items:center;
gap:8px;
margin-top:21px;
}
.rvl-footer-social a{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(168,136,94,.55);
color:#C5B093;
font-size:14px;
text-decoration:none;
transition:
background .3s ease,
border-color .3s ease,
color .3s ease,
transform .3s ease;
}
.rvl-footer-social a:hover{
background:#A8885E;
border-color:#A8885E;
color:#683A48;
transform:translateY(-3px);
}
/* ================= COLUMN HEADINGS ================= */
.rvl-footer-column h4,
.rvl-footer-contact h4{
position:relative;
margin:0 0 21px;
padding-bottom:11px;
font-family:"Playfair Display",serif;
font-size:17px;
line-height:1.3;
font-weight:500;
color:#E9D4C1;
}
.rvl-footer-column h4::after,
.rvl-footer-contact h4::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:28px;
height:1px;
background:#A8885E;
}
/* ================= MENU ================= */
.rvl-footer-column ul{
margin:0;
padding:0;
list-style:none;
}
.rvl-footer-column li{
margin-bottom:11px;
}
.rvl-footer-column ul a{
display:inline-block;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.55;
font-weight:400;
color:rgba(233,212,193,.78);
text-decoration:none;
transition:
color .3s ease,
transform .3s ease;
}
.rvl-footer-column ul a:hover{
color:#C5B093;
transform:translateX(4px);
}
/* ================= CONTACT ================= */
.rvl-footer-contact-item{
display:flex;
align-items:flex-start;
gap:12px;
margin-bottom:17px;
}
.rvl-footer-contact-icon{
width:36px;
height:36px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(168,136,94,.55);
color:#C5B093;
font-size:14px;
transition:
background .3s ease,
border-color .3s ease,
color .3s ease;
}
.rvl-footer-contact-item:hover
.rvl-footer-contact-icon{
background:#A8885E;
border-color:#A8885E;
color:#683A48;
}
.rvl-footer-contact-info{
padding-top:1px;
}
.rvl-footer-contact-info span{
display:block;
margin-bottom:3px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1.4;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
color:#C5B093;
}
.rvl-footer-contact-info p,
.rvl-footer-contact-info a{
margin:0;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.6;
font-weight:400;
color:rgba(233,212,193,.82);
text-decoration:none;
transition:color .3s ease;
}
.rvl-footer-contact-info a:hover{
color:#E9D4C1;
}
/* ========================================================= */
/* ================= BOTTOM FOOTER ========================== */
/* ========================================================= */
.rvl-footer-bottom{
min-height:90px;
margin-top:42px;
display:grid;
grid-template-columns:
minmax(0,1fr)
auto
minmax(0,1fr);
align-items:center;
gap:30px;
border-top:1px solid rgba(168,136,94,.30);
}
/* ================= COPYRIGHT ================= */
.rvl-footer-copyright{
justify-self:start;
}
.rvl-footer-copyright p{
margin:0;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.6;
font-weight:400;
color:rgba(233,212,193,.68);
}
/* ========================================================= */
/* =========== CENTER PRIVACY + TERMS ======================= */
/* ========================================================= */
.rvl-footer-legal-center{
justify-self:center;
display:flex;
align-items:center;
justify-content:center;
gap:13px;
white-space:nowrap;
}
.rvl-footer-legal-center a{
position:relative;
display:inline-block;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.5;
font-weight:500;
color:#C5B093;
text-decoration:none;
transition:color .3s ease;
}
.rvl-footer-legal-center a::after{
content:"";
position:absolute;
left:0;
bottom:-3px;
width:0;
height:1px;
background:#A8885E;
transition:width .3s ease;
}
.rvl-footer-legal-center a:hover{
color:#E9D4C1;
}
.rvl-footer-legal-center a:hover::after{
width:100%;
}
/* SMALL GOLD DIVIDER */
.rvl-footer-legal-divider{
width:4px;
height:4px;
display:block;
flex-shrink:0;
background:#A8885E;
transform:rotate(45deg);
}
/* ================= DEVELOPED BY ================= */
.rvl-footer-developed{
justify-self:end;
text-align:right;
}
.rvl-footer-developed p{
margin:0;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.6;
font-weight:400;
color:rgba(233,212,193,.68);
}
.rvl-footer-developed a{
position:relative;
display:inline-block;
margin-left:3px;
font-family:"Lato",sans-serif;
font-size:14px;
font-weight:600;
color:#C5B093;
text-decoration:none;
transition:color .3s ease;
}
.rvl-footer-developed a::after{
content:"";
position:absolute;
left:0;
bottom:-2px;
width:0;
height:1px;
background:#A8885E;
transition:width .3s ease;
}
.rvl-footer-developed a:hover{
color:#A8885E;
}
.rvl-footer-developed a:hover::after{
width:100%;
}
/* ========================================================= */
/* ================= TABLET ================================ */
/* ========================================================= */
@media(max-width:1100px){
.rvl-footer-main{
grid-template-columns:
1.35fr
1fr
1fr;
gap:38px;
}
.rvl-footer-brand{
grid-row:span 2;
}
.rvl-footer-bottom{
grid-template-columns:1fr;
gap:12px;
padding:22px 0;
text-align:center;
}
.rvl-footer-copyright,
.rvl-footer-legal-center,
.rvl-footer-developed{
justify-self:center;
}
.rvl-footer-developed{
text-align:center;
}
}
/* ========================================================= */
/* ================= MOBILE ================================ */
/* ========================================================= */
@media(max-width:767px){
.rvl-footer-container{
padding:45px 16px 0;
}
.rvl-footer-main{
grid-template-columns:1fr 1fr;
gap:34px 23px;
}
.rvl-footer-brand{
grid-column:1 / -1;
grid-row:auto;
padding-right:0;
text-align:center;
}
.rvl-footer-logo img{
width:68px;
max-width:68px;
}
.rvl-footer-brand-text{
margin-left:auto;
margin-right:auto;
}
.rvl-footer-social{
justify-content:center;
}
.rvl-footer-contact{
grid-column:1 / -1;
}
.rvl-footer-bottom{
min-height:auto;
margin-top:34px;
padding:22px 0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:12px;
text-align:center;
}
.rvl-footer-legal-center{
flex-wrap:wrap;
}
.rvl-footer-developed{
text-align:center;
}
}
/* ========================================================= */
/* ================= SMALL MOBILE ========================== */
/* ========================================================= */
@media(max-width:480px){
.rvl-footer-container{
padding-top:40px;
}
.rvl-footer-main{
grid-template-columns:1fr;
gap:30px;
}
.rvl-footer-brand,
.rvl-footer-contact{
grid-column:auto;
}
.rvl-footer-column,
.rvl-footer-contact{
text-align:center;
}
.rvl-footer-column h4::after,
.rvl-footer-contact h4::after{
left:50%;
transform:translateX(-50%);
}
.rvl-footer-contact-item{
max-width:310px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
.rvl-footer-legal-center{
gap:10px;
}
.rvl-footer-legal-center a,
.rvl-footer-copyright p,
.rvl-footer-developed p,
.rvl-footer-developed a{
font-size:14px;
}
}
/* ========================================================= */
/* ================ END: RVL LUXURY FOOTER CSS ============= */
/* ========================================================= */
/* ========================================================= */
/* ================= START: RVL TOPBAR CSS ================== */
/* ========================================================= */
.rvl-topbar {
width: 100%;
height: 34px;
display: flex;
align-items: center;
overflow: hidden;
background: #683A48;
color: #E9D4C1;
white-space: nowrap;
font-family: "Lato", sans-serif;
font-size: 11px;
letter-spacing: 1.4px;
text-transform: uppercase;
}
.rvl-topbar-inner {
display: flex;
width: max-content;
animation: rvlTopbarMarquee 22s linear infinite;
}
.rvl-topbar-group {
display: flex;
align-items: center;
flex-shrink: 0;
}
.rvl-topbar-group span {
margin-right: 40px;
}
.rvl-topbar-star {
font-size: 8px;
color: #E9D4C1;
}
@keyframes rvlTopbarMarquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
/* MOBILE */
@media (max-width: 767px) {
.rvl-topbar {
height: 30px;
font-size: 9px;
letter-spacing: 1px;
}
.rvl-topbar-inner {
animation-duration: 18s;
}
.rvl-topbar-group span {
margin-right: 28px;
}
}
/* ========================================================= */
/* ================== END: RVL TOPBAR CSS =================== */
/* ========================================================= */
/* ========================================================= */
/* ========== START: RVL EXTRA HEADER CONTENT CSS =========== */
/* ========================================================= */
.rvl-header-left-content {
display: flex;
flex-direction: column;
gap: 5px;
}
.rvl-header-services {
font-family: "Lato", sans-serif;
font-size: 9px;
font-weight: 500;
letter-spacing: 1.8px;
text-transform: uppercase;
color: rgba(104, 58, 72, 0.72);
}
.rvl-header-services i {
font-style: normal;
color: #683A48;
margin: 0 4px;
}
.rvl-header-right {
gap: 10px;
}
.rvl-collection-btn {
min-height: 43px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 18px;
border: 1px solid rgba(104, 58, 72, 0.38);
background: transparent;
color: #683A48;
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 500;
letter-spacing: 1.2px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.3s ease;
}
.rvl-btn-arrow {
font-size: 13px;
transition: transform 0.3s ease;
}
.rvl-collection-btn:hover {
background: #E9D4C1;
border-color: #E9D4C1;
}
.rvl-collection-btn:hover .rvl-btn-arrow {
transform: translate(2px, -2px);
}
@media (max-width: 991px) {
.rvl-header-services {
display: none;
}
.rvl-collection-btn {
display: none;
}
}
/* ========================================================= */
/* =========== END: RVL EXTRA HEADER CONTENT CSS ============ */
/* ========================================================= */
/* ========================================================= */
/* ============ START: RVL LOGO DECORATION CSS ============= */
/* ========================================================= */
.rvl-header-center {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.rvl-logo-decoration {
display: flex;
align-items: center;
gap: 9px;
}
.rvl-deco-line {
display: block;
width: 60px;
height: 1px;
opacity: 0.55;
}
.rvl-logo-decoration-left .rvl-deco-line {
background: linear-gradient(
90deg,
transparent,
#683A48
);
}
.rvl-logo-decoration-right .rvl-deco-line {
background: linear-gradient(
90deg,
#683A48,
transparent
);
}
.rvl-deco-diamond {
display: inline-block;
color: #683A48;
font-size: 9px;
line-height: 1;
animation: rvlDiamondGlow 2.5s ease-in-out infinite;
}
@keyframes rvlDiamondGlow {
0%,
100% {
opacity: 0.35;
transform: scale(0.8);
}
50% {
opacity: 1;
transform: scale(1.15);
}
}
/* MOBILE / TABLET */
@media (max-width: 991px) {
.rvl-logo-decoration {
display: none;
}
.rvl-header-center {
gap: 0;
}
}
/* ========================================================= */
/* ============== END: RVL LOGO DECORATION CSS ============= */
/* ========================================================= */
/* ========================================================= */
/* ===== START: RVL COMPACT PREMIUM INTRODUCTION CSS ========= */
/* ========================================================= */
.rvl-ci-section,
.rvl-ci-section *{
box-sizing:border-box;
}
.rvl-ci-section{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
--rvl-gold:#A8885E;
--rvl-champagne:#C5B093;
position:relative;
width:100%;
padding:48px 20px 52px;
background:#E9D4C1;
font-family:"Lato",sans-serif;
overflow:hidden;
}
.rvl-ci-container{
width:100%;
max-width:1180px;
margin:0 auto;
}
/* =========================================================
HEADING
========================================================= */
.rvl-ci-heading{
max-width:900px;
margin:0 auto 32px;
text-align:center;
}
.rvl-ci-label{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-bottom:10px;
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:2.5px;
text-transform:uppercase;
color:#A8885E;
}
.rvl-ci-label span{
width:25px;
height:1px;
background:#A8885E;
}
.rvl-ci-heading h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.15;
font-weight:500;
color:#683A48;
}
/* =========================================================
MAIN
========================================================= */
.rvl-ci-main{
display:grid;
grid-template-columns:44% 56%;
min-height:365px;
background:#683A48;
}
/* =========================================================
IMAGE
========================================================= */
.rvl-ci-image{
position:relative;
min-height:365px;
overflow:hidden;
}
.rvl-ci-image img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.rvl-ci-image:hover img{
transform:scale(1.045);
}
.rvl-ci-image-overlay{
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
rgba(104,58,72,.03) 35%,
rgba(104,58,72,.88) 100%
);
pointer-events:none;
}
/* SINCE */
.rvl-ci-since{
position:absolute;
left:20px;
top:20px;
width:72px;
height:72px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:#E9D4C1;
border:1px solid #A8885E;
}
.rvl-ci-since small{
margin-bottom:3px;
font-size:8px;
line-height:1;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
color:#A8885E;
}
.rvl-ci-since strong{
font-family:"Playfair Display",serif;
font-size:21px;
line-height:1;
font-weight:500;
color:#683A48;
}
/* IMAGE BOTTOM */
.rvl-ci-image-bottom{
position:absolute;
left:22px;
right:22px;
bottom:20px;
display:flex;
align-items:center;
gap:11px;
color:#E9D4C1;
}
.rvl-ci-image-bottom > i{
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(233,212,193,.55);
font-size:13px;
color:#C5B093;
}
.rvl-ci-image-bottom small{
display:block;
margin-bottom:2px;
font-size:8px;
line-height:1.3;
font-weight:700;
letter-spacing:1.6px;
text-transform:uppercase;
color:#C5B093;
}
.rvl-ci-image-bottom strong{
display:block;
font-family:"Playfair Display",serif;
font-size:17px;
line-height:1.3;
font-weight:500;
color:#E9D4C1;
}
/* =========================================================
CONTENT
========================================================= */
.rvl-ci-content{
display:flex;
flex-direction:column;
justify-content:center;
padding:32px 40px;
}
.rvl-ci-content-head > span{
display:block;
margin-bottom:7px;
font-size:9px;
line-height:1;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#C5B093;
}
.rvl-ci-content-head h3{
max-width:520px;
margin:0 0 16px;
font-family:"Playfair Display",serif;
font-size:27px;
line-height:1.28;
font-weight:500;
color:#E9D4C1;
}
.rvl-ci-description{
max-width:620px;
}
.rvl-ci-description p{
margin:0 0 9px;
font-size:14px;
line-height:1.65;
font-weight:400;
color:rgba(233,212,193,.78);
}
/* =========================================================
POINTS
========================================================= */
.rvl-ci-points{
margin-top:15px;
border-top:1px solid rgba(233,212,193,.18);
}
.rvl-ci-point{
display:grid;
grid-template-columns:27px 30px 1fr;
align-items:center;
gap:10px;
min-height:47px;
border-bottom:1px solid rgba(233,212,193,.18);
}
.rvl-ci-point > span{
font-family:"Playfair Display",serif;
font-size:10px;
color:#A8885E;
}
.rvl-ci-point > i{
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(197,176,147,.35);
font-size:11px;
color:#C5B093;
transition:.3s ease;
}
.rvl-ci-point p{
margin:0;
font-size:13px;
line-height:1.4;
font-weight:500;
color:#E9D4C1;
}
.rvl-ci-point:hover > i{
background:#A8885E;
border-color:#A8885E;
color:#683A48;
}
/* =========================================================
STATS
========================================================= */
.rvl-ci-stats{
display:grid;
grid-template-columns:repeat(6,1fr);
background:#E9D4C1;
border-left:1px solid rgba(104,58,72,.20);
border-right:1px solid rgba(104,58,72,.20);
border-bottom:1px solid rgba(104,58,72,.20);
}
.rvl-ci-stat{
position:relative;
min-height:88px;
padding:14px 8px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
text-align:center;
transition:.3s ease;
}
.rvl-ci-stat:not(:last-child){
border-right:1px solid rgba(104,58,72,.18);
}
.rvl-ci-stat strong{
display:block;
margin-bottom:5px;
font-family:"Playfair Display",serif;
font-size:27px;
line-height:1;
font-weight:500;
color:#683A48;
transition:.3s ease;
}
.rvl-ci-stat span{
display:block;
font-size:9px;
line-height:1.35;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:#A8885E;
transition:.3s ease;
}
.rvl-ci-stat:hover{
background:#683A48;
}
.rvl-ci-stat:hover strong{
color:#E9D4C1;
}
.rvl-ci-stat:hover span{
color:#C5B093;
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:950px){
.rvl-ci-main{
grid-template-columns:42% 58%;
}
.rvl-ci-content{
padding:28px 27px;
}
.rvl-ci-content-head h3{
font-size:24px;
}
.rvl-ci-stats{
grid-template-columns:repeat(3,1fr);
}
.rvl-ci-stat:nth-child(3){
border-right:none;
}
.rvl-ci-stat:nth-child(-n+3){
border-bottom:1px solid rgba(104,58,72,.18);
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:767px){
.rvl-ci-section{
padding:42px 16px 45px;
}
.rvl-ci-heading{
margin-bottom:28px;
}
.rvl-ci-heading h2{
font-size:40px;
line-height:1.14;
}
.rvl-ci-main{
grid-template-columns:1fr;
}
.rvl-ci-image{
min-height:280px;
}
.rvl-ci-content{
padding:27px 22px;
}
.rvl-ci-content-head h3{
font-size:24px;
}
.rvl-ci-stats{
grid-template-columns:repeat(3,1fr);
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media(max-width:480px){
.rvl-ci-heading h2{
font-size:40px;
}
.rvl-ci-image{
min-height:245px;
}
.rvl-ci-content{
padding:25px 18px;
}
.rvl-ci-content-head h3{
font-size:22px;
}
.rvl-ci-description p{
font-size:14px;
}
.rvl-ci-stats{
grid-template-columns:repeat(2,1fr);
}
.rvl-ci-stat{
min-height:82px;
border-bottom:1px solid rgba(104,58,72,.18);
}
.rvl-ci-stat:nth-child(3){
border-right:1px solid rgba(104,58,72,.18);
}
.rvl-ci-stat:nth-child(even){
border-right:none;
}
.rvl-ci-stat:nth-last-child(-n+2){
border-bottom:none;
}
.rvl-ci-stat strong{
font-size:25px;
}
}
/* ========================================================= */
/* ====== END: RVL COMPACT PREMIUM INTRODUCTION CSS ========== */
/* ========================================================= */
/* ========================================================= */
/* ============== START: RVL BREADCRUMB CSS ================= */
/* ========================================================= */
.rvl-breadcrumb-section,.rvl-breadcrumb-section *{box-sizing:border-box}
.rvl-breadcrumb-section{
--maroon:#683A48;
--cream:#E9D4C1;
--gold:#A8885E;
--champagne:#C5B093;
position:relative;
width:100%;
height:280px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
font-family:"Lato",sans-serif;
}
.rvl-breadcrumb-bg{
position:absolute;
inset:0;
z-index:1;
}
.rvl-breadcrumb-bg img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center 48%;
transform:scale(1.03);
}
.rvl-breadcrumb-overlay{
position:absolute;
inset:0;
z-index:2;
background:linear-gradient(90deg,rgba(104,58,72,.94) 0%,rgba(104,58,72,.76) 48%,rgba(104,58,72,.90) 100%);
}
.rvl-breadcrumb-overlay::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.20));
}
.rvl-breadcrumb-inner-border{
position:absolute;
z-index:3;
top:17px;
right:18px;
bottom:17px;
left:18px;
border:1px solid rgba(197,176,147,.22);
pointer-events:none;
}
.rvl-breadcrumb-inner-border::before,.rvl-breadcrumb-inner-border::after{
content:"";
position:absolute;
width:30px;
height:30px;
}
.rvl-breadcrumb-inner-border::before{
top:-1px;
left:-1px;
border-top:2px solid var(--gold);
border-left:2px solid var(--gold);
}
.rvl-breadcrumb-inner-border::after{
right:-1px;
bottom:-1px;
border-right:2px solid var(--gold);
border-bottom:2px solid var(--gold);
}
.rvl-breadcrumb-container{
position:relative;
z-index:5;
width:100%;
max-width:1180px;
margin:0 auto;
padding:0 20px;
text-align:center;
}
.rvl-breadcrumb-label{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-bottom:10px;
font-size:10px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:var(--champagne);
}
.rvl-breadcrumb-label span{
width:28px;
height:1px;
background:var(--gold);
}
.rvl-breadcrumb-section h1{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.15;
font-weight:500;
color:var(--cream);
text-shadow:0 3px 20px rgba(0,0,0,.15);
}
.rvl-breadcrumb-nav{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:10px;
margin-top:14px;
}
.rvl-breadcrumb-nav a,.rvl-breadcrumb-current{
display:inline-flex;
align-items:center;
gap:7px;
font-size:13px;
line-height:1.4;
font-weight:500;
}
.rvl-breadcrumb-nav a{
color:rgba(233,212,193,.78);
text-decoration:none;
transition:.3s ease;
}
.rvl-breadcrumb-nav a i{
font-size:10px;
color:var(--champagne);
}
.rvl-breadcrumb-nav a:hover{
color:var(--cream);
transform:translateY(-1px);
}
.rvl-breadcrumb-current{color:var(--champagne)}
.rvl-breadcrumb-separator{
display:flex;
align-items:center;
justify-content:center;
font-size:8px;
color:var(--gold);
}
.rvl-breadcrumb-bottom-design{
position:absolute;
z-index:5;
left:50%;
bottom:27px;
display:flex;
align-items:center;
gap:10px;
transform:translateX(-50%);
}
.rvl-breadcrumb-bottom-design span{
width:30px;
height:1px;
background:rgba(168,136,94,.75);
}
.rvl-breadcrumb-bottom-design i{
font-size:9px;
color:var(--champagne);
}
@media(max-width:991px){
.rvl-breadcrumb-section{height:250px}
}
@media(max-width:767px){
.rvl-breadcrumb-section{height:220px}
.rvl-breadcrumb-inner-border{top:12px;right:12px;bottom:12px;left:12px}
.rvl-breadcrumb-section h1{font-size:40px}
.rvl-breadcrumb-label{font-size:9px;letter-spacing:2px}
.rvl-breadcrumb-nav{margin-top:12px}
.rvl-breadcrumb-nav a,.rvl-breadcrumb-current{font-size:12px}
.rvl-breadcrumb-bottom-design{bottom:23px}
}
@media(max-width:480px){
.rvl-breadcrumb-section{height:210px}
.rvl-breadcrumb-label span{width:20px}
.rvl-breadcrumb-bottom-design{bottom:20px}
}
/* ========================================================= */
/* ================ END: RVL BREADCRUMB CSS ================= */
/* ========================================================= */
/* ========================================================= */
/* ===== START: NATIONAL SUPPLY CHAIN RESPONSIVE CSS ======== */
/* ========================================================= */
/* LARGE DESKTOP / 1441 */
@media(max-width:1441px){
.rvl-network-grid{
grid-template-columns:42% 58%;
gap:20px;
}
.rvl-network-content h3{font-size:34px}
.network-globe-wrapper{
width:100%;
display:flex;
justify-content:center;
overflow:visible;
}
.network-globe-area{
width:460px;
height:460px;
margin-left:70px;
transform:scale(.95);
transform-origin:center;
}
.network-country-arc{
width:360px;
height:430px;
left:-255px;
}
}
/* TABLET */
@media(max-width:1100px){
.rvl-network-grid{
grid-template-columns:38% 62%;
gap:20px;
}
.rvl-network-content h3{font-size:32px}
.network-globe-wrapper{
width:100%;
overflow:visible;
}
.network-globe-area{
width:440px;
height:440px;
margin-left:120px;
transform:scale(.92);
transform-origin:center;
}
.network-country-arc{
width:350px;
height:420px;
left:-270px;
}
}
/* SMALL TABLET */
@media(max-width:900px){
.rvl-network-grid{
grid-template-columns:40% 60%;
gap:10px;
}
.network-globe-wrapper{
display:flex;
justify-content:center;
width:100%;
}
.network-globe-area{
width:400px;
height:400px;
margin-left:100px;
transform:scale(.85);
}
.network-country-arc{
width:330px;
height:390px;
left:-235px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-network-grid{
display:block;
width:100%;
}
.rvl-network-content{
width:100%;
text-align:center;
}
.rvl-network-mini{
font-size:10px;
text-align:center;
}
.rvl-network-content h3{
max-width:500px;
margin-left:auto;
margin-right:auto;
font-size:30px;
}
.rvl-network-description{
max-width:500px;
margin-left:auto;
margin-right:auto;
font-size:13px;
}
.rvl-network-points{
max-width:440px;
margin-left:auto;
margin-right:auto;
text-align:left;
}
.rvl-network-point{font-size:12px}
/* GLOBE */
.network-globe-wrapper{
position:relative;
display:flex;
justify-content:center;
width:100%;
margin-top:35px;
overflow:visible;
}
.network-globe-area{
width:350px;
height:350px;
max-width:88vw;
max-height:88vw;
margin:0 auto;
transform:none;
}
#networkGlobeCanvas{
width:100%!important;
height:100%!important;
}
#networkGlobeCanvas canvas{
width:100%!important;
height:100%!important;
display:block!important;
}
/* CITY NAMES */
.network-country-arc{
position:absolute;
width:100%;
height:auto;
left:0;
right:0;
top:auto;
bottom:-115px;
transform:none;
}
.network-country-arc svg{display:none}
#networkCountryItems{
position:relative;
inset:auto;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
width:100%;
}
.network-country-item{
position:static!important;
display:flex;
align-items:center;
justify-content:flex-start;
gap:7px;
width:100%;
padding:7px 10px;
transform:none!important;
}
.network-country-item:last-child{
grid-column:1/-1;
width:50%;
justify-self:center;
}
.network-country-name{
font-size:11px;
white-space:nowrap;
}
.network-globe-wrapper{padding-bottom:115px}
}
/* SMALL MOBILE */
@media(max-width:480px){
.network-globe-wrapper{
margin-top:28px;
padding-bottom:110px;
}
.network-globe-area{
width:310px;
height:310px;
max-width:88vw;
max-height:88vw;
}
#networkCountryItems{gap:7px}
.network-country-item{padding:6px 7px}
.network-country-name{font-size:10px}
}
/* EXTRA SMALL MOBILE */
@media(max-width:380px){
.network-globe-area{
width:280px;
height:280px;
}
.network-country-item{
padding:6px 5px;
gap:5px;
}
.network-country-dot{
width:6px;
height:6px;
}
}
/* ========================================================= */
/* ====== END: NATIONAL SUPPLY CHAIN RESPONSIVE CSS ========= */
/* ========================================================= */
/* ========================================================= */
/* ============== START: RVL COMPANY STORY CSS ============== */
/* ========================================================= */
.rvl-story-slider,.rvl-story-slider *{box-sizing:border-box}
.rvl-story-slider{
--maroon:#683A48;
--cream:#E9D4C1;
--gold:#A8885E;
--champagne:#C5B093;
width:100%;
padding:48px 20px 52px;
background:var(--maroon);
overflow:hidden;
font-family:"Lato",sans-serif;
}
.rvl-story-slider-container{
width:100%;
max-width:1180px;
margin:0 auto;
}
.rvl-story-slider-heading{
max-width:950px;
margin:0 auto 32px;
text-align:center;
}
.rvl-story-slider-label{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-bottom:9px;
font-size:10px;
font-weight:700;
letter-spacing:2.5px;
text-transform:uppercase;
color:var(--champagne);
}
.rvl-story-slider-label span{
width:28px;
height:1px;
background:var(--gold);
}
.rvl-story-slider-heading h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.15;
font-weight:500;
color:var(--cream);
}
/* STAGE */
.rvl-story-slider-stage{
position:relative;
display:grid;
grid-template-columns:58% 42%;
min-height:420px;
overflow:hidden;
background:var(--cream);
}
/* IMAGE SIDE */
.rvl-story-slider-visual{
position:relative;
min-height:420px;
overflow:hidden;
background:var(--maroon);
}
.rvl-story-slider-image{
position:absolute;
inset:0;
opacity:0;
clip-path:polygon(0 0,0 0,0 100%,0 100%);
transition:opacity .8s ease,clip-path 1s cubic-bezier(.77,0,.18,1);
}
.rvl-story-slider-image.is-active{
opacity:1;
clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
z-index:2;
}
.rvl-story-slider-image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transform:scale(1.12);
transition:transform 5s linear;
}
.rvl-story-slider-image.is-active img{
transform:scale(1.02);
}
.rvl-story-slider-overlay{
position:absolute;
inset:0;
z-index:4;
pointer-events:none;
background:linear-gradient(90deg,rgba(104,58,72,.05) 45%,rgba(104,58,72,.38) 100%);
}
/* UNIQUE ANGLED CUT */
.rvl-story-slider-shape{
position:absolute;
z-index:5;
top:-10%;
right:-76px;
width:150px;
height:120%;
background:var(--cream);
transform:rotate(7deg);
transform-origin:center;
}
/* TEXT SIDE */
.rvl-story-slider-content{
position:relative;
z-index:6;
min-width:0;
display:flex;
flex-direction:column;
justify-content:center;
padding:46px 45px 38px 34px;
background:var(--cream);
}
.rvl-story-slider-track{
position:relative;
min-height:250px;
display:flex;
align-items:center;
}
.rvl-story-slider-slide{
position:absolute;
inset:auto 0;
width:100%;
opacity:0;
pointer-events:none;
transform:translateY(40px);
filter:blur(4px);
transition:opacity .65s ease,transform .65s cubic-bezier(.22,.61,.36,1),filter .65s ease;
}
.rvl-story-slider-slide.is-active{
position:relative;
opacity:1;
pointer-events:auto;
transform:translateY(0);
filter:blur(0);
}
.rvl-story-slider-slide p{
position:relative;
margin:0;
padding-left:25px;
font-size:15px;
line-height:1.85;
color:rgba(104,58,72,.88);
}
.rvl-story-slider-slide p::before{
content:"";
position:absolute;
top:10px;
left:0;
width:8px;
height:8px;
background:var(--gold);
transform:rotate(45deg);
}
/* NAV */
.rvl-story-slider-nav{
display:flex;
align-items:center;
gap:9px;
margin-top:22px;
}
.rvl-story-slider-nav button{
position:relative;
width:31px;
height:3px;
padding:0;
border:0;
background:rgba(104,58,72,.18);
cursor:pointer;
overflow:hidden;
}
.rvl-story-slider-nav button::after{
content:"";
position:absolute;
inset:0;
background:var(--maroon);
transform:scaleX(0);
transform-origin:left;
}
.rvl-story-slider-nav button.is-active::after{
animation:rvlStoryProgress 5s linear forwards;
}
@keyframes rvlStoryProgress{
from{transform:scaleX(0)}
to{transform:scaleX(1)}
}
/* ENTRY ANIMATION */
.rvl-story-slider-stage{
opacity:0;
transform:translateY(35px);
transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1);
}
.rvl-story-slider.is-visible .rvl-story-slider-stage{
opacity:1;
transform:translateY(0);
}
/* TABLET */
@media(max-width:900px){
.rvl-story-slider-stage{
grid-template-columns:1fr;
}
.rvl-story-slider-visual{
min-height:320px;
}
.rvl-story-slider-shape{
display:none;
}
.rvl-story-slider-content{
padding:30px;
}
.rvl-story-slider-track{
min-height:190px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-story-slider{
padding:44px 16px 46px;
}
.rvl-story-slider-heading{
margin-bottom:27px;
}
.rvl-story-slider-heading h2{
font-size:40px;
}
.rvl-story-slider-visual{
min-height:245px;
}
.rvl-story-slider-content{
padding:24px 22px;
}
.rvl-story-slider-track{
min-height:250px;
}
.rvl-story-slider-slide p{
padding-left:22px;
font-size:14px;
line-height:1.7;
}
}
@media(max-width:480px){
.rvl-story-slider-visual{
min-height:215px;
}
}
/* ========================================================= */
/* ================ END: RVL COMPANY STORY CSS ============== */
/* ========================================================= */
/* ================= START: TESTIMONIALS CSS ================= */
.rvl-testimonials,.rvl-testimonials *{box-sizing:border-box}
.rvl-testimonials{padding:45px 20px 50px;background:#E9D4C1;font-family:"Lato",sans-serif}
.rvl-testimonials-wrap{max-width:1120px;margin:auto}
.rvl-testimonials-head{text-align:center;margin-bottom:30px}
.rvl-testimonials-head>span{display:block;margin-bottom:8px;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:#A8885E}
.rvl-testimonials-head h2{margin:0;font:500 40px/1.15 "Playfair Display",serif;color:#683A48}
.rvl-testimonials-head p{margin:12px 0 0;font-size:14px;color:rgba(104,58,72,.72)}
.rvl-testimonials-grid{display:grid;grid-template-columns:repeat(4,246px);justify-content:center;gap:20px}
.rvl-testimonial{text-align:center}
.rvl-video-box{position:relative;width:246px;height:360px;overflow:hidden;border-radius:18px;background:#683A48;box-shadow:0 12px 30px rgba(104,58,72,.15)}
.rvl-video-box video{width:100%;height:100%;display:block;object-fit:cover;cursor:pointer}
.rvl-video-box button{position:absolute;top:50%;left:50%;width:48px;height:48px;border:1px solid #E9D4C1;border-radius:50%;background:rgba(104,58,72,.8);color:#E9D4C1;transform:translate(-50%,-50%);cursor:pointer}
.rvl-video-box button i{margin-left:3px}
.rvl-testimonial.playing button{display:none}
.rvl-testimonial h3{margin:12px 0 3px;font:500 18px "Playfair Display",serif;color:#683A48}
.rvl-testimonial>p{margin:0;font-size:12px;color:#A8885E}
@media(max-width:1100px){.rvl-testimonials-grid{grid-template-columns:repeat(2,246px)}}
@media(max-width:600px){
.rvl-testimonials{padding:40px 15px 45px}
.rvl-testimonials-head h2{font-size:40px}
.rvl-testimonials-grid{grid-template-columns:repeat(2,1fr);gap:12px}
.rvl-video-box{width:100%;height:280px;border-radius:15px}
.rvl-testimonial h3{font-size:16px}
.rvl-testimonial>p{font-size:11px}
}
@media(max-width:400px){.rvl-video-box{height:250px}}
/* ================== END: TESTIMONIALS CSS ================= */
/* ========================================================= */
/* ========== START: RVL SCROLL FOUNDER VAULT CSS =========== */
/* ========================================================= */
.rvl-founder-vault,.rvl-founder-vault *{box-sizing:border-box}
.rvl-founder-vault{--maroon:#683A48;--cream:#E9D4C1;position:relative;height:230vh;background:var(--cream)}
.rvl-fv-sticky{position:sticky;top:0;height:100vh;min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:38px 20px;background:var(--cream)}
.rvl-fv-heading{text-align:center;max-width:950px;width:100%;margin:0 auto 20px;position:relative;z-index:20;flex-shrink:0}
.rvl-fv-label{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:7px;font-family:"Lato",sans-serif;font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--maroon)}
.rvl-fv-label:before,.rvl-fv-label:after{content:"";width:30px;height:1px;background:rgba(104,58,72,.45)}
.rvl-fv-heading h2{margin:0;font-family:"Playfair Display",serif;font-size:40px;line-height:1.1;font-weight:500;color:var(--maroon)}
.rvl-fv-vault{position:relative;width:min(1080px,90vw);height:min(500px,60vh);min-height:430px;margin:0 auto;perspective:1800px;box-shadow:0 24px 55px rgba(70,32,42,.16);flex-shrink:0}
.rvl-fv-inside{position:absolute;inset:0;background:var(--maroon);border:8px solid #d3b08f;padding:32px 35px;display:grid;grid-template-columns:35% 65%;align-items:center;color:var(--cream);overflow:hidden}
.rvl-fv-inside:before{content:"";position:absolute;inset:9px;border:1px solid rgba(233,212,193,.25);pointer-events:none}
.rvl-fv-photo{height:355px;position:relative;z-index:2;border:1px solid rgba(233,212,193,.5);padding:5px;overflow:hidden}
.rvl-fv-photo>img{width:100%;height:100%;display:block;object-fit:cover}
.rvl-fv-photo-logo{position:absolute;right:12px;top:12px;width:64px;height:64px;padding:8px;border-radius:50%;background:rgba(233,212,193,.95);box-shadow:0 7px 18px rgba(0,0,0,.2);z-index:5}
.rvl-fv-photo-logo img{width:100%;height:100%;display:block;object-fit:contain}
.rvl-fv-content{position:relative;z-index:2;padding-left:34px}
.rvl-fv-small{font-family:"Lato",sans-serif;font-size:7px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:rgba(233,212,193,.65)}
.rvl-fv-content h3{margin:5px 0 10px;font-family:"Playfair Display",serif;font-size:34px;line-height:1;font-weight:500;color:var(--cream)}
.rvl-fv-content p{margin:0 0 7px;font-family:"Lato",sans-serif;font-size:10px;line-height:1.6;color:rgba(233,212,193,.78)}
.rvl-fv-milestones{display:grid;grid-template-columns:repeat(3,1fr);margin-top:11px;padding:12px 0;border-top:1px solid rgba(233,212,193,.22);border-bottom:1px solid rgba(233,212,193,.22)}
.rvl-fv-milestones>div{text-align:center;padding:0 10px}
.rvl-fv-milestones>div+div{border-left:1px solid rgba(233,212,193,.17)}
.rvl-fv-milestones strong{display:block;font-family:"Playfair Display",serif;font-size:27px;line-height:1;font-weight:700;color:var(--cream)}
.rvl-fv-milestones span{display:block;margin-top:6px;font-family:"Lato",sans-serif;font-size:8px;line-height:1.4;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:rgba(233,212,193,.82)}
.rvl-fv-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:11px;border:1px solid rgba(233,212,193,.16)}
.rvl-fv-stat{position:relative;min-height:59px;padding:9px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.rvl-fv-stat:nth-child(-n+3){border-bottom:1px solid rgba(233,212,193,.14)}
.rvl-fv-stat:not(:nth-child(3n+1)){border-left:1px solid rgba(233,212,193,.14)}
.rvl-fv-stat:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(233,212,193,.07),transparent);transform:translateX(-120%);transition:transform .8s ease}
.rvl-fv-inside.rvl-content-visible .rvl-fv-stat:before{transform:translateX(120%)}
.rvl-fv-stat strong{display:block;position:relative;z-index:2;font-family:"Playfair Display",serif;font-size:19px;line-height:1;font-weight:500;color:var(--cream)}
.rvl-fv-stat span{position:relative;z-index:2;display:block;margin-top:4px;font-family:"Lato",sans-serif;font-size:5.4px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:rgba(233,212,193,.52)}
/* OUTWARD OPENING DOORS */
.rvl-fv-door{position:absolute;top:0;width:50.2%;height:100%;z-index:10;background:linear-gradient(135deg,#744452 0%,#683A48 55%,#542b37 100%);border:8px solid #cfae8c;transition:none;transform-style:preserve-3d;backface-visibility:visible;overflow:hidden}
.rvl-fv-door:before{content:"";position:absolute;inset:13px;border:2px solid rgba(233,212,193,.62)}
.rvl-fv-door:after{content:"";position:absolute;inset:25px;border:1px solid rgba(233,212,193,.22)}
.rvl-fv-door-left{left:0;transform-origin:left center}
.rvl-fv-door-right{right:0;transform-origin:right center}
.rvl-fv-door-border{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none}
.rvl-fv-half-logo{position:absolute;top:50%;width:170px;height:170px;transform:translateY(-50%);border:1px solid rgba(233,212,193,.38);border-radius:50%;display:flex;align-items:center;background:rgba(104,58,72,.9);overflow:hidden}
.rvl-fv-half-logo:before{content:"";position:absolute;inset:18px;border:1px solid rgba(233,212,193,.2);border-radius:50%}
.rvl-fv-half-logo img{position:absolute;width:105px;height:105px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.rvl-fv-half-logo-left{right:-85px;justify-content:flex-start}
.rvl-fv-half-logo-left img{right:32px}
.rvl-fv-half-logo-right{left:-85px;justify-content:flex-end}
.rvl-fv-half-logo-right img{left:32px}
.rvl-fv-lock{position:absolute;z-index:14;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;pointer-events:none}
.rvl-fv-lock-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(233,212,193,.55);border-radius:50%;transform:translate(-50%,-50%)}
.rvl-fv-lock-ring-1{width:190px;height:190px}
.rvl-fv-lock-ring-2{width:150px;height:150px;border-color:rgba(233,212,193,.28)}
.rvl-fv-lock-logo{width:112px;height:112px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;padding:13px;position:relative;z-index:2}
.rvl-fv-lock-logo img{width:100%;height:100%;object-fit:contain;display:block}
.rvl-fv-lock>span{position:absolute;top:calc(50% + 105px);left:50%;transform:translateX(-50%);white-space:nowrap;font-family:"Lato",sans-serif;font-size:6px;font-weight:700;letter-spacing:2px;color:var(--cream)}
.rvl-fv-scroll{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);height:20px;margin:0;display:flex;align-items:center;justify-content:center;gap:10px;font-family:"Lato",sans-serif;font-size:6.5px;font-weight:700;letter-spacing:2px;color:rgba(104,58,72,.65);z-index:20}
.rvl-fv-scroll i{display:block;width:30px;height:1px;background:rgba(104,58,72,.45);position:relative}
.rvl-fv-scroll i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid #683A48;border-bottom:1px solid #683A48;transform:rotate(-45deg)}
@media(max-width:900px){
.rvl-founder-vault{height:210vh}
.rvl-fv-sticky{min-height:680px;padding:35px 18px}
.rvl-fv-heading{margin-bottom:18px}
.rvl-fv-vault{width:min(94vw,850px);height:490px}
.rvl-fv-inside{grid-template-columns:34% 66%;padding:28px}
.rvl-fv-photo{height:345px}
.rvl-fv-content{padding-left:25px}
.rvl-fv-content h3{font-size:29px}
.rvl-fv-content p{font-size:9px}
.rvl-fv-milestones strong{font-size:24px}
.rvl-fv-milestones span{font-size:7px}
.rvl-fv-stat{min-height:55px}
.rvl-fv-scroll{bottom:12px}
}
@media(max-width:767px){
.rvl-founder-vault{height:190vh}
.rvl-fv-sticky{height:100svh;min-height:680px;padding:25px 10px}
.rvl-fv-heading{margin-bottom:14px}
.rvl-fv-heading h2{font-size:40px}
.rvl-fv-vault{width:94vw;height:520px;min-height:520px}
.rvl-fv-inside{padding:18px;grid-template-columns:1fr;align-content:start}
.rvl-fv-photo{width:150px;height:175px;margin:0 auto}
.rvl-fv-photo-logo{width:44px;height:44px;right:6px;top:6px;padding:5px}
.rvl-fv-content{padding:11px 0 0;text-align:center}
.rvl-fv-content h3{font-size:24px;margin-bottom:7px}
.rvl-fv-content p{font-size:7.8px;line-height:1.45;margin-bottom:4px}
.rvl-fv-milestones{margin-top:7px;padding:8px 0}
.rvl-fv-milestones strong{font-size:21px;font-weight:700}
.rvl-fv-milestones span{font-size:6.3px;font-weight:800}
.rvl-fv-stats{margin-top:7px}
.rvl-fv-stat{min-height:43px;padding:5px 3px}
.rvl-fv-stat strong{font-size:15px}
.rvl-fv-stat span{font-size:4.4px}
.rvl-fv-door{border-width:5px}
.rvl-fv-door:before{inset:8px}
.rvl-fv-door:after{inset:17px}
.rvl-fv-half-logo{width:110px;height:110px}
.rvl-fv-half-logo img{width:68px;height:68px}
.rvl-fv-half-logo-left{right:-55px}
.rvl-fv-half-logo-right{left:-55px}
.rvl-fv-half-logo-left img{right:20px}
.rvl-fv-half-logo-right img{left:20px}
.rvl-fv-lock{width:130px;height:130px}
.rvl-fv-lock-ring-1{width:130px;height:130px}
.rvl-fv-lock-ring-2{width:102px;height:102px}
.rvl-fv-lock-logo{width:78px;height:78px;padding:10px}
.rvl-fv-lock>span{top:calc(50% + 72px)}
.rvl-fv-scroll{bottom:8px}
}
@media(max-width:420px){
.rvl-fv-heading h2{font-size:40px}
.rvl-fv-heading{margin-bottom:10px}
.rvl-fv-vault{height:500px;min-height:500px}
.rvl-fv-photo{width:135px;height:155px}
.rvl-fv-content p{font-size:7.3px}
.rvl-fv-milestones strong{font-size:20px}
.rvl-fv-milestones span{font-size:6px}
.rvl-fv-stat strong{font-size:14px}
}
/* ========================================================= */
/* =========== END: RVL SCROLL FOUNDER VAULT CSS ============ */
/* ========================================================= */
/* ========================================================= */
/* ============ START: RVL FOUNDER CHAPTER CSS =============== */
/* ========================================================= */
.rvl-founder-chapters,.rvl-founder-chapters *{box-sizing:border-box}
.rvl-founder-chapters{--maroon:#683A48;--cream:#E9D4C1;background:var(--cream);padding:65px 20px;overflow:hidden}
.rvl-fc-wrap{max-width:1180px;margin:auto}
.rvl-fc-head{text-align:center;max-width:900px;margin:0 auto 38px}
.rvl-fc-label{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px;font-family:"Lato",sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--maroon)}
.rvl-fc-label:before,.rvl-fc-label:after{content:"";width:30px;height:1px;background:rgba(104,58,72,.4)}
.rvl-fc-head h2{margin:0;font-family:"Playfair Display",serif;font-size:40px;line-height:1.12;font-weight:500;color:var(--maroon)}
.rvl-fc-book{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:480px;box-shadow:0 25px 65px rgba(73,34,45,.14)}
/* LEFT */
.rvl-fc-left{position:relative;background:var(--maroon);padding:42px 55px;color:var(--cream);overflow:hidden}
.rvl-fc-left:before{content:"";position:absolute;inset:13px;border:1px solid rgba(233,212,193,.25);pointer-events:none;z-index:4}
.rvl-fc-founder-img{position:absolute;inset:0;z-index:1}
.rvl-fc-founder-img img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;filter:grayscale(15%);transform:scale(1.02);transition:transform 6s ease}
.rvl-fc-book:hover .rvl-fc-founder-img img{transform:scale(1.07)}
.rvl-fc-left-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(104,58,72,.93) 0%,rgba(104,58,72,.72) 45%,rgba(104,58,72,.22) 100%)}
.rvl-fc-left-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(104,58,72,.92) 0%,transparent 45%,rgba(104,58,72,.48) 100%)}
.rvl-fc-left-top{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between}
.rvl-fc-chapter,.rvl-fc-role{font-family:"Lato",sans-serif;font-size:10px;font-weight:800;letter-spacing:2px;color:rgba(233,212,193,.8)}
.rvl-fc-role{color:var(--cream)}
.rvl-fc-year-wrap{position:absolute;left:55px;right:30px;top:50%;transform:translateY(-52%);height:180px;display:flex;align-items:center;z-index:5}
.rvl-fc-year{position:relative;font-family:"Playfair Display",serif;font-size:145px;line-height:1;font-weight:600;letter-spacing:-7px;color:var(--cream);text-shadow:0 8px 30px rgba(42,15,24,.25);transition:opacity .3s ease,transform .45s ease}
.rvl-fc-year-bg{position:absolute;left:-15px;top:-45px;font-family:"Playfair Display",serif;font-size:215px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(233,212,193,.13);pointer-events:none}
.rvl-fc-journey-word{position:absolute;left:55px;right:55px;bottom:42px;z-index:5;display:flex;align-items:center;gap:14px}
.rvl-fc-journey-word span,.rvl-fc-journey-word strong{font-family:"Lato",sans-serif;font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}
.rvl-fc-journey-word span{color:rgba(233,212,193,.72)}
.rvl-fc-journey-word strong{color:var(--cream)}
.rvl-fc-journey-word i{height:1px;flex:1;background:rgba(233,212,193,.35);position:relative}
.rvl-fc-journey-word i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--cream);border-right:1px solid var(--cream);transform:rotate(45deg)}
/* RIGHT */
.rvl-fc-right{position:relative;background:#f0dfcf;padding:55px 55px 38px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.rvl-fc-right:before{content:"";position:absolute;inset:13px;border:1px solid rgba(104,58,72,.12);pointer-events:none}
.rvl-fc-quote{position:absolute;right:35px;top:10px;font-family:"Playfair Display",serif;font-size:145px;line-height:1;color:rgba(104,58,72,.06)}
.rvl-fc-story{position:relative;z-index:2;max-width:440px}
.rvl-fc-story-label{display:block;margin-bottom:12px;font-family:"Lato",sans-serif;font-size:10px;font-weight:800;letter-spacing:2px;color:rgba(104,58,72,.6)}
.rvl-fc-story h3{margin:0 0 16px;font-family:"Playfair Display",serif;font-size:40px;line-height:1.15;font-weight:600;color:var(--maroon)}
.rvl-fc-story p{margin:0;font-family:"Lato",sans-serif;font-size:17px;line-height:1.7;font-weight:500;color:rgba(104,58,72,.76)}
.rvl-fc-story.change{animation:rvlFcChange .48s ease}
@keyframes rvlFcChange{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}
.rvl-fc-nav{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,1fr);margin-top:48px;border-top:1px solid rgba(104,58,72,.16)}
.rvl-fc-dot{position:relative;border:0;background:none;padding:14px 0 0;text-align:left;cursor:pointer}
.rvl-fc-dot span{font-family:"Lato",sans-serif;font-size:10px;font-weight:800;letter-spacing:1px;color:rgba(104,58,72,.4);transition:.3s}
.rvl-fc-dot i{position:absolute;width:8px;height:8px;border-radius:50%;left:0;top:-4px;background:#f0dfcf;border:1px solid rgba(104,58,72,.45);transition:.3s}
.rvl-fc-dot.active span{color:var(--maroon)}
.rvl-fc-dot.active i{background:var(--maroon);box-shadow:0 0 0 5px rgba(104,58,72,.08)}
.rvl-fc-bottom{position:relative;z-index:3;margin-top:28px;display:flex;align-items:center;justify-content:space-between}
.rvl-fc-count{display:flex;align-items:flex-end;gap:5px}
.rvl-fc-count strong{font-family:"Playfair Display",serif;font-size:34px;line-height:1;color:var(--maroon)}
.rvl-fc-count span{padding-bottom:3px;font-family:"Lato",sans-serif;font-size:10px;color:rgba(104,58,72,.5)}
.rvl-fc-arrows{display:flex;gap:7px}
.rvl-fc-arrows button{width:39px;height:39px;border:1px solid rgba(104,58,72,.3);background:transparent;color:var(--maroon);font-size:17px;cursor:pointer;transition:.3s}
.rvl-fc-arrows button:hover{background:var(--maroon);color:var(--cream)}
/* BOTTOM JOURNEY */
.rvl-fc-growth{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:10px}
.rvl-fc-growth>span,.rvl-fc-growth>strong{font-family:"Lato",sans-serif;font-size:9px;font-weight:800;letter-spacing:1.3px;color:var(--maroon)}
.rvl-fc-growth>span{font-family:"Playfair Display",serif;font-size:17px}
.rvl-fc-growth-line{width:45px;height:1px;background:rgba(104,58,72,.18);overflow:hidden}
.rvl-fc-growth-line i{display:block;width:100%;height:100%;background:var(--maroon);transform:translateX(-100%)}
.rvl-founder-chapters.rvl-fc-loaded .rvl-fc-growth-line i{animation:rvlFcLine 1s ease forwards}
@keyframes rvlFcLine{to{transform:translateX(0)}}
@media(max-width:767px){
.rvl-founder-chapters{padding:50px 12px}
.rvl-fc-head{margin-bottom:30px}
.rvl-fc-head h2{font-size:40px}
.rvl-fc-book{grid-template-columns:1fr;min-height:0}
.rvl-fc-left{height:320px;padding:30px}
.rvl-fc-founder-img img{object-position:center 18%}
.rvl-fc-left-overlay{background:linear-gradient(90deg,rgba(104,58,72,.88),rgba(104,58,72,.3))}
.rvl-fc-left-overlay:after{background:linear-gradient(0deg,rgba(104,58,72,.93),transparent 65%,rgba(104,58,72,.55))}
.rvl-fc-left-top{gap:15px}
.rvl-fc-chapter,.rvl-fc-role{font-size:8px}
.rvl-fc-year-wrap{left:30px;height:120px}
.rvl-fc-year{font-size:92px;letter-spacing:-4px}
.rvl-fc-year-bg{font-size:140px;top:-30px}
.rvl-fc-journey-word{left:30px;right:30px;bottom:30px}
.rvl-fc-journey-word span,.rvl-fc-journey-word strong{font-size:8px}
.rvl-fc-right{padding:45px 28px 30px}
.rvl-fc-story-label{font-size:8px}
.rvl-fc-story h3{font-size:31px}
.rvl-fc-story p{font-size:14px}
.rvl-fc-nav{margin-top:35px}
.rvl-fc-dot span{font-size:8px}
.rvl-fc-growth{gap:5px}
.rvl-fc-growth-line{width:20px}
.rvl-fc-growth>strong{font-size:6px;letter-spacing:.5px}
.rvl-fc-growth>span{font-size:13px}
}
@media(max-width:420px){
.rvl-founder-chapters{padding:42px 10px}
.rvl-fc-head h2{font-size:40px}
.rvl-fc-left{height:290px;padding:25px}
.rvl-fc-year-wrap{left:25px}
.rvl-fc-year{font-size:78px}
.rvl-fc-journey-word{left:25px;right:25px;bottom:25px}
.rvl-fc-right{padding:40px 22px 25px}
.rvl-fc-story h3{font-size:28px}
.rvl-fc-story p{font-size:13px}
.rvl-fc-dot span{font-size:7px}
}
/* ========================================================= */
/* ============== END: RVL FOUNDER CHAPTER CSS =============== */
/* ========================================================= */
/* ========================================================= */
/* ===== START: FOUNDER MISSION VISION VALUES CSS ============ */
/* ========================================================= */
.rvl-founder-mvv,.rvl-founder-mvv *{box-sizing:border-box}
.rvl-founder-mvv{--maroon:#683A48;--cream:#E9D4C1;background:var(--maroon);padding:48px 20px;overflow:hidden}
.rvl-fmvv-wrap{max-width:1160px;margin:auto}
.rvl-fmvv-head{text-align:center;margin-bottom:25px}
.rvl-fmvv-head h2{margin:0;font-family:"Playfair Display",serif;font-size:40px;line-height:1.15;font-weight:500;color:var(--cream)}
.rvl-fmvv-main{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.rvl-fmvv-feature{position:relative;height:230px;overflow:hidden;border:1px solid rgba(233,212,193,.28)}
.rvl-fmvv-feature:before{content:"";position:absolute;inset:9px;border:1px solid rgba(233,212,193,.2);z-index:3;pointer-events:none}
.rvl-fmvv-feature img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s ease}
.rvl-fmvv-feature:hover img{transform:scale(1.05)}
.rvl-fmvv-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(54,20,31,.94),rgba(104,58,72,.7) 58%,rgba(104,58,72,.12))}
.rvl-fmvv-feature-content{position:absolute;left:28px;right:28px;bottom:27px;z-index:4;display:grid;grid-template-columns:50px 1fr;gap:17px;align-items:center}
.rvl-fmvv-icon{width:46px;height:46px;border:1px solid rgba(233,212,193,.5);display:flex;align-items:center;justify-content:center;transform:rotate(45deg);background:rgba(104,58,72,.35)}
.rvl-fmvv-icon svg{width:25px;height:25px;fill:none;stroke:var(--cream);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg)}
.rvl-fmvv-feature h3{margin:0 0 6px;font-family:"Playfair Display",serif;font-size:30px;line-height:1;font-weight:600;color:var(--cream)}
.rvl-fmvv-feature p{margin:0;max-width:390px;font-family:"Lato",sans-serif;font-size:14px;line-height:1.5;font-weight:500;color:rgba(233,212,193,.9)}
.rvl-fmvv-values{margin-top:20px}
.rvl-fmvv-values>h3{margin:0 0 16px;text-align:center;font-family:"Playfair Display",serif;font-size:29px;line-height:1;font-weight:600;color:var(--cream)}
.rvl-fmvv-values-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(233,212,193,.2);border-bottom:1px solid rgba(233,212,193,.2)}
.rvl-fmvv-value{display:flex;align-items:center;gap:14px;min-height:82px;padding:13px 24px}
.rvl-fmvv-value+.rvl-fmvv-value{border-left:1px solid rgba(233,212,193,.18)}
.rvl-fmvv-value-icon{width:42px;height:42px;min-width:42px;border:1px solid rgba(233,212,193,.35);border-radius:50%;display:flex;align-items:center;justify-content:center}
.rvl-fmvv-value-icon svg{width:22px;height:22px;fill:none;stroke:var(--cream);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rvl-fmvv-value p{margin:0;font-family:"Lato",sans-serif;font-size:13px;line-height:1.45;font-weight:600;color:rgba(233,212,193,.86)}
@media(max-width:767px){
.rvl-founder-mvv{padding:40px 12px}
.rvl-fmvv-head{margin-bottom:22px}
.rvl-fmvv-head h2{font-size:40px}
.rvl-fmvv-main{grid-template-columns:1fr}
.rvl-fmvv-feature{height:215px}
.rvl-fmvv-feature-content{left:22px;right:22px;bottom:23px}
.rvl-fmvv-feature h3{font-size:27px}
.rvl-fmvv-values-grid{grid-template-columns:1fr}
.rvl-fmvv-value{min-height:auto;padding:13px 8px}
.rvl-fmvv-value+.rvl-fmvv-value{border-left:0;border-top:1px solid rgba(233,212,193,.15)}
}
@media(max-width:420px){
.rvl-founder-mvv{padding:36px 10px}
.rvl-fmvv-head h2{font-size:40px}
.rvl-fmvv-feature{height:205px}
.rvl-fmvv-feature-content{grid-template-columns:43px 1fr;gap:13px}
.rvl-fmvv-icon{width:40px;height:40px}
.rvl-fmvv-feature p{font-size:13px}
}
/* ========================================================= */
/* ====== END: FOUNDER MISSION VISION VALUES CSS ============= */
/* ========================================================= */
/* ========================================================= */
/* ========== START: MISSION VISION VALUES CSS ============== */
/* ========================================================= */
.rvl-mvv-section,.rvl-mvv-section *{box-sizing:border-box}
.rvl-mvv-section{--maroon:#683A48;--cream:#E9D4C1;background:var(--maroon);padding:60px 20px;overflow:hidden}
.rvl-mvv-container{max-width:1180px;margin:0 auto}
.rvl-mvv-heading{text-align:center;margin-bottom:45px}
.rvl-mvv-label{display:block;margin-bottom:8px;font-family:"Lato",sans-serif;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--cream)}
.rvl-mvv-heading h2{margin:0;font-family:"Playfair Display",serif;font-size:40px;line-height:1.2;font-weight:500;color:var(--cream)}
.rvl-mvv-layout{display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;position:relative}
.rvl-mvv-block{position:relative;min-height:245px;display:flex;align-items:center;padding:35px 45px;border-top:1px solid rgba(233,212,193,.22);border-bottom:1px solid rgba(233,212,193,.22)}
.rvl-mvv-mission{text-align:right;justify-content:flex-end}
.rvl-mvv-vision{text-align:left;justify-content:flex-start}
.rvl-mvv-number{position:absolute;top:15px;font-family:"Playfair Display",serif;font-size:80px;line-height:1;font-weight:500;color:rgba(233,212,193,.06)}
.rvl-mvv-mission .rvl-mvv-number{left:15px}
.rvl-mvv-vision .rvl-mvv-number{right:15px}
.rvl-mvv-content{position:relative;z-index:2;max-width:390px}
.rvl-mvv-small{display:block;margin-bottom:7px;font-family:"Lato",sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(233,212,193,.62)}
.rvl-mvv-content h3,.rvl-mvv-values-head h3{margin:0 0 12px;font-family:"Playfair Display",serif;font-size:36px;line-height:1;font-weight:600;color:var(--cream)}
.rvl-mvv-content p{margin:0;font-family:"Lato",sans-serif;font-size:15px;line-height:1.7;font-weight:400;color:rgba(233,212,193,.82)}
.rvl-mvv-center{position:relative;width:160px;height:160px;margin:auto;display:flex;align-items:center;justify-content:center}
.rvl-mvv-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(233,212,193,.32)}
.rvl-ring-one{width:125px;height:125px}
.rvl-ring-two{width:102px;height:102px;border-style:dashed;animation:rvlMvvSpin 18s linear infinite}
.rvl-mvv-diamond{position:relative;z-index:5;width:86px;height:86px;background:var(--cream);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 35px rgba(31,7,15,.25)}
.rvl-mvv-logo-inner{width:70px;height:70px;padding:7px;border-radius:50%;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;transform:rotate(-45deg)}
.rvl-mvv-logo-inner img{display:block;width:100%;height:100%;object-fit:contain}
.rvl-mvv-values{grid-column:1/-1;margin-top:28px;padding:25px 30px;background:var(--cream);display:grid;grid-template-columns:230px 1fr;align-items:center;gap:35px}
.rvl-mvv-values-head{display:flex;align-items:center;gap:16px}
.rvl-mvv-values-number{font-family:"Playfair Display",serif;font-size:52px;line-height:1;color:rgba(104,58,72,.18)}
.rvl-mvv-values .rvl-mvv-small{color:rgba(104,58,72,.6)}
.rvl-mvv-values-head h3{margin:0;color:var(--maroon);font-size:32px}
.rvl-values-list{display:grid;grid-template-columns:repeat(3,1fr)}
.rvl-value-item{padding:5px 25px;border-left:1px solid rgba(104,58,72,.18)}
.rvl-value-item span{display:block;margin-bottom:5px;font-family:"Playfair Display",serif;font-size:20px;font-weight:600;color:var(--maroon)}
.rvl-value-item p{margin:0;font-family:"Lato",sans-serif;font-size:13px;line-height:1.45;color:rgba(104,58,72,.75)}
@keyframes rvlMvvSpin{
from{transform:translate(-50%,-50%) rotate(45deg)}
to{transform:translate(-50%,-50%) rotate(405deg)}
}
@media(max-width:900px){
.rvl-mvv-section{padding:50px 18px}
.rvl-mvv-layout{grid-template-columns:1fr 150px 1fr}
.rvl-mvv-block{padding:30px 25px}
.rvl-mvv-center{width:130px;height:130px}
.rvl-ring-one{width:108px;height:108px}
.rvl-ring-two{width:88px;height:88px}
.rvl-mvv-diamond{width:76px;height:76px}
.rvl-mvv-logo-inner{width:62px;height:62px}
.rvl-mvv-values{grid-template-columns:190px 1fr;padding:23px 20px;gap:20px}
.rvl-value-item{padding:5px 15px}
}
@media(max-width:767px){
.rvl-mvv-section{padding:45px 12px}
.rvl-mvv-heading{margin-bottom:30px}
.rvl-mvv-heading h2{font-size:40px}
.rvl-mvv-layout{display:flex;flex-direction:column}
.rvl-mvv-block{width:100%;min-height:auto;padding:28px 24px;text-align:center;justify-content:center;border:1px solid rgba(233,212,193,.2)}
.rvl-mvv-number{font-size:65px}
.rvl-mvv-mission .rvl-mvv-number,.rvl-mvv-vision .rvl-mvv-number{left:auto;right:15px}
.rvl-mvv-center{width:145px;height:145px;margin:20px auto}
.rvl-mvv-content h3{font-size:32px}
.rvl-mvv-content p{font-size:14px}
.rvl-mvv-values{width:100%;margin-top:20px;display:block;padding:25px 20px}
.rvl-mvv-values-head{justify-content:center;margin-bottom:20px}
.rvl-values-list{grid-template-columns:1fr}
.rvl-value-item{text-align:center;padding:14px 5px;border-left:0;border-top:1px solid rgba(104,58,72,.15)}
.rvl-value-item:first-child{border-top:0}
}
@media(max-width:420px){
.rvl-mvv-section{padding:40px 10px}
.rvl-mvv-heading h2{font-size:40px}
.rvl-mvv-block{padding:25px 20px}
.rvl-mvv-center{width:135px;height:135px}
}
/* ========================================================= */
/* =========== END: MISSION VISION VALUES CSS =============== */
/* ========================================================= */
/* ========================================================= */
/* ===== START: RVL SIGNATURE GOLD CSS ======================= */
/* ========================================================= */
.rvl-signature-gold,
.rvl-signature-gold *{
box-sizing:border-box;
}
.rvl-signature-gold{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
position:relative;
width:100%;
overflow:hidden;
padding:65px 20px;
background:var(--rvl-cream);
}
/* ========================================================= */
/* MAIN */
/* ========================================================= */
.rvl-signature-gold__inner{
position:relative;
width:100%;
max-width:1240px;
min-height:520px;
margin:0 auto;
display:grid;
grid-template-columns:54% 46%;
align-items:center;
}
/* ========================================================= */
/* LEFT CONTENT */
/* ========================================================= */
.rvl-signature-gold__content{
position:relative;
z-index:5;
padding:25px 145px 25px 0;
opacity:0;
transform:translate3d(-25px,0,0);
transition:
opacity .8s ease,
transform .8s cubic-bezier(.22,.61,.36,1);
}
/* LABEL */
.rvl-signature-gold__label{
display:flex;
align-items:center;
gap:12px;
margin-bottom:14px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:var(--rvl-maroon);
}
.rvl-signature-gold__label span{
width:42px;
height:1px;
background:var(--rvl-maroon);
}
/* HEADING */
.rvl-signature-gold__content h2{
margin:0 0 22px;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.13;
font-weight:500;
color:var(--rvl-maroon);
}
/* PARAGRAPH */
.rvl-signature-gold__desc{
width:100%;
margin:0;
font-family:"Lato",sans-serif;
font-size:15px;
line-height:1.82;
font-weight:400;
color:rgba(104,58,72,.82);
}
/* ========================================================= */
/* STATEMENT */
/* ========================================================= */
.rvl-signature-gold__statement{
display:grid;
grid-template-columns:42px 1fr;
gap:15px;
margin-top:25px;
padding-top:21px;
border-top:1px solid rgba(104,58,72,.20);
}
.rvl-signature-gold__statement>span{
width:42px;
height:2px;
margin-top:10px;
background:var(--rvl-maroon);
}
.rvl-signature-gold__statement p{
margin:0;
font-family:"Playfair Display",serif;
font-size:17px;
line-height:1.5;
font-weight:600;
color:var(--rvl-maroon);
}
/* ========================================================= */
/* RIGHT VISUAL */
/* ========================================================= */
.rvl-signature-gold__visual{
position:relative;
width:100%;
height:520px;
overflow:visible;
opacity:0;
transition:opacity .8s ease;
}
/* ========================================================= */
/* IMAGE */
/* ========================================================= */
.rvl-signature-gold__image{
position:absolute;
inset:0;
overflow:hidden;
background:var(--rvl-maroon);
clip-path:inset(0 0 0 100%);
transition:
clip-path 1s cubic-bezier(.22,.61,.36,1);
}
.rvl-signature-gold__image:after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(104,58,72,.25) 0%,
rgba(104,58,72,.08) 40%,
transparent 72%
);
pointer-events:none;
}
.rvl-signature-gold__image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
transform:scale(1.03);
transition:
transform 1.2s cubic-bezier(.22,.61,.36,1);
}
/* ========================================================= */
/* IMAGE LINE */
/* ========================================================= */
.rvl-signature-gold__image-line{
position:absolute;
z-index:4;
top:24px;
right:24px;
bottom:24px;
width:1px;
background:rgba(233,212,193,.65);
}
.rvl-signature-gold__image-line:before,
.rvl-signature-gold__image-line:after{
content:"";
position:absolute;
right:-4px;
width:9px;
height:9px;
background:var(--rvl-cream);
transform:rotate(45deg);
}
.rvl-signature-gold__image-line:before{
top:0;
}
.rvl-signature-gold__image-line:after{
bottom:0;
}
/* ========================================================= */
/* FEATURE BOX POSITION */
/* ========================================================= */
.rvl-signature-gold__rail{
position:absolute;
z-index:10;
left:-70px;
top:50%;
width:320px;
opacity:0;
transform:
translate3d(20px,-50%,0);
transition:
opacity .7s ease .2s,
transform .8s cubic-bezier(.22,.61,.36,1) .2s;
}
/* ========================================================= */
/* NON STOP JUMPING BOX */
/* ========================================================= */
.rvl-signature-gold__rail-float{
position:relative;
width:100%;
padding:14px 24px;
background:#683A48;
box-shadow:
0 20px 45px rgba(35,16,22,.20);
animation:
rvlBoxJump 2.4s
cubic-bezier(.45,.05,.55,.95)
infinite;
will-change:transform;
}
.rvl-signature-gold__rail-float:before{
content:"";
position:absolute;
inset:8px;
border:1px solid rgba(233,212,193,.17);
pointer-events:none;
}
/* ========================================================= */
/* SMOOTH JUMP ANIMATION */
/* ========================================================= */
@keyframes rvlBoxJump{
0%{
transform:translate3d(0,0,0);
}
25%{
transform:translate3d(0,-7px,0);
}
50%{
transform:translate3d(0,0,0);
}
75%{
transform:translate3d(0,7px,0);
}
100%{
transform:translate3d(0,0,0);
}
}
/* ========================================================= */
/* FEATURE ITEMS */
/* ========================================================= */
.rvl-signature-gold__rail-item{
position:relative;
z-index:2;
min-height:67px;
display:flex;
align-items:center;
gap:15px;
padding:10px 0;
border-bottom:
1px solid rgba(233,212,193,.20);
}
.rvl-signature-gold__rail-item:last-child{
border-bottom:0;
}
/* ========================================================= */
/* DIAMOND */
/* ========================================================= */
.rvl-signature-gold__rail-item i{
position:relative;
width:12px;
height:12px;
flex:0 0 12px;
border:1px solid var(--rvl-cream);
transform:rotate(45deg);
}
.rvl-signature-gold__rail-item i:after{
content:"";
position:absolute;
left:3px;
top:3px;
width:4px;
height:4px;
background:var(--rvl-cream);
}
/* ========================================================= */
/* FEATURE TEXT */
/* ========================================================= */
.rvl-signature-gold__rail-item span{
font-family:"Playfair Display",serif;
font-size:15px;
line-height:1.4;
font-weight:600;
color:var(--rvl-cream);
}
/* ========================================================= */
/* VISIBLE STATE */
/* ========================================================= */
.rvl-signature-gold.is-visible
.rvl-signature-gold__content{
opacity:1;
transform:
translate3d(0,0,0);
}
.rvl-signature-gold.is-visible
.rvl-signature-gold__visual{
opacity:1;
}
.rvl-signature-gold.is-visible
.rvl-signature-gold__image{
clip-path:
inset(0 0 0 0);
}
.rvl-signature-gold.is-visible
.rvl-signature-gold__image img{
transform:
scale(1);
}
.rvl-signature-gold.is-visible
.rvl-signature-gold__rail{
opacity:1;
transform:
translate3d(0,-50%,0);
}
/* ========================================================= */
/* TABLET */
/* ========================================================= */
@media(max-width:1050px){
.rvl-signature-gold{
padding:55px 16px;
}
.rvl-signature-gold__inner{
grid-template-columns:55% 45%;
}
.rvl-signature-gold__content{
padding-right:125px;
}
.rvl-signature-gold__visual{
height:500px;
}
.rvl-signature-gold__rail{
left:-55px;
width:270px;
}
.rvl-signature-gold__rail-float{
padding:12px 20px;
}
.rvl-signature-gold__rail-item{
min-height:62px;
}
.rvl-signature-gold__rail-item span{
font-size:14px;
}
}
/* ========================================================= */
/* MOBILE */
/* ========================================================= */
@media(max-width:767px){
.rvl-signature-gold{
padding:44px 12px;
}
.rvl-signature-gold__inner{
display:block;
min-height:0;
}
.rvl-signature-gold__content{
width:100%;
padding:0;
}
.rvl-signature-gold__content h2{
font-size:40px;
}
.rvl-signature-gold__desc{
font-size:14px;
line-height:1.72;
}
.rvl-signature-gold__statement p{
font-size:16px;
}
/* IMAGE HIDE */
.rvl-signature-gold__image,
.rvl-signature-gold__image-line{
display:none;
}
/* VISUAL FOR BOX */
.rvl-signature-gold__visual{
width:100%;
height:auto;
margin-top:30px;
opacity:1;
}
/* BOX */
.rvl-signature-gold__rail{
position:relative;
left:auto;
top:auto;
width:100%;
opacity:0;
transform:
translate3d(0,15px,0);
}
.rvl-signature-gold.is-visible
.rvl-signature-gold__rail{
opacity:1;
transform:
translate3d(0,0,0);
}
.rvl-signature-gold__rail-float{
padding:10px 22px;
/*
MOBILE PAR PAN
NON STOP JUMP
*/
animation:
rvlBoxJumpMobile 2.4s
cubic-bezier(.45,.05,.55,.95)
infinite;
}
@keyframes rvlBoxJumpMobile{
0%{
transform:translate3d(0,0,0);
}
25%{
transform:translate3d(0,-6px,0);
}
50%{
transform:translate3d(0,0,0);
}
75%{
transform:translate3d(0,6px,0);
}
100%{
transform:translate3d(0,0,0);
}
}
.rvl-signature-gold__rail-item{
min-height:55px;
}
}
/* ========================================================= */
/* SMALL MOBILE */
/* ========================================================= */
@media(max-width:480px){
.rvl-signature-gold{
padding:40px 10px;
}
.rvl-signature-gold__content h2{
font-size:40px;
}
.rvl-signature-gold__rail-float{
padding:8px 18px;
}
.rvl-signature-gold__rail-item{
min-height:53px;
}
.rvl-signature-gold__rail-item span{
font-size:14px;
}
}
/* ========================================================= */
/* ===== END: RVL SIGNATURE GOLD CSS ========================= */
/* ========================================================= */
/* ========================================================= */
/* ===== START: RVL CERTIFICATIONS CSS ======================= */
/* ========================================================= */
.rvl-cert-slider,
.rvl-cert-slider *{
box-sizing:border-box;
}
.rvl-cert-slider{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
position:relative;
overflow:hidden;
padding:65px 20px 70px;
/* EXACT BACKGROUND COLOR */
background:#683A48;
}
.rvl-cert-slider__wrap{
position:relative;
width:100%;
max-width:1240px;
margin:0 auto;
}
/* HEADER */
.rvl-cert-slider__header{
max-width:760px;
margin:0 auto 38px;
text-align:center;
}
.rvl-cert-slider__label{
display:flex;
justify-content:center;
align-items:center;
gap:14px;
margin-bottom:14px;
font-family:"Lato",sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:var(--rvl-cream);
}
.rvl-cert-slider__label span{
width:35px;
height:1px;
background:var(--rvl-cream);
}
.rvl-cert-slider__header h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.12;
font-weight:500;
color:#fff;
}
.rvl-cert-slider__header p{
max-width:680px;
margin:17px auto 0;
font-family:"Lato",sans-serif;
font-size:15px;
line-height:1.75;
color:rgba(233,212,193,.82);
}
/* SLIDER */
.rvl-cert-slider__main{
position:relative;
display:flex;
align-items:center;
gap:16px;
}
.rvl-cert-slider__viewport{
width:100%;
overflow:hidden;
}
.rvl-cert-slider__track{
display:flex;
margin:0 -8px;
transform:translate3d(0,0,0);
transition:
transform .75s cubic-bezier(.22,.61,.36,1);
will-change:transform;
}
/* 4 DESKTOP */
.rvl-cert-slide{
flex:0 0 25%;
min-width:0;
padding:0 8px;
}
/* CARD */
.rvl-cert-card{
position:relative;
width:100%;
overflow:hidden;
border:1px solid rgba(233,212,193,.20);
background:#fff;
cursor:pointer;
box-shadow:
0 14px 35px rgba(34,13,20,.16);
transition:
transform .5s cubic-bezier(.22,.61,.36,1),
box-shadow .5s ease;
}
.rvl-cert-card:hover{
transform:translateY(-7px);
box-shadow:
0 22px 50px rgba(34,13,20,.28);
}
/* IMAGE */
.rvl-cert-card__image{
position:relative;
width:100%;
height:390px;
overflow:hidden;
background:#F4EFEA;
}
.rvl-cert-card__image>img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
transform:scale(1.02);
transition:
transform 1s cubic-bezier(.22,.61,.36,1);
}
.rvl-cert-card:hover
.rvl-cert-card__image>img{
transform:scale(1.07);
}
/* SHADE */
.rvl-cert-card__shade{
position:absolute;
inset:0;
z-index:2;
background:
linear-gradient(
180deg,
rgba(104,58,72,.01) 0%,
rgba(104,58,72,.08) 45%,
rgba(104,58,72,.78) 78%,
rgba(72,35,46,.98) 100%
);
}
/* NUMBER */
.rvl-cert-card__no{
position:absolute;
z-index:4;
top:18px;
left:18px;
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(233,212,193,.55);
background:rgba(104,58,72,.50);
font-family:"Lato",sans-serif;
font-size:10px;
font-weight:700;
color:var(--rvl-cream);
}
/* CONTENT */
.rvl-cert-card__content{
position:absolute;
z-index:5;
left:0;
right:0;
bottom:0;
padding:24px 22px;
}
.rvl-cert-card__content small{
display:block;
margin-bottom:7px;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:rgba(233,212,193,.75);
}
.rvl-cert-card__content h3{
margin:0;
font-family:"Playfair Display",serif;
font-size:21px;
line-height:1.25;
font-weight:500;
color:#fff;
}
/* VIEW CERTIFICATE */
.rvl-cert-card__view{
width:max-content;
display:flex;
align-items:center;
gap:10px;
margin-top:14px;
padding-top:12px;
border-top:
1px solid rgba(233,212,193,.28);
color:var(--rvl-cream);
}
.rvl-cert-card__view span{
font-family:"Lato",sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
}
.rvl-cert-card__view i{
display:inline-block;
font-family:Arial,sans-serif;
font-size:15px;
font-style:normal;
transition:
transform .4s cubic-bezier(.22,.61,.36,1);
}
.rvl-cert-card:hover
.rvl-cert-card__view i{
transform:translate3d(4px,-4px,0);
}
/* ARROWS */
.rvl-cert-slider__arrow{
position:relative;
z-index:5;
width:46px;
height:46px;
flex:0 0 46px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:1px solid rgba(233,212,193,.45);
background:transparent;
font-family:Arial,sans-serif;
font-size:19px;
color:var(--rvl-cream);
cursor:pointer;
transition:
background .35s ease,
color .35s ease,
transform .35s ease;
}
.rvl-cert-slider__arrow:hover{
background:var(--rvl-cream);
color:var(--rvl-maroon);
transform:scale(1.05);
}
/* BOTTOM */
.rvl-cert-slider__bottom{
margin-top:27px;
display:flex;
align-items:center;
justify-content:center;
gap:20px;
}
.rvl-cert-slider__progress{
position:relative;
width:150px;
height:1px;
overflow:hidden;
background:rgba(233,212,193,.25);
}
.rvl-cert-slider__progress span{
position:absolute;
left:0;
top:0;
height:100%;
background:var(--rvl-cream);
transition:
width .55s ease,
transform .65s cubic-bezier(.22,.61,.36,1);
}
.rvl-cert-slider__count{
display:flex;
align-items:center;
gap:5px;
font-family:"Lato",sans-serif;
font-size:11px;
color:rgba(233,212,193,.55);
}
.rvl-cert-slider__count strong{
font-size:13px;
color:#fff;
}
.rvl-cert-slider__count em{
font-style:normal;
}
/* LIGHTBOX */
.rvl-cert-lightbox{
position:fixed;
z-index:99999;
inset:0;
display:flex;
align-items:center;
justify-content:center;
padding:30px;
background:rgba(45,20,28,.96);
opacity:0;
visibility:hidden;
transition:
opacity .35s ease,
visibility .35s ease;
}
.rvl-cert-lightbox.is-open{
opacity:1;
visibility:visible;
}
.rvl-cert-lightbox__inner{
max-width:1000px;
max-height:90vh;
display:flex;
align-items:center;
justify-content:center;
}
.rvl-cert-lightbox__inner img{
max-width:100%;
max-height:90vh;
display:block;
object-fit:contain;
box-shadow:
0 25px 70px rgba(0,0,0,.40);
transform:scale(.95);
transition:
transform .4s cubic-bezier(.22,.61,.36,1);
}
.rvl-cert-lightbox.is-open
.rvl-cert-lightbox__inner img{
transform:scale(1);
}
.rvl-cert-lightbox__close{
position:absolute;
top:20px;
right:25px;
width:45px;
height:45px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:1px solid rgba(233,212,193,.50);
background:transparent;
font-family:Arial,sans-serif;
font-size:30px;
color:var(--rvl-cream);
cursor:pointer;
}
/* TABLET */
@media(max-width:1050px){
.rvl-cert-slide{
flex-basis:33.333333%;
}
.rvl-cert-card__image{
height:370px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-cert-slider{
padding:48px 12px;
}
.rvl-cert-slider__header{
margin-bottom:30px;
}
.rvl-cert-slider__header h2{
font-size:40px;
}
.rvl-cert-slider__header p{
font-size:14px;
line-height:1.7;
}
.rvl-cert-slider__main{
display:block;
}
.rvl-cert-slide{
flex-basis:100%;
}
.rvl-cert-card__image{
height:440px;
}
.rvl-cert-slider__arrow{
position:absolute;
top:50%;
width:42px;
height:42px;
flex:none;
transform:translateY(-50%);
background:#683A48;
color:var(--rvl-cream);
}
.rvl-cert-slider__arrow:hover{
transform:translateY(-50%);
}
.rvl-cert-slider__prev{
left:8px;
}
.rvl-cert-slider__next{
right:8px;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-cert-slider{
padding:44px 10px;
}
.rvl-cert-slider__header h2{
font-size:40px;
}
.rvl-cert-card__image{
height:390px;
}
.rvl-cert-card__content{
padding:22px 20px;
}
}
/* ========================================================= */
/* ===== END: RVL CERTIFICATIONS CSS ========================= */
/* ========================================================= */
/* ========================================================= */
/* ===== START: RVL MANUFACTURING CAPABILITIES CSS ========== */
/* ========================================================= */
.rvl-cap-fig,
.rvl-cap-fig *{
box-sizing:border-box;
}
.rvl-cap-fig{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
position:relative;
overflow:hidden;
padding:65px 20px 70px;
background:var(--rvl-cream);
}
.rvl-cap-fig__wrap{
width:100%;
max-width:1240px;
margin:0 auto;
}
/* HEADER */
.rvl-cap-fig__header{
max-width:900px;
margin:0 auto 38px;
text-align:center;
}
.rvl-cap-fig__label{
display:flex;
justify-content:center;
align-items:center;
gap:14px;
margin-bottom:14px;
font-family:"Lato",sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:var(--rvl-maroon);
}
.rvl-cap-fig__label span{
width:35px;
height:1px;
background:var(--rvl-maroon);
}
.rvl-cap-fig__header h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.12;
font-weight:500;
color:var(--rvl-maroon);
}
.rvl-cap-fig__header p{
max-width:720px;
margin:17px auto 0;
font-family:"Lato",sans-serif;
font-size:15px;
line-height:1.75;
color:rgba(104,58,72,.78);
}
/* ========================================================= */
/* MAIN */
/* ========================================================= */
.rvl-cap-fig__main{
display:grid;
grid-template-columns:58% 42%;
min-height:500px;
overflow:hidden;
}
/* ========================================================= */
/* LEFT VISUAL */
/* ========================================================= */
.rvl-cap-fig__visual{
position:relative;
min-height:500px;
overflow:hidden;
}
.rvl-cap-fig__visual>img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
transform:scale(1.05);
transition:transform 9s ease;
}
.rvl-cap-fig__main:hover
.rvl-cap-fig__visual>img{
transform:scale(1.10);
}
.rvl-cap-fig__shade{
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
rgba(49,18,29,.05),
rgba(48,18,29,.16) 45%,
rgba(43,15,25,.80) 100%
);
}
/* ========================================================= */
/* FACTS */
/* ========================================================= */
.rvl-cap-fig__fact{
position:absolute;
z-index:4;
color:#fff;
opacity:0;
transform:translateY(30px);
transition:
opacity .7s ease,
transform .8s cubic-bezier(.22,.61,.36,1);
}
.rvl-cap-fig.is-visible
.rvl-cap-fig__fact{
opacity:1;
transform:translateY(0);
}
.rvl-cap-fig__fact--one{
left:45px;
bottom:45px;
}
.rvl-cap-fig__fact--two{
right:45px;
bottom:45px;
text-align:right;
transition-delay:.15s;
}
.rvl-cap-fig__fact small{
display:block;
margin-bottom:9px;
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1;
font-weight:700;
letter-spacing:2.3px;
text-transform:uppercase;
color:var(--rvl-cream);
}
.rvl-cap-fig__fact strong{
display:block;
font-family:"Playfair Display",serif;
font-size:64px;
line-height:.9;
font-weight:500;
color:#fff;
}
.rvl-cap-fig__fact p{
margin:10px 0 0;
font-family:"Lato",sans-serif;
font-size:13px;
line-height:1.4;
color:rgba(255,255,255,.85);
}
/* VERTICAL DIVIDER */
.rvl-cap-fig__line{
position:absolute;
z-index:3;
left:50%;
bottom:45px;
width:1px;
height:85px;
background:
linear-gradient(
transparent,
rgba(233,212,193,.55),
transparent
);
}
/* ========================================================= */
/* RIGHT */
/* ========================================================= */
.rvl-cap-fig__strengths{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
padding:55px 50px;
background:#683A48;
}
.rvl-cap-fig__strength-head{
margin-bottom:30px;
}
.rvl-cap-fig__strength-head span{
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1;
font-weight:700;
letter-spacing:2.7px;
text-transform:uppercase;
color:rgba(233,212,193,.60);
}
/* ========================================================= */
/* STRENGTH */
/* ========================================================= */
.rvl-cap-fig__strength{
position:relative;
display:grid;
grid-template-columns:64px 1fr;
gap:22px;
align-items:center;
padding:30px 0;
border-top:1px solid rgba(233,212,193,.18);
/* DEFAULT VISIBLE */
opacity:1;
transform:translateX(0);
transition:
opacity .75s ease,
transform .85s cubic-bezier(.22,.61,.36,1);
}
.rvl-cap-fig__strength:last-of-type{
border-bottom:
1px solid rgba(233,212,193,.18);
}
.rvl-cap-fig.is-visible
.rvl-cap-fig__strength{
opacity:1;
transform:translateX(0);
}
.rvl-cap-fig.is-visible
.rvl-cap-fig__strength:nth-of-type(3){
transition-delay:.18s;
}
/* ICON */
.rvl-cap-fig__icon{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:
1px solid rgba(233,212,193,.38);
transition:
background .4s ease,
transform .5s cubic-bezier(.22,.61,.36,1);
}
.rvl-cap-fig__icon svg{
width:25px;
height:25px;
fill:none;
stroke:var(--rvl-cream);
stroke-width:1.4;
stroke-linecap:round;
stroke-linejoin:round;
transition:stroke .4s ease;
}
/* HOVER */
.rvl-cap-fig__strength:hover
.rvl-cap-fig__icon{
background:var(--rvl-cream);
transform:
rotate(-8deg)
scale(1.08);
}
.rvl-cap-fig__strength:hover
.rvl-cap-fig__icon svg{
stroke:var(--rvl-maroon);
}
/* COPY */
.rvl-cap-fig__strength-copy span{
display:block;
margin-bottom:8px;
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1;
font-weight:700;
letter-spacing:2px;
color:rgba(233,212,193,.48);
}
.rvl-cap-fig__strength-copy h3{
max-width:330px;
margin:0;
font-family:"Playfair Display",serif;
font-size:25px;
line-height:1.28;
font-weight:500;
color:#fff;
}
/* ========================================================= */
/* DECORATION */
/* ========================================================= */
.rvl-cap-fig__signature{
display:flex;
align-items:center;
gap:9px;
margin-top:35px;
}
.rvl-cap-fig__signature span{
width:35px;
height:1px;
background:
rgba(233,212,193,.28);
}
.rvl-cap-fig__signature i{
width:7px;
height:7px;
border:
1px solid var(--rvl-cream);
transform:rotate(45deg);
}
/* ========================================================= */
/* TABLET */
/* ========================================================= */
@media(max-width:950px){
.rvl-cap-fig{
padding:58px 16px 62px;
}
.rvl-cap-fig__main{
grid-template-columns:54% 46%;
}
.rvl-cap-fig__strengths{
padding:45px 35px;
}
.rvl-cap-fig__fact strong{
font-size:52px;
}
.rvl-cap-fig__fact--one{
left:30px;
}
.rvl-cap-fig__fact--two{
right:30px;
}
.rvl-cap-fig__strength-copy h3{
font-size:21px;
}
}
/* ========================================================= */
/* MOBILE */
/* ========================================================= */
@media(max-width:767px){
.rvl-cap-fig{
padding:48px 12px;
}
.rvl-cap-fig__header{
margin-bottom:30px;
}
.rvl-cap-fig__header h2{
font-size:40px;
}
.rvl-cap-fig__header p{
font-size:14px;
line-height:1.7;
}
.rvl-cap-fig__main{
display:block;
}
/* IMAGE */
.rvl-cap-fig__visual{
min-height:420px;
}
.rvl-cap-fig__fact--one{
left:22px;
bottom:32px;
}
.rvl-cap-fig__fact--two{
right:22px;
bottom:32px;
}
.rvl-cap-fig__fact strong{
font-size:42px;
}
.rvl-cap-fig__fact p{
max-width:125px;
font-size:11px;
}
/* STRENGTHS */
.rvl-cap-fig__strengths{
padding:36px 24px;
}
.rvl-cap-fig__strength{
grid-template-columns:52px 1fr;
gap:17px;
padding:24px 0;
}
.rvl-cap-fig__icon{
width:50px;
height:50px;
}
.rvl-cap-fig__icon svg{
width:22px;
height:22px;
}
.rvl-cap-fig__strength-copy h3{
font-size:20px;
}
}
/* ========================================================= */
/* SMALL MOBILE */
/* ========================================================= */
@media(max-width:480px){
.rvl-cap-fig{
padding:44px 10px;
}
.rvl-cap-fig__header h2{
font-size:40px;
}
.rvl-cap-fig__visual{
min-height:390px;
}
.rvl-cap-fig__fact strong{
font-size:37px;
}
}
/* ========================================================= */
/* ===== END: RVL MANUFACTURING CAPABILITIES CSS ============ */
/* ========================================================= */
/* ========================================================= */
/* ============== START: DARK TESTIMONIALS CSS ============== */
/* ========================================================= */
.rvl-testimonials-dark,
.rvl-testimonials-dark *{
box-sizing:border-box;
}
.rvl-testimonials-dark{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
position:relative;
overflow:hidden;
padding:65px 20px 70px;
background:#683A48;
}
.rvl-testimonials-dark-wrap{
position:relative;
z-index:2;
width:100%;
max-width:1100px;
margin:0 auto;
}
/* HEADER */
.rvl-testimonials-dark-head{
max-width:760px;
margin:0 auto 38px;
text-align:center;
}
.rvl-testimonials-dark-head>span{
position:relative;
display:inline-flex;
align-items:center;
gap:12px;
margin-bottom:13px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:var(--rvl-cream);
}
.rvl-testimonials-dark-head>span:before,
.rvl-testimonials-dark-head>span:after{
content:"";
width:30px;
height:1px;
background:rgba(233,212,193,.55);
}
.rvl-testimonials-dark-head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.12;
font-weight:500;
color:#fff;
}
.rvl-testimonials-dark-head p{
max-width:600px;
margin:16px auto 0;
font-family:"Lato",sans-serif;
font-size:15px;
line-height:1.7;
color:rgba(255,255,255,.72);
}
/* GRID */
.rvl-testimonials-dark-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}
/* ITEM */
.rvl-testimonial-dark-item{
min-width:0;
text-align:center;
}
/* VIDEO */
.rvl-testimonial-dark-video{
position:relative;
width:100%;
height:360px;
overflow:hidden;
border-radius:18px;
border:1px solid rgba(233,212,193,.18);
background:#4d2934;
box-shadow:
0 18px 38px rgba(35,13,21,.20);
transition:
transform .45s cubic-bezier(.22,.61,.36,1),
border-color .35s ease,
box-shadow .45s ease;
}
.rvl-testimonial-dark-item:hover
.rvl-testimonial-dark-video{
transform:translateY(-7px);
border-color:rgba(233,212,193,.52);
box-shadow:
0 25px 50px rgba(35,13,21,.30);
}
.rvl-testimonial-dark-video video{
width:100%;
height:100%;
display:block;
object-fit:cover;
border-radius:inherit;
filter:
brightness(.80)
saturate(.90);
transform:scale(1.01);
transition:
transform .7s ease,
filter .5s ease;
}
.rvl-testimonial-dark-item:hover
.rvl-testimonial-dark-video video,
.rvl-testimonial-dark-video.is-playing video{
transform:scale(1.05);
filter:
brightness(.95)
saturate(1);
}
/* OVERLAY */
.rvl-testimonial-dark-video:after{
content:"";
position:absolute;
inset:0;
z-index:1;
border-radius:inherit;
background:
linear-gradient(
180deg,
rgba(45,17,27,.04) 35%,
rgba(45,17,27,.46) 100%
);
pointer-events:none;
}
/* PLAY BUTTON */
.rvl-testimonial-dark-video button{
position:absolute;
z-index:4;
left:50%;
top:50%;
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:1px solid rgba(233,212,193,.72);
border-radius:50%;
background:rgba(104,58,72,.82);
color:#fff;
cursor:pointer;
transform:translate(-50%,-50%);
backdrop-filter:blur(7px);
transition:
background .35s ease,
color .35s ease,
border-color .35s ease,
transform .4s cubic-bezier(.22,.61,.36,1);
}
.rvl-testimonial-dark-video button i{
font-size:15px;
margin-left:2px;
}
.rvl-testimonial-dark-video button:hover{
background:var(--rvl-cream);
border-color:var(--rvl-cream);
color:var(--rvl-maroon);
transform:
translate(-50%,-50%)
scale(1.08);
}
.rvl-testimonial-dark-video.is-playing button{
opacity:0;
visibility:hidden;
}
/* NAME */
.rvl-testimonial-dark-item h3{
margin:17px 0 5px;
font-family:"Playfair Display",serif;
font-size:20px;
line-height:1.25;
font-weight:500;
color:#fff;
}
.rvl-testimonial-dark-item>p{
margin:0;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.5;
font-weight:500;
color:rgba(233,212,193,.72);
}
/* TABLET */
@media(max-width:1000px){
.rvl-testimonials-dark{
padding:58px 16px 62px;
}
.rvl-testimonials-dark-grid{
grid-template-columns:repeat(2,1fr);
max-width:620px;
margin:0 auto;
}
.rvl-testimonial-dark-video{
height:380px;
border-radius:18px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-testimonials-dark{
padding:48px 12px;
}
.rvl-testimonials-dark-head{
margin-bottom:30px;
}
.rvl-testimonials-dark-head h2{
font-size:40px;
}
.rvl-testimonials-dark-head p{
font-size:14px;
}
.rvl-testimonials-dark-grid{
grid-template-columns:repeat(2,1fr);
gap:18px 12px;
}
.rvl-testimonial-dark-video{
height:280px;
border-radius:15px;
}
.rvl-testimonial-dark-video button{
width:48px;
height:48px;
}
.rvl-testimonial-dark-item h3{
margin-top:13px;
font-size:17px;
}
.rvl-testimonial-dark-item>p{
font-size:11px;
}
}
/* SMALL MOBILE */
@media(max-width:400px){
.rvl-testimonials-dark{
padding:44px 10px;
}
.rvl-testimonials-dark-head h2{
font-size:40px;
}
.rvl-testimonial-dark-video{
height:250px;
border-radius:14px;
}
}
/* ========================================================= */
/* =============== END: DARK TESTIMONIALS CSS =============== */
/* ========================================================= */
/* ========================================================= */
/* ===== START: GOLD CHAIN INTRODUCTION NEW CSS ============== */
/* ========================================================= */
.rvl-chain-intro-new,
.rvl-chain-intro-new *{
box-sizing:border-box;
}
.rvl-chain-intro-new{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
position:relative;
overflow:hidden;
padding:65px 20px;
background:#E9D4C1;
}
.rvl-chain-intro-new__wrap{
width:100%;
max-width:1240px;
margin:0 auto;
display:grid;
grid-template-columns:46% 54%;
min-height:520px;
}
/* ========================================================= */
/* IMAGE */
/* ========================================================= */
.rvl-chain-intro-new__image{
position:relative;
min-height:520px;
overflow:hidden;
}
.rvl-chain-intro-new__image img{
position:absolute;
inset:0;
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center;
transform:scale(1.04);
transition:transform 8s ease;
}
.rvl-chain-intro-new__image:hover img{
transform:scale(1.10);
}
.rvl-chain-intro-new__overlay{
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
rgba(45,17,27,.02),
rgba(45,17,27,.12) 55%,
rgba(45,17,27,.52) 100%
);
}
/* CORNERS */
.rvl-chain-intro-new__corner{
position:absolute;
z-index:3;
width:60px;
height:60px;
}
.rvl-chain-intro-new__corner--tl{
left:24px;
top:24px;
border-left:1px solid #E9D4C1;
border-top:1px solid #E9D4C1;
}
.rvl-chain-intro-new__corner--br{
right:24px;
bottom:24px;
border-right:1px solid #E9D4C1;
border-bottom:1px solid #E9D4C1;
}
/* ========================================================= */
/* CONTENT */
/* ========================================================= */
.rvl-chain-intro-new__content{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
padding:45px 0 45px 65px;
}
/* LABEL */
.rvl-chain-intro-new__label{
display:flex;
align-items:center;
gap:12px;
margin-bottom:15px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#683A48;
}
.rvl-chain-intro-new__label span{
width:38px;
height:1px;
background:#683A48;
}
/* TITLE */
.rvl-chain-intro-new__content h2{
max-width:600px;
margin:0 0 20px;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.12;
font-weight:500;
color:#683A48;
}
/* TEXT */
.rvl-chain-intro-new__content>p{
max-width:650px;
margin:0 0 15px;
font-family:"Lato",sans-serif;
font-size:15px;
line-height:1.8;
color:rgba(77,41,52,.82);
}
.rvl-chain-intro-new__highlight{
position:relative;
padding-left:18px;
font-weight:700;
color:#683A48 !important;
}
.rvl-chain-intro-new__highlight:before{
content:"";
position:absolute;
left:0;
top:4px;
bottom:4px;
width:2px;
background:#683A48;
}
/* ========================================================= */
/* FACTS */
/* ========================================================= */
.rvl-chain-intro-new__facts{
margin-top:25px;
display:grid;
grid-template-columns:repeat(4,1fr);
border-top:1px solid rgba(104,58,72,.25);
border-bottom:1px solid rgba(104,58,72,.25);
}
/* FACT */
.rvl-chain-intro-new__fact{
position:relative;
min-height:112px;
padding:20px 14px;
display:flex;
flex-direction:column;
justify-content:center;
border-right:1px solid rgba(104,58,72,.20);
}
.rvl-chain-intro-new__fact:last-child{
border-right:0;
}
/* NUMBER */
.rvl-chain-intro-new__number{
perspective:700px;
margin-bottom:8px;
}
.rvl-chain-intro-new__number strong{
display:block;
font-family:"Playfair Display",serif;
font-size:31px;
line-height:1;
font-weight:500;
color:#683A48;
transform-style:preserve-3d;
animation:rvlChainNumberRotate 8s ease-in-out infinite;
}
/* ROTATION DELAY */
.rvl-chain-intro-new__fact:nth-child(1)
.rvl-chain-intro-new__number strong{
animation-delay:0s;
}
.rvl-chain-intro-new__fact:nth-child(2)
.rvl-chain-intro-new__number strong{
animation-delay:2s;
}
.rvl-chain-intro-new__fact:nth-child(3)
.rvl-chain-intro-new__number strong{
animation-delay:4s;
}
.rvl-chain-intro-new__fact:nth-child(4)
.rvl-chain-intro-new__number strong{
animation-delay:6s;
}
/* ROTATE */
@keyframes rvlChainNumberRotate{
0%,
8%{
transform:rotateX(0deg);
}
13%{
transform:rotateX(90deg);
opacity:.25;
}
19%{
transform:rotateX(360deg);
opacity:1;
}
100%{
transform:rotateX(360deg);
}
}
/* FACT TEXT */
.rvl-chain-intro-new__fact>span{
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1.45;
font-weight:600;
color:rgba(104,58,72,.75);
}
/* BOTTOM HOVER */
.rvl-chain-intro-new__fact:after{
content:"";
position:absolute;
left:0;
bottom:-1px;
width:0;
height:2px;
background:#683A48;
transition:width .45s ease;
}
.rvl-chain-intro-new__fact:hover:after{
width:100%;
}
/* ========================================================= */
/* TABLET */
/* ========================================================= */
@media(max-width:1000px){
.rvl-chain-intro-new{
padding:58px 16px;
}
.rvl-chain-intro-new__wrap{
grid-template-columns:43% 57%;
}
.rvl-chain-intro-new__content{
padding-left:40px;
}
.rvl-chain-intro-new__fact{
padding:18px 10px;
}
.rvl-chain-intro-new__number strong{
font-size:27px;
}
}
/* ========================================================= */
/* MOBILE */
/* ========================================================= */
@media(max-width:767px){
.rvl-chain-intro-new{
padding:48px 12px;
}
.rvl-chain-intro-new__wrap{
display:flex;
flex-direction:column;
}
/* CONTENT FIRST */
.rvl-chain-intro-new__content{
order:1;
padding:0 2px 30px;
}
.rvl-chain-intro-new__content h2{
font-size:40px;
}
.rvl-chain-intro-new__content>p{
font-size:14px;
line-height:1.75;
}
/* IMAGE */
.rvl-chain-intro-new__image{
order:2;
min-height:360px;
}
/* FACTS */
.rvl-chain-intro-new__facts{
grid-template-columns:repeat(2,1fr);
margin-top:25px;
}
.rvl-chain-intro-new__fact{
min-height:105px;
padding:18px;
border-bottom:1px solid rgba(104,58,72,.20);
}
.rvl-chain-intro-new__fact:nth-child(2n){
border-right:0;
}
.rvl-chain-intro-new__fact:nth-child(3),
.rvl-chain-intro-new__fact:nth-child(4){
border-bottom:0;
}
.rvl-chain-intro-new__number strong{
font-size:30px;
}
}
/* ========================================================= */
/* SMALL MOBILE */
/* ========================================================= */
@media(max-width:480px){
.rvl-chain-intro-new{
padding:44px 10px;
}
.rvl-chain-intro-new__content h2{
font-size:40px;
}
.rvl-chain-intro-new__image{
min-height:320px;
}
}
/* ========================================================= */
/* ===== END: GOLD CHAIN INTRODUCTION NEW CSS ================ */
/* ========================================================= */
/* =========== START: GOLD CHAIN PRODUCT SPECIFICATION DARK CSS ============ */
.rvl-chain-spec-dark,
.rvl-chain-spec-dark *{
box-sizing:border-box;
}
.rvl-chain-spec-dark{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
position:relative;
overflow:hidden;
padding:65px 20px 70px;
background:#683A48;
}
.rvl-chain-spec-dark__wrap{
width:100%;
max-width:1240px;
margin:0 auto;
}
/* HEADER */
.rvl-chain-spec-dark__head{
max-width:900px;
margin:0 auto 38px;
text-align:center;
}
.rvl-chain-spec-dark__label{
display:flex;
align-items:center;
justify-content:center;
gap:14px;
margin-bottom:14px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-chain-spec-dark__label span{
width:35px;
height:1px;
background:#E9D4C1;
animation:rvlSpecLabelLine 2.8s ease-in-out infinite;
}
@keyframes rvlSpecLabelLine{
0%,100%{
width:35px;
opacity:.65;
}
50%{
width:50px;
opacity:1;
}
}
.rvl-chain-spec-dark__head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.12;
font-weight:500;
color:#fff;
}
.rvl-chain-spec-dark__head p{
max-width:650px;
margin:16px auto 0;
font-family:"Lato",sans-serif;
font-size:15px;
line-height:1.7;
color:rgba(255,255,255,.70);
}
/* MAIN */
.rvl-chain-spec-dark__main{
display:grid;
grid-template-columns:32% 68%;
min-height:430px;
overflow:hidden;
border:1px solid rgba(233,212,193,.28);
box-shadow:
0 25px 55px rgba(34,13,20,.22);
}
/* LEFT */
.rvl-chain-spec-dark__purity{
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:45px 35px;
overflow:hidden;
background:
linear-gradient(
145deg,
rgba(233,212,193,.10),
rgba(233,212,193,.02)
);
border-right:1px solid rgba(233,212,193,.22);
}
/* ROTATING RINGS */
.rvl-chain-spec-dark__ring{
position:absolute;
left:50%;
top:50%;
border-radius:50%;
pointer-events:none;
transform:translate(-50%,-50%);
}
.rvl-chain-spec-dark__ring--one{
width:290px;
height:290px;
border:1px solid rgba(233,212,193,.10);
animation:rvlSpecRingOne 15s linear infinite;
}
.rvl-chain-spec-dark__ring--one:before{
content:"";
position:absolute;
left:50%;
top:-4px;
width:7px;
height:7px;
border-radius:50%;
background:#E9D4C1;
box-shadow:0 0 14px rgba(233,212,193,.55);
}
.rvl-chain-spec-dark__ring--two{
width:195px;
height:195px;
border:1px dashed rgba(233,212,193,.14);
animation:rvlSpecRingTwo 12s linear infinite;
}
@keyframes rvlSpecRingOne{
from{
transform:translate(-50%,-50%) rotate(0deg);
}
to{
transform:translate(-50%,-50%) rotate(360deg);
}
}
@keyframes rvlSpecRingTwo{
from{
transform:translate(-50%,-50%) rotate(360deg);
}
to{
transform:translate(-50%,-50%) rotate(0deg);
}
}
/* LABEL */
.rvl-chain-spec-dark__small{
position:relative;
z-index:3;
margin-bottom:32px;
font-family:"Lato",sans-serif;
font-size:10px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:rgba(233,212,193,.65);
}
/* PURITY */
.rvl-chain-spec-dark__purity-list{
position:relative;
z-index:3;
display:flex;
flex-direction:column;
align-items:center;
gap:9px;
}
.rvl-chain-spec-dark__purity-list div{
min-width:110px;
text-align:center;
}
.rvl-chain-spec-dark__purity-list strong{
display:block;
font-family:"Playfair Display",serif;
font-size:42px;
line-height:1;
font-weight:500;
color:#fff;
animation:rvlSpecPurityFloat 8s ease-in-out infinite;
transition:
color .35s ease,
transform .4s cubic-bezier(.22,.61,.36,1);
}
.rvl-chain-spec-dark__purity-list div:nth-of-type(1) strong{
animation-delay:0s;
}
.rvl-chain-spec-dark__purity-list div:nth-of-type(2) strong{
animation-delay:1s;
}
.rvl-chain-spec-dark__purity-list div:nth-of-type(3) strong{
animation-delay:2s;
}
.rvl-chain-spec-dark__purity-list div:nth-of-type(4) strong{
animation-delay:3s;
}
@keyframes rvlSpecPurityFloat{
0%,75%,100%{
transform:translateY(0);
color:#fff;
}
82%{
transform:translateY(-7px);
color:#E9D4C1;
}
90%{
transform:translateY(3px);
color:#fff;
}
}
.rvl-chain-spec-dark__purity-list div:hover strong{
color:#E9D4C1;
transform:scale(1.08);
}
.rvl-chain-spec-dark__purity-list i{
width:1px;
height:20px;
background:
linear-gradient(
transparent,
rgba(233,212,193,.65),
transparent
);
}
/* RIGHT */
.rvl-chain-spec-dark__details{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
padding:28px 45px;
overflow:hidden;
background:#E9D4C1;
}
/* MOVING SHINE */
.rvl-chain-spec-dark__shine{
position:absolute;
z-index:1;
top:-40%;
left:-25%;
width:18%;
height:180%;
background:
linear-gradient(
90deg,
transparent,
rgba(255,255,255,.20),
transparent
);
transform:rotate(16deg);
animation:rvlSpecShine 6.5s ease-in-out infinite;
pointer-events:none;
}
@keyframes rvlSpecShine{
0%{
left:-30%;
}
35%{
left:120%;
}
100%{
left:120%;
}
}
/* ROW */
.rvl-chain-spec-dark__row{
position:relative;
z-index:2;
display:grid;
grid-template-columns:190px 1fr;
align-items:center;
min-height:52px;
border-bottom:
1px solid rgba(104,58,72,.22);
transition:
padding .4s cubic-bezier(.22,.61,.36,1),
background .35s ease;
}
.rvl-chain-spec-dark__row:last-child{
border-bottom:0;
}
.rvl-chain-spec-dark__row:before{
content:"";
position:absolute;
left:0;
top:50%;
width:0;
height:1px;
background:#683A48;
transform:translateY(-50%);
transition:width .35s ease;
}
.rvl-chain-spec-dark__row:after{
content:"";
position:absolute;
right:3px;
top:50%;
width:5px;
height:5px;
border-radius:50%;
background:#683A48;
opacity:0;
transform:
translateY(-50%)
scale(0);
transition:
opacity .35s ease,
transform .35s ease;
}
.rvl-chain-spec-dark__row:hover{
padding-left:18px;
background:rgba(104,58,72,.055);
}
.rvl-chain-spec-dark__row:hover:before{
width:8px;
}
.rvl-chain-spec-dark__row:hover:after{
opacity:1;
transform:
translateY(-50%)
scale(1);
}
/* FIELD */
.rvl-chain-spec-dark__row span{
padding-right:20px;
font-family:"Lato",sans-serif;
font-size:10px;
line-height:1.4;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
color:rgba(104,58,72,.60);
}
/* VALUE */
.rvl-chain-spec-dark__row strong{
font-family:"Playfair Display",serif;
font-size:18px;
line-height:1.4;
font-weight:500;
color:#683A48;
transition:
transform .35s ease,
letter-spacing .35s ease;
}
.rvl-chain-spec-dark__row:hover strong{
transform:translateX(6px);
}
/* TABLET */
@media(max-width:950px){
.rvl-chain-spec-dark{
padding:58px 16px 62px;
}
.rvl-chain-spec-dark__main{
grid-template-columns:30% 70%;
}
.rvl-chain-spec-dark__details{
padding:25px 30px;
}
.rvl-chain-spec-dark__row{
grid-template-columns:155px 1fr;
}
.rvl-chain-spec-dark__purity-list strong{
font-size:36px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-chain-spec-dark{
padding:48px 12px;
}
.rvl-chain-spec-dark__head{
margin-bottom:30px;
}
.rvl-chain-spec-dark__head h2{
font-size:40px;
}
.rvl-chain-spec-dark__head p{
font-size:14px;
}
.rvl-chain-spec-dark__main{
display:block;
}
.rvl-chain-spec-dark__purity{
padding:28px 20px;
border-right:0;
border-bottom:
1px solid rgba(233,212,193,.22);
}
.rvl-chain-spec-dark__ring{
display:none;
}
.rvl-chain-spec-dark__small{
margin-bottom:20px;
}
.rvl-chain-spec-dark__purity-list{
width:100%;
flex-direction:row;
justify-content:center;
gap:13px;
}
.rvl-chain-spec-dark__purity-list div{
min-width:auto;
}
.rvl-chain-spec-dark__purity-list strong{
font-size:27px;
}
.rvl-chain-spec-dark__purity-list i{
width:20px;
height:1px;
background:rgba(233,212,193,.40);
}
.rvl-chain-spec-dark__details{
padding:18px 22px;
}
.rvl-chain-spec-dark__row{
grid-template-columns:135px 1fr;
min-height:58px;
}
.rvl-chain-spec-dark__row span{
font-size:9px;
}
.rvl-chain-spec-dark__row strong{
font-size:16px;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-chain-spec-dark{
padding:44px 10px;
}
.rvl-chain-spec-dark__head h2{
font-size:40px;
}
.rvl-chain-spec-dark__purity-list{
gap:8px;
}
.rvl-chain-spec-dark__purity-list strong{
font-size:23px;
}
.rvl-chain-spec-dark__purity-list i{
width:12px;
}
.rvl-chain-spec-dark__details{
padding:15px 17px;
}
.rvl-chain-spec-dark__row{
grid-template-columns:112px 1fr;
gap:10px;
}
.rvl-chain-spec-dark__row strong{
font-size:15px;
}
}
/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
.rvl-chain-spec-dark__label span,
.rvl-chain-spec-dark__ring,
.rvl-chain-spec-dark__purity-list strong,
.rvl-chain-spec-dark__shine{
animation:none;
}
}
/* ============ END: GOLD CHAIN PRODUCT SPECIFICATION DARK CSS ============= */
/* =========== START: CUSTOM JEWELLERY COMPACT CSS ============ */
.rvl-cj-compact,
.rvl-cj-compact *{
box-sizing:border-box;
}
.rvl-cj-compact{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
position:relative;
overflow:hidden;
padding:55px 20px;
background:#E9D4C1;
}
.rvl-cj-compact__wrap{
width:100%;
max-width:1180px;
margin:0 auto;
}
.rvl-cj-compact__grid{
display:grid;
grid-template-columns:54% 46%;
min-height:510px;
overflow:hidden;
background:#683A48;
}
/* LEFT */
.rvl-cj-compact__content{
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
padding:52px 58px;
overflow:hidden;
background:#683A48;
}
.rvl-cj-compact__content:before{
content:"";
position:absolute;
width:310px;
height:310px;
right:-200px;
top:-190px;
border:1px solid rgba(233,212,193,.10);
border-radius:50%;
}
.rvl-cj-compact__content:after{
content:"";
position:absolute;
width:220px;
height:220px;
right:-145px;
top:-135px;
border:1px solid rgba(233,212,193,.12);
border-radius:50%;
}
/* LABEL */
.rvl-cj-compact__label{
position:relative;
z-index:2;
display:flex;
align-items:center;
gap:12px;
margin-bottom:14px;
font-family:"Lato",sans-serif;
font-size:10px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-cj-compact__label:before{
content:"";
width:34px;
height:1px;
background:#E9D4C1;
}
/* H2 */
.rvl-cj-compact__content h2{
position:relative;
z-index:2;
max-width:540px;
margin:0 0 18px;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.08;
font-weight:500;
color:#E9D4C1;
}
/* TEXT */
.rvl-cj-compact__content>p{
position:relative;
z-index:2;
max-width:570px;
margin:0;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.75;
color:rgba(255,255,255,.68);
}
/* STEPS */
.rvl-cj-compact__steps{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin-top:35px;
}
.rvl-cj-compact__step{
padding-top:19px;
border-top:1px solid rgba(233,212,193,.25);
}
.rvl-cj-compact__step span{
display:block;
margin-bottom:10px;
font-family:"Playfair Display",serif;
font-size:22px;
line-height:1;
font-weight:500;
color:#E9D4C1;
}
.rvl-cj-compact__step small{
display:block;
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1.5;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:rgba(233,212,193,.58);
}
/* RIGHT */
.rvl-cj-compact__panel{
position:relative;
display:flex;
align-items:center;
padding:20px;
background:#E9D4C1;
}
.rvl-cj-compact__panel-inner{
width:100%;
padding:24px 28px;
border:1px solid rgba(104,58,72,.25);
background:#E9D4C1;
}
/* TAG */
.rvl-cj-compact__tag{
display:flex;
align-items:center;
gap:10px;
margin-bottom:8px;
font-family:"Lato",sans-serif;
font-size:8px;
line-height:1;
font-weight:700;
letter-spacing:2.4px;
text-transform:uppercase;
color:#683A48;
}
.rvl-cj-compact__tag:before{
content:"";
width:25px;
height:1px;
background:#683A48;
}
/* H3 */
.rvl-cj-compact__panel h3{
margin:0 0 6px;
font-family:"Playfair Display",serif;
font-size:28px;
line-height:1.15;
font-weight:500;
color:#683A48;
}
.rvl-cj-compact__intro{
margin:0 0 17px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1.55;
color:rgba(104,58,72,.62);
}
/* FORM */
.rvl-cj-compact__form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.rvl-cj-compact__group{
margin-bottom:10px;
}
.rvl-cj-compact__group--last{
margin-bottom:12px;
}
.rvl-cj-compact__group label{
display:block;
margin-bottom:5px;
font-family:"Lato",sans-serif;
font-size:8px;
line-height:1.2;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#683A48;
}
/* INPUT */
.rvl-cj-compact__group input,
.rvl-cj-compact__group textarea{
width:100%;
display:block;
border:0;
border-bottom:1px solid rgba(104,58,72,.30);
border-radius:0;
outline:0;
background:transparent;
font-family:"Lato",sans-serif;
font-size:11px;
color:#683A48;
}
.rvl-cj-compact__group input{
height:34px;
padding:0 0 7px;
}
.rvl-cj-compact__group textarea{
height:48px;
min-height:48px;
max-height:80px;
padding:7px 0;
resize:vertical;
}
.rvl-cj-compact__group input::placeholder,
.rvl-cj-compact__group textarea::placeholder{
color:rgba(104,58,72,.42);
}
.rvl-cj-compact__group input:focus,
.rvl-cj-compact__group textarea:focus{
border-bottom-color:#683A48;
}
/* FILE */
.rvl-cj-compact__file-input{
position:absolute;
width:1px;
height:1px;
opacity:0;
pointer-events:none;
}
.rvl-cj-compact__file-label{
min-height:66px;
display:flex;
align-items:center;
gap:12px;
padding:10px 13px;
border:1px dashed rgba(104,58,72,.35);
cursor:pointer;
transition:
background .3s ease,
border-color .3s ease;
}
.rvl-cj-compact__file-label:hover,
.rvl-cj-compact__file-label.is-dragging{
background:rgba(104,58,72,.05);
border-color:#683A48;
}
.rvl-cj-compact__file-icon{
width:38px;
height:38px;
flex:0 0 38px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#683A48;
font-family:"Lato",sans-serif;
font-size:18px;
color:#E9D4C1;
}
.rvl-cj-compact__file-copy{
display:flex;
flex-direction:column;
gap:2px;
}
.rvl-cj-compact__file-copy strong{
font-family:"Playfair Display",serif;
font-size:14px;
line-height:1.2;
font-weight:500;
color:#683A48;
}
.rvl-cj-compact__file-copy span{
font-family:"Lato",sans-serif;
font-size:8px;
color:rgba(104,58,72,.55);
}
.rvl-cj-compact__file-name{
margin-top:4px;
overflow:hidden;
font-family:"Lato",sans-serif;
font-size:8px;
white-space:nowrap;
text-overflow:ellipsis;
color:#683A48;
}
/* BUTTON */
.rvl-cj-compact__submit{
width:100%;
height:40px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 16px;
border:1px solid #683A48;
background:#683A48;
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#E9D4C1;
cursor:pointer;
transition:
background .3s ease,
color .3s ease;
}
.rvl-cj-compact__submit:hover{
background:transparent;
color:#683A48;
}
.rvl-cj-compact__arrow{
font-size:17px;
transition:transform .3s ease;
}
.rvl-cj-compact__submit:hover
.rvl-cj-compact__arrow{
transform:translateX(5px);
}
/* NOTE */
.rvl-cj-compact__note{
margin-top:6px;
text-align:center;
font-family:"Lato",sans-serif;
font-size:7px;
letter-spacing:.5px;
color:rgba(104,58,72,.48);
}
/* MESSAGES */
.rvl-cj-compact__error,
.rvl-cj-compact__success{
display:none;
margin-top:7px;
padding:7px 9px;
border:1px solid rgba(104,58,72,.30);
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1.4;
color:#683A48;
}
.rvl-cj-compact__success{
background:rgba(104,58,72,.05);
}
.rvl-cj-compact__error.is-show,
.rvl-cj-compact__success.is-show{
display:block;
}
/* TABLET */
@media(max-width:1000px){
.rvl-cj-compact{
padding:50px 16px;
}
.rvl-cj-compact__grid{
grid-template-columns:50% 50%;
}
.rvl-cj-compact__content{
padding:42px 35px;
}
.rvl-cj-compact__panel{
padding:16px;
}
.rvl-cj-compact__panel-inner{
padding:22px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-cj-compact{
padding:48px 12px;
}
.rvl-cj-compact__grid{
display:block;
min-height:0;
}
.rvl-cj-compact__content{
padding:36px 24px;
}
.rvl-cj-compact__content h2{
font-size:40px;
}
.rvl-cj-compact__steps{
gap:10px;
}
.rvl-cj-compact__panel{
padding:15px;
}
.rvl-cj-compact__panel-inner{
padding:22px 18px;
}
}
/* SMALL MOBILE */
@media(max-width:520px){
.rvl-cj-compact{
padding:44px 10px;
}
.rvl-cj-compact__content{
padding:30px 18px;
}
.rvl-cj-compact__content h2{
font-size:40px;
}
.rvl-cj-compact__steps{
grid-template-columns:1fr;
gap:0;
}
.rvl-cj-compact__step{
display:grid;
grid-template-columns:45px 1fr;
padding:13px 0;
border-bottom:1px solid rgba(233,212,193,.20);
}
.rvl-cj-compact__step span{
margin:0;
}
.rvl-cj-compact__form-row{
grid-template-columns:1fr;
gap:0;
}
.rvl-cj-compact__panel{
padding:10px;
}
.rvl-cj-compact__panel-inner{
padding:20px 15px;
}
}
/* ============ END: CUSTOM JEWELLERY COMPACT CSS ============= */
/* =========== START: MENS SILVER RANGE SCROLL SLIDER CSS ============ */
.rvl-msr-scroll,
.rvl-msr-scroll *{
box-sizing:border-box;
}
.rvl-msr-scroll{
position:relative;
height:400vh;
background:#683A48;
}
.rvl-msr-scroll__sticky{
position:sticky;
top:0;
width:100%;
height:100vh;
height:100svh;
overflow:hidden;
}
.rvl-msr-scroll__viewport{
width:100%;
height:100%;
overflow:hidden;
}
.rvl-msr-scroll__track{
display:flex;
width:400%;
height:100%;
transform:translate3d(0,0,0);
transition:transform .75s cubic-bezier(.77,0,.18,1);
will-change:transform;
}
.rvl-msr-scroll__slide{
position:relative;
flex:0 0 25%;
width:25%;
height:100%;
overflow:hidden;
background:#683A48;
}
.rvl-msr-scroll__slide>img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center;
transform:scale(1.04);
}
.rvl-msr-scroll__overlay{
position:absolute;
inset:0;
z-index:1;
background:
linear-gradient(
90deg,
rgba(28,9,16,.88) 0%,
rgba(55,22,34,.72) 38%,
rgba(62,27,39,.37) 68%,
rgba(35,13,21,.18) 100%
);
}
/* HEADER */
.rvl-msr-scroll__head{
position:absolute;
z-index:3;
left:50%;
top:64px;
width:calc(100% - 40px);
max-width:900px;
text-align:center;
transform:translateX(-50%);
}
.rvl-msr-scroll__label{
display:flex;
align-items:center;
justify-content:center;
gap:14px;
margin-bottom:14px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-msr-scroll__label span{
width:34px;
height:1px;
background:#E9D4C1;
}
.rvl-msr-scroll__head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.12;
font-weight:500;
color:#fff;
}
/* CONTENT */
.rvl-msr-scroll__content{
position:absolute;
z-index:3;
left:max(20px,calc((100% - 1240px) / 2));
bottom:90px;
width:min(620px,calc(100% - 40px));
}
.rvl-msr-scroll__content small{
display:block;
max-width:570px;
margin-bottom:16px;
font-family:"Lato",sans-serif;
font-size:13px;
line-height:1.65;
color:rgba(255,255,255,.68);
}
.rvl-msr-scroll__content h3{
margin:0 0 10px;
font-family:"Playfair Display",serif;
font-size:38px;
line-height:1.12;
font-weight:500;
color:#E9D4C1;
}
.rvl-msr-scroll__content p{
margin:0 0 23px;
font-family:"Lato",sans-serif;
font-size:15px;
line-height:1.6;
color:rgba(255,255,255,.80);
}
/* LINK */
.rvl-msr-scroll__link{
display:inline-flex;
align-items:center;
gap:13px;
padding-bottom:7px;
border-bottom:1px solid rgba(233,212,193,.55);
text-decoration:none;
font-family:"Lato",sans-serif;
font-size:10px;
line-height:1;
font-weight:700;
letter-spacing:1.8px;
text-transform:uppercase;
color:#E9D4C1;
transition:gap .35s ease;
}
.rvl-msr-scroll__link i{
font-style:normal;
font-size:17px;
}
.rvl-msr-scroll__link:hover{
gap:20px;
}
.rvl-msr-scroll__deco{
width:75px;
height:1px;
margin-top:27px;
background:rgba(233,212,193,.45);
}
/* NUMBER */
.rvl-msr-scroll__number{
position:absolute;
z-index:3;
right:40px;
top:50%;
font-family:"Playfair Display",serif;
font-size:90px;
line-height:1;
font-weight:500;
color:rgba(233,212,193,.13);
transform:translateY(-50%);
}
/* PROGRESS */
.rvl-msr-scroll__progress{
position:absolute;
z-index:10;
left:0;
bottom:0;
width:100%;
height:3px;
background:rgba(233,212,193,.18);
}
.rvl-msr-scroll__progress-fill{
width:25%;
height:100%;
background:#E9D4C1;
transition:width .55s ease;
}
/* TABLET */
@media(max-width:991px){
.rvl-msr-scroll__head{
top:52px;
}
.rvl-msr-scroll__content{
left:32px;
bottom:72px;
}
.rvl-msr-scroll__number{
right:25px;
font-size:70px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-msr-scroll{
height:400svh;
}
.rvl-msr-scroll__head{
top:38px;
width:calc(100% - 24px);
}
.rvl-msr-scroll__head h2{
font-size:40px;
}
.rvl-msr-scroll__label{
font-size:9px;
letter-spacing:2px;
}
.rvl-msr-scroll__label span{
width:24px;
}
.rvl-msr-scroll__content{
left:20px;
bottom:55px;
width:calc(100% - 40px);
}
.rvl-msr-scroll__content small{
margin-bottom:12px;
font-size:11px;
line-height:1.55;
}
.rvl-msr-scroll__content h3{
font-size:30px;
}
.rvl-msr-scroll__content p{
margin-bottom:18px;
font-size:13px;
}
.rvl-msr-scroll__number{
top:auto;
right:18px;
bottom:42px;
font-size:55px;
transform:none;
}
.rvl-msr-scroll__deco{
display:none;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-msr-scroll__head{
top:30px;
}
.rvl-msr-scroll__head h2{
font-size:40px;
}
.rvl-msr-scroll__content{
left:16px;
bottom:48px;
width:calc(100% - 32px);
}
.rvl-msr-scroll__content h3{
font-size:27px;
}
.rvl-msr-scroll__number{
font-size:45px;
}
}
/* ============ END: MENS SILVER RANGE SCROLL SLIDER CSS ============= */
/* =========== START: RVL BLOG SECTION CSS ============ */
.rvl-blog-grid,
.rvl-blog-grid *{
box-sizing:border-box;
}
.rvl-blog-grid{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
position:relative;
overflow:hidden;
padding:65px 20px 70px;
background:#E9D4C1;
}
.rvl-blog-grid__wrap{
width:100%;
max-width:1240px;
margin:0 auto;
}
/* HEADER */
.rvl-blog-grid__head{
max-width:800px;
margin:0 auto 38px;
text-align:center;
}
.rvl-blog-grid__label{
display:flex;
align-items:center;
justify-content:center;
gap:14px;
margin-bottom:14px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#683A48;
}
.rvl-blog-grid__label span{
width:35px;
height:1px;
background:#683A48;
}
.rvl-blog-grid__head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.12;
font-weight:500;
color:#683A48;
}
.rvl-blog-grid__head p{
max-width:600px;
margin:15px auto 0;
font-family:"Lato",sans-serif;
font-size:14px;
line-height:1.7;
color:rgba(104,58,72,.72);
}
/* GRID */
.rvl-blog-grid__items{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px 24px;
}
/* CARD */
.rvl-blog-grid__card{
position:relative;
overflow:hidden;
background:rgba(255,255,255,.20);
border:1px solid rgba(104,58,72,.16);
transition:
transform .45s cubic-bezier(.22,.61,.36,1),
box-shadow .45s ease,
border-color .35s ease;
}
.rvl-blog-grid__card:hover{
transform:translateY(-7px);
border-color:rgba(104,58,72,.36);
box-shadow:
0 22px 45px rgba(74,35,48,.13);
}
/* IMAGE */
.rvl-blog-grid__image{
position:relative;
display:block;
height:245px;
overflow:hidden;
}
.rvl-blog-grid__image:after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
transparent 45%,
rgba(45,17,27,.40) 100%
);
}
.rvl-blog-grid__image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transform:scale(1.02);
transition:
transform .8s cubic-bezier(.22,.61,.36,1);
}
.rvl-blog-grid__card:hover
.rvl-blog-grid__image img{
transform:scale(1.09);
}
/* CATEGORY */
.rvl-blog-grid__category{
position:absolute;
z-index:3;
left:16px;
bottom:15px;
padding:7px 11px;
background:#683A48;
font-family:"Lato",sans-serif;
font-size:8px;
line-height:1;
font-weight:700;
letter-spacing:1.3px;
text-transform:uppercase;
color:#E9D4C1;
}
/* CONTENT */
.rvl-blog-grid__content{
padding:22px 21px 24px;
}
/* META */
.rvl-blog-grid__meta{
display:flex;
align-items:center;
gap:9px;
margin-bottom:13px;
font-family:"Lato",sans-serif;
font-size:8px;
line-height:1;
letter-spacing:1px;
text-transform:uppercase;
color:rgba(104,58,72,.56);
}
.rvl-blog-grid__meta i{
width:4px;
height:4px;
border-radius:50%;
background:#683A48;
}
/* TITLE */
.rvl-blog-grid__content h3{
margin:0 0 12px;
font-family:"Playfair Display",serif;
font-size:23px;
line-height:1.28;
font-weight:500;
}
.rvl-blog-grid__content h3 a{
text-decoration:none;
color:#683A48;
transition:opacity .3s ease;
}
.rvl-blog-grid__content h3 a:hover{
opacity:.72;
}
/* DESCRIPTION */
.rvl-blog-grid__content p{
margin:0 0 19px;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.7;
color:rgba(104,58,72,.70);
}
/* READ MORE */
.rvl-blog-grid__read{
display:inline-flex;
align-items:center;
gap:9px;
padding-bottom:5px;
border-bottom:1px solid rgba(104,58,72,.35);
text-decoration:none;
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1;
font-weight:700;
letter-spacing:1.3px;
text-transform:uppercase;
color:#683A48;
transition:
gap .35s ease,
border-color .35s ease;
}
.rvl-blog-grid__read span{
font-size:15px;
}
.rvl-blog-grid__read:hover{
gap:15px;
border-color:#683A48;
}
/* TABLET */
@media(max-width:991px){
.rvl-blog-grid{
padding:58px 16px 62px;
}
.rvl-blog-grid__items{
grid-template-columns:repeat(2,1fr);
gap:22px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-blog-grid{
padding:48px 12px;
}
.rvl-blog-grid__head{
margin-bottom:30px;
}
.rvl-blog-grid__head h2{
font-size:40px;
}
.rvl-blog-grid__items{
grid-template-columns:1fr;
max-width:520px;
margin:0 auto;
}
.rvl-blog-grid__image{
height:260px;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-blog-grid{
padding:44px 10px;
}
.rvl-blog-grid__head h2{
font-size:40px;
}
.rvl-blog-grid__image{
height:225px;
}
.rvl-blog-grid__content{
padding:19px 17px 21px;
}
.rvl-blog-grid__content h3{
font-size:21px;
}
}
/* ============ END: RVL BLOG SECTION CSS ============= */
/* =========== START: RVL FAQ SECTION CSS ============ */
.rvl-faq-premium,
.rvl-faq-premium *{
box-sizing:border-box;
}
.rvl-faq-premium{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
position:relative;
overflow:hidden;
padding:65px 20px 70px;
background:#E9D4C1;
}
.rvl-faq-premium__wrap{
width:100%;
max-width:1240px;
margin:0 auto;
}
/* HEADER */
.rvl-faq-premium__head{
max-width:800px;
margin:0 auto 40px;
text-align:center;
}
.rvl-faq-premium__label{
display:flex;
align-items:center;
justify-content:center;
gap:14px;
margin-bottom:14px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
color:#683A48;
}
.rvl-faq-premium__label span{
width:35px;
height:1px;
background:#683A48;
}
.rvl-faq-premium__head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.12;
font-weight:500;
color:#683A48;
}
/* GRID */
.rvl-faq-premium__grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:0 28px;
}
.rvl-faq-premium__column{
display:flex;
flex-direction:column;
gap:12px;
}
/* ITEM */
.rvl-faq-premium__item{
position:relative;
border:1px solid rgba(104,58,72,.22);
background:rgba(255,255,255,.16);
transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.rvl-faq-premium__item:hover,
.rvl-faq-premium__item.is-open{
border-color:rgba(104,58,72,.55);
background:rgba(255,255,255,.30);
box-shadow:0 10px 28px rgba(104,58,72,.07);
}
/* QUESTION */
.rvl-faq-premium__question{
width:100%;
display:grid;
grid-template-columns:1fr 42px;
align-items:center;
gap:15px;
min-height:72px;
padding:16px 14px 16px 21px;
border:0;
outline:0;
background:transparent;
text-align:left;
cursor:pointer;
}
.rvl-faq-premium__question>span{
font-family:"Playfair Display",serif;
font-size:17px;
line-height:1.4;
font-weight:500;
color:#683A48;
}
/* PLUS */
.rvl-faq-premium__question i{
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(104,58,72,.32);
border-radius:50%;
font-family:"Lato",sans-serif;
font-size:20px;
line-height:1;
font-style:normal;
font-weight:300;
color:#683A48;
transition:transform .4s cubic-bezier(.22,.61,.36,1),background .35s ease,color .35s ease;
}
.rvl-faq-premium__item.is-open .rvl-faq-premium__question i{
transform:rotate(45deg);
background:#683A48;
color:#E9D4C1;
}
/* ANSWER */
.rvl-faq-premium__answer{
display:grid;
grid-template-rows:0fr;
overflow:hidden;
transition:grid-template-rows .45s cubic-bezier(.22,.61,.36,1);
}
.rvl-faq-premium__answer>div{
min-height:0;
overflow:hidden;
}
.rvl-faq-premium__item.is-open .rvl-faq-premium__answer{
grid-template-rows:1fr;
}
.rvl-faq-premium__answer p{
margin:0;
padding:0 65px 20px 21px;
font-family:"Lato",sans-serif;
font-size:13px;
line-height:1.75;
color:rgba(104,58,72,.75);
}
/* ACTIVE LINE */
.rvl-faq-premium__item:after{
content:"";
position:absolute;
left:-1px;
top:-1px;
width:3px;
height:0;
background:#683A48;
transition:height .4s ease;
}
.rvl-faq-premium__item.is-open:after{
height:calc(100% + 2px);
}
/* TABLET */
@media(max-width:991px){
.rvl-faq-premium{
padding:58px 16px 62px;
}
.rvl-faq-premium__grid{
gap:0 18px;
}
.rvl-faq-premium__question>span{
font-size:16px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-faq-premium{
padding:48px 12px;
}
.rvl-faq-premium__head{
margin-bottom:30px;
}
.rvl-faq-premium__head h2{
font-size:40px;
}
.rvl-faq-premium__grid{
grid-template-columns:1fr;
gap:12px;
}
.rvl-faq-premium__column{
gap:12px;
}
.rvl-faq-premium__question{
min-height:68px;
padding:14px 12px 14px 17px;
}
.rvl-faq-premium__question>span{
font-size:15px;
}
.rvl-faq-premium__answer p{
padding:0 55px 18px 17px;
font-size:12px;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-faq-premium{
padding:44px 10px;
}
.rvl-faq-premium__head h2{
font-size:40px;
}
.rvl-faq-premium__question{
grid-template-columns:1fr 36px;
}
.rvl-faq-premium__question i{
width:34px;
height:34px;
}
}
/* ============ END: RVL FAQ SECTION CSS ============= */
/* =========== START: RVL CONTACT SECTION CSS ============ */
.rvl-contact-lux,
.rvl-contact-lux *{
box-sizing:border-box;
}
.rvl-contact-lux{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
padding:65px 20px;
background:#E9D4C1;
}
.rvl-contact-lux__wrap{
width:100%;
max-width:1200px;
margin:0 auto;
display:grid;
grid-template-columns:47% 53%;
overflow:hidden;
border:1px solid rgba(104,58,72,.16);
}
/* LEFT */
.rvl-contact-lux__info{
position:relative;
padding:48px 45px;
background:#683A48;
color:#E9D4C1;
}
.rvl-contact-lux__info:after{
content:"";
position:absolute;
width:230px;
height:230px;
right:-90px;
bottom:-100px;
border:1px solid rgba(233,212,193,.14);
border-radius:50%;
}
.rvl-contact-lux__info:before{
content:"";
position:absolute;
width:145px;
height:145px;
right:-45px;
bottom:-60px;
border:1px solid rgba(233,212,193,.12);
border-radius:50%;
}
.rvl-contact-lux__label{
display:flex;
align-items:center;
gap:12px;
margin-bottom:15px;
font-family:"Lato",sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:2.7px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-contact-lux__label span{
width:35px;
height:1px;
background:#E9D4C1;
}
.rvl-contact-lux__info h2{
max-width:490px;
margin:0 0 18px;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.12;
font-weight:500;
color:#fff;
}
.rvl-contact-lux__intro{
max-width:500px;
margin:0 0 31px;
font-family:"Lato",sans-serif;
font-size:13px;
line-height:1.75;
color:rgba(255,255,255,.68);
}
/* DETAILS */
.rvl-contact-lux__details{
display:flex;
flex-direction:column;
gap:10px;
}
.rvl-contact-lux__detail{
display:grid;
grid-template-columns:43px 1fr;
align-items:center;
gap:13px;
padding:12px 0;
border-bottom:1px solid rgba(233,212,193,.15);
}
.rvl-contact-lux__icon{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(233,212,193,.35);
border-radius:50%;
font-family:"Lato",sans-serif;
font-size:9px;
letter-spacing:1px;
color:#E9D4C1;
}
.rvl-contact-lux__detail small{
display:block;
margin-bottom:4px;
font-family:"Lato",sans-serif;
font-size:8px;
letter-spacing:1.5px;
text-transform:uppercase;
color:rgba(233,212,193,.55);
}
.rvl-contact-lux__detail strong{
font-family:"Playfair Display",serif;
font-size:16px;
line-height:1.3;
font-weight:500;
color:#fff;
}
/* BOTTOM */
.rvl-contact-lux__bottom{
position:relative;
z-index:2;
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:26px;
}
.rvl-contact-lux__bottom span{
padding:7px 10px;
border:1px solid rgba(233,212,193,.20);
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#E9D4C1;
}
/* FORM */
.rvl-contact-lux__form-box{
padding:44px 48px;
background:#f4e7da;
}
.rvl-contact-lux__form-head{
margin-bottom:27px;
}
.rvl-contact-lux__form-head>span{
display:block;
margin-bottom:8px;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:2.2px;
text-transform:uppercase;
color:#683A48;
}
.rvl-contact-lux__form-head h3{
margin:0 0 7px;
font-family:"Playfair Display",serif;
font-size:28px;
line-height:1.2;
font-weight:500;
color:#683A48;
}
.rvl-contact-lux__form-head p{
margin:0;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.6;
color:rgba(104,58,72,.65);
}
.rvl-contact-lux__form{
display:flex;
flex-direction:column;
gap:17px;
}
.rvl-contact-lux__row{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}
.rvl-contact-lux__field{
display:flex;
flex-direction:column;
gap:7px;
}
.rvl-contact-lux__field label{
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:1.3px;
text-transform:uppercase;
color:#683A48;
}
.rvl-contact-lux__field input,
.rvl-contact-lux__field select,
.rvl-contact-lux__field textarea{
width:100%;
padding:10px 0;
border:0;
border-bottom:1px solid rgba(104,58,72,.28);
border-radius:0;
outline:none;
background:transparent;
font-family:"Lato",sans-serif;
font-size:12px;
color:#683A48;
}
.rvl-contact-lux__field input:focus,
.rvl-contact-lux__field select:focus,
.rvl-contact-lux__field textarea:focus{
border-color:#683A48;
}
.rvl-contact-lux__field textarea{
resize:none;
}
.rvl-contact-lux__field input::placeholder,
.rvl-contact-lux__field textarea::placeholder{
color:rgba(104,58,72,.42);
}
/* BUTTON */
.rvl-contact-lux__submit{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
margin-top:3px;
padding:13px 18px;
border:1px solid #683A48;
background:#683A48;
cursor:pointer;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:1.7px;
text-transform:uppercase;
color:#E9D4C1;
transition:.35s ease;
}
.rvl-contact-lux__submit i{
font-size:18px;
font-style:normal;
transition:transform .3s ease;
}
.rvl-contact-lux__submit:hover{
background:transparent;
color:#683A48;
}
.rvl-contact-lux__submit:hover i{
transform:translateX(5px);
}
/* SUCCESS */
.rvl-contact-lux__success{
display:none;
padding:11px 13px;
border-left:2px solid #683A48;
background:rgba(104,58,72,.07);
font-family:"Lato",sans-serif;
font-size:11px;
color:#683A48;
}
.rvl-contact-lux__success.is-show{
display:block;
}
/* GOOGLE MAP */
.rvl-contact-lux__map{
width:100%;
max-width:1200px;
height:420px;
margin:28px auto 0;
overflow:hidden;
border:1px solid rgba(104,58,72,.20);
background:#683A48;
}
.rvl-contact-lux__map iframe{
width:100%;
height:100%;
display:block;
border:0;
}
/* TABLET */
@media(max-width:991px){
.rvl-contact-lux{
padding:55px 16px;
}
.rvl-contact-lux__wrap{
grid-template-columns:45% 55%;
}
.rvl-contact-lux__info{
padding:38px 28px;
}
.rvl-contact-lux__form-box{
padding:38px 30px;
}
.rvl-contact-lux__map{
height:370px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-contact-lux{
padding:48px 12px;
}
.rvl-contact-lux__wrap{
grid-template-columns:1fr;
}
.rvl-contact-lux__info{
padding:35px 24px;
}
.rvl-contact-lux__info h2{
font-size:40px;
}
.rvl-contact-lux__form-box{
padding:32px 24px;
}
.rvl-contact-lux__map{
height:330px;
margin-top:20px;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-contact-lux{
padding:42px 10px;
}
.rvl-contact-lux__info{
padding:30px 19px;
}
.rvl-contact-lux__info h2{
font-size:40px;
}
.rvl-contact-lux__form-box{
padding:29px 19px;
}
.rvl-contact-lux__row{
grid-template-columns:1fr;
gap:17px;
}
.rvl-contact-lux__form-head h3{
font-size:25px;
}
.rvl-contact-lux__map{
height:280px;
}
}
/* ============ END: RVL CONTACT SECTION CSS ============= */
/* =========== START: RVL MOBILE DROPDOWN FIX CSS ============ */
.rvl-mobdrop-toggle{
display:none;
}
@media(max-width:991px){
#rvlNavArea .rvl-mobdrop-parent{
position:relative;
}
#rvlNavArea .rvl-mobdrop-desktop-arrow{
display:none !important;
}
#rvlNavArea .rvl-mobdrop-parent > .rvl-menu-link{
width:100%;
padding-right:55px !important;
position:relative;
z-index:5;
}
#rvlNavArea .rvl-mobdrop-toggle{
position:absolute;
top:0;
right:0;
z-index:20;
display:flex;
align-items:center;
justify-content:center;
width:50px;
height:48px;
padding:0;
border:0;
outline:0;
background:transparent;
color:#683A48;
cursor:pointer;
}
#rvlNavArea .rvl-mobdrop-toggle span{
display:block;
font-size:9px;
line-height:1;
pointer-events:none;
transition:transform .3s ease;
}
#rvlNavArea .rvl-mobdrop-parent > .rvl-dropdown{
display:none !important;
}
#rvlNavArea .rvl-mobdrop-parent.rvl-mobdrop-open > .rvl-dropdown{
display:block !important;
}
#rvlNavArea
.rvl-mobdrop-parent.rvl-mobdrop-open
> .rvl-mobdrop-toggle
span{
transform:rotate(180deg);
}
/* page click karta menu immediately hide */
#rvlNavArea.rvl-mobile-nav-closing{
display:none !important;
}
}
/* ============ END: RVL MOBILE DROPDOWN FIX CSS ============== */
/* =========== START: MOBILE DROPDOWN ARROW RING ============ */
@media(max-width:991px){
#rvlNavArea .rvl-mobdrop-toggle{
position:absolute;
top:50%;
right:10px;
z-index:50;
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:1px solid rgba(104,58,72,.45);
border-radius:50%;
background:transparent;
color:#683A48;
cursor:pointer;
transform:translateY(-50%);
transition:
background .3s ease,
border-color .3s ease,
box-shadow .3s ease;
}
#rvlNavArea .rvl-mobdrop-toggle:before{
content:"";
position:absolute;
inset:3px;
border:1px solid rgba(104,58,72,.18);
border-radius:50%;
pointer-events:none;
}
#rvlNavArea .rvl-mobdrop-toggle span{
position:relative;
z-index:2;
display:block;
font-size:8px;
line-height:1;
color:#683A48;
transition:
transform .3s ease,
color .3s ease;
}
/* OPEN STATE */
#rvlNavArea
.rvl-mobdrop-parent.rvl-mobdrop-open
> .rvl-mobdrop-toggle{
background:#683A48;
border-color:#683A48;
box-shadow:0 4px 12px rgba(104,58,72,.18);
}
#rvlNavArea
.rvl-mobdrop-parent.rvl-mobdrop-open
> .rvl-mobdrop-toggle span{
color:#E9D4C1;
transform:rotate(180deg);
}
#rvlNavArea
.rvl-mobdrop-parent.rvl-mobdrop-open
> .rvl-mobdrop-toggle:before{
border-color:rgba(233,212,193,.30);
}
}
/* ============ END: MOBILE DROPDOWN ARROW RING ============== */
/* =========== START: CLEAN JEWELLERY RING MENU ICON ============ */
#rvlNavArea .rvl-mobdrop-parent{
position:relative;
}
/* OLD MAIN ARROW HIDE */
#rvlNavArea .rvl-mobdrop-desktop-arrow{
display:none !important;
}
/* SPACE FOR RING */
#rvlNavArea .rvl-mobdrop-parent > .rvl-menu-link{
padding-right:42px !important;
}
/* BUTTON - NO OUTER CIRCLE */
#rvlNavArea .rvl-mobdrop-toggle{
position:absolute;
top:50%;
right:8px;
z-index:50;
width:32px !important;
height:36px !important;
display:flex !important;
align-items:center;
justify-content:center;
padding:0 !important;
margin:0 !important;
border:0 !important;
border-radius:0 !important;
outline:0 !important;
background:transparent !important;
box-shadow:none !important;
cursor:pointer;
transform:translateY(-50%);
}
/* JEWELLERY RING */
#rvlNavArea .rvl-jewel-ring{
position:relative;
width:15px;
height:15px;
display:block;
border:1.4px solid #683A48;
border-radius:50%;
background:transparent;
transition:transform .3s ease;
}
/* DIAMOND ON RING */
#rvlNavArea .rvl-jewel-ring i{
position:absolute;
top:-5px;
left:50%;
width:6px;
height:6px;
border:1.2px solid #683A48;
background:#E9D4C1;
transform:translateX(-50%) rotate(45deg);
}
/* SMALL DOWN ARROW */
#rvlNavArea .rvl-jewel-down{
position:absolute;
left:50%;
bottom:-1px;
font-size:9px;
line-height:1;
color:#683A48;
transform:translateX(-50%);
transition:transform .3s ease;
}
/* DESKTOP */
@media(min-width:992px){
#rvlNavArea .rvl-mobdrop-toggle{
pointer-events:none;
}
#rvlNavArea .rvl-mobdrop-parent:hover .rvl-jewel-ring{
transform:scale(1.08);
}
}
/* MOBILE */
@media(max-width:991px){
#rvlNavArea .rvl-mobdrop-parent > .rvl-menu-link{
padding-right:50px !important;
}
#rvlNavArea .rvl-mobdrop-toggle{
right:10px;
width:38px !important;
height:44px !important;
pointer-events:auto;
cursor:pointer;
}
#rvlNavArea .rvl-jewel-ring{
width:16px;
height:16px;
}
#rvlNavArea
.rvl-mobdrop-parent.rvl-mobdrop-open
> .rvl-mobdrop-toggle
.rvl-jewel-ring{
transform:scale(1.08);
}
#rvlNavArea
.rvl-mobdrop-parent.rvl-mobdrop-open
> .rvl-mobdrop-toggle
.rvl-jewel-down{
transform:translateX(-50%) rotate(180deg);
}
}
/* ============ END: CLEAN JEWELLERY RING MENU ICON ============== */
/* =========== START: FINAL JEWELLERY RING DROPDOWN CSS ============ */
#rvlNavArea .rvl-mobdrop-parent{
position:relative;
}
/* OLD NORMAL ARROW HIDE */
#rvlNavArea .rvl-mobdrop-desktop-arrow{
display:none !important;
}
/* TEXT MATE RIGHT SPACE */
#rvlNavArea .rvl-mobdrop-parent > .rvl-menu-link{
padding-right:55px !important;
}
/* OUTER FIXED CIRCLE */
#rvlNavArea .rvl-mobdrop-toggle{
position:absolute;
top:8px;
right:12px;
z-index:100;
width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
margin:0;
border:1px solid rgba(104,58,72,.20);
border-radius:50%;
outline:0;
background:transparent;
box-shadow:none;
cursor:pointer;
}
/* ACTUAL JEWELLERY RING */
#rvlNavArea .rvl-jewel-ring{
position:relative;
width:17px;
height:17px;
display:block;
border:1.5px solid #683A48;
border-radius:50%;
background:transparent;
transform:rotate(0deg);
transform-origin:center;
transition:transform .45s cubic-bezier(.4,0,.2,1);
}
/* RING DIAMOND */
#rvlNavArea .rvl-jewel-ring i{
position:absolute;
top:-5px;
left:50%;
width:6px;
height:6px;
border:1.2px solid #683A48;
background:#E9D4C1;
transform:translateX(-50%) rotate(45deg);
}
/* DROPDOWN OPEN
RING FLIP THASE
DIAMOND NICHE AVSE */
#rvlNavArea
.rvl-mobdrop-parent.rvl-mobdrop-open
> .rvl-mobdrop-toggle
.rvl-jewel-ring{
transform:rotate(180deg);
}
/* MOBILE */
@media(max-width:991px){
#rvlNavArea .rvl-mobdrop-toggle{
display:flex;
top:8px;
right:12px;
width:38px;
height:38px;
}
}
/* DESKTOP */
@media(min-width:992px){
#rvlNavArea .rvl-mobdrop-toggle{
display:flex;
top:50%;
right:2px;
width:32px;
height:32px;
transform:translateY(-50%);
pointer-events:none;
}
#rvlNavArea .rvl-jewel-ring{
width:15px;
height:15px;
}
}
/* ============ END: FINAL JEWELLERY RING DROPDOWN CSS ============== */
/* =========== START: FINAL ROUND RING ICON CSS ============ */
#rvlNavArea .rvl-mobdrop-parent{
position:relative;
}
/* MENU TEXT */
#rvlNavArea .rvl-mobdrop-parent > .rvl-menu-link{
padding-right:55px !important;
}
/* REMOVE ANY OLD EXTRA SHAPES */
#rvlNavArea .rvl-mobdrop-toggle::before,
#rvlNavArea .rvl-mobdrop-toggle::after{
content:none !important;
display:none !important;
}
/* PERFECT ROUND OUTER CIRCLE */
#rvlNavArea .rvl-mobdrop-toggle{
width:36px !important;
min-width:36px !important;
max-width:36px !important;
height:36px !important;
min-height:36px !important;
max-height:36px !important;
flex:0 0 36px !important;
padding:0 !important;
margin:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:1px solid rgba(104,58,72,.28) !important;
border-radius:50% !important;
background:transparent !important;
box-shadow:none !important;
outline:0 !important;
overflow:visible !important;
cursor:pointer;
}
/* ACTUAL JEWELLERY RING */
#rvlNavArea .rvl-jewel-ring{
position:relative;
width:15px !important;
height:15px !important;
min-width:15px !important;
max-width:15px !important;
display:block;
border:1.4px solid #683A48 !important;
border-radius:50% !important;
background:transparent !important;
transform:rotate(0deg);
transform-origin:center center;
transition:transform .4s cubic-bezier(.4,0,.2,1);
}
/* DIAMOND */
#rvlNavArea .rvl-jewel-ring i{
position:absolute;
top:-5px;
left:50%;
width:6px;
height:6px;
display:block;
border:1.2px solid #683A48;
background:#E9D4C1;
transform:translateX(-50%) rotate(45deg);
pointer-events:none;
}
/* DROPDOWN OPEN = RING FLIP */
#rvlNavArea
.rvl-mobdrop-parent.rvl-mobdrop-open
> .rvl-mobdrop-toggle
.rvl-jewel-ring{
transform:rotate(180deg);
}
/* MOBILE */
@media(max-width:991px){
#rvlNavArea .rvl-mobdrop-parent{
display:grid !important;
grid-template-columns:minmax(0,1fr) 50px !important;
align-items:center !important;
}
#rvlNavArea .rvl-mobdrop-parent > .rvl-menu-link{
grid-column:1;
grid-row:1;
padding-right:10px !important;
}
#rvlNavArea .rvl-mobdrop-parent > .rvl-mobdrop-toggle{
position:static !important;
grid-column:2;
grid-row:1;
justify-self:center !important;
align-self:center !important;
transform:none !important;
}
#rvlNavArea .rvl-mobdrop-parent > .rvl-dropdown{
grid-column:1 / -1;
grid-row:2;
}
}
/* DESKTOP */
@media(min-width:992px){
#rvlNavArea .rvl-mobdrop-toggle{
width:30px !important;
min-width:30px !important;
max-width:30px !important;
height:30px !important;
min-height:30px !important;
max-height:30px !important;
flex-basis:30px !important;
}
#rvlNavArea .rvl-jewel-ring{
width:13px !important;
height:13px !important;
min-width:13px !important;
max-width:13px !important;
}
}
/* ============ END: FINAL ROUND RING ICON CSS ============== */
/* =========== START: DESKTOP MENU SPACING FIX ============ */
@media(min-width:992px){
#rvlNavArea .rvl-menu{
gap:22px !important;
}
#rvlNavArea .rvl-menu-item{
margin:0 !important;
}
#rvlNavArea .rvl-mobdrop-parent > .rvl-menu-link{
padding-right:28px !important;
}
#rvlNavArea .rvl-mobdrop-toggle{
right:0 !important;
}
}
/* ============ END: DESKTOP MENU SPACING FIX ============== */
/* =========== START: REMOVE OUTER RING CIRCLE ============ */
#rvlNavArea .rvl-mobdrop-toggle{
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
width:28px !important;
min-width:28px !important;
max-width:28px !important;
height:32px !important;
min-height:32px !important;
max-height:32px !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
/* JEWELLERY RING SAME REHSE */
#rvlNavArea .rvl-jewel-ring{
width:15px !important;
height:15px !important;
border:1.4px solid #683A48 !important;
border-radius:50% !important;
}
/* DESKTOP */
@media(min-width:992px){
#rvlNavArea .rvl-mobdrop-toggle{
width:24px !important;
min-width:24px !important;
max-width:24px !important;
height:30px !important;
min-height:30px !important;
max-height:30px !important;
}
}
/* ============ END: REMOVE OUTER RING CIRCLE ============== */
/* =========== START: DESKTOP RING HOVER ROTATE ============ */
@media(min-width:992px){
#rvlNavArea .rvl-jewel-ring{
transform:rotate(0deg);
transform-origin:center center;
transition:transform .4s cubic-bezier(.4,0,.2,1);
}
/* MENU HOVER = RING ROTATE */
#rvlNavArea
.rvl-mobdrop-parent:hover
> .rvl-mobdrop-toggle
.rvl-jewel-ring{
transform:rotate(180deg);
}
}
/* ============ END: DESKTOP RING HOVER ROTATE ============== */
/* =========== START: SAME RING DESKTOP + MOBILE ============ */
#rvlNavArea .rvl-jewel-ring{
width:17px !important;
min-width:17px !important;
max-width:17px !important;
height:17px !important;
min-height:17px !important;
max-height:17px !important;
aspect-ratio:1 / 1 !important;
display:block !important;
flex:none !important;
box-sizing:border-box !important;
border:1.5px solid #683A48 !important;
border-radius:50% !important;
background:transparent !important;
}
/* DIAMOND SAME SIZE */
#rvlNavArea .rvl-jewel-ring i{
width:6px !important;
height:6px !important;
top:-5px !important;
left:50% !important;
box-sizing:border-box !important;
border:1.2px solid #683A48 !important;
background:#E9D4C1 !important;
transform:translateX(-50%) rotate(45deg);
}
/* DESKTOP PAN MOBILE JETLI RING */
@media(min-width:992px){
#rvlNavArea .rvl-mobdrop-toggle{
width:28px !important;
min-width:28px !important;
max-width:28px !important;
height:34px !important;
min-height:34px !important;
max-height:34px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
}
#rvlNavArea .rvl-jewel-ring{
width:17px !important;
height:17px !important;
min-width:17px !important;
min-height:17px !important;
max-width:17px !important;
max-height:17px !important;
}
}
/* ============ END: SAME RING DESKTOP + MOBILE ============== */
/* =========== START: SMALL DESKTOP RING ============ */
@media(min-width:992px){
#rvlNavArea .rvl-jewel-ring{
width:13px !important;
min-width:13px !important;
max-width:13px !important;
height:13px !important;
min-height:13px !important;
max-height:13px !important;
border-width:1.3px !important;
}
#rvlNavArea .rvl-jewel-ring i{
width:5px !important;
height:5px !important;
top:-4px !important;
border-width:1px !important;
}
#rvlNavArea .rvl-mobdrop-toggle{
width:22px !important;
min-width:31px !important;
max-width:22px !important;
height:28px !important;
min-height:28px !important;
max-height:28px !important;
}
}
/* ============ END: SMALL DESKTOP RING ============== */
span.rvl-jewel-ring {
margin-top: 5px;
}
/* =========== START: RVL EXPERIENCE INTRODUCTION CSS ============ */
.rvl-exp-intro,
.rvl-exp-intro *{
box-sizing:border-box;
}
.rvl-exp-intro{
--rvl-maroon:#683A48;
--rvl-cream:#E9D4C1;
width:100%;
padding:65px 20px;
background:#E9D4C1;
}
.rvl-exp-intro__wrap{
width:100%;
max-width:1240px;
margin:0 auto;
display:grid;
grid-template-columns:54% 46%;
min-height:530px;
overflow:hidden;
background:#683A48;
}
/* =========================
LEFT CONTENT
========================= */
.rvl-exp-intro__content{
position:relative;
z-index:2;
padding:58px 56px 48px;
display:flex;
flex-direction:column;
justify-content:center;
background:#683A48;
}
.rvl-exp-intro__label{
display:flex;
align-items:center;
gap:12px;
margin-bottom:15px;
font-family:"Lato",sans-serif;
font-size:10px;
line-height:1;
font-weight:700;
letter-spacing:2.8px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-exp-intro__label span{
width:38px;
height:1px;
background:#E9D4C1;
}
.rvl-exp-intro__content h2{
max-width:620px;
margin:0 0 20px;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.13;
font-weight:500;
color:#E9D4C1;
}
.rvl-exp-intro__content p{
max-width:610px;
margin:0 0 12px;
font-family:"Lato",sans-serif;
font-size:13px;
line-height:1.8;
font-weight:400;
color:#E9D4C1;
}
/* =========================
FACTS
========================= */
.rvl-exp-intro__facts{
margin-top:27px;
display:grid;
grid-template-columns:repeat(4,1fr);
border-top:1px solid #E9D4C1;
border-bottom:1px solid #E9D4C1;
}
.rvl-exp-intro__fact{
position:relative;
min-height:102px;
padding:20px 13px;
display:flex;
flex-direction:column;
justify-content:center;
border-right:1px solid #E9D4C1;
}
.rvl-exp-intro__fact:last-child{
border-right:0;
}
.rvl-exp-intro__fact strong{
display:block;
margin-bottom:5px;
font-family:"Playfair Display",serif;
font-size:27px;
line-height:1;
font-weight:500;
color:#E9D4C1;
}
.rvl-exp-intro__fact span{
display:block;
font-family:"Lato",sans-serif;
font-size:8px;
line-height:1.45;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#E9D4C1;
}
/* =========================
RIGHT VISUAL
========================= */
.rvl-exp-intro__visual{
position:relative;
min-height:530px;
background:#E9D4C1;
overflow:hidden;
}
.rvl-exp-intro__image{
position:absolute;
top:32px;
right:32px;
bottom:32px;
left:32px;
overflow:hidden;
}
.rvl-exp-intro__image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.rvl-exp-intro__visual:hover
.rvl-exp-intro__image img{
transform:scale(1.045);
}
/* BADGE */
.rvl-exp-intro__badge{
position:absolute;
left:0;
bottom:57px;
width:145px;
min-height:140px;
padding:22px 18px;
display:flex;
flex-direction:column;
justify-content:center;
background:#683A48;
color:#E9D4C1;
}
.rvl-exp-intro__badge span{
margin-bottom:4px;
font-family:"Lato",sans-serif;
font-size:8px;
line-height:1;
letter-spacing:2px;
text-transform:uppercase;
}
.rvl-exp-intro__badge strong{
display:block;
margin-bottom:7px;
font-family:"Playfair Display",serif;
font-size:34px;
line-height:1;
font-weight:500;
}
.rvl-exp-intro__badge small{
font-family:"Lato",sans-serif;
font-size:8px;
line-height:1.4;
letter-spacing:1px;
text-transform:uppercase;
}
/* DECORATIVE LINES */
.rvl-exp-intro__line{
position:absolute;
pointer-events:none;
border-color:#683A48;
border-style:solid;
}
.rvl-exp-intro__line--one{
top:16px;
right:16px;
width:65px;
height:65px;
border-width:1px 1px 0 0;
}
.rvl-exp-intro__line--two{
right:16px;
bottom:16px;
width:65px;
height:65px;
border-width:0 1px 1px 0;
}
/* =========================
TABLET
========================= */
@media(max-width:1050px){
.rvl-exp-intro__wrap{
grid-template-columns:56% 44%;
}
.rvl-exp-intro__content{
padding:48px 35px 42px;
}
.rvl-exp-intro__facts{
grid-template-columns:repeat(2,1fr);
}
.rvl-exp-intro__fact{
min-height:86px;
}
.rvl-exp-intro__fact:nth-child(2){
border-right:0;
}
.rvl-exp-intro__fact:nth-child(-n+2){
border-bottom:1px solid #E9D4C1;
}
}
/* =========================
MOBILE
========================= */
@media(max-width:767px){
.rvl-exp-intro{
padding:48px 12px;
}
.rvl-exp-intro__wrap{
grid-template-columns:1fr;
}
.rvl-exp-intro__content{
padding:38px 24px 34px;
}
.rvl-exp-intro__content h2{
font-size:40px;
}
.rvl-exp-intro__visual{
min-height:390px;
}
.rvl-exp-intro__image{
top:20px;
right:20px;
bottom:20px;
left:20px;
}
.rvl-exp-intro__badge{
bottom:42px;
width:128px;
min-height:120px;
}
}
/* =========================
SMALL MOBILE
========================= */
@media(max-width:480px){
.rvl-exp-intro{
padding:42px 10px;
}
.rvl-exp-intro__content{
padding:33px 19px 30px;
}
.rvl-exp-intro__content h2{
font-size:40px;
}
.rvl-exp-intro__content p{
font-size:12px;
}
.rvl-exp-intro__fact{
padding:17px 9px;
min-height:82px;
}
.rvl-exp-intro__fact strong{
font-size:24px;
}
.rvl-exp-intro__fact span{
font-size:7px;
}
.rvl-exp-intro__visual{
min-height:330px;
}
.rvl-exp-intro__badge{
width:115px;
min-height:105px;
padding:17px 14px;
}
.rvl-exp-intro__badge strong{
font-size:28px;
}
}
/* ============ END: RVL EXPERIENCE INTRODUCTION CSS ============== */
/* =========== START: RVL AUTO FOLDING EXPERTISE CSS ============ */
.rvl-fold-exp,
.rvl-fold-exp *{
box-sizing:border-box;
}
.rvl-fold-exp{
padding:45px 20px;
background:#683A48;
}
.rvl-fold-exp__wrap{
width:100%;
max-width:1220px;
margin:0 auto;
}
/* HEADER */
.rvl-fold-exp__head{
max-width:850px;
margin:0 auto 30px;
text-align:center;
}
.rvl-fold-exp__label{
display:flex;
align-items:center;
justify-content:center;
gap:11px;
margin-bottom:13px;
font-family:"Lato",sans-serif;
font-size:9px;
font-weight:700;
letter-spacing:2.5px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-fold-exp__label span{
width:35px;
height:1px;
background:#E9D4C1;
}
.rvl-fold-exp__head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.1;
font-weight:500;
color:#E9D4C1;
}
/* PANELS */
.rvl-fold-exp__panels{
height:330px;
display:flex;
overflow:hidden;
border:1px solid #E9D4C1;
}
.rvl-fold-exp__panel{
position:relative;
flex:.72;
min-width:0;
display:flex;
overflow:hidden;
cursor:pointer;
background:#E9D4C1;
border-right:1px solid rgba(104,58,72,.28);
transition:flex .7s cubic-bezier(.77,0,.18,1),background .4s ease;
}
.rvl-fold-exp__panel:last-child{
border-right:0;
}
.rvl-fold-exp__panel.is-active{
flex:3.1;
background:#683A48;
}
/* NUMBER */
.rvl-fold-exp__number{
position:absolute;
top:18px;
left:18px;
font-family:"Playfair Display",serif;
font-size:43px;
line-height:1;
font-weight:400;
color:#683A48;
opacity:.18;
transition:color .4s ease,opacity .4s ease,transform .5s ease;
}
.rvl-fold-exp__panel.is-active .rvl-fold-exp__number{
color:#E9D4C1;
opacity:.20;
transform:translateX(5px);
}
/* CONTENT */
.rvl-fold-exp__body{
width:100%;
align-self:flex-end;
padding:25px 30px 28px;
opacity:0;
transform:translateY(22px);
transition:opacity .35s ease,transform .5s ease;
}
.rvl-fold-exp__panel.is-active .rvl-fold-exp__body{
opacity:1;
transform:translateY(0);
transition-delay:.22s;
}
.rvl-fold-exp__body small{
display:block;
margin-bottom:8px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#E9D4C1;
}
.rvl-fold-exp__body h3{
max-width:430px;
margin:0 0 10px;
font-family:"Playfair Display",serif;
font-size:30px;
line-height:1.1;
font-weight:500;
color:#E9D4C1;
}
.rvl-fold-exp__body p{
max-width:510px;
margin:0;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.65;
color:#E9D4C1;
}
/* CLOSED PANEL TEXT */
.rvl-fold-exp__edge{
position:absolute;
left:50%;
bottom:25px;
transform:translateX(-50%) rotate(-90deg);
transition:opacity .3s ease,transform .35s ease;
}
.rvl-fold-exp__edge span{
white-space:nowrap;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:3px;
color:#683A48;
}
.rvl-fold-exp__panel.is-active .rvl-fold-exp__edge{
opacity:0;
}
/* AUTO PROGRESS LINE */
.rvl-fold-exp__panel:after{
content:"";
position:absolute;
top:0;
left:0;
width:0;
height:3px;
background:#E9D4C1;
transition:width 2.8s linear;
}
.rvl-fold-exp__panel.is-active:after{
width:100%;
}
/* TABLET */
@media(max-width:991px){
.rvl-fold-exp{padding:42px 16px;}
.rvl-fold-exp__panels{height:320px;}
.rvl-fold-exp__panel{flex:.62;}
.rvl-fold-exp__panel.is-active{flex:3.4;}
}
/* MOBILE */
@media(max-width:767px){
.rvl-fold-exp{
padding:38px 12px;
}
.rvl-fold-exp__head{
margin-bottom:25px;
}
.rvl-fold-exp__head h2{
font-size:40px;
}
.rvl-fold-exp__panels{
height:auto;
display:block;
}
.rvl-fold-exp__panel{
min-height:58px;
display:block;
border-right:0;
border-bottom:1px solid rgba(104,58,72,.28);
transition:min-height .55s cubic-bezier(.77,0,.18,1),background .4s ease;
}
.rvl-fold-exp__panel:last-child{
border-bottom:0;
}
.rvl-fold-exp__panel.is-active{
min-height:210px;
}
.rvl-fold-exp__number{
top:15px;
left:16px;
font-size:27px;
}
.rvl-fold-exp__edge{
top:21px;
right:16px;
bottom:auto;
left:auto;
transform:none;
}
.rvl-fold-exp__body{
position:absolute;
left:0;
right:0;
bottom:0;
padding:55px 18px 21px;
}
.rvl-fold-exp__body h3{
font-size:23px;
}
.rvl-fold-exp__panel:after{
height:2px;
}
}
@media(max-width:480px){
.rvl-fold-exp{padding:34px 10px;}
.rvl-fold-exp__head h2{font-size:40px;}
}
/* ============ END: RVL AUTO FOLDING EXPERTISE CSS ============== */
/* =========== START: COMPACT MULTI PURITY WITH WHITE ACCENTS CSS ============ */
.rvl-purity-compact-alt,
.rvl-purity-compact-alt *{
box-sizing:border-box;
}
.rvl-purity-compact-alt{
padding:38px 20px;
background:#E9D4C1;
}
.rvl-purity-compact-alt__wrap{
width:100%;
max-width:1150px;
min-height:280px;
margin:0 auto;
display:grid;
grid-template-columns:34% 66%;
overflow:hidden;
background:#683A48;
}
/* IMAGE */
.rvl-purity-compact-alt__image{
position:relative;
min-height:280px;
overflow:hidden;
}
.rvl-purity-compact-alt__image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(104,58,72,.28),
transparent 55%
);
pointer-events:none;
}
.rvl-purity-compact-alt__image img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
transition:transform .7s ease;
}
.rvl-purity-compact-alt__wrap:hover
.rvl-purity-compact-alt__image img{
transform:scale(1.05);
}
/* WHITE IMAGE BADGE */
.rvl-purity-compact-alt__badge{
position:absolute;
z-index:2;
left:18px;
bottom:18px;
padding:11px 16px;
background:#FFFFFF;
color:#683A48;
box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.rvl-purity-compact-alt__badge strong{
display:block;
font-family:"Playfair Display",serif;
font-size:22px;
line-height:1;
font-weight:500;
color:#683A48;
}
.rvl-purity-compact-alt__badge span{
display:block;
margin-top:4px;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:1.3px;
text-transform:uppercase;
color:#683A48;
}
/* CONTENT */
.rvl-purity-compact-alt__content{
padding:27px 34px;
display:flex;
flex-direction:column;
justify-content:center;
background:#683A48;
}
/* WHITE TOP LABEL */
.rvl-purity-compact-alt__label{
display:flex;
align-items:center;
gap:9px;
margin-bottom:8px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#FFFFFF;
}
.rvl-purity-compact-alt__label span{
width:28px;
height:1px;
background:#FFFFFF;
}
/* TITLE */
.rvl-purity-compact-alt__content h2{
max-width:700px;
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.06;
font-weight:500;
color:#E9D4C1;
}
/* WHITE SMALL ACCENT LINE */
.rvl-purity-compact-alt__title-line{
width:46px;
height:2px;
margin-top:10px;
background:#FFFFFF;
}
/* DESCRIPTION */
.rvl-purity-compact-alt__content>p{
max-width:680px;
margin:11px 0 17px;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.6;
color:#E9D4C1;
}
.rvl-purity-compact-alt__content>p strong{
font-weight:700;
color:#FFFFFF;
}
/* BOTTOM STATS */
.rvl-purity-compact-alt__bottom{
display:grid;
grid-template-columns:repeat(3,1fr);
border-top:1px solid #E9D4C1;
}
.rvl-purity-compact-alt__stat{
position:relative;
min-height:62px;
padding:11px 14px 7px;
border-right:1px solid #E9D4C1;
transition:
transform .3s ease,
background .3s ease;
}
.rvl-purity-compact-alt__stat:first-child{
padding-left:0;
}
.rvl-purity-compact-alt__stat:last-child{
border-right:0;
}
.rvl-purity-compact-alt__stat>strong{
display:block;
margin-bottom:3px;
font-family:"Playfair Display",serif;
font-size:20px;
line-height:1.1;
font-weight:500;
color:#E9D4C1;
}
.rvl-purity-compact-alt__stat>span{
display:block;
font-family:"Lato",sans-serif;
font-size:8px;
line-height:1.3;
font-weight:700;
letter-spacing:.7px;
text-transform:uppercase;
color:#E9D4C1;
}
/* WHITE 925 STAT */
.rvl-purity-compact-alt__stat--white{
padding-left:14px;
background:#FFFFFF;
}
.rvl-purity-compact-alt__stat--white>strong,
.rvl-purity-compact-alt__stat--white>span{
color:#683A48;
}
.rvl-purity-compact-alt__stat--white:hover{
transform:translateY(-4px);
}
/* WHITE HALLMARK CHECK */
.rvl-purity-compact-alt__check{
color:#FFFFFF !important;
font-family:"Lato",sans-serif !important;
font-size:23px !important;
font-weight:400 !important;
}
.rvl-purity-compact-alt__stat--hallmark:hover
.rvl-purity-compact-alt__check{
transform:scale(1.15);
}
.rvl-purity-compact-alt__check{
transition:transform .3s ease;
}
/* TABLET */
@media(max-width:991px){
.rvl-purity-compact-alt{
padding:35px 16px;
}
.rvl-purity-compact-alt__wrap{
grid-template-columns:36% 64%;
}
.rvl-purity-compact-alt__content{
padding:25px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-purity-compact-alt{
padding:32px 12px;
}
.rvl-purity-compact-alt__wrap{
grid-template-columns:1fr;
min-height:auto;
}
.rvl-purity-compact-alt__image{
min-height:200px;
}
.rvl-purity-compact-alt__content{
padding:24px 18px;
}
.rvl-purity-compact-alt__content h2{
font-size:40px;
}
.rvl-purity-compact-alt__bottom{
grid-template-columns:1fr;
}
.rvl-purity-compact-alt__stat{
min-height:auto;
padding:10px 0;
border-right:0;
border-bottom:1px solid #E9D4C1;
}
.rvl-purity-compact-alt__stat:last-child{
border-bottom:0;
}
.rvl-purity-compact-alt__stat--white{
padding:11px 13px;
border-bottom:0;
}
}
/* ============ END: COMPACT MULTI PURITY WITH WHITE ACCENTS CSS ============== */
/* =========== START: CHAIN DESIGN RANGE CSS ============ */
.rvl-chain-range,
.rvl-chain-range *{
box-sizing:border-box;
}
.rvl-chain-range{
padding:48px 20px;
background:#E9D4C1;
}
.rvl-chain-range__wrap{
width:100%;
max-width:1180px;
margin:0 auto;
}
/* HEADER */
.rvl-chain-range__head{
max-width:800px;
margin:0 auto 28px;
text-align:center;
}
.rvl-chain-range__label{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-bottom:11px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2.2px;
text-transform:uppercase;
color:#683A48;
}
.rvl-chain-range__label span{
width:30px;
height:1px;
background:#683A48;
}
.rvl-chain-range__head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.08;
font-weight:500;
color:#683A48;
}
.rvl-chain-range__head p{
max-width:650px;
margin:11px auto 0;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.65;
color:#683A48;
}
/* GRID */
.rvl-chain-range__grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
}
/* ITEM */
.rvl-chain-range__item{
position:relative;
display:block;
overflow:hidden;
background:#683A48;
text-decoration:none;
}
/* IMAGE */
.rvl-chain-range__image{
position:relative;
height:255px;
overflow:hidden;
}
.rvl-chain-range__image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(104,58,72,.45),
rgba(104,58,72,0) 55%
);
opacity:.55;
transition:opacity .4s ease;
}
.rvl-chain-range__image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:transform .7s cubic-bezier(.22,.61,.36,1);
}
.rvl-chain-range__item:hover
.rvl-chain-range__image img{
transform:scale(1.07);
}
.rvl-chain-range__item:hover
.rvl-chain-range__image:after{
opacity:.9;
}
/* CONTENT */
.rvl-chain-range__content{
min-height:80px;
display:grid;
grid-template-columns:28px 1fr 25px;
align-items:center;
gap:10px;
padding:14px 16px;
background:#683A48;
}
.rvl-chain-range__content>span{
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
color:#FFFFFF;
opacity:.65;
}
.rvl-chain-range__content small{
display:block;
margin-bottom:3px;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
color:#FFFFFF;
}
.rvl-chain-range__content h3{
margin:0;
font-family:"Playfair Display",serif;
font-size:20px;
line-height:1.15;
font-weight:500;
color:#E9D4C1;
}
.rvl-chain-range__content i{
width:24px;
height:24px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #E9D4C1;
font-family:"Lato",sans-serif;
font-size:12px;
font-style:normal;
color:#E9D4C1;
transition:
background .3s ease,
color .3s ease,
transform .3s ease;
}
.rvl-chain-range__item:hover
.rvl-chain-range__content i{
background:#FFFFFF;
color:#683A48;
transform:translate(2px,-2px);
}
/* TABLET */
@media(max-width:991px){
.rvl-chain-range{
padding:44px 16px;
}
.rvl-chain-range__grid{
gap:10px;
}
.rvl-chain-range__image{
height:225px;
}
.rvl-chain-range__content h3{
font-size:18px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-chain-range{
padding:40px 12px;
}
.rvl-chain-range__head{
margin-bottom:24px;
}
.rvl-chain-range__head h2{
font-size:40px;
}
.rvl-chain-range__grid{
grid-template-columns:1fr;
gap:12px;
}
.rvl-chain-range__image{
height:230px;
}
.rvl-chain-range__content{
min-height:72px;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-chain-range{
padding:36px 10px;
}
.rvl-chain-range__head h2{
font-size:40px;
}
.rvl-chain-range__image{
height:210px;
}
}
/* ============ END: CHAIN DESIGN RANGE CSS ============== */
/* =========== START: SILVER CRAFTSMANSHIP SIGNATURE CSS ============ */
.rvl-silver-signature,
.rvl-silver-signature *{
box-sizing:border-box;
}
.rvl-silver-signature{
padding:42px 20px;
background:#683A48;
}
.rvl-silver-signature__wrap{
width:100%;
max-width:1140px;
margin:0 auto;
}
/* HEADER */
.rvl-silver-signature__head{
max-width:850px;
margin:0 auto 27px;
text-align:center;
}
.rvl-silver-signature__label{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-bottom:10px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2.2px;
text-transform:uppercase;
color:#FFFFFF;
}
.rvl-silver-signature__label span{
width:30px;
height:1px;
background:#FFFFFF;
}
.rvl-silver-signature__head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.06;
font-weight:500;
color:#E9D4C1;
}
.rvl-silver-signature__head p{
max-width:690px;
margin:12px auto 0;
font-family:"Lato",sans-serif;
font-size:12px;
line-height:1.65;
color:#E9D4C1;
}
/* MAIN STAGE */
.rvl-silver-signature__stage{
position:relative;
min-height:165px;
display:grid;
grid-template-columns:1fr 250px 1fr;
align-items:center;
border-top:1px solid #E9D4C1;
border-bottom:1px solid #E9D4C1;
}
/* SIDES */
.rvl-silver-signature__side{
display:grid;
grid-template-columns:repeat(2,1fr);
}
.rvl-silver-signature__product{
min-height:82px;
display:flex;
flex-direction:column;
justify-content:center;
padding:10px 22px;
}
.rvl-silver-signature__side--left
.rvl-silver-signature__product{
text-align:right;
}
.rvl-silver-signature__side--right
.rvl-silver-signature__product{
text-align:left;
}
.rvl-silver-signature__product span{
display:block;
margin-bottom:4px;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:1.3px;
color:#FFFFFF;
opacity:.55;
}
.rvl-silver-signature__product strong{
position:relative;
display:inline-block;
font-family:"Playfair Display",serif;
font-size:22px;
line-height:1.1;
font-weight:500;
color:#E9D4C1;
transition:color .3s ease, transform .3s ease;
}
.rvl-silver-signature__product:hover strong{
color:#FFFFFF;
transform:translateY(-3px);
}
/* CENTER 925 */
.rvl-silver-signature__center{
position:relative;
min-height:165px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:8px;
padding:18px 12px 16px;
border-left:1px solid #E9D4C1;
border-right:1px solid #E9D4C1;
background:#E9D4C1;
overflow:hidden;
}
.rvl-silver-signature__topline,
.rvl-silver-signature__bottomline{
position:relative;
z-index:2;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#683A48;
line-height:1.4;
}
.rvl-silver-signature__topline{
margin-top:2px;
}
.rvl-silver-signature__bottomline{
margin-top:2px;
}
.rvl-silver-signature__number{
position:relative;
z-index:2;
margin:0;
display:flex;
align-items:center;
justify-content:center;
}
.rvl-silver-signature__number strong{
display:block;
font-family:"Playfair Display",serif;
font-size:68px;
line-height:.88;
font-weight:500;
color:#683A48;
transition:transform .4s ease;
}
.rvl-silver-signature__center:hover
.rvl-silver-signature__number strong{
transform:scale(1.06);
}
/* MOVING LIGHT */
.rvl-silver-signature__number i{
position:absolute;
top:4px;
bottom:4px;
left:-35px;
width:18px;
background:#FFFFFF;
opacity:.45;
transform:skewX(-20deg);
animation:rvlSilverShine 3.2s ease-in-out infinite;
}
@keyframes rvlSilverShine{
0%{
left:-35px;
opacity:0;
}
25%{
opacity:.45;
}
55%{
left:110%;
opacity:0;
}
100%{
left:110%;
opacity:0;
}
}
/* SUBTLE CENTER LINES */
.rvl-silver-signature__center:before,
.rvl-silver-signature__center:after{
content:"";
position:absolute;
width:70px;
height:1px;
background:#683A48;
opacity:.55;
}
.rvl-silver-signature__center:before{
top:18px;
left:50%;
transform:translateX(-50%);
}
.rvl-silver-signature__center:after{
bottom:18px;
left:50%;
transform:translateX(-50%);
}
/* TABLET */
@media(max-width:991px){
.rvl-silver-signature{
padding:40px 16px;
}
.rvl-silver-signature__stage{
grid-template-columns:1fr 210px 1fr;
}
.rvl-silver-signature__product{
padding:10px 12px;
}
.rvl-silver-signature__product strong{
font-size:18px;
}
.rvl-silver-signature__number strong{
font-size:60px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-silver-signature{
padding:36px 12px;
}
.rvl-silver-signature__head h2{
font-size:40px;
}
.rvl-silver-signature__stage{
grid-template-columns:1fr;
}
.rvl-silver-signature__center{
order:1;
min-height:145px;
border-left:0;
border-right:0;
}
.rvl-silver-signature__side--left{
order:2;
}
.rvl-silver-signature__side--right{
order:3;
}
.rvl-silver-signature__side{
grid-template-columns:repeat(2,1fr);
border-top:1px solid #E9D4C1;
}
.rvl-silver-signature__product{
min-height:65px;
padding:10px;
text-align:center !important;
}
.rvl-silver-signature__product:first-child{
border-right:1px solid #E9D4C1;
}
.rvl-silver-signature__product strong{
font-size:19px;
}
}
@media(max-width:480px){
.rvl-silver-signature{
padding:34px 10px;
}
.rvl-silver-signature__head h2{
font-size:40px;
}
.rvl-silver-signature__center{
min-height:138px;
gap:7px;
padding:16px 10px 14px;
}
.rvl-silver-signature__number strong{
font-size:56px;
}
}
/* ============ END: SILVER CRAFTSMANSHIP SIGNATURE CSS ============== */
/* =========== START: ADVANCED TECHNOLOGY IMAGE INTRO CSS ============ */
.rvl-tech-active,
.rvl-tech-active *{
box-sizing:border-box;
}
.rvl-tech-active{
padding:36px 20px;
background:#E9D4C1;
}
.rvl-tech-active__wrap{
width:100%;
max-width:1160px;
min-height:285px;
margin:0 auto;
display:grid;
grid-template-columns:40% 60%;
overflow:hidden;
background:#683A48;
}
/* IMAGE */
.rvl-tech-active__visual{
position:relative;
min-height:285px;
overflow:hidden;
}
.rvl-tech-active__visual img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
transform:scale(1.02);
transition:transform .8s ease;
}
.rvl-tech-active__wrap:hover
.rvl-tech-active__visual img{
transform:scale(1.05);
}
.rvl-tech-active__shade{
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(104,58,72,.55),
rgba(104,58,72,.04) 60%
);
}
/* BADGE */
.rvl-tech-active__badge{
position:absolute;
left:18px;
bottom:18px;
padding:10px 14px;
background:#FFFFFF;
color:#683A48;
animation:rvlBadgeFloat 3.2s ease-in-out infinite;
}
@keyframes rvlBadgeFloat{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-4px);
}
}
.rvl-tech-active__badge small{
display:block;
font-family:"Lato",sans-serif;
font-size:6px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
}
.rvl-tech-active__badge strong{
display:block;
margin:2px 0;
font-family:"Playfair Display",serif;
font-size:25px;
line-height:1;
font-weight:500;
}
.rvl-tech-active__badge span{
display:block;
font-family:"Lato",sans-serif;
font-size:6px;
font-weight:700;
letter-spacing:1.1px;
text-transform:uppercase;
}
/* CONTENT */
.rvl-tech-active__content{
padding:27px 32px;
display:flex;
flex-direction:column;
justify-content:center;
background:#683A48;
}
.rvl-tech-active__label{
margin-bottom:8px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#FFFFFF;
}
.rvl-tech-active__content h2{
max-width:700px;
margin:0 0 11px;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.04;
font-weight:500;
color:#E9D4C1;
}
.rvl-tech-active__content>p{
max-width:700px;
margin:0 0 6px;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1.6;
color:#E9D4C1;
}
/* FACTS */
.rvl-tech-active__facts{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-top:15px;
}
.rvl-tech-active__fact{
min-width:0;
}
/* COUNTER NUMBER */
.rvl-tech-active__counter{
display:inline-block;
min-width:48px;
margin-bottom:5px;
font-family:"Playfair Display",serif;
font-size:24px;
line-height:1;
font-weight:500;
color:#FFFFFF;
transition:
transform .16s ease,
opacity .16s ease;
}
/* NUMBER CHANGING EFFECT */
.rvl-tech-active__counter.is-changing{
transform:translateY(-5px);
opacity:.55;
}
/* FINAL NUMBER EFFECT */
.rvl-tech-active__counter.is-done{
animation:rvlCounterFinish .45s ease;
}
@keyframes rvlCounterFinish{
0%{
transform:translateY(5px) scale(.9);
}
55%{
transform:translateY(-3px) scale(1.12);
}
100%{
transform:translateY(0) scale(1);
}
}
/* FACT TEXT */
.rvl-tech-active__fact span{
display:block;
font-family:"Lato",sans-serif;
font-size:7px;
line-height:1.3;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
color:#E9D4C1;
}
/* TABLET */
@media(max-width:991px){
.rvl-tech-active{
padding:34px 16px;
}
.rvl-tech-active__wrap{
grid-template-columns:42% 58%;
}
.rvl-tech-active__content{
padding:25px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-tech-active{
padding:32px 12px;
}
.rvl-tech-active__wrap{
grid-template-columns:1fr;
}
.rvl-tech-active__visual{
min-height:210px;
}
.rvl-tech-active__content{
padding:25px 19px;
}
.rvl-tech-active__content h2{
font-size:40px;
}
.rvl-tech-active__facts{
grid-template-columns:repeat(2,1fr);
gap:18px 25px;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-tech-active{
padding:30px 10px;
}
.rvl-tech-active__content h2{
font-size:40px;
}
}
/* ============ END: ADVANCED TECHNOLOGY IMAGE INTRO CSS ============== */
/* =========== START: DARK FACTORY GALLERY SLIDER CSS ============ */
.rvl-fgs-dark,
.rvl-fgs-dark *{
box-sizing:border-box;
}
.rvl-fgs-dark{
padding:42px 20px;
overflow:hidden;
background:#683A48;
}
.rvl-fgs-dark__wrap{
width:100%;
max-width:1180px;
margin:0 auto;
}
/* HEADER */
.rvl-fgs-dark__head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:30px;
margin-bottom:24px;
}
.rvl-fgs-dark__heading{
max-width:780px;
}
.rvl-fgs-dark__label{
margin-bottom:8px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2.2px;
text-transform:uppercase;
color:#FFFFFF;
}
.rvl-fgs-dark__heading h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.06;
font-weight:500;
color:#E9D4C1;
}
.rvl-fgs-dark__heading p{
max-width:620px;
margin:9px 0 0;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1.6;
color:#E9D4C1;
opacity:.88;
}
/* CONTROLS */
.rvl-fgs-dark__controls{
display:flex;
gap:7px;
flex-shrink:0;
}
.rvl-fgs-dark__controls button{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:1px solid rgba(233,212,193,.55);
background:transparent;
color:#E9D4C1;
font-size:17px;
cursor:pointer;
transition:
background .3s ease,
color .3s ease,
border-color .3s ease,
transform .3s ease;
}
.rvl-fgs-dark__controls button:hover{
background:#E9D4C1;
color:#683A48;
border-color:#E9D4C1;
transform:translateY(-2px);
}
/* VIEWPORT */
.rvl-fgs-dark__viewport{
width:100%;
overflow:hidden;
}
.rvl-fgs-dark__track{
display:flex;
gap:12px;
transition:transform .65s cubic-bezier(.77,0,.18,1);
will-change:transform;
}
/* SLIDE */
.rvl-fgs-dark__slide{
flex:0 0 calc((100% - 24px) / 3);
min-width:0;
padding:0;
border:1px solid rgba(233,212,193,.26);
background:transparent;
cursor:pointer;
text-align:left;
overflow:hidden;
transition:
border-color .35s ease,
transform .35s ease;
}
.rvl-fgs-dark__slide:hover{
border-color:#E9D4C1;
transform:translateY(-3px);
}
/* IMAGE */
.rvl-fgs-dark__image{
position:relative;
height:220px;
overflow:hidden;
}
.rvl-fgs-dark__image:after{
content:"";
position:absolute;
inset:0;
z-index:1;
background:linear-gradient(
to top,
rgba(104,58,72,.56),
rgba(104,58,72,0) 55%
);
}
.rvl-fgs-dark__image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:
transform .75s cubic-bezier(.22,.61,.36,1),
filter .45s ease;
}
.rvl-fgs-dark__slide:hover
.rvl-fgs-dark__image img{
transform:scale(1.07);
}
/* NUMBER */
.rvl-fgs-dark__number{
position:absolute;
z-index:4;
top:12px;
left:12px;
width:31px;
height:31px;
display:flex;
align-items:center;
justify-content:center;
background:#E9D4C1;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
color:#683A48;
}
/* VIEW HOVER */
.rvl-fgs-dark__hover{
position:absolute;
z-index:4;
inset:0;
display:flex;
align-items:center;
justify-content:center;
background:rgba(104,58,72,.24);
opacity:0;
transition:opacity .35s ease;
}
.rvl-fgs-dark__hover span{
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #FFFFFF;
border-radius:50%;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#FFFFFF;
transform:scale(.75);
transition:transform .35s ease;
}
.rvl-fgs-dark__slide:hover
.rvl-fgs-dark__hover{
opacity:1;
}
.rvl-fgs-dark__slide:hover
.rvl-fgs-dark__hover span{
transform:scale(1);
}
/* CAPTION */
.rvl-fgs-dark__caption{
min-height:62px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 14px;
background:#683A48;
}
.rvl-fgs-dark__caption strong{
font-family:"Playfair Display",serif;
font-size:17px;
line-height:1.15;
font-weight:500;
color:#E9D4C1;
}
.rvl-fgs-dark__caption>span{
flex-shrink:0;
font-family:"Lato",sans-serif;
font-size:6px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#FFFFFF;
opacity:.7;
}
/* =========================
POPUP
========================= */
.rvl-fgs-dark-popup{
position:fixed;
z-index:99999;
inset:0;
display:flex;
align-items:center;
justify-content:center;
padding:30px;
visibility:hidden;
opacity:0;
transition:
opacity .3s ease,
visibility .3s ease;
}
.rvl-fgs-dark-popup.is-open{
visibility:visible;
opacity:1;
}
/* BACKDROP */
.rvl-fgs-dark-popup__backdrop{
position:absolute;
inset:0;
background:rgba(34,12,19,.95);
cursor:pointer;
}
/* BOX */
.rvl-fgs-dark-popup__box{
position:relative;
z-index:2;
max-width:90vw;
transform:scale(.94) translateY(10px);
transition:transform .35s ease;
}
.rvl-fgs-dark-popup.is-open
.rvl-fgs-dark-popup__box{
transform:scale(1) translateY(0);
}
/* POPUP IMAGE */
.rvl-fgs-dark-popup__image{
display:block;
max-width:88vw;
max-height:76vh;
width:auto;
height:auto;
object-fit:contain;
background:#683A48;
}
/* CLOSE */
.rvl-fgs-dark-popup__close{
position:absolute;
z-index:10;
top:-18px;
right:-18px;
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:0;
background:#E9D4C1;
color:#683A48;
font-family:"Lato",sans-serif;
font-size:27px;
cursor:pointer;
transition:
transform .3s ease,
background .3s ease;
}
.rvl-fgs-dark-popup__close:hover{
transform:rotate(90deg);
background:#FFFFFF;
}
/* POPUP ARROWS */
.rvl-fgs-dark-popup__prev,
.rvl-fgs-dark-popup__next{
position:absolute;
z-index:8;
top:50%;
width:44px;
height:55px;
display:flex;
align-items:center;
justify-content:center;
padding:0;
border:1px solid rgba(233,212,193,.4);
background:#683A48;
color:#E9D4C1;
font-size:32px;
cursor:pointer;
transform:translateY(-50%);
transition:
background .3s ease,
color .3s ease;
}
.rvl-fgs-dark-popup__prev{
left:-58px;
}
.rvl-fgs-dark-popup__next{
right:-58px;
}
.rvl-fgs-dark-popup__prev:hover,
.rvl-fgs-dark-popup__next:hover{
background:#E9D4C1;
color:#683A48;
}
/* POPUP INFO */
.rvl-fgs-dark-popup__info{
padding:11px 14px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
background:#683A48;
border-top:1px solid rgba(233,212,193,.28);
}
.rvl-fgs-dark-popup__info strong{
font-family:"Playfair Display",serif;
font-size:16px;
font-weight:500;
color:#E9D4C1;
}
.rvl-fgs-dark-popup__info span{
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:1px;
color:#FFFFFF;
}
/* TABLET */
@media(max-width:991px){
.rvl-fgs-dark{
padding:38px 16px;
}
.rvl-fgs-dark__slide{
flex-basis:calc((100% - 12px) / 2);
}
.rvl-fgs-dark-popup__prev{
left:6px;
}
.rvl-fgs-dark-popup__next{
right:6px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-fgs-dark{
padding:34px 12px;
}
.rvl-fgs-dark__head{
align-items:center;
}
.rvl-fgs-dark__heading h2{
font-size:40px;
}
.rvl-fgs-dark__slide{
flex-basis:100%;
}
.rvl-fgs-dark__image{
height:230px;
}
.rvl-fgs-dark__controls button{
width:38px;
height:38px;
}
.rvl-fgs-dark-popup{
padding:15px;
}
.rvl-fgs-dark-popup__image{
max-width:94vw;
max-height:72vh;
}
.rvl-fgs-dark-popup__close{
top:7px;
right:7px;
width:38px;
height:38px;
}
.rvl-fgs-dark-popup__prev,
.rvl-fgs-dark-popup__next{
width:38px;
height:48px;
background:#E9D4C1;
color:#683A48;
border:0;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-fgs-dark{
padding:32px 10px;
}
.rvl-fgs-dark__head{
display:block;
}
.rvl-fgs-dark__controls{
margin-top:14px;
}
}
/* ============ END: DARK FACTORY GALLERY SLIDER CSS ============== */
/* =========== START: MACHINERY & PRODUCTION TECHNOLOGY CSS ============ */
.rvl-machine-showcase,
.rvl-machine-showcase *{
box-sizing:border-box;
}
.rvl-machine-showcase{
padding:42px 20px;
background:#E9D4C1;
}
.rvl-machine-showcase__wrap{
width:100%;
max-width:1180px;
margin:0 auto;
}
.rvl-machine-showcase__head{
max-width:760px;
margin:0 auto 25px;
text-align:center;
}
.rvl-machine-showcase__label{
margin-bottom:8px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2.1px;
text-transform:uppercase;
color:#683A48;
}
.rvl-machine-showcase__head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.06;
font-weight:500;
color:#683A48;
}
.rvl-machine-showcase__head p{
max-width:620px;
margin:10px auto 0;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1.6;
color:#683A48;
}
.rvl-machine-showcase__grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
}
.rvl-machine-showcase__card{
position:relative;
overflow:hidden;
background:#683A48;
transition:transform .4s ease,box-shadow .4s ease;
}
.rvl-machine-showcase__card:hover{
transform:translateY(-5px);
box-shadow:0 12px 28px rgba(104,58,72,.18);
}
.rvl-machine-showcase__image{
position:relative;
height:185px;
overflow:hidden;
background:#FFFFFF;
}
.rvl-machine-showcase__image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:transform .7s cubic-bezier(.22,.61,.36,1);
}
.rvl-machine-showcase__card:hover
.rvl-machine-showcase__image img{
transform:scale(1.07);
}
.rvl-machine-showcase__image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(104,58,72,.35),
transparent 55%
);
}
.rvl-machine-showcase__index{
position:absolute;
z-index:3;
top:10px;
left:10px;
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
background:#683A48;
color:#FFFFFF;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
}
.rvl-machine-showcase__content{
min-height:178px;
padding:16px;
}
.rvl-machine-showcase__brand{
margin-bottom:5px;
font-family:"Lato",sans-serif;
font-size:6px;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
color:#FFFFFF;
opacity:.75;
}
.rvl-machine-showcase__content h3{
margin:0 0 8px;
font-family:"Playfair Display",serif;
font-size:24px;
line-height:1;
font-weight:500;
color:#E9D4C1;
}
.rvl-machine-showcase__content p{
margin:0;
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1.55;
color:#E9D4C1;
}
.rvl-machine-showcase__features{
display:flex;
flex-wrap:wrap;
gap:5px;
margin-top:12px;
}
.rvl-machine-showcase__features span{
padding:5px 7px;
background:#FFFFFF;
font-family:"Lato",sans-serif;
font-size:6px;
line-height:1;
font-weight:700;
letter-spacing:.5px;
text-transform:uppercase;
color:#683A48;
transition:background .3s ease,color .3s ease;
}
.rvl-machine-showcase__card:hover
.rvl-machine-showcase__features span{
background:#E9D4C1;
}
@media(max-width:991px){
.rvl-machine-showcase{
padding:38px 16px;
}
.rvl-machine-showcase__grid{
grid-template-columns:repeat(2,1fr);
}
.rvl-machine-showcase__image{
height:210px;
}
}
@media(max-width:767px){
.rvl-machine-showcase{
padding:34px 12px;
}
.rvl-machine-showcase__head h2{
font-size:40px;
}
.rvl-machine-showcase__image{
height:190px;
}
}
@media(max-width:520px){
.rvl-machine-showcase{
padding:32px 10px;
}
.rvl-machine-showcase__grid{
grid-template-columns:1fr;
}
.rvl-machine-showcase__card{
display:grid;
grid-template-columns:42% 58%;
}
.rvl-machine-showcase__image{
height:100%;
min-height:180px;
}
.rvl-machine-showcase__content{
min-height:180px;
padding:15px;
}
.rvl-machine-showcase__content h3{
font-size:22px;
}
}
/* ============ END: MACHINERY & PRODUCTION TECHNOLOGY CSS ============== */
/* =========== START: NETWORK GLOBE POSITION FIX ============ */
.rvl-network-section .network-globe-wrapper{
position:relative !important;
overflow:hidden !important;
}
.rvl-network-section .network-globe-area{
position:relative !important;
width:100% !important;
height:500px !important;
min-height:500px !important;
top:auto !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
transform:none !important;
}
/* GLOBE CONTAINER EXACT CENTER */
.rvl-network-section #networkGlobeCanvas{
position:absolute !important;
width:460px !important;
height:460px !important;
top:50% !important;
left:auto !important;
right:20px !important;
bottom:auto !important;
margin:0 !important;
padding:0 !important;
transform:translateY(-50%) !important;
z-index:2 !important;
overflow:visible !important;
}
/* IMPORTANT:
OTHER PAGE GLOBAL CANVAS CSS NE OVERRIDE KARSE
*/
.rvl-network-section #networkGlobeCanvas canvas{
position:absolute !important;
width:460px !important;
height:460px !important;
max-width:none !important;
max-height:none !important;
top:0 !important;
left:0 !important;
right:auto !important;
bottom:auto !important;
margin:0 !important;
padding:0 !important;
transform:none !important;
display:block !important;
}
/* ARC */
.rvl-network-section .network-country-arc{
position:absolute !important;
width:420px !important;
height:500px !important;
top:50% !important;
left:0 !important;
transform:translateY(-50%) !important;
z-index:5 !important;
}
/* GLOW SAME GLOBE CENTER */
.rvl-network-section .network-globe-glow{
position:absolute !important;
top:50% !important;
right:20px !important;
transform:translateY(-50%) !important;
}
/* CENTER DOT */
.rvl-network-section .network-center-dot{
position:absolute !important;
top:50% !important;
transform:translateY(-50%) !important;
z-index:7 !important;
}
/* TABLET */
@media(max-width:991px){
.rvl-network-section .network-globe-area{
height:460px !important;
min-height:460px !important;
}
.rvl-network-section #networkGlobeCanvas{
width:410px !important;
height:410px !important;
right:-20px !important;
}
.rvl-network-section #networkGlobeCanvas canvas{
width:410px !important;
height:410px !important;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-network-section .network-globe-wrapper{
min-height:430px !important;
}
.rvl-network-section .network-globe-area{
height:430px !important;
min-height:430px !important;
}
.rvl-network-section #networkGlobeCanvas{
width:360px !important;
height:360px !important;
right:-55px !important;
}
.rvl-network-section #networkGlobeCanvas canvas{
width:360px !important;
height:360px !important;
}
}
/* ============ END: NETWORK GLOBE POSITION FIX ============== */
/* =========== START: MOBILE NETWORK CENTER FIX ============ */
@media(max-width:767px){
/* MAP AREA */
.rvl-network-section .network-globe-wrapper{
position:relative !important;
width:100% !important;
min-height:390px !important;
overflow:hidden !important;
}
.rvl-network-section .network-globe-area{
position:relative !important;
width:100% !important;
max-width:440px !important;
height:390px !important;
top:auto !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
margin:0 auto !important;
transform:none !important;
}
/* =========================
CITY NAMES TOP LINE
========================= */
.rvl-network-section .network-country-arc{
position:absolute !important;
width:100% !important;
height:55px !important;
top:5px !important;
left:0 !important;
right:0 !important;
transform:none !important;
z-index:10 !important;
overflow:visible !important;
}
/* MOBILE MA ARC LINE HIDE */
.rvl-network-section .network-country-arc svg{
display:none !important;
}
.rvl-network-section #networkCountryItems{
position:absolute !important;
width:100% !important;
height:auto !important;
top:0 !important;
left:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex-wrap:wrap !important;
gap:8px 14px !important;
padding:0 8px !important;
}
/* INLINE STYLE TOP/LEFT REMOVE */
.rvl-network-section #networkCountryItems .network-country-item{
position:static !important;
top:auto !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
transform:none !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
gap:5px !important;
white-space:nowrap !important;
}
.rvl-network-section .network-country-dot{
width:5px !important;
height:5px !important;
flex:0 0 5px !important;
background:#683A48 !important;
}
.rvl-network-section .network-country-name{
padding:0 !important;
background:transparent !important;
font-family:"Lato",sans-serif !important;
font-size:7px !important;
font-weight:700 !important;
letter-spacing:.5px !important;
text-transform:uppercase !important;
color:#683A48 !important;
}
/* =========================
GLOBE EXACT CENTER
========================= */
.rvl-network-section #networkGlobeCanvas{
position:absolute !important;
width:290px !important;
height:290px !important;
top:58% !important;
left:50% !important;
right:auto !important;
bottom:auto !important;
margin:0 !important;
padding:0 !important;
transform:translate(-50%,-50%) !important;
z-index:2 !important;
}
.rvl-network-section #networkGlobeCanvas canvas{
position:absolute !important;
width:100% !important;
height:100% !important;
top:0 !important;
left:0 !important;
right:auto !important;
bottom:auto !important;
margin:0 !important;
padding:0 !important;
transform:none !important;
display:block !important;
}
/* GLOW CENTER */
.rvl-network-section .network-globe-glow{
position:absolute !important;
width:290px !important;
height:290px !important;
top:58% !important;
left:50% !important;
right:auto !important;
transform:translate(-50%,-50%) !important;
}
/* CENTER DOT */
.rvl-network-section .network-center-dot{
position:absolute !important;
top:58% !important;
left:50% !important;
right:auto !important;
bottom:auto !important;
transform:translate(-50%,-50%) !important;
z-index:7 !important;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-network-section .network-globe-wrapper{
min-height:350px !important;
}
.rvl-network-section .network-globe-area{
height:350px !important;
}
.rvl-network-section #networkCountryItems{
gap:7px 10px !important;
}
.rvl-network-section .network-country-name{
font-size:6.5px !important;
}
.rvl-network-section #networkGlobeCanvas{
width:245px !important;
height:245px !important;
top:59% !important;
}
.rvl-network-section .network-globe-glow{
width:245px !important;
height:245px !important;
top:59% !important;
}
.rvl-network-section .network-center-dot{
top:59% !important;
}
}
/* VERY SMALL MOBILE */
@media(max-width:360px){
.rvl-network-section #networkCountryItems{
gap:6px 8px !important;
}
.rvl-network-section .network-country-name{
font-size:6px !important;
}
.rvl-network-section #networkGlobeCanvas{
width:220px !important;
height:220px !important;
}
.rvl-network-section .network-globe-glow{
width:220px !important;
height:220px !important;
}
}
/* ============ END: MOBILE NETWORK CENTER FIX ============== */
/* =========== START: DESKTOP NETWORK RESPONSIVE FIX ============ */
/* DESKTOP + LAPTOP */
@media (min-width:992px){
.rvl-network-section{
overflow:hidden !important;
}
.rvl-network-container{
width:min(100% - 40px,1280px) !important;
max-width:1280px !important;
margin:0 auto !important;
}
/* LEFT CONTENT + RIGHT MAP */
.rvl-network-grid{
display:grid !important;
grid-template-columns:
minmax(340px,42%)
minmax(0,58%) !important;
gap:clamp(25px,4vw,65px) !important;
width:100% !important;
min-height:clamp(430px,38vw,540px) !important;
align-items:center !important;
}
/* LEFT */
.rvl-network-content{
width:100% !important;
min-width:0 !important;
padding:
clamp(25px,3vw,48px)
0 !important;
}
.rvl-network-content h3{
max-width:440px !important;
}
.rvl-network-description,
.rvl-network-points{
max-width:500px !important;
}
/* =========================
RIGHT MAP AREA
========================= */
.network-globe-wrapper{
position:relative !important;
width:100% !important;
min-width:0 !important;
height:clamp(430px,38vw,540px) !important;
min-height:0 !important;
overflow:hidden !important;
}
.network-globe-area{
position:absolute !important;
width:100% !important;
max-width:none !important;
height:100% !important;
top:0 !important;
left:0 !important;
right:auto !important;
bottom:auto !important;
margin:0 !important;
transform:none !important;
}
/* =========================
GLOBE
========================= */
.rvl-network-section #networkGlobeCanvas{
position:absolute !important;
width:clamp(330px,31vw,455px) !important;
height:clamp(330px,31vw,455px) !important;
top:50% !important;
right:0 !important;
left:auto !important;
bottom:auto !important;
margin:0 !important;
padding:0 !important;
transform:translateY(-50%) !important;
z-index:2 !important;
}
.rvl-network-section #networkGlobeCanvas canvas{
position:absolute !important;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
top:0 !important;
left:0 !important;
margin:0 !important;
padding:0 !important;
display:block !important;
transform:none !important;
}
/* GLOW */
.rvl-network-section .network-globe-glow{
position:absolute !important;
width:clamp(330px,31vw,455px) !important;
height:clamp(330px,31vw,455px) !important;
top:50% !important;
right:0 !important;
left:auto !important;
transform:translateY(-50%) !important;
}
/* =========================
CITY ARC
========================= */
.rvl-network-section .network-country-arc{
position:absolute !important;
width:clamp(240px,22vw,325px) !important;
height:88% !important;
top:50% !important;
left:0 !important;
right:auto !important;
bottom:auto !important;
transform:translateY(-50%) !important;
z-index:5 !important;
}
.rvl-network-section .network-country-arc svg{
position:absolute !important;
width:100% !important;
height:100% !important;
inset:0 !important;
}
/* =========================
CITY NAMES
NAME LEFT + DOT RIGHT
========================= */
.rvl-network-section #networkCountryItems{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
}
.rvl-network-section .network-country-item{
position:absolute !important;
display:grid !important;
grid-template-columns:auto 7px !important;
align-items:center !important;
column-gap:8px !important;
width:max-content !important;
transform:translate(-100%,-50%) !important;
white-space:nowrap !important;
z-index:8 !important;
}
/* DOT RIGHT SIDE */
.rvl-network-section .network-country-dot{
grid-column:2 !important;
grid-row:1 !important;
width:7px !important;
height:7px !important;
margin:0 !important;
}
/* NAME LEFT SIDE */
.rvl-network-section .network-country-name{
grid-column:1 !important;
grid-row:1 !important;
padding:0 !important;
text-align:right !important;
background:transparent !important;
font-size:clamp(7px,.7vw,9px) !important;
letter-spacing:.8px !important;
color:#683A48 !important;
}
/* CITY POSITIONS */
.rvl-network-section
#networkCountryItems
.network-country-item:nth-child(1){
top:15% !important;
left:94% !important;
}
.rvl-network-section
#networkCountryItems
.network-country-item:nth-child(2){
top:33% !important;
left:72% !important;
}
.rvl-network-section
#networkCountryItems
.network-country-item:nth-child(3){
top:50% !important;
left:64% !important;
}
.rvl-network-section
#networkCountryItems
.network-country-item:nth-child(4){
top:67% !important;
left:72% !important;
}
.rvl-network-section
#networkCountryItems
.network-country-item:nth-child(5){
top:85% !important;
left:94% !important;
}
/* CENTER DOT */
.rvl-network-section .network-center-dot{
position:absolute !important;
top:50% !important;
right:calc(
clamp(330px,31vw,455px) / 2
) !important;
left:auto !important;
transform:translate(50%,-50%) !important;
z-index:7 !important;
}
}
/* =========================
992 - 1199 LAPTOP
========================= */
@media (min-width:992px) and (max-width:1199px){
.rvl-network-container{
width:calc(100% - 32px) !important;
}
.rvl-network-grid{
grid-template-columns:
minmax(320px,43%)
minmax(0,57%) !important;
gap:25px !important;
}
.rvl-network-section #networkGlobeCanvas,
.rvl-network-section .network-globe-glow{
width:clamp(310px,31vw,365px) !important;
height:clamp(310px,31vw,365px) !important;
}
.rvl-network-section .network-country-arc{
width:clamp(220px,22vw,270px) !important;
}
.rvl-network-section .network-center-dot{
right:calc(
clamp(310px,31vw,365px) / 2
) !important;
}
}
/* =========================
1600+ LARGE DESKTOP
========================= */
@media (min-width:1600px){
.rvl-network-container{
max-width:1360px !important;
}
.rvl-network-grid{
grid-template-columns:41% 59% !important;
}
.rvl-network-section #networkGlobeCanvas,
.rvl-network-section .network-globe-glow{
width:460px !important;
height:460px !important;
}
.rvl-network-section .network-country-arc{
width:335px !important;
}
.rvl-network-section .network-center-dot{
right:230px !important;
}
}
/* ============ END: DESKTOP NETWORK RESPONSIVE FIX ============== */
/* =========== START: CITY DOT EXACTLY ON CURVE FIX ============ */
/* SAME AREA AS SVG */
.rvl-network-section #networkCountryItems{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
z-index:10 !important;
pointer-events:none !important;
}
/* EACH CITY = EXACT POINT ON CURVE */
.rvl-network-section #networkCountryItems .network-country-item{
position:absolute !important;
width:0 !important;
height:0 !important;
display:block !important;
padding:0 !important;
margin:0 !important;
transform:none !important;
white-space:nowrap !important;
}
/* DOT EXACTLY ON CITY ANCHOR */
.rvl-network-section #networkCountryItems .network-country-dot{
position:absolute !important;
width:7px !important;
height:7px !important;
top:0 !important;
left:0 !important;
margin:0 !important;
transform:translate(-50%,-50%) !important;
border-radius:50% !important;
background:#683A48 !important;
box-shadow:
0 0 0 4px rgba(104,58,72,.08) !important;
}
/* NAME ALWAYS LEFT OF DOT */
.rvl-network-section #networkCountryItems .network-country-name{
position:absolute !important;
top:0 !important;
right:12px !important;
left:auto !important;
padding:0 !important;
margin:0 !important;
transform:translateY(-50%) !important;
background:transparent !important;
white-space:nowrap !important;
text-align:right !important;
font-family:"Lato",sans-serif !important;
font-size:9px !important;
font-weight:700 !important;
letter-spacing:1px !important;
text-transform:uppercase !important;
color:#683A48 !important;
}
/* =========================
EXACT CURVE POSITIONS
420 x 500 SVG પ્રમાણે
========================= */
/* SURAT */
.rvl-network-section #networkCountryItems
.network-country-item:nth-child(1){
top:15.7% !important;
left:74.85% !important;
}
/* AHMEDABAD */
.rvl-network-section #networkCountryItems
.network-country-item:nth-child(2){
top:32.85% !important;
left:58.45% !important;
}
/* MUMBAI */
.rvl-network-section #networkCountryItems
.network-country-item:nth-child(3){
top:50% !important;
left:52.98% !important;
}
/* BANARAS */
.rvl-network-section #networkCountryItems
.network-country-item:nth-child(4){
top:67.15% !important;
left:58.45% !important;
}
/* DELHI */
.rvl-network-section #networkCountryItems
.network-country-item:nth-child(5){
top:84.3% !important;
left:74.85% !important;
}
/* MOBILE TEXT SIZE ONLY */
@media(max-width:767px){
.rvl-network-section #networkCountryItems .network-country-name{
right:9px !important;
font-size:7px !important;
letter-spacing:.5px !important;
}
.rvl-network-section #networkCountryItems .network-country-dot{
width:6px !important;
height:6px !important;
}
}
/* ============ END: CITY DOT EXACTLY ON CURVE FIX ============== */
/* =========== START: MOBILE CITY NAMES ONE LINE ============ */
@media(max-width:767px){
.rvl-network-section .network-country-arc{
width:100% !important;
height:45px !important;
top:10px !important;
left:0 !important;
transform:none !important;
}
/* MOBILE MA CURVE HIDE */
.rvl-network-section .network-country-arc svg{
display:none !important;
}
.rvl-network-section #networkCountryItems{
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:45px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex-wrap:nowrap !important;
gap:10px !important;
padding:0 5px !important;
}
.rvl-network-section #networkCountryItems .network-country-item{
position:static !important;
top:auto !important;
left:auto !important;
width:auto !important;
height:auto !important;
display:flex !important;
align-items:center !important;
flex-direction:row !important;
gap:4px !important;
padding:0 !important;
margin:0 !important;
transform:none !important;
white-space:nowrap !important;
}
.rvl-network-section #networkCountryItems .network-country-dot{
position:static !important;
width:5px !important;
height:5px !important;
flex:0 0 5px !important;
margin:0 !important;
transform:none !important;
background:#683A48 !important;
}
.rvl-network-section #networkCountryItems .network-country-name{
position:static !important;
padding:0 !important;
margin:0 !important;
transform:none !important;
background:transparent !important;
font-family:"Lato",sans-serif !important;
font-size:6.5px !important;
font-weight:700 !important;
line-height:1 !important;
letter-spacing:.25px !important;
text-transform:uppercase !important;
color:#683A48 !important;
white-space:nowrap !important;
}
}
/* VERY SMALL MOBILE */
@media(max-width:380px){
.rvl-network-section #networkCountryItems{
gap:7px !important;
padding:0 2px !important;
}
.rvl-network-section #networkCountryItems .network-country-item{
gap:3px !important;
}
.rvl-network-section #networkCountryItems .network-country-name{
font-size:5.7px !important;
letter-spacing:0 !important;
}
.rvl-network-section #networkCountryItems .network-country-dot{
width:4px !important;
height:4px !important;
flex-basis:4px !important;
}
}
/* ============ END: MOBILE CITY NAMES ONE LINE ============== */
/* =========== START: MOBILE CITY SINGLE LINE ============ */
@media(max-width:767px){
.rvl-network-section .network-country-arc{
width:100% !important;
height:45px !important;
top:8px !important;
left:0 !important;
transform:none !important;
}
/* MOBILE MA CURVE HIDE */
.rvl-network-section .network-country-arc svg{
display:none !important;
}
.rvl-network-section #networkCountryItems{
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:45px !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
justify-content:center !important;
flex-wrap:nowrap !important;
gap:10px !important;
padding:0 5px !important;
}
.rvl-network-section #networkCountryItems .network-country-item,
.rvl-network-section #networkCountryItems .network-country-item:nth-child(1),
.rvl-network-section #networkCountryItems .network-country-item:nth-child(2),
.rvl-network-section #networkCountryItems .network-country-item:nth-child(3),
.rvl-network-section #networkCountryItems .network-country-item:nth-child(4),
.rvl-network-section #networkCountryItems .network-country-item:nth-child(5){
position:static !important;
top:auto !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
width:auto !important;
height:auto !important;
display:flex !important;
flex-direction:row !important;
align-items:center !important;
gap:4px !important;
margin:0 !important;
padding:0 !important;
transform:none !important;
white-space:nowrap !important;
grid-column:auto !important;
grid-row:auto !important;
}
.rvl-network-section #networkCountryItems .network-country-dot{
position:static !important;
width:5px !important;
height:5px !important;
flex:0 0 5px !important;
margin:0 !important;
transform:none !important;
background:#683A48 !important;
}
.rvl-network-section #networkCountryItems .network-country-name{
position:static !important;
margin:0 !important;
padding:0 !important;
transform:none !important;
background:transparent !important;
font-family:"Lato",sans-serif !important;
font-size:6.5px !important;
font-weight:700 !important;
line-height:1 !important;
letter-spacing:.2px !important;
text-transform:uppercase !important;
color:#683A48 !important;
white-space:nowrap !important;
}
}
/* SMALL MOBILE */
@media(max-width:380px){
.rvl-network-section #networkCountryItems{
gap:7px !important;
padding:0 2px !important;
}
.rvl-network-section #networkCountryItems .network-country-item{
gap:3px !important;
}
.rvl-network-section #networkCountryItems .network-country-name{
font-size:5.6px !important;
letter-spacing:0 !important;
}
.rvl-network-section #networkCountryItems .network-country-dot{
width:4px !important;
height:4px !important;
flex-basis:4px !important;
}
}
/* ============ END: MOBILE CITY SINGLE LINE ============== */
/* =========== START: MOBILE GLOBE SPACING FIX ============ */
@media(max-width:767px){
/* RIGHT MAP FULL AREA HEIGHT OCHI */
.rvl-network-section .network-globe-wrapper{
min-height:300px !important;
height:300px !important;
padding:0 !important;
margin:0 !important;
}
.rvl-network-section .network-globe-area{
position:relative !important;
width:100% !important;
max-width:430px !important;
height:300px !important;
min-height:300px !important;
margin:0 auto !important;
padding:0 !important;
top:auto !important;
left:auto !important;
transform:none !important;
}
/* CITY NAMES TOP */
.rvl-network-section .network-country-arc{
top:8px !important;
width:100% !important;
height:28px !important;
left:0 !important;
transform:none !important;
}
.rvl-network-section #networkCountryItems{
height:28px !important;
padding:0 4px !important;
align-items:center !important;
}
/* GLOBE CENTER + UPPER */
.rvl-network-section #networkGlobeCanvas{
width:235px !important;
height:235px !important;
top:55% !important;
left:50% !important;
right:auto !important;
bottom:auto !important;
transform:translate(-50%,-50%) !important;
}
.rvl-network-section #networkGlobeCanvas canvas{
width:100% !important;
height:100% !important;
margin:0 !important;
padding:0 !important;
}
/* GLOW SAME PLACE */
.rvl-network-section .network-globe-glow{
width:235px !important;
height:235px !important;
top:55% !important;
left:50% !important;
right:auto !important;
transform:translate(-50%,-50%) !important;
}
/* CENTER DOT */
.rvl-network-section .network-center-dot{
top:55% !important;
left:50% !important;
right:auto !important;
transform:translate(-50%,-50%) !important;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-network-section .network-globe-wrapper{
min-height:270px !important;
height:270px !important;
}
.rvl-network-section .network-globe-area{
height:270px !important;
min-height:270px !important;
}
.rvl-network-section #networkGlobeCanvas,
.rvl-network-section .network-globe-glow{
width:215px !important;
height:215px !important;
top:55% !important;
}
.rvl-network-section .network-center-dot{
top:55% !important;
}
}
/* VERY SMALL MOBILE */
@media(max-width:360px){
.rvl-network-section .network-globe-wrapper{
min-height:250px !important;
height:250px !important;
}
.rvl-network-section .network-globe-area{
height:250px !important;
min-height:250px !important;
}
.rvl-network-section #networkGlobeCanvas,
.rvl-network-section .network-globe-glow{
width:195px !important;
height:195px !important;
}
}
/* ============ END: MOBILE GLOBE SPACING FIX ============== */
/* =========== START: PHP BLOG DETAIL + SIMPLE PAGE ============ */
.rvl-blog-detail{padding:60px 20px;background:#E9D4C1;color:#683A48}.rvl-blog-detail__wrap{max-width:920px;margin:auto}.rvl-blog-detail__meta{font:700 9px/1.4 "Lato",sans-serif;letter-spacing:1.5px;text-transform:uppercase}.rvl-blog-detail h1{font-family:"Playfair Display",serif;font-size:48px;line-height:1.08;font-weight:500;margin:12px 0;color:#683A48}.rvl-blog-detail__lead{font:400 14px/1.7 "Lato",sans-serif;max-width:760px}.rvl-blog-detail__hero{width:100%;max-height:520px;object-fit:cover;display:block;margin:28px 0}.rvl-blog-detail__content{font:400 14px/1.8 "Lato",sans-serif}.rvl-blog-detail__back,.rvl-blog-detail__notfound a{display:inline-block;margin-top:24px;color:#683A48;font:700 11px "Lato",sans-serif;text-transform:uppercase;letter-spacing:1px}.rvl-simple-page{padding:70px 20px;background:#E9D4C1;min-height:420px}.rvl-simple-page__wrap{max-width:900px;margin:auto}.rvl-simple-page__label{font:700 9px "Lato",sans-serif;letter-spacing:2px;text-transform:uppercase;color:#683A48}.rvl-simple-page h1,.rvl-simple-page h2{font-family:"Playfair Display",serif;color:#683A48}.rvl-simple-page h1{font-size:40px;margin:10px 0}.rvl-simple-page h2{font-size:28px;margin:20px 0 10px}.rvl-simple-page p{font:400 13px/1.7 "Lato",sans-serif;color:#683A48}@media(max-width:767px){.rvl-blog-detail{padding:40px 14px}.rvl-blog-detail h1{font-size:40px}.rvl-simple-page{padding:45px 14px}.rvl-simple-page h1{font-size:40px}}
/* ============ END: PHP BLOG DETAIL + SIMPLE PAGE ============== */
/* =========== START: DIRECTORS SECTION ALT COLOR CSS ============ */
.rvl-directors-alt,
.rvl-directors-alt *{
box-sizing:border-box;
}
.rvl-directors-alt{
padding:42px 20px;
background:#683A48;
}
.rvl-directors-alt__wrap{
width:100%;
max-width:1080px;
margin:0 auto;
}
/* HEADER */
.rvl-directors-alt__head{
max-width:700px;
margin:0 auto 26px;
text-align:center;
}
.rvl-directors-alt__label{
margin-bottom:8px;
font-family:"Lato",sans-serif;
font-size:8px;
font-weight:700;
letter-spacing:2.2px;
text-transform:uppercase;
color:#FFFFFF;
}
.rvl-directors-alt__head h2{
margin:0;
font-family:"Playfair Display",serif;
font-size:40px;
line-height:1.05;
font-weight:500;
color:#E9D4C1;
}
.rvl-directors-alt__head p{
max-width:620px;
margin:10px auto 0;
font-family:"Lato",sans-serif;
font-size:11px;
line-height:1.65;
color:#E9D4C1;
opacity:.9;
}
/* GRID */
.rvl-directors-alt__grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
}
/* CARD */
.rvl-directors-alt__card{
display:grid;
grid-template-columns:46% 54%;
min-height:270px;
overflow:hidden;
background:#E9D4C1;
transition:
transform .4s ease,
box-shadow .4s ease;
}
.rvl-directors-alt__card:hover{
transform:translateY(-5px);
box-shadow:
0 14px 35px rgba(0,0,0,.18);
}
/* IMAGE */
.rvl-directors-alt__image{
position:relative;
min-height:270px;
overflow:hidden;
background:#FFFFFF;
}
.rvl-directors-alt__image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center top;
transition:
transform .7s ease,
filter .5s ease;
}
.rvl-directors-alt__card:hover
.rvl-directors-alt__image img{
transform:scale(1.06);
}
/* IMAGE OVERLAY */
.rvl-directors-alt__image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(104,58,72,.35),
transparent 55%
);
}
/* NUMBER */
.rvl-directors-alt__no{
position:absolute;
z-index:3;
top:12px;
left:12px;
width:31px;
height:31px;
display:flex;
align-items:center;
justify-content:center;
background:#683A48;
color:#FFFFFF;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
}
/* CONTENT */
.rvl-directors-alt__content{
position:relative;
padding:28px 24px;
display:flex;
flex-direction:column;
justify-content:center;
background:#E9D4C1;
}
.rvl-directors-alt__role{
margin-bottom:7px;
font-family:"Lato",sans-serif;
font-size:7px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#683A48;
}
.rvl-directors-alt__content h3{
margin:0 0 10px;
font-family:"Playfair Display",serif;
font-size:28px;
line-height:1.08;
font-weight:500;
color:#683A48;
}
.rvl-directors-alt__content p{
margin:0;
font-family:"Lato",sans-serif;
font-size:9px;
line-height:1.6;
color:#683A48;
opacity:.82;
}
/* ACTIVE LINE */
.rvl-directors-alt__line{
width:34px;
height:2px;
margin-top:15px;
background:#683A48;
transition:width .45s ease;
}
.rvl-directors-alt__card:hover
.rvl-directors-alt__line{
width:80px;
}
/* WHITE DETAIL */
.rvl-directors-alt__content:after{
content:"";
position:absolute;
top:16px;
right:16px;
width:16px;
height:16px;
border-top:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
opacity:.75;
transition:transform .4s ease;
}
.rvl-directors-alt__card:hover
.rvl-directors-alt__content:after{
transform:translate(-3px,3px);
}
/* TABLET */
@media(max-width:900px){
.rvl-directors-alt{
padding:38px 16px;
}
.rvl-directors-alt__card{
grid-template-columns:1fr;
}
.rvl-directors-alt__image{
height:310px;
}
}
/* MOBILE */
@media(max-width:767px){
.rvl-directors-alt{
padding:34px 12px;
}
.rvl-directors-alt__head h2{
font-size:40px;
}
.rvl-directors-alt__grid{
grid-template-columns:1fr;
gap:14px;
}
.rvl-directors-alt__card{
grid-template-columns:42% 58%;
min-height:215px;
}
.rvl-directors-alt__image{
min-height:215px;
height:auto;
}
.rvl-directors-alt__content{
padding:20px 17px;
}
.rvl-directors-alt__content h3{
font-size:24px;
}
}
/* SMALL MOBILE */
@media(max-width:480px){
.rvl-directors-alt{
padding:30px 10px;
}
.rvl-directors-alt__card{
grid-template-columns:1fr;
}
.rvl-directors-alt__image{
height:285px;
}
.rvl-directors-alt__content{
min-height:145px;
}
}
/* ============ END: DIRECTORS SECTION ALT COLOR CSS ============== */