@font-face {
  font-family: MinionPro;
  src: url('/assets/dist/fonts/MinionPro-Regular.otf');
}
@font-face {
  font-family: Knockout-48;
  src: url('/assets/dist/fonts/Knockout-48.otf');
}
@font-face {
  font-family: MinionPro-BoldCn;
  src: url('/assets/dist/fonts/MinionPro-BoldCn.otf');
}

body{
font-family: Knockout-48,sans-serif;
color: #000;
transition:0.4s;

}
iframe{
    aspect-ratio: 16/9;
    width: 100%;
}
h3,h6{
	line-height: 1.5;
}
.text-navy{
	color: #002043;
}
.bg-navy:hover{
	background: #003c7e;
}
.bg-navy{
	background: #002043;
}
.custom-h5{
	font-size: 1.2rem;
}
.btn-active:hover{
	border: 4px solid #198754;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-radius: 0;
}
.btn-active{
	border: 4px solid #198754;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-radius: 0;
}

.order-table{
font-size: .9rem;

}
td , th{
padding-top: 20px;

}

td h5{
margin-bottom: 0px;
}

.bg-yellow{
--bs-bg-opacity: 1;
 background-color: rgb(206 232 187)!important;

}
.bg-green{
--bs-bg-opacity: 1;
 background-color: rgb(158 212 177)!important;

}
.bg-blue{
--bs-bg-opacity: 1;
 background-color: rgb(206 227 230)!important;

}

.order-table .order-status{
	font-weight: bold;
}

.order-table .custom-bg-color1{
	background:#ffc800b5 ;
}
/* Table Width Start */
.table-w50{
	width: 50px;
}

.table-w100{
	width: 100px;
}

.table-w150{
	width: 150px;
}

.table-w200{
	width: 200px;
}

.table-w250{
	width: 250px;
}
.table-w350{
	width: 350px;
}
.table-w500{
	width: 500px;
}
.order-table .badge{
	padding: 0.65em 1.65em;
	font-size: .8em;
}

/* Main Page Start */
		summary{
			display: block;
		}

/* header */
			.head_subtext{
				color: #002043;
					font-size: 1rem;
					font-weight: 330;
					letter-spacing: 3px;
			}
			
			.head_title{
				color: #002043;
				font-weight: 700;
				font-size: 4.5vw;
				letter-spacing: -1px;
				line-height: 6vw;
				font-family: 'Montserrat-Bold';
			}
			.head_title2{
				color: #002043;
				font-weight: 700;
				font-size: 3vw;
				letter-spacing: -1px;
				font-family: 'Montserrat-Bold';
			}
			.search-header{
				border-color:#002b5e;
				border-top-left-radius: 50rem;
				border-bottom-left-radius: 50rem;
				border-width: 1px;
			}
			.search-footer{
				border-color:#002b5e;
				border-top-right-radius: 50rem;
				border-bottom-right-radius: 50rem;
				border-width: 1px;
			}
/* Nagivation Bar */
		.logo_img{
				display: inline-block;
				max-height: 60px;
				width: auto;
			}
			.nav-link:hover{
				color:#000000;
			}
			.nav-link{
				font-size: 1.2rem;
				letter-spacing:2px;
				text-transform:uppercase;
			}
			.nav-active:hover{
				color:#002b5e;
			}
			.link-active{
				color:#000;
				font-weight:400;
				border-bottom:2px solid #000;
				
			}
			.link-menu{
				color:#919191;
				font-weight:500;
			}
/* Custom Button */
			.btn-custom-active:hover{
				color: white;
				background: #002041;
			}
			.btn-custom-active{
				color: white!important;
				background: #002041!important;
				
			}
			.btn-custom:hover{
				color: white;
				background: #002041;
			}
			.btn-custom{
				color: #002041;
				background: #fff;
				border:1px solid #002041;
				
			}
			.cus_button1{
				background: #88d2c5;
				color: #052649;
				width: 180px;

			}
			.cus_button1:hover{
				background: #88d2c5;
				color: #052649;
				width: 180px;

			}
			.cus_button2:hover{
				background: #052649;
				color: #fff;
			}
			.cus_button2{
				background: transparent;
				color: #052649;
				border: 2px solid #052649;
				width: 180px;
			}
			.cus_button3{
				background: transparent;
				color: #052649;
				border: 2px solid #052649;
				width: 100%;
			}
			.cus_button3::placeholder{
				color: #002043;
				opacity: 1;
			}
			.cus_button4:hover{
				background: #fff;
				color: #000;
				border: 2px solid #fff;
				width: 220px;
			}
			.cus_button4{
				background: transparent;
				color: #fff;
				border: 2px solid #fff;
				width: 220px;
			}
			.startlearning{
				width: 200px!important;
			}
			.signup{
				width: 130px!important;
			}
			.waiting{
				width: 250px!important;
			}
			.questioning{
				width: 250px!important;
			}
			.manage_listing{
				width: 205px!important;
			}
