@import url('https://fonts.cdnfonts.com/css/montserrat');

body {
	font-family: 'Montserrat', sans-serif !important;
	line-height: 1.7rem !important;
	font-size: 14px;
	background-color: #d4fffa;
	/* color: rgb(93, 45, 132); */
	color: #1f3921;
}
body h1, body h2{
	color: #2e4630;
}
html,body{
    overflow-x: hidden;
}
img{
	object-fit: cover;
}
a{
	color: #ff7300;
}

a:hover{
	color: #ffa250;
}

.desc-p{
	text-align: center;
	padding: 0 200px 0 200px;
}

/* Themes */
.bg-gradient-primary{
	background-color: #ce6f4a;
	background-image: linear-gradient(180deg,#00567e 10%,rgb(67, 169, 216) 100%);
	background-size: cover;
}
.bg-gradient-dark{
	background-color: #505050;
	background-image: linear-gradient(180deg,#505050 10%,rgb(192, 192, 192) 100%);
	background-size: cover;
}
.bg-gradient-login{
	background: #fff;
}
/* End Themes */

/* Buttons */
.btn-primary{
	/* background-color: #dc6300 !important; */
	background-color: #32bdb0 !important;
    border-color: #2da498;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
	background-color: #31cfbf !important;
    border-color: rgb(51, 201, 186) !important;
}

.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:not([disabled]):not(.disabled).active,
.show>.btn-primary.dropdown-toggle{
    background-color: #31cfbf !important;
    border-color: rgb(51, 201, 186) !important;
}

.btn-secondary{
	/* background-color: #dc6300 !important; */
	background-color: #477caa !important;
    border-color: #41719a;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
	background-color: #518bbd !important;
    border-color: #4e7eb6 !important;
}

.btn-secondary:not([disabled]):not(.disabled):active,
.btn-secondary:not([disabled]):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle{
    background-color: #518bbd !important;
    border-color: #4e7eb6 !important;
}
/* End Buttons */

/* Login */
.bg-login-image{
	background: rgba(97,194,224,1);
	background: -moz-linear-gradient(45deg, rgba(97,194,224,1) 0%, rgba(45,173,212,1) 30%, rgba(68,190,227,1) 44%, rgba(24,147,199,1) 55%, rgba(45,169,207,1) 85%, rgba(21,166,214,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(97,194,224,1)), color-stop(30%, rgba(45,173,212,1)), color-stop(44%, rgba(68,190,227,1)), color-stop(55%, rgba(24,147,199,1)), color-stop(85%, rgba(45,169,207,1)), color-stop(100%, rgba(21,166,214,1)));
	background: -webkit-linear-gradient(45deg, rgba(97,194,224,1) 0%, rgba(45,173,212,1) 30%, rgba(68,190,227,1) 44%, rgba(24,147,199,1) 55%, rgba(45,169,207,1) 85%, rgba(21,166,214,1) 100%);
	background: -o-linear-gradient(45deg, rgba(97,194,224,1) 0%, rgba(45,173,212,1) 30%, rgba(68,190,227,1) 44%, rgba(24,147,199,1) 55%, rgba(45,169,207,1) 85%, rgba(21,166,214,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(97,194,224,1) 0%, rgba(45,173,212,1) 30%, rgba(68,190,227,1) 44%, rgba(24,147,199,1) 55%, rgba(45,169,207,1) 85%, rgba(21,166,214,1) 100%);
	background: linear-gradient(45deg, rgba(97,194,224,1) 0%, rgba(45,173,212,1) 30%, rgba(68,190,227,1) 44%, rgba(24,147,199,1) 55%, rgba(45,169,207,1) 85%, rgba(21,166,214,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c2e0', endColorstr='#15a6d6', GradientType=1 );
}
.bg-login-image .title{
	background: url(/adm/images/logo.png);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: 300px;
	text-align: center;
	font-weight: bold;
	font-size: 45px;
}
/* End Login */

/* Validation */
.errorlist li{
	color: #e74a3b;
	font-size: 12px;
}

.req-sign{
	color: #e74a3b;
}
/* End Validation */

/* customs */
.title-border{
	border-left: #4ba4ce solid 5px;
	padding-left: 10px;
	font-size: 24px;
}
/* end customs */

.disabled{
	color: #d2d2d2;
}

.lb-item{
	display: inline-block;
	padding: 10px;
	margin-right: 10px;
	border-radius: 5px;
	background-color: #eeeeee;
	border: 1px solid #cacaca;
}

.lb-item-sm{
	padding: 5px;
	font-size: 14px;
}

.container-fluid{
	padding: 0 50px 0 50px;
}

footer{
	width: 100%;
	/*height: 56px;*/ /* Set the fixed height of the footer here */
	background-color: #739896;
	color: #ffffff;
}

footer .title{
	line-height: 56px; /* Vertically center the text there */
}

.sticky-footer{
    position: absolute;
	bottom: 0;
}

.sidebar .nav-item .nav-link .img-profile, .topbar .nav-item .nav-link .img-profile{
	height: 3rem;
	width: 3rem;
	object-fit: cover;
}

.container{
	padding-left: 0;
	padding-right: 0;
}

.bottom-shd{
	-webkit-box-shadow: 0px 12px 14px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 12px 14px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 12px 14px 0px rgba(0,0,0,0.2);
}

.development-txt{
	color: rgb(255, 234, 0);
	background: #ff8d8d;
	padding: 10px;
	height: 400px;
	width: 400px;
	border-radius: 50%;
	position: absolute;
	top: -200px;
	right: -200px;
	z-index: 99999;
}
.development-txt div{
	position: absolute;
	bottom: 100px;
	left: 60px;
}

.bg-transparent{
	background: transparent !important;
}
.bg-widget{
	background-color: #668368;
}

.bg-primary{
	background-color: #474c79 !important;
}

.navbar-dark{
	background-color: #668368 !important;
}

.navbar-logo{
	background-color: #016dd2 !important;
}

.bg-grey{
	background-color: #ffb8ed !important;
}

.bg-dark-grey{
	background-color: #59ab48 !important;
}

.bg-dark{
	background-color: #badde1 !important;
	color: #f6f6f6;
}
.bg-dark .card-text{
	color: #f6f6f6 !important;
}

.navbar{
	/* padding: 1rem 1rem; */
	padding: 0;
	box-shadow: none;
	/* text-shadow: -.5px -.5px 0 #000,
	.5px -.5px 0 rgb(73, 73, 73),
	-.5px .5px 0 rgb(73, 73, 73),
	.5px .5px 0 rgb(73, 73, 73); */
	font-weight: 400;
	font-size: 16px;
	pointer-events: visible;
	height: 100%;
	display: flex;
	flex-direction: row;
}

@media (min-width: 992px){
	.my-nav.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.9rem;
		padding-left: 0.9rem;
	}
}

.navbar.top-nav{
	padding: .5rem .5rem;
}

.navbar.top-nav ul li .nav-link{
	padding: .3rem .3rem;
	line-height: 1;
}

.carousel-item img{
	object-fit: cover;
}

img{
	object-fit: cover;
}

.navbar-nav .nav-item{
	display: flex;
	align-items: center;
}

.navbar-nav .nav-item a{
	align-self: center;
}

.mb-6, .my-6{
	margin-bottom: 4.5rem !important;
}

.mb-7, .my-7{
	margin-bottom: 6rem !important;
}

.sidebar-col{
	border-left: 1px solid rgb(231, 231, 231);
	padding-left: 30px;
}

.content-col{
	/* padding-right: 30px; */
	padding: 0 100px 0 100px;
}

.border-bottom{
	border-bottom: 1px solid rgb(231, 231, 231);
}

.title-holder{
	border-bottom: 4px solid #ffa06a;
	font-size: 28px;
	font-weight: 300;
	padding-bottom: 0.6rem;
	color: #ffe7e7;
}

.title-holder.light-bg{
	color: #3d5a68;
	font-weight: 400;
}

.navbar .dropdown-menu a{
	padding: 0 20px 0 20px;
}

.dropdown-item.active,
.dropdown-item:active{
	background-color: #966e7b;
}

.comment-name{
	color: tomato;
}

.carousel-inner{
	/* height: 78vh; */
}

img.cover{
	width: 100%;
	background-color: rgb(50, 50, 50);
}
img.cover.home{
	height: 400px;
}

.btn-search, .btn[class*="btn-outline-"].btn-search{
	padding: 8px 5px 8px 5px;
}

label .required{
	color: rgb(229, 77, 77);
}

/* spacing */
.pt-15px{
	padding-top: 15px;
}
.pb-15px{
	padding-bottom: 15px;
}
.pb-30px{
	padding-bottom: 30px!important;
}
/* end of spacing */

.clamped-div {
	display: -webkit-box;
	-webkit-line-clamp: 5;       /* Limit the block to 3 lines */
	line-clamp: 5;       /* Limit the block to 3 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;            /* Hide any overflowed content */
	text-overflow: ellipsis;     /* Add ellipsis ('...') for the hidden content */
	max-height: 9em;           /* Set max height to show 3 lines (depends on line-height) */
	line-height: 1.5em;          /* Adjust line height for consistent spacing */
  }

.card{
	/* background: transparent; */
	/* border-radius: 1rem; */
	overflow: hidden;
	-webkit-box-shadow: -15px 12px 14px -3px rgba(0,0,0,0.2);
	-moz-box-shadow: -15px 12px 14px -3px rgba(0,0,0,0.2);
	box-shadow: -15px 12px 14px -3px rgba(0,0,0,0.2);
}

.card.dark{
	background-color: #3e3e3e;
}

.card.card-bg{
	background-color: #ffffff;
}

/* .card.hor .card-body .card-text{
	font-size: 16px;
}

.card.hor {
	flex-direction: row;
	-webkit-box-shadow: -15px 12px 14px -3px rgba(0,0,0,0.2);
	-moz-box-shadow: -15px 12px 14px -3px rgba(0,0,0,0.2);
	box-shadow: -15px 12px 14px -3px rgba(0,0,0,0.2);
}

.card.hor.img-right {
	-webkit-box-shadow: 15px 12px 14px px rgba(0,0,0,0.2);
	-moz-box-shadow: 15px 12px 14px -3px rgba(0,0,0,0.2);
	box-shadow: 15px 12px 14px -3px rgba(0,0,0,0.2);
}

.card.hor img {
	width: 50%;
}

.card.hor .card-img-overlay{
	width: 50%;
	padding: 0 70px 0 70px;
}

.card.hor .card-img-overlay .card-title{
	border-bottom: 4px solid;
	padding-bottom: 30px;
	margin-bottom: 60px;
	width: 100%;
}

.card.hor .card-img-overlay.right{
	left: unset;
}

.card.hor .card-img-overlay .card-title{
	text-align: right;
	text-shadow: 4px 4px #363636;
	font-weight: bold;
}

.card.hor .card-img-overlay.right .card-title{
	text-align: left;
}

.card.hor .card-body {
	padding: 60px;
}

.card.hor.unlined{
	border: none;
} */

.card .card-time{
	font-size: small;
}

/* Card overlay */
.card.card-overlay{
	width: 100%;
	display: flex;
    flex-direction: column;
	height: 400px;
}
.card.card-overlay.ver{
	height: 500px;
}
.card.card-overlay img{
	width: 100%;
	height: 100%;
	position: absolute;
}
.card.card-overlay .card-body{
	width: 60%;
	height: 100%;
	position: absolute;
	color: #9dc8a0;
	/* background-color: rgba(0, 0, 0, .51); */
	background: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(254, 180, 123, 0)); /* Gradient color */
}
.card.card-overlay .card-body .card-text{
	color: #e8e8e8;
}
.card.card-overlay.no-cap{
	height: 550px;
}
.card.card-overlay.no-cap .card-body{
	background: transparent;
}
/* End Card overlay */

.card.card-hor{
	height: 100%;
	max-height: 250px;
	display: flex;
	flex-direction: row;
}

.card-hor-holder{
	height: 250px;
}

.card.hor{
	display: flex;
	flex-direction: row;
}

.card.hor img{
	width: 50%;
	height: 100%;
}

.card.hor .card-body{
	padding: 0 15px 0 15px;
}

.card.hor .card-title{
	font-weight: bold;
	margin: 0;
}

.card.hor.transparent{
	background-color: transparent !important;
	box-shadow: none !important;
}

.card.card-ver{
	height: 500px;
}

.card.card-ver img{
	width: 100%;
	height: 50%;
}

.card.tr-card{
	box-shadow: none;
	background: transparent;
}

.card.tr-card .card-body{
	padding-left: 0;
	padding-right: 0;

}

/* Bingkai */
.cool-frame {
    position: relative; /* Agar pseudo-elemen dapat diposisikan relatif */
    display: inline-block;
    border: 15px solid #98b1b8; /* Warna border ungu */
    border-radius: 4px; /* Sudut membulat */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.cool-frame img {
    display: block;
    border-radius: 4px;
    max-width: 100%;
    height: auto;
}

.cool-frame::before,
.cool-frame::after,
.cool-frame .corner {
    content: '';
    position: absolute;
    background: rgb(50, 50, 50); /* Warna garis potongan putih */
}

.corner {
    width: 21px; /* Lebar garis potongan */
    height: 3px; /* Tinggi garis potongan */
}

.cool-frame .corner.tl { /* Sudut kiri atas */
    top: -8px;
    left: -17px;
    transform: rotate(45deg);
}

.cool-frame .corner.tr { /* Sudut kanan atas */
    top: -8px;
    right: -17px;
    transform: rotate(135deg);
}

.cool-frame .corner.bl { /* Sudut kiri bawah */
    bottom: -8px;
    left: -17px;
    transform: rotate(-45deg);
}

.cool-frame .corner.br { /* Sudut kanan bawah */
    bottom: -8px;
    right: -17px;
    transform: rotate(-135deg);
}
.cool-frame::after {
	background-color: transparent;
    content: '';
    position: absolute;
    top: 0px; /* Mengatur jarak dari border luar */
    left: 0px; /* Mengatur jarak dari border luar */
    right: 0px; /* Mengatur jarak dari border luar */
    bottom: 0px; /* Mengatur jarak dari border luar */
    border: 3px solid rgb(50, 50, 50); /* Inner border warna ungu */
    border-radius: 3px; /* Sudut membulat */
    pointer-events: none; /* Agar tidak mengganggu interaksi dengan gambar */
}
/* End of Bingkai */

.team-card{
	overflow: hidden;
	font-size: 50px;
    font-weight: 500;
    text-align: center;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: rgb(164, 136, 150);
    color: #fff;
	height: 230px;
	width: 230px;
	position: relative;
}
.team-card img{
	height: 100%;
	width: 100%;
}

.nav-title{
	/* position: absolute; */
	display: flex;
	align-items: center;
	left: 0;
	top: 0;
	height: 100%;
	padding: 15px 30px 15px 30px;
	background-color:#3a623c;
}

.team-card .title{
	position: absolute;
	bottom: 0;
	padding: 20px;
	/* background-color: rgba(0, 0, 0, .21); */
	color: #ffffff;
	width: 100%;
	font-size: medium;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));

}

.my-card{
	display: flex;
}

.divider{
	text-align: center;
}
.divider span{
	padding: 0 70px;
	border-bottom: 4px solid #ffa06a;
}

#inlineFormInputGroupCari{
	margin-left: 1rem;
}

.carousel-inner .cover{
	height: 79vh;
}

.mob-on{
	display: none;
}

.visit-counter{
	font-size: 50px;
	font-weight: 500;
	text-align: center;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: rgb(222 118 99);
	color: #fff;
}

.visit-text{
	font-size: 20px;
}

/* custom card */
.catchy-card{
	position: relative;
	width: 100%;
	height: 100%;
}
.catchy-card .catchy-card-content{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.catchy-card .catchy-card-content span{
	/* -webkit-box-shadow: 0px 0px 50px 17px rgba(0,0,0,0.24);
	box-shadow: 0px 0px 50px 17px rgba(0,0,0,0.24); */
	background-color: rgba(0, 0, 0, .21);
	padding: 10px 15px 10px 15px;
}
.catchy-card img{
	width: 100%;
}
/* end custom card */

.hero{
	/* height: 100vh; */
	height: calc(100vh - 74px);
	position: relative;
}
.hero .hero-overlay{
	top: 0;
	position: absolute;
	display: flex;
	justify-content: end;
	align-items: start;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 9;
}
.hero .hero-overlay span{
	/* background-color: rgba(0, 0, 0, .21); */
	padding: 15px 25px 15px 25px;
	margin-top: 27px;
	position: absolute;
}
.top-nav{
	background-color: #668368 !important;
	position: absolute;
	top: 0;
	width: 100%;
}

header{
    width: 100%;
    position: relative;
	/* top: 15px; */
    /* bottom: 0; */
	z-index: 1000;
	pointer-events: none;
	height: 75px;
}

header button{
	pointer-events: visible;
}

/* side pannel */
.sidepanel  {
	width: 0;
	position: fixed;
	z-index: 99;
	/* height: 600px; */
	max-height: 100vh;
	top: 0px;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	pointer-events: visible;
	display: none;
}

.sidepanel a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 15px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidepanel a:hover {
	color: #f1f1f1;
}

.sidepanel .closebtn {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 36px;
}

.openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: transparent;
	color: white;
	padding: 10px 15px;
	border: none;
	display: none;
	position: absolute;
	top: 0;
}

.openbtn:hover {
	background-color:#444;
}

.no-mob{
	display: flex;
}

#vid-cover{
	/* height: 100vh; */
	/* height: 100%;
	background-color: #000;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	overflow: hidden; */
	height: 100%; /* Atur tinggi sesuai kebutuhan */
	overflow: hidden; /* Sembunyikan bagian video yang melampaui container */
	position: relative; /* Agar bisa mengatur posisi video */
	background-color: aliceblue;
}

