@import url('https://fonts.googleapis.com/css2?family=Julius+Sans+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap');

@font-face {
	font-family: 'Optima';
	src: local('Optima'), url('../plugin/fonts/OPTIMA_.TTF') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	src: local('Avenir'), url('../plugin/fonts/AvenirLTStd-Book.otf') format('opentype');
}
@font-face {
	font-family: 'Geosans';
	src: local('Geosans'), url('../plugin/fonts/GeosansLight.ttf') format('truetype');
}

* {
    font-family: 'Geosans', sans-serif !important;
    font-size: 14px;
    font-weight: 600 !important;
	color: #000;
	position: relative;
	scroll-behavior: smooth;
}
input:focus,
textarea:focus,
button:focus,
select:focus {
    outline: 0 !important;
}
h1, h2, h3, h4, h5, h6, b, .text-bold {
    font-weight: 700 !important;
}
h6, b {
    letter-spacing: 0;
}

a:hover {
	color: #007bff !important;
}

.font-avenir,
.font-avenir *,
button {
	font-family: 'Avenir', sans-serif !important;
    font-weight: 500 !important;
}

.font-optima,
.font-optima * {
	font-family: 'Optima', sans-serif !important;
	font-weight: 500 !important;
}

.font-julius,
.font-julius * {
	font-family: 'Julius Sans One', sans-serif !important;
}

.bold-400 {
	font-weight: 500 !important;
}
.bold-500 {
	font-weight: 700 !important;
}
.bold-700 {
	font-weight: 800 !important;
}
.bold-800 {
	font-weight: 900 !important;
}

a, a:hover {
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

img,
video {
	object-fit: cover;
}

body, html {
	overflow-x: hidden;
}


/* COLOR THEME */
.blue {
	background-color: #032541 !important;
}
.text-blue {
	color: #032541 !important;
}
.border-blue {
	border: 1px solid #032541 !important;
}

.grey {
	background-color: #f9f8f7 !important;
	color: black;
}
.text-grey {
	color: #f9f8f7 !important;
}
.border-grey {
	border: 1px solid #f9f8f7 !important;
}

/* ADDITIONAL STYLE */
.p-75 {
	padding: .75rem !important;
}
.pt-75, .py-75 {
	padding-top: .75rem;
}
.pb-75, .py-75 {
	padding-bottom: .75rem;
}
.pt-25, .py-25 {
	padding-top: 2.5rem;
}
.pb-25, .py-25 {
	padding-bottom: 2.5rem;
}
.pl-75, .px-75 {
	padding-left: .75rem;
}
.pr-75, .px-75 {
	padding-right: .75rem;
}
.pt-75, .py-75 {
	padding-top: .75rem;
}
.pb-75, .py-75 {
	padding-bottom: .75rem;
}
.pl-10, .px-10 {
	padding-left: 7rem;
}
.pr-10, .px-10 {
	padding-right: 7rem;
}
.pt-10, .py-10 {
	padding-top: 7rem;
}
.pb-10, .py-10 {
	padding-bottom: 7rem;
}
.ml-10, .mx-10 {
	margin-left: 7rem;
}
.mr-10, .mx-10 {
	margin-right: 7rem;
}
.mt-10, .my-10 {
	margin-top: 7rem;
}
.mb-10, .my-10 {
	margin-bottom: 7rem;
}
.m-75 {
	margin: .75rem !important;
}
.mr-75, .mx-75 {
	margin-right: .75rem !important;
}
.ml-75, .mx-75 {
	margin-left: .75rem !important;
}
.mt-75, .my-75 {
	margin-top: .75rem !important;
}
.mb-75, .my-75 {
	margin-bottom: .75rem !important;
}
.z-2 {
	z-index: 2;
}
.z-3 {
	z-index: 3;
}
.z-99 {
	z-index: 99;
}
.lh-1 {
	line-height: 1.2;
}
.rounded-lg {
    border-radius: 0.5rem!important;
}
.rounded-xl {
    border-radius: 8px!important;
}
.rounded-xxl {
    border-radius: 20px!important;
}
.shadow-dark {
    box-shadow: 0 .15rem .25rem rgba(0,0,0,.35)!important;
}
.horizontal {
	display: -webkit-box;
}

.vh-100 {
	height: 100vh;
}

::-webkit-scrollbar {
    display: none !important;
}


.circle-lg {
	height: 60px;
	width: 60px;
	border-radius: 50%;
}
.circle-sm {
	height: 18px;
	width: 18px;
	border-radius: 50%;
	padding: 0 !important;
	overflow: hidden;
	box-sizing: border-box;
}
.circle-sm2 {
	height: 28px;
	width: 28px;
	border-radius: 50%;
}
.circle {
	height: 32px;
	width: 32px;
	border-radius: 50%;
}


header label i {
	top: 2px;
}
img.icon {
	width: 50px;
}

.banner img,
#carousel img,
#carousel video {
	/*height: calc(100vh - 9.3rem);*/
    /*object-position: 0 -10rem;*/
}