/* Carousel */
			
			.carousel-cell {
			width: 22%;
			height: 220px;
			margin-right: 20px;
			border-radius: 5px;
			counter-increment: gallery-cell;
			}
			.carousel-cell img{
				max-width: 450px;
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 5px;
				object-position: 50% 15%;
			}
/* Details */
			.data_title{
				font-size: 5vw;
				font-weight: bold;
				display: block;
				font-family: 'Montserrat-Bold';
				background: -webkit-linear-gradient(#cafff1, #48c2a2);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
			.data_subtitle{
				color: #001e42;
			}
			.pricing_title{
				font-size: 30px;
				font-weight: bold;
				display: block;
				color: black;
			}
			.pricing_subtitle{
				color: #001f3e;
			}
			.border-lightgrey{
				border: 1px solid #eaeaea;
			}
/* Scroll icon */
			@keyframes scroll_2 {
			0%   { transform: translateY(0); opacity: 1; }
			25%  { opacity: 1; }
			75%  { transform: translateY(.75em); opacity: 0; }
			100% { transform: translateY(0); opacity: 0; }
			}
			
			.scroll-icon__dot {
			display: block;
			position: absolute;
			left: 50%;
			background: #002043;
			height: .5em;
			width: .5em;
			top: .6em;
			margin-left: -.25em;
			border-radius: 50%;
			transform-origin: top center;
			backface-visibility: hidden;
			animation: scroll_2 2s ease-out infinite;
			}
			
			.scroll-icon {
			display: block;
			position: relative;
			height: 3em;
			width: 1.5em;
			border: .15em solid #002043;
			border-radius: 1em;
			left: 50%;
			transform: translate(-50%, 0);
			}
			.artist_name{
				letter-spacing: -1px;
			}

/* Collection Image */
			.collection_img{
				    aspect-ratio: 1/1;
    				width: 150px;
    				object-fit: cover;
				}
			.collection_p{
					color: #002041;
				    font-weight: 500;
    				font-size: 16px;
			}
/* Content */
			.gallery_filter ul{
				color: #002041;
				font-weight: 700;
			}
			.gallery_filter .filter_icon{
				color: #002041;
				font-weight: 700;
			}
			.gallery_filter select{
				width: 200px;
			}
			.content_title{
				color: #001e42;
				font-size: 2.5rem;
				font-weight: 700;
				font-family: 'Montserrat-Bold';

			}
			.content_subtext{
				color: #002043;
			font-size: 16px;
			font-weight: 330;
			font-family: inherit;
			letter-spacing: 1px;
			display: block;
			width: 45vw;
			}
			.inspired_img{
				height: 460px;
			}
			.inspired_img img{
				object-fit: cover;
			}
/* summary */
			.main_page details {
			font-size: 1rem;
			box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
			width: 100%;
			background: #ffffff;
			border-radius: 30px;
			position: relative;
			width: 500px;
			}
			.main_page details .summary-title {
			font-weight: bold;
			color: #001e42;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			}
			.main_page details:hover {
			cursor: pointer;
			}
			.main_page details .summary-content {
			border-top: 1px solid #e2e8f0;
			cursor: default;
			padding: .5em;
			font-weight: 300;
			line-height: 1.5;
			}
			.main_page details summary {
			list-style: none;
			padding: .5em;
			}
			.main_page details summary:focus {
			outline: none;
			}
			.main_page details summary:hover .summary-chevron-up svg {
			opacity: 1;
			}
			.main_page details .summary-chevron-up svg {
			opacity: 0.5;
			}
			.main_page details .summary-chevron-up,
			.main_page details .summary-chevron-down {
			pointer-events: none;
			position: absolute;
			top: .8em;
			right: 1em;
			background: #ffffff;
			}
			.main_page details .summary-chevron-up svg,
			.main_page details .summary-chevron-down svg {
			display: block;
			}
			.main_page details summary::-webkit-details-marker {
			display: none;
			}
/* Footer */
			footer a{
				width: 33%;
				color: #001e42!important;
			}
			footer{
				border-top: 1px solid #002043;
			}
			footer i{
				font-size: 1.5em;
				color: #002b5e;
				margin-left: 5px;
			}
			footer .logo_img{
				max-height: 40px;
			}
			@media(max-width:568px){
				.head_title2{
				font-size: 2.8em;
			}
			.data_title{
				font-size: 48px;
			}
			.w-75{
					width: 100%!important;
				}
			.w-50{
					width: 90%!important;
				}
				.content_title{
				
				font-size: 2.2rem;
				font-weight: 900;
			}
				.inspired_img{
				height: 350px;
			}
			.inspired_img img{
				object-fit: cover;
			}
				.content_subtext{
					width: 100%;
				}
				.photo_category{
				display: grid;
				grid-auto-flow: column;
				overflow: auto;
			}
				.head_title{
				font-size: 2.5em;
				line-height: 45px;
				font-weight: 900;
			}
			.head_subtext {
				font-size: 15px;
			}
			.carousel-cell
			{
			width: 75%;
			height: 200px;
			}
				.cus_button1:hover{
						width: 145px;
					}
				.cus_button1{
					width: 145px;
				}
				.signup .cus_button1{
					width: 180px;
				}
				.cus_button2{
					width: 165px;
				}
				footer i{
				font-size: .9em;
				color: #002b5e;
				margin-left: 5px;
			}
			}
/* Shadow */
			.shadow-custom{
				box-shadow: 0px 0px 9px 0px #00000033;
			}
/* Navigation */
			#sidebarMenu>li{
display:inline-block;
padding: 10px 20px;
}
			#sidebarMenu>a{
display:inline-block;
}

.collapsing {

transition:opacity 0.3s linear; 
-webkit-transition:opacity 0.3s linear; 
-moz-transition:opacity 0.3s linear; 
-o-transition:opacity 0.3s linear;
}

.navbar-collapse.collapse.show{
opacity:1.0;
transition:opacity 0.3s linear; 
-webkit-transition:opacity 0.3s linear; 
-moz-transition:opacity 0.3s linear; 
-o-transition:opacity 0.3s linear;
}

.navbar-collapse.collapse{

transition:opacity 0.3s linear; 
-webkit-transition:opacity 0.3s linear; 
-moz-transition:opacity 0.3s linear; 
-o-transition:opacity 0.3s linear;
}
.show>body{
	overflow: hidden;
}
.navbar-collapse {
    opacity: 0;
width: 100vw;
height: 100vh!important;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
max-height: none;
font-weight: 400;
line-height: 25px;
font-size: 20px;
overflow: auto;
position: fixed;
background: white;
z-index: 999;
left: 0;
top: 0;
}
/* Main Page End */


/* Detail Page */
.detail_title{
	font-size: 3.5rem;
	font-family: 'Montserrat-Extrabold';
}

/* About Us Page */
.about_title{
	font-size: 2.2rem;
	font-family: 'Montserrat-ExtraBold';
}

@media(max-width: 568px){
.about_title{
	font-size: 1.3rem;

}	
.about_header small{
	font-size: 0.8rem;
}
}

/* Selling Page */
.select_image_frame li {
		margin: 0;
		padding: 0;
		list-style: none;
		}
.active-pic{
		/*border:1px outset #002bff!important;*/
		background: #002a5e;
		}
.edit_button {
		display: none;
		}
		.active-pic .edit_button{
		display: block;
		}
		.pic-view:first-child{
		object-fit:contain;border-radius:3px;grid-column: 1/span 2;grid-row: 1/span 2;width:98%;height:98%;aspect-ratio: 1/1;
		}
		.pic-view{
		object-fit:contain;border-radius:3px;width:95%;height:95%;aspect-ratio: 1/1;padding: 4px;
		}
		.ratio-1over1{
			aspect-ratio: 1/1;
			width: 85px;
			height: 40px;
			right: 0px;
			bottom: 5px;
		}
		.bg-transparent{
			background-color: #6060607a!important;
		}
		/*loading icon*/
		.lds-facebook {
		display: inline-block;
		position: relative;
		width: 80px;
		height: 80px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, 10px);
		}
		.lds-facebook div {
		display: inline-block;
		position: absolute;
		left: 8px;
		width: 16px;
		background: #fff;
		animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
		}
		.lds-facebook div:nth-child(1) {
		left: 8px;
		animation-delay: -0.24s;
		}
		.lds-facebook div:nth-child(2) {
		left: 32px;
		animation-delay: -0.12s;
		}
		.lds-facebook div:nth-child(3) {
		left: 56px;
		animation-delay: 0;
		}
		@keyframes lds-facebook {
		0% {
		top: 8px;
		height: 64px;
		}
		50%, 100% {
		top: 24px;
		height: 32px;
		}
		}
		.toast{
		position: fixed;
		display: block;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		}
		.toast-header{
		background: #002043;
		color: white;
		}
		.toast-body{
		background: darkseagreen;
		color: white;
		}
		.loading{
		position: fixed;
		display: block;
		top: 50%;
		left: 50%;
		width: 100vw;
		height: 100vh;
		transform: translate(-50%, -50%);
		background: #000000a6;
		}

		/* User Icon */
		.user_icon_img{
				aspect-ratio:1/1;width:55px;object-fit:cover
			}
		/*.card-body p{
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				overflow: hidden;
				min-height:75px;
			}*/

			/* separator */
			.separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 2rem 0;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-top: 1px solid #002043;
  border-radius: 3rem;
}
.president .separator::before,
.president .separator::after {
  content: '';
  flex: 1;
  border-top: 1px solid ;
  border-radius: 3rem;
}
.separator:not(:empty)::before {
  margin-right: .25em;
}

.separator:not(:empty)::after {
  margin-left: .25em;
}
.steinway-logo{
height: 60px;
}

@meida(max-width:568px){
.steinway-logo{
height: 40px;
}
}