#vid-cover .overlay{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

#vid-cover .overlay .title{
	position: absolute;
	bottom: 0;
	right: 30px;
	padding: 30px;
	color: #fff;
}

#vid-cover video{
	width: 100%; /* Mengatur lebar video 100% dari container */
	height: 100%; /* Mengatur tinggi video 100% dari container */
	object-fit: cover; /* Mengatur video agar mengisi container seperti object-fit: cover */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%); /* Pusatkan video */
}

.btn-play-vid{
	opacity: .3;
}

/* google translate select */
.goog-te-combo{
	display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #d4d4d4;
	background-color: rgba(0, 0, 0, .5);
	background-clip: padding-box;
	border: 1px solid #757575;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* google translate select */

.skiptranslate.goog-te-gadget span{
	display: none;
}

#google_translate_element{
	height: 40px;
	overflow: hidden;
}

main .top-nav-info{
	z-index: 99;
	position: relative;
}

.head-wrapper-title{
	height: 75px;
}

.head-wrapper-title h4{
	margin-top: 35px;
}
.head-wrapper{
	position: relative;
	color: #ffffff;
	font-weight: 400;
}
.head-wrapper header{
	position: relative;
}

.map{
	height: 570px;
	width: 100%;
}

#content-wrapper{
	font-size: 16px;
}

