::-webkit-scrollbar {
width: 10px;
} ::-webkit-scrollbar-track {
background: #fff; 
border-radius: 10px;
} ::-webkit-scrollbar-thumb {
background: #a2a2a2; 
border-radius: 10px;
} ::-webkit-scrollbar-thumb:hover {
background: #999999; 
} a:focus {
outline: none;
}
ul {
list-style: disc;
padding-left: 1.45rem;
}
ul li::marker {
color: #827262;
font-size: x-large;
}
ul li {
font-weight: 300;
}
table, li {
font-family: 'Mitr', 'Gotham', sans-serif;
} .polylang_slink {
padding-left: 0.7rem;
border-left: 2px solid #7F7F7F;
} .swiper-pagination-bullet {
background-color: #d9d9d9 !important;
opacity: 1 !important;
width: 8px !important;
height: 8px !important;
}
.swiper-pagination-bullet-active {
background-color: #b7dce1 !important;
} @media screen and (min-width: 768px) and (max-width: 1399px) {
.hero-content {
transform: scale(0.75) translateX(43px);
}
.hero-content .order-1 {
transform: translateX(-7rem);
}
} .c-flex-row > .elementor-container {
flex-direction: row;
flex-wrap: wrap;
align-content: space-between;
}
.c-flex-row > .elementor-container > .elementor-column {
width: 100%;
}
.h-full > .elementor-container {
height: 100%;
}
.ml-auto {
margin-left: auto;
}
.mw-380px {
max-width: 380px;
}
.mw-760px {
max-width: 760px;
}
.w-100 img {
width: 100%;
}
.hover-svg-white .elementor-button {
transition: ease-in-out .3s filter;
}
.hover-svg-white .elementor-button:hover svg {
filter: brightness(0) invert(1);
}
.elementor-widget-image-carousel .swiper-slide-inner {
display: flex;
justify-content: center;
} .header-menu ul,
.header-menu ul li {
list-style: none;
padding-left: 0;
}
.header-widget ul {
display: flex;
align-content: center;
align-items: center;
height: 100%;
gap: 1.125rem;
}
.header-widget ul .lang-item a {
display: flex;
align-items: center;
justify-content: center;
}
.header-widget:nth-child(1):hover img {
filter: invert(60%) sepia(80%) saturate(900%) hue-rotate(178deg);
}
.header-widget:nth-child(2):hover img {
filter: invert(50%) sepia(90%) saturate(400%) hue-rotate(80deg);
}
.header-widget:nth-child(3):hover img {
filter: invert(70%) sepia(100%) saturate(900%) hue-rotate(320deg);
} .tabs-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding-top: 1rem;
padding-bottom: 3rem;
gap: 1rem 2rem;
}
.tab-title {
position: relative;
border: none;
font-size: 24px;
font-weight: 700;
}
.tab-title::after {
content: "";
position: absolute;
top: 110%;
left: 12.5%;
height: 3px;
width: 0;
opacity: 0; 
background-color: #c5b9ac;
transition: .3s ease-in-out all;
}
.tab-title.active::after,
.tab-title:hover::after {
width: 76%;
opacity: 1;
}
.tabs-widget .tabs-content {
background-color: #fff;
} .tabs-swiper {
position: relative;
overflow: hidden;
}
.tabs-swiper .swiper-slide {
max-width: 100%;
}
.tabs-swiper img {
height: 28rem !important;
max-height: 28rem;
object-fit: cover;
object-position: center;
width: 100%;
}
@media screen and (min-width: 768px) {
.tabs-header {
gap: 1rem 7rem;
}
}
@media screen and (max-width: 767px) {
.tabs-swiper .swiper-slide {
width: 100% !important;
}
} .elementor-widget-image-carousel .elementor-widget-container {
padding-left: 2rem;
padding-right: 2rem;
}
.elementor-element .swiper .elementor-swiper-button-prev {
left: 0 !important;
}
.elementor-element .swiper .elementor-swiper-button-next {
right: 30px !important;
}
.elementor-swiper-button-next::after, .elementor-swiper-button-prev::after {
content: '' !important;
position: absolute;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
}
.elementor-swiper-button-next:after {
background-image: url(//nayaresidence.com/wp-content/themes/nayaresidence/assets/svg/arrow-right-2.svg);
}
.elementor-swiper-button-prev:after {
background-image: url(//nayaresidence.com/wp-content/themes/nayaresidence/assets/svg/arrow-left-2.svg);
}
.elementor-swiper-button-next i, .elementor-swiper-button-prev i {
display: none;
}
.e-widget-swiper .swiper-pagination {
display: none;
} @media screen and (min-width: 640px) {
.column-full-1-3 .elementor-container .column-1 {
width: 35%;
}
.column-full-1-3 .elementor-container .column-2 {
width: 65%;
}
}
@media screen and (min-width: 768px) {
.column-full-1-3 .elementor-container .column-1 {
width: 33.333%;
}
.column-full-1-3 .elementor-container .column-2 {
width: 66.666%;
}
}
@media screen and (min-width: 1400px) {
.column-full-1-3 .elementor-container .column-1 {
width: 38%;
}
.column-full-1-3 .elementor-container .column-2 {
width: 62%;
}
} .box-circle-hover-full {
position: relative;
overflow: hidden;
}
.box-circle-hover-full .elementor-widget-image {
margin-bottom: 0 !important;
}
.circle-hover-full-01,
.circle-hover-full-02 {
position: absolute !important;
display: flex;
align-items: center !important;
justify-content: center !important;
bottom: -3rem;
left: -2rem;
width: 201px !important;
height: 201px;
padding: 2rem;
transition: .3s ease-in-out all;
}
.circle-hover-full-01 {
width: 268px !important;
height: 268px;
}
.circle-hover-full-01::before,
.circle-hover-full-02::before {
content: '';
position: absolute;
bottom: -1rem;
left: 0rem;
width: 201px !important;
height: 201px;
line-height: 1.1;
border-radius: 50%;
color: #fff;
background: #98CAEB;
transition: .3s ease-in-out all;
}
.circle-hover-full-01::before {
width: 268px !important;
height: 268px;
}
.box-circle-hover-full:hover .circle-hover-full-01,
.box-circle-hover-full:hover .circle-hover-full-02 {
width: 100% !important;
height: 100%;
bottom: 0;
left: 0;
}
.box-circle-hover-full:hover .circle-hover-full-01::before,
.box-circle-hover-full:hover .circle-hover-full-02::before {
width: 100% !important;
height: 100%;
bottom: 0;
left: 0;
border-radius: 0;
background: rgba(152, 202, 235, 0.8);
}
.circle-hover-full-01 .elementor-widget-container,
.circle-hover-full-02 .elementor-widget-container {
position: relative;
}
body:not(.elementor-editor-active) .box-circle-gallery {
display: none;
} .timeline-item::before {
content: attr(data-timelineitem);
font-family: "Mitr", sans-serif;
position: absolute;
top: 16.125rem;
left: 50%;
width: 41px;
height: 41px;
font-weight: 300;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
color: #827262;
border: #c5b9ac solid 1px;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.timeline-item .timeline-image > img {
border-radius: 0.375rem;
}
.timeline-item .timeline-content {
text-align: center;
}
@media screen and (min-width: 768px) {
.timeline-item::before {
top: 50%;
width: 50px;
height: 50px;
font-size: 1.25rem;
}
.timeline-widget::before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
background-color: #c5b9ac;
transform: translateX(-50%);
}
.timeline-item:nth-child(even) .timeline-image {
order: 2;
}
.timeline-item .timeline-content {
text-align: left;
}
.timeline-item:nth-child(even) .timeline-content {
order: 1;
text-align: right;
}
}
@media screen and (max-width: 767px) {
.timeline-widget {
margin: 0;
}
.timeline-detail {
padding-top: 0rem;
padding-bottom: 0rem;
}
.timeline-content h1 {
font-size: 20px;
}
.timeline-content p {
font-size: 16px;
}
.timeline-item {
padding: 0rem;
}
.timeline-item .timeline-content {
padding-top: 4rem;
}
.timeline-item .timeline-content {
padding-bottom: 1rem;
}
} .f-contact {
color: #000;
}
.f-contact .fluentform-widget-title {
text-align: center;
font-size: 38px;
margin-bottom: 1rem;
}
.f-contact input::placeholder {
font-family: "Mitr", Sans-serif;
font-weight: 300;
}
.f-contact .ff-el-form-check-label {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
font-weight: 200;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.f-contact input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.f-contact .ff-el-form-check-label::before {
content: '';
position: absolute;
height: 18px;
width: 18px;
font-weight: 200;
background-color: #eee;
left: 0;
}
.f-contact .ff_item_selected .ff-el-form-check-label::before {
background-color: #2196F3;
}
.f-contact .ff-el-form-check-label::after {
content: "";
position: absolute;
display: none;
left: 6px;
top: 2px;
width: 6px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.f-contact .ff_item_selected .ff-el-form-check-label::after {
display: block;
}
.f-contact .ff-el-form-check a {
font-weight: 700;
text-decoration: underline;
}
body .f-contact .ff-btn-submit,
html body.home .elementor-element .fluentform-widget-wrapper .fluentform .ff-el-group .ff-btn-submit {
background-color: #B7DCE1 !important;
font-family: "Mitr", Sans-serif;
font-size: 16px;
font-weight: 500;
fill: #54565B;
color: #54565B !important;
border-radius: 10rem 10rem 10rem 10rem;
padding: .7rem 2rem .7rem  2rem;
}
body .f-contact .ff-btn-submit:hover,
html body.home .elementor-element .fluentform-widget-wrapper .fluentform .ff-el-group .ff-btn-submit:hover {
background-color: #C5B9AC !important;
color: #fff !important;
} @keyframes fadeUp {
from {
opacity: 0;
transform: translateY(50px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fade-up,
.timeline-widget {
animation: fadeUp 1s ease-in-out forwards;
animation-play-state: paused;
animation-delay: .2s;
opacity: 0;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translateX(-50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.fade-left {
opacity: 0;
animation: fadeInLeft 1s ease-in-out forwards;
animation-play-state: paused;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(50px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.fade-right {
opacity: 0;
animation: fadeInRight 1s ease-in-out forwards;
animation-play-state: paused;
}
.timeline-item:nth-child(odd) .timeline-image {
opacity: 0;
animation: fadeInLeft 1s ease-in-out forwards;
animation-delay: .2s;
animation-play-state: paused;
}
.timeline-item:nth-child(odd) .timeline-content {
opacity: 0;
animation: fadeInRight 1s ease-in-out forwards;
animation-delay: .5s;
animation-play-state: paused;
}
.timeline-item:nth-child(even) .timeline-image {
opacity: 0;
animation: fadeInRight 1s ease-in-out forwards;
animation-delay: .2s;
animation-play-state: paused;
}
.timeline-item:nth-child(even) .timeline-content {
opacity: 0;
animation: fadeInLeft 1s ease-in-out forwards;
animation-delay: .5s;
animation-play-state: paused;
} .entry-footer .tags-links {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-top: 1rem;
}
.entry-footer .tags-links a {
background-color: #B7DCE1;
color: #877262;
margin: 0.5rem;
padding: .5rem 1rem;
border-radius: 5rem;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.entry-footer .tags-links {
justify-content: center;
}
} .cky-preference-content-wrapper a,
.cky-notice-des a {
color: #827262;
}
.cky-preference-content-wrapper a:hover,
.cky-notice-des a:hover {
color: #484547;
}
@media screen and (min-width: 768px) {
.md\:order-1 {
order: 1 !important;
}
.md\:order-2 {
order: 2 !important;
}
}