@charset "utf-8";
  :root{
--bs-bg-opacity: 1;
--bs-text-opacity: 1;
--bs-border-opacity: 1;
--bs-brown-rgb: 107, 56, 19;
--bs-yellow-rgb: 255, 224, 8;
--bs-dark-rgb: 108, 117, 125;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
outline: 0;
background: transparent;
}
body {
line-height: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
background: transparent;
}
ins {
text-decoration: none;
color: #000;
background-color: #ff9;
}
mark {
font-weight: bold;
font-style: italic;
color: #000;
background-color: #ff9;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
hr {
display: block;
height: 1px;
margin: 1em 0;
padding: 0;
border: 0;
border-top: 1px solid #ccc;
}
html {
font-size: 16px;
}
body {
font-family: 'Roboto', sans-serif;
margin: 0;
padding: 0;
font-weight:300;
color: #76797f;
}
h1, h2, h3{
font-weight:700;
}
h4{
font-weight: 400;
}
h5, h6{
font-weight: 400;
}
h1, h2, h3 {
font-family: "Montserrat", sans-serif;
}
.font-montserrat {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
}
img {
max-width: 100%;
height: auto;
}
.fw-thin{font-weight:100}
.border-rounded{border-radius:10px}
.fs-s { font-size: 0.9em!important}
.fs-7 { font-size: 0.75rem!important}
.fs-8 { font-size: 0.5rem!important}
.text-gray{color:#76797f!important}
.w-35{width:35%}
.text-brown{color:rgba(var(--bs-brown-rgb), var(--bs-text-opacity))!important}
.text-yellow{color:rgba(var(--bs-yellow-rgb), var(--bs-text-opacity))!important}
a.text-brown:hover{--bs-text-opacity:1!important}
.bg-brown {
background-color: rgba(var(--bs-brown-rgb), var(--bs-bg-opacity)) !important;
}
.bg-yellow {
background-color: rgba(var(--bs-yellow-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.border-brown{
border:5px solid rgba(var(--bs-brown-rgb), var(--bs-border-opacity)) !important;
}
.border-dark{
border:5px solid rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.inner-box-shadow{
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}
.top-logo{height:70px!important; vertical-align:bottom}
.index-top-rounded .index-top-rounded-bg{
transition: all .5s ease-out;
}
.index-top-rounded:hover .index-top-rounded-bg{
--bs-bg-opacity:.5!important;
transition: all .5s ease-out;
}
.index-top-rounded-text{
padding-bottom: 1.75rem !important;
}
.index-top-bg{
background-image: url(//hjkinternational.com/wp-content/themes/hjk-new/images/bg_1.jpg);
background-size:cover;
background-position: bottom;
width:100%;
height:100vh!important;
position: relative;
}
.index-top-bg-inside{
background:rgba(0,0,0,0.5);
border-radius: 10px;
}
.rent-box-image img{
width:100%;
height:160px;
object-fit: cover;
}
.slick-prev {
left: 25px!important;
z-index: 1!important;
}
.slick-next {
right: 25px!important
}
.slick-prev, .slick-next {
width:40px;
height: 40px;
}
.slick-prev:before, .slick-next:before {
font-size: 40px!important;
}
.slick.single-page .slick-slide {
max-height: 500px;
width: auto;
}
.rent-box{width:33.3333%}
.rent-box-image,
.rent-box-data{width:50%}
.rent-detail-data{width:70%}
.rent-detail-contact{width:30%}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
}
.wpcf7 form .wpcf7-response-output {
margin: 1em 0!important;
padding: 1em!important;
border: 2px solid #00a0d2;
}
.youtube {
overflow: hidden;
position: relative;
width:100%;
}
.youtube::after {
padding-top: 56.25%;
display: block;
content: '';
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpgmp_infowindow_post .wp-post-image {
max-width: 150px !important;
}
.fc-main address{line-height:1.25;margin-top:20px}
.fc-btn {display:inline-block; margin-top:10px}
.fc-btn-red{background-color:#6b3713!important;border-radius:10px!important;border-color:#6b3713!important}
.list-active:hover{background-color: #f8f9fa!important}
#index-slider {
height: 90vh;
position: relative;
overflow: hidden;
}
#index-slider .slick-slide {
height: 100vh;
}
#index-slider .slick-list{
overflow: visible;
}
.slider-img {
height: 100vh;
width: 100%;
object-fit: cover;
}
.background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
aspect-ratio: 16 / 9;
} .video-wrapper {
position: relative;
width: 100%;
padding-top: 56.25%; overflow: hidden;
}
.video-wrapper .background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
@media (max-width: 991.98px) { 
.rent-box{width:50%}
.rent-box-image,
.rent-box-data,
.rent-detail-data,
.rent-detail-contact{width:100%}
.slick-slide {
max-height: 400px;
}
.index-top-bg{
height:80vh!important;
}
#index-slider {
height: 80vh;
}
}
@media (max-width: 575.98px) { 
.index-top-bg{
height:50vh!important;
}
.index-top-bg h1{font-size:1.5em!important}
.index-top-bg p{font-size:1em!important}
.rent-box{width:100%}
.slick-slide {
max-height: 300px;
}
.slick-prev {
left: 10px!important;
z-index: 1!important;
}
.slick-next {
right: 10px!important
}
.slick-prev, .slick-next {
width:20px;
height: 20px;
}
.slick-prev:before, .slick-next:before {
font-size: 20px!important;
}
.rent-detail-data-box > div:first-child{width:100%!important;border:none!important; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dee2e6!important}
.index-top-rounded-text{
padding-bottom: 1.5rem !important;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
}