#carousel,
#carousel .carousel-inner,
#carousel .carousel-inner .carousel-item,
#carousel .carousel-inner .carousel-item img{
	width: 100%;
	height: 100%;
}

#carousel .carousel-indicators{
	bottom: 55px;
}

.carousel .carousel-indicators li{
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5);
	border-radius: 0;
}

.gallery-card{
	cursor: pointer;
}

#main-navbar{
	/* background-color: rgba(0,0,0,19.05%);
	-webkit-box-shadow: 0px 1px 29px 11px rgb(0 0 0 / 27%); */
}

svg path:hover{
	fill: #5C7E4C;
}

.modal-lg.max-lg{
	max-width: 80vw;
}

.container.home-desc-container{
	text-align: justify;
	padding: 0 70px 0 70px;
}

/* play button */
.card .thumbnail{
	position: relative;
}
.card a.play-vid{
	position: absolute;
	width: 100%;
	height: 100%;
}
.card a.play-vid:hover{
	background-color: rgba(0, 0, 0, .15);
}
.card a.play-vid div{
	/* padding: 15px; */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, .21);
}
.card a.play-vid div i{
	font-size: 24px;
	color: #fff;
}

.list-container{
	margin-top: 40px;
}

.hidden{
    display: none !important;
}

@media only screen and (max-width: 1000px) {

	.sidepanel  {
		display: block;
	}

	.list-container{
		margin-top: 0;
	}

	.top-nav{
		/* display: none; */
		height: 27px;
		padding: 8px;
	}

	.head-wrapper{
		min-height: 70px;
		/* height: 15vw; */
	}

	.head-wrapper-title{
		height: 48px;
	}

	.head-wrapper-title h4{
		margin-top: 9px
	}

	.menu-panel{
		display: none;
	}

	.desc-p{
		padding: 0 25px 0 25px;
	}

	#vid-cover .overlay .title{
		right: 20px;
		padding: 20px;
		color: #fff;
	}

	#vid-cover .overlay .title h3{
		font-size: 15px;
	}

	.openbtn{
		display: block;
		min-height: 48px;
		height: 9vw;
		font-size: clamp(33px, 6.5vw, 100px);
	}

	.no-mob{
		display: flex;
	}

	#inlineFormInputGroupCari{
		margin-left: 0;
	}

	#f-lang{
		padding: 1rem 0 1rem 0;
	}

	.mob-off{
		display: none;
	}

	.mob-on{
		display: flex;
	}

	.content-col{
		padding-right: 15px;
	}

	.content-col img{
		/* max-height: 60vw; */
	}

	.my-card{
		flex-direction: column;
	}

	img.cover, img.thumbnail, img.cover.home, #vid-cover {
		/* max-height: 60vw; */
		background-color: rgb(50, 50, 50);
	}
	.container-fluid{
		padding: 0 15px 0 15px;
	}

	.container-fluid .tr-card img{
		max-width: 100vw;
	}

	.container-fluid img{
		max-width: 100%;
	}

	.navbar{
		padding: 0;
		min-height: 48px;
		height: 9vw;
	}

	.navbar .container-fluid{
		display: none;
	}

	.navbar .navbar-logo{
		width: 100%;
		justify-content: center;
	}

	.hero img.cover, img.thumbnail, img.cover.home {
		/* max-height: 60vw; */
		background-color: rgb(50, 50, 50);
	}
	.hero{
		top: 27px;
		max-height: 60vw;
	}

	/* .hero .hero-overlay{
		top: 45px;
		justify-content:flex-end;
		align-items:flex-start;
	}

	.hero .hero-overlay span{
		background-color: unset;
		padding: 10px 10px 10px 10px;
	} */

	/* .hero .hero-overlay span h1{
		font-size: 12px;
	} */

	header{
		top: 0px!important;
		max-height: 20px;
	}

	main .top-nav-info{
		z-index: 2;
	}

	/* .carousel-inner{
		height: 60vw;
	} */

	.container.home-desc-container{
		padding: 0 15px 0 15px;
	}

	.mb-6, .my-6{
		margin-bottom: 2.5rem !important;
	}

	.mb-7, .my-7{
		margin-bottom: 3rem !important;
	}

	.pb-4{
		padding-bottom: .5rem!important;
	}

	.pb-30px{
		padding-bottom: 30px!important;
	}

	.footer-col{
		text-align: center;
	}
}