.header-banner img {
	/*object-position: 0 -7rem;*/
}

/*.carousel-item.active .p-5 {
	padding: 0 10rem !important;
	background-color: #788692!important;
}*/

.header-panel label.pos-relative {
	top: -5px;
}

.slick-list {
	/*overflow: visible;*/
}
.slick-current.slick-active.slick-center,
.per-testimonial.hover_ {
	transform: scale(1.5);
	visibility: visible; 
	animation-name: fadeIn; 
	animation-delay: 0.5s;
}
.per-testimonial.hover_,
.per-testimonial-full.hover_ {
	transform: scale(1.05);
}
.slick-prev, .slick-next {
    z-index: 2;
    top: auto!important;
    bottom: -4rem!important;
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%);
}
.slick-prev {
    left: 40%!important;
    right: auto!important;
}
.slick-next {
    left: auto!important;
    right: 40%!important;
}
.slick-prev:before, .slick-next:before {
    color: #032541;
    font-size: 40px;
    opacity: 1;
    font-family: inherit;
}
.slick-next {
	right: 42%;
}
.slick-prev {
    left: 42%;
}

.carousel-panel {
	width: 120%;
	margin-left: -10%;
}


.monogram-panel {
	background-image: url("../images/monogram.png");
	background-repeat:repeat;
	background-size: 100%;
}

.per-ring {
	height: auto;
}

.per-diamond {
	/*height: 25rem;*/
}

.per-testimonial img {
	height: 20rem;
}
.per-testimonial-full img {
	height: 41.5rem;
}

.tweezer {
	margin-left: -20rem;
	margin-top: -10rem;
}

.home-btn img {
	height: 13rem;
}

.f-s45 {
	font-size: 43px;
}

.w-130 {
	width: 130%;
	margin-left: -10rem;
}

.caption-panel {
	margin-top: -7rem;
	/*background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0));*/
}
.bg-panel {
	background-image: linear-gradient(to right, rgba(255,255,255,.5), rgba(255,255,255,0));
}
.bg-panel-right {
	background-image: linear-gradient(to left, rgba(255,255,255,.5), rgba(255,255,255,.4), transparent);
}

label.blue.pb-1 {
	padding-bottom: .15rem !important;
}

.customize-panel .active {
	background-color: #032541 !important;
}
.customize-panel img {
	display: none;
}
.customize-panel img.one {
	display: initial;
}
.customize-panel .active img.one {
	display: none;
}
.customize-panel .active img.two {
	display: initial;
}

#carousel .carousel-indicators {
	/*bottom: 3rem;*/
}
#carousel .carousel-item {
	/*padding-bottom: 3rem;*/
}
#carousel .carousel-control-next-icon, 
#carousel .carousel-control-prev-icon {
	background-color: #032541;
	border-radius: 3px;
}
#carousel .carousel-control-prev {
    left: 34%;
}
#carousel .carousel-control-next {
    right: 34%;
}

.bg-img {
	height: calc(100vh - 9.8rem);
}

#product_carousel .carousel-indicators {
	display: block;
	margin: 0;
	width: 110px;
	top: 0;
}
#product_carousel .carousel-indicators li {
	text-indent: inherit;
	background-color: transparent;
	margin-top: 0;
	margin-bottom: -.7rem;
	border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
#product_carousel .carousel-indicators img,
#product_carousel .carousel-indicators li,
#product_carousel .carousel-indicators div {
	height: 100px;
	width: 100px;
	/*margin-bottom: -1rem;*/
}
#product_carousel .carousel-indicators li {
	margin-bottom: 0;
}
#product_carousel .carousel-inner {
	margin-left: 110px;
	width: calc(100% - 100px);
}
#product_carousel .carousel-inner .carousel-item {
	/*height: 505px;*/
}
#product_carousel .carousel-item video {
	/*margin-top: -52px;*/
	/*margin-bottom: -52px;*/
}
#product_carousel .carousel-control-prev {
    left: 115px;
}

.showroom-vid video {
	margin-bottom: -7px;
}
.h6, h6 {
    font-size: .9rem;
}

.mobile_ {
	box-shadow: none !important;
}
#education img {
    margin-bottom: 4.4rem;
}
#education_mob img {
    margin-bottom: 3rem;
}

#education_mob.blue {
    background-color: #eee !important;
}

#education .content_ {
	padding-bottom: 4.5rem;
	height: 42rem;
}
#education .carousel-indicators {
	display: block;
	margin: 0;
	width: 16rem;
	margin-left: -16rem;
	top: 0;
}
#education .carousel-indicators li {
	width: 97%;
	height: auto;
	text-indent: inherit;
	background-color: transparent;
	margin-top: 0;
	margin-bottom: -.7rem;
	border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    opacity: 1;
}
#education {
	margin-left: 16rem;
	width: calc(100% - 16rem);
}
.educ-panel .carousel .carousel-control-next-icon, 
.educ-panel .carousel .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
}
.education-title {
	height: 34rem;
}
#education .carousel-indicators li.active .educ-title {
	background-color: #032541;
}
#education .carousel-indicators li.active .educ-title * {
	color: white;
}
#education .dia-type,
#education .dia-lab,
#education .dia-colors,
#education .dia-clarity,
#education .dia-shape-cut,
#education .dia-short-bg,
#education .dia-round-brilliant,
#education .dia-princess,
#education .dia-cushion,
#education .dia-asscher,
#education .dia-oval,
#education .dia-radiant,
#education .dia-pear,
#education .dia-fluorescence,
#education .dia-battle {
	display: none;
}
#education .dia-type:nth-child(1),
#education .dia-lab:nth-child(3),
#education .dia-colors:nth-child(7),
#education .dia-clarity:nth-child(11),
#education .dia-shape-cut:nth-child(14),
#education .dia-short-bg:nth-child(17),
#education .dia-round-brilliant:nth-child(18),
#education .dia-princess:nth-child(21),
#education .dia-cushion:nth-child(23),
#education .dia-asscger:nth-child(25),
#education .dia-oval:nth-child(27),
#education .dia-radiant:nth-child(30),
#education .dia-pear:nth-child(32),
#education .dia-fluorescence:nth-child(34),
#education .dia-battle:nth-child(36) {
	display: block;
}
#education img.w-50 {
	width: 80% !important;
}
#education .carousel-item h4 {
	display: initial;
	border-bottom: 1px solid #000;
	padding: .25rem .5rem;
}
#education .carousel-item h4.text-white {
	border-bottom: 1px solid #fff;
}
#education .carousel-item p.mt-6 {
	margin-top: 2rem !important;
}
#education .carousel-item p.text-white.mt-4 {
	margin-top: 1.5rem !important;
}

.h-60 {
	height: 60% !important;
}

.dropdown-toggle::after {
    margin-left: .5em;
}

.flex.justify-between.flex-1 {
	display: none;
}

span.relative.cursor-default {
	background-color: #e0e0e0!important;
	color: #616161;
	font-weight: 700 !important;
}

#menu .modal-content {
	margin-top: 64px;
	height: calc(100vh - 64px);
}

header.mobile_.white * {
	color: black !important;
}

a button.transparent:hover {
	background-color: #032541 !important;
	color: #fff !important;
}

.groom-content .my-n4 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.per-ring .white.p-3 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.per-ring h6.f-s16 {
	font-size: 14px !important;
}
.groom-content .per-ring h6.f-s16 {
	font-size: 12px !important;
}

.appointment-panel h1.font-optima {
	font-weight: 700 !important;
}
.color-panel.active {
	box-shadow: 0 0 0 2px rgba(3,37,65,.4);
    height: 20px;
    width: 20px;
    padding: 1px;
    border-radius: 50%;
}

#product_carousel .carousel-inner .carousel-item {
	min-height: 500px;
}

#threesixty {
	width: 100% !important;
	height: 100% !important;
	min-height: 500px;
	background-size: 100%;
	background-position: center;
}

#education .carousel-item,
#education_mob .carousel-item {
	border: 1px solid #eee !important;
}