/* Fonts */
.akshar-font,
body,
input,
textarea,
select { font-family: "Akshar", sans-serif; }
.josefin-sans-font,
.newsletter-subtitle { font-family: "Josefin Sans", sans-serif; }
.montecarlo-regular,
.carousel-main .carousel-caption,
.banner-figure .figure-caption { font-family: "MonteCarlo", cursive; }
/* Custom Classes */
.bg-dark-blue { background-color: #336699 !important; }
.text-dark-blue { color: #336699 !important; }
.btn-dark-blue { background-color: #336699 !important; border-color: #336699 !important; }
.btn-dark-blue:hover,
.btn-dark-blue:focus { background-color: #012B55 !important; border-color: #012B55 !important; }
.btn-outline-dark-blue { border-color: #336699 !important; color: #336699 !important; }
.btn-outline-dark-blue:hover,
.btn-outline-dark-blue:focus { border-color: #336699 !important; color: #fff !important; background-color: #336699 !important; }
.dropdown-hover-all .dropdown-menu,
.dropdown-hover > .dropdown-menu.dropend { margin-left: -1px !important }
.lh-0 { line-height: 0; }
/* Custom CSS */
.loadingoverlay { background-color: transparent !important; }
.stuck { position: fixed; top: 0; left: 0; right: 0; z-index: 10; }
.header-main { /*position:fixed; top:0; left:0; right:0; z-index:10;*/ background-color: #E6F0FF; }
.header-main .nav { font-size: 1.2rem; }
.header-main .nav > li > a { color: #666666; font-weight: 300; position: relative; }
.header-main .nav > li > a:before { content: ""; position: absolute; bottom: -0.5rem; background-color: #999; left: 50%; right: 50%; height: 0.15rem; transition: all 0.25s ease-in-out; }
.header-main .nav > li > a.active { color: #336699; font-weight: 500; }
.header-main .nav > li > a.active:before { /*content:""; position:absolute; bottom:-0.4rem; height:0.15rem;*/ background-color: #336699; left: 1rem; right: 1rem; }
.header-main .nav > li > a:hover,
.header-main .nav > li > a:focus { color: #336699; }
.header-main .nav > li > a:hover:before { left: 1rem; right: 1rem; }
.dropdown-menu { border: 0; padding: 0; border-radius: 0; margin-top: 0.4rem !important; }
.dropdown-menu .dropdown-item { padding: 0.5rem 1rem; color: #fff; }
.dropdown-menu > li:nth-child(-n+6) > .dropdown-item { color: #333; }
.dropdown-menu > li:nth-child(1) > .dropdown-item { background-color: #D9E6F2; /*color: #336699;*/ }
.dropdown-menu > li:nth-child(2) > .dropdown-item { background-color: #C6D9EC; /*color: #3973AC;*/ }
.dropdown-menu > li:nth-child(3) > .dropdown-item { background-color: #B3CCE6; /*color: #407FBF;*/ }
.dropdown-menu > li:nth-child(4) > .dropdown-item { background-color: #9FBFDF; /*color: #538CC6;*/ }
.dropdown-menu > li:nth-child(5) > .dropdown-item { background-color: #8CB2D9; /*color: #6699CC;*/ }
.dropdown-menu > li:nth-child(6) > .dropdown-item { background-color: #79A6D2; /*color: #79A6D2;*/ }
.dropdown-menu > li:nth-child(7) > .dropdown-item { background-color: #6699CC; /*color: #8CB2D9;*/ }
.dropdown-menu > li:nth-child(8) > .dropdown-item { background-color: #538CC6; /*color: #9FBFDF;*/ }
.dropdown-menu > li:nth-child(9) > .dropdown-item { background-color: #407FBF; /*color: #B3CCE6;*/ }
.dropdown-menu > li:nth-child(10) > .dropdown-item { background-color: #3973AC; /*color: #C6D9EC;*/ }
.dropdown-menu > li:nth-child(11) > .dropdown-item { background-color: #336699; /*color: #D9E6F2;*/ }
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus { background-color: #336699 !important; color: #fff !important; }
.nav-item > .dropdown-menu { }
.input-search button { }
.input-search button i { transition: all 0.25s ease-in-out; display: block; }
.input-search:hover button i { transform: scale(1.8); }
.carousel-main .carousel-caption { bottom: auto; top: 2rem; color: #336699; text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
.diamonds-shop { box-shadow: 0 0 2rem 0 inset rgba(0,0,0,0.3); }
.row-diamonds { text-align: center; }
.row-diamonds label { display: inline-block; text-align: center; position: relative; cursor: pointer; border: 2px solid transparent; border-radius: 5px; }
.row-diamonds label:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.row-diamonds input[type="image"] { height: 5rem; }
.row-diamonds input[type="checkbox"], 
.row-diamonds input[type="radio"] { display: none; }
.row-diamonds label.highlight { border-color: #0a58ca; }

.footer-bottom { }
.footer-bottom a { color: #fff; text-decoration: none; position: relative; }
.footer-bottom a:hover,
.footer-bottom a:focus { color: #EBF0F5; }
.footer-bottom a:before { content: ""; position: absolute; bottom: -0.05rem; background-color: #fff; left: 50%; right: 50%; height: 1px; transition: all 0.25s ease-in-out; }
.footer-bottom a:hover:before { left: 0; right: 0; }
/* Inner Pages */
.banner-figure { position: relative; }
.banner-figure .ratio-21x9 { --bs-aspect-ratio: 10rem; /*18%;*/ /*background-color: lightblue;*/ }
.banner-figure .ratio-21x9 img { visibility:hidden; }
.banner-figure .figure-caption { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; color: #336699; width: 100%; text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); font-size: 4rem; line-height: 1; }
.item-row td { padding-top: 8px; }
.tableFixHead { overflow: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }
#results { /*overflow-x: hidden*/ }
.table-striped2 tbody tr:nth-child(4n-7) { background-color: transparent !important; }
.wrap { padding: 0.8rem 0 !important; }
.form-control-short { min-height: 0.5rem; line-height: 1; padding: 0 0.5rem; }
.fieldRowHeight { min-height: 6.3rem; }
.scrollContainer { height: calc(100vh - 15rem); overflow: auto; }
.dropdown-others .dropdown-menu { min-width: 30rem; }

/************************************* Responsive Media Queries ***************************************/

/* 'sm' applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.logo img { /*max-height: 3rem;*/ }
.navbar-collapse { max-height: calc(100vh - 3.5rem); overflow-y: auto; overflow-x: hidden; }
.nav-item .dropdown-menu { position: static !important; margin-top: 0 !important; }
.header-main .nav > li > a { padding: 0.5rem 0.0rem; line-height: 1; }
.header-main .nav > li > a:before { display: none; }
.header-main .nav > li > a.active:before { bottom: 0.1rem; }
.carousel-main .carousel-caption { position: static; padding: 1rem; }
.row-diamonds input[type="image"] { max-height: inherit; height: 4rem; }
.banner-figure .ratio-21x9 { --bs-aspect-ratio: 50%;
}
.banner-figure .figure-caption { font-size: 3rem; }
}

/* 'md' applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.dropdown-others .dropdown-menu { min-width: 20rem !important; }
}

/* 'lg' applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.carousel-main .ratio-21x9 { --bs-aspect-ratio: 100%;
}
.footer-bottom a { padding: 0.25rem 0.5rem; }
}

/* 'xl' applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/* 'xxl' applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}
 @media (min-width: 576px) and (max-width: 767.98px) {
.header-main .nav > li > a.active:before { bottom: 0.5rem; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
.header-main .nav > li > a.active:before { bottom: 0.5rem; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.logo img { /*max-height: 3rem; */}
.header-main .nav > li > a.active:before { left: 0.5rem; right: 0.5rem; bottom: 0.01rem; }
.header-main .nav > li > a { padding-left: 0.25rem; padding-right: 0.25rem; }
.carousel-main .carousel-caption { top: 0; }
.carousel-main .carousel-caption .display-1 { font-size: 4rem; }
.carousel-main .ratio-21x9 { --bs-aspect-ratio: 56.25%;
}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
.header-main .nav > li > a.active:before { left: 0.5rem; right: 0.5rem; }
.header-main .nav > li > a { padding-left: 0.5rem; padding-right: 0.5rem; }
.carousel-main .carousel-caption { top: 0; }
.carousel-main .carousel-caption .display-1 { font-size: 4rem; }
.carousel-main .ratio-21x9 { --bs-aspect-ratio: 56.25%;
}
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/*X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

/* XX-Large devices (larger desktops, 1600px and up) */
@media (min-width: 1600px) {
}