@charset "UTF-8";
/* Entry point for your CSS build */
/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	-webkit-text-decoration: none;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}
.ui-front {
	z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI Accordion 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
/*!
 * jQuery UI Autocomplete 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
/*!
 * jQuery UI Button 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	-webkit-text-decoration: none;
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}
input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*!
 * jQuery UI Checkboxradio 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */
.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
/*!
 * jQuery UI Controlgroup 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}
/*!
 * jQuery UI Datepicker 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	-webkit-text-decoration: none;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/*!
 * jQuery UI Dialog 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/*!
 * jQuery UI Draggable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-draggable-handle {
	touch-action: none;
}
/*!
 * jQuery UI Menu 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}
/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
/*!
 * jQuery UI Progressbar 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
/*!
 * jQuery UI Resizable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*!
 * jQuery UI Selectable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
/*!
 * jQuery UI Selectmenu 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
/*!
 * jQuery UI Sortable 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-sortable-handle {
	touch-action: none;
}
/*!
 * jQuery UI Slider 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}
.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/*!
 * jQuery UI Spinner 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
/*!
 * jQuery UI Tabs 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	-webkit-text-decoration: none;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
/*!
 * jQuery UI Tooltip 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	-webkit-text-decoration: none;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	-webkit-text-decoration: none;
	text-decoration: none;
}
.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	-webkit-text-decoration: none;
	text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../../../node_modules/jquery-ui/themes/base/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../../../node_modules/jquery-ui/themes/base/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("../../../node_modules/jquery-ui/themes/base/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("../../../node_modules/jquery-ui/themes/base/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("../../../node_modules/jquery-ui/themes/base/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../../../node_modules/jquery-ui/themes/base/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("../../../node_modules/jquery-ui/themes/base/images/ui-icons_777777_256x240.png");
}
/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}
/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	-ms-filter: "alpha(opacity=30)"/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
body{/*-webkit-backface-visibility:hidden*/}
.animated{animation-duration:1s;/*-webkit-animation-fill-mode:both;*/animation-fill-mode:both}
.animated.hinge{animation-duration:2s}
@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}
.flash{animation-name:flash}
@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}
.shake{animation-name:shake}
@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}
.bounce{animation-name:bounce}
@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}
.tada{animation-name:tada}
@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}
.swing{transform-origin:top center;animation-name:swing}
@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}
.wobble{animation-name:wobble}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
.pulse{animation-name:pulse}
@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}
.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}
.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}
.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}
.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}
.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}
.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}
.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}
.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}
.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.fadeOut{animation-name:fadeOut}
@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}
.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}
.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}
.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}
.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}
.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}
.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}
.fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}
.bounceIn{animation-name:bounceIn}
@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}
.bounceInUp{animation-name:bounceInUp}
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}
.bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}
.bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}
.bounceInRight{animation-name:bounceInRight}
@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}
.bounceOut{animation-name:bounceOut}
@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}
.bounceOutUp{animation-name:bounceOutUp}
@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}
.bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}
.bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}
.bounceOutRight{animation-name:bounceOutRight}
@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}
.rotateIn{animation-name:rotateIn}
@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}
.rotateInUpLeft{animation-name:rotateInUpLeft}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}
.rotateInDownLeft{animation-name:rotateInDownLeft}
@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}
.rotateInUpRight{animation-name:rotateInUpRight}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}
.rotateInDownRight{animation-name:rotateInDownRight}
@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}
.rotateOut{animation-name:rotateOut}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}
.rotateOutUpLeft{animation-name:rotateOutUpLeft}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}
.rotateOutDownLeft{animation-name:rotateOutDownLeft}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}
.rotateOutUpRight{animation-name:rotateOutUpRight}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}
.rotateOutDownRight{animation-name:rotateOutDownRight}
@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}
.hinge{animation-name:hinge}
@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}
.rollIn{animation-name:rollIn}
@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}
.rollOut{animation-name:rollOut}
@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}
.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}
.animated.lightSpeedIn{animation-duration:.5s}
@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}
.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}
.animated.lightSpeedOut{animation-duration:.25s}
@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}
.wiggle{animation-name:wiggle;animation-timing-function:ease-in}
.animated.wiggle{animation-duration:.75s}
div.tagsinput{border:1px solid #CCC;background:#FFF;padding:5px;width:300px;height:100px;overflow-y:auto}
div.tagsinput span.tag{border:1px solid #7fadbb;-moz-border-radius:2px;-webkit-border-radius:2px;display:block;float:left;padding:5px;-webkit-text-decoration:none;text-decoration:none;background:#a0cfde;color:#245d6f;margin-right:5px;margin-bottom:5px;font-family:helvetica;font-size:13px}
div.tagsinput span.tag a{font-weight:700;color:#41616b;-webkit-text-decoration:none;text-decoration:none;font-size:11px;position:relative;bottom:1px;}
div.tagsinput input{width:80px;height:auto;margin:0 5px 5px 0;font-family:helvetica;font-size:13px;border:1px solid transparent;padding:5px;background:0 0;color:#000;outline:0}
div.tagsinput div{display:block;float:left}
.tags_clear{clear:both;width:100%;height:0}
.not_valid{background:#FBD8DB!important;color:#90111A!important}
/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */
:root{overflow: hidden; --mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba(0, 0, 0, 0.3)}
.mm-hidden{display:none!important}
.mm-wrapper{overflow-x:hidden;position:relative}
.mm-menu{top:0;right:0;bottom:0;left:0;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);line-height:20px;display:flex;flex-direction:column;padding:0;margin:0;box-sizing:border-box;position:absolute;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);z-index:0;overscroll-behavior:auto;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-line-height);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{-webkit-text-decoration:none;text-decoration:none;color:inherit}
[dir=rtl] .mm-menu{direction:rtl}
.mm-panel{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);z-index:0;box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);transform:translate3d(100%,0,0);transition:transform .4s ease}
.mm-panel:after{height:44px}
.mm-panel:not(.mm-hidden){display:block}
.mm-panel:after{content:'';display:block;height:var(--mm-listitem-size)}
.mm-panel_opened{z-index:1;transform:translate3d(0,0,0)}
.mm-panel_opened-parent{transform:translate3d(-30%,0,0)}
.mm-panel_highest{z-index:2}
.mm-panel_noanimation{transition:none!important}
.mm-panel_noanimation.mm-panel_opened-parent{transform:translate3d(0,0,0)}
.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0}
.mm-panel__content{padding:20px 20px 0}
.mm-panels{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);position:relative;height:100%;flex-grow:1;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}
[dir=rtl] .mm-panel:not(.mm-panel_opened){transform:translate3d(-100%,0,0)}
[dir=rtl] .mm-panel.mm-panel_opened-parent{transform:translate3d(30%,0,0)}
.mm-listitem_vertical>.mm-panel{display:none;width:100%;padding:10px 0 10px 10px;transform:none!important}
.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}
.mm-listitem_opened>.mm-panel{display:block}
.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}
.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}
.mm-listitem_opened>.mm-listitem__btn:after{transform:rotate(225deg);right:19px}
.mm-btn{flex-grow:0;flex-shrink:0;position:relative;box-sizing:border-box;width:50px;padding:0}
.mm-btn:after,.mm-btn:before{border:2px solid rgba(0,0,0,.3);border:2px solid var(--mm-color-button)}
.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}
.mm-btn_prev:before{transform:rotate(-45deg);left:23px;right:auto}
.mm-btn_next:after{transform:rotate(135deg);right:23px;left:auto}
.mm-btn_close:after,.mm-btn_close:before{content:'';box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;transform:rotate(-45deg)}
.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}
.mm-btn_close:after{border-left:none;border-top:none;right:25px}
[dir=rtl] .mm-btn_next:after{transform:rotate(-45deg);left:23px;right:auto}
[dir=rtl] .mm-btn_prev:before{transform:rotate(135deg);right:23px;left:auto}
[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}
[dir=rtl] .mm-btn_close:before{left:25px}
[dir=rtl] .mm-btn_close:after{left:18px}
.mm-navbar{min-height:44px;border-bottom:1px solid rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:flex;min-height:var(--mm-navbar-size);border-bottom:1px solid var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;transition:opacity .4s ease}
.mm-navbar>*{min-height:44px}
@supports ((position: -webkit-sticky) or (position: sticky)){.mm-navbar_sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1}}
.mm-navbar>*{flex-grow:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.mm-navbar__btn{flex-grow:0}
.mm-navbar__title{flex:1 1 50%;display:flex;padding-left:20px;padding-right:20px;overflow:hidden}
.mm-navbar__title:not(:last-child){padding-right:0}
.mm-navbar__title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title{padding-left:0}
.mm-navbar__btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-right:50px}
[dir=rtl] .mm-navbar{flex-direction:row-reverse}
.mm-listview{list-style:none;display:block;padding:0;margin:0}
.mm-listitem{color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.1);color:var(--mm-color-text);border-color:var(--mm-color-border);list-style:none;display:block;padding:0;margin:0;position:relative;display:flex;flex-wrap:wrap}
.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}
.mm-listitem a,.mm-listitem a:hover{-webkit-text-decoration:none;text-decoration:none}
.mm-listitem__btn,.mm-listitem__text{padding:12px;display:block;padding:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-left:0;padding-right:0;color:inherit}
.mm-listitem__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;flex-grow:1;flex-basis:10%}
.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}
.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}
.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}
.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}
[dir=rtl] .mm-listitem:after{left:0;right:20px}
[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}
[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}
[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}
.mm-page{box-sizing:border-box;position:relative}
.mm-slideout{transition:transform .4s ease;z-index:1}
.mm-wrapper_opened{overflow-x:hidden;position:relative}
.mm-wrapper_opened .mm-page{min-height:100vh}
.mm-wrapper_background .mm-page{background:inherit}
.mm-menu_offcanvas{position:fixed;right:auto;z-index:0}
.mm-menu_offcanvas:not(.mm-menu_opened){display:none}
.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}
.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{transform:translate3d(80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{transform:translate3d(240px,0,0)}}
@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{transform:translate3d(440px,0,0)}}
.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}
.mm-wrapper_blocking{overflow:hidden}
.mm-wrapper_blocking body{overflow:hidden}
.mm-wrapper_blocking .mm-wrapper__blocker{display:block}
.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}
.mm-menu_autoheight:not(.mm-menu_offcanvas){position:relative}
.mm-menu_autoheight.mm-menu_position-bottom,.mm-menu_autoheight.mm-menu_position-top{max-height:80%}
.mm-menu_autoheight-measuring .mm-panel{display:block!important}
.mm-menu_autoheight-measuring .mm-panels>.mm-panel{bottom:auto!important;height:auto!important}
.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel{display:none!important}
[class*=mm-menu_columns-]{transition-property:width}
[class*=mm-menu_columns-] .mm-panels>.mm-panel{right:auto;transition-property:width,transform}
[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened,[class*=mm-menu_columns-] .mm-panels>.mm-panel_opened-parent{display:block!important}
[class*=mm-panel_columns-]{border-right:1px solid;border-color:inherit}
.mm-menu_columns-1 .mm-panel_columns-0,.mm-menu_columns-2 .mm-panel_columns-1,.mm-menu_columns-3 .mm-panel_columns-2,.mm-menu_columns-4 .mm-panel_columns-3{border-right:none}
[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-0{transform:translate3d(0,0,0)}
.mm-menu_columns-0 .mm-panels>.mm-panel{z-index:0}
.mm-menu_columns-0 .mm-panels>.mm-panel else{width:100%}
.mm-menu_columns-0 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){transform:translate3d(100%,0,0)}
.mm-menu_columns-0{width:80%;min-width:240px;max-width:0}
.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{transform:translate3d(80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{transform:translate3d(240px,0,0)}}
@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_opened~.mm-slideout{transform:translate3d(0,0,0)}}
.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-240px,0,0)}}
@media all and (min-width:0px){.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(0,0,0)}}
[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-1{transform:translate3d(100%,0,0)}
.mm-menu_columns-1 .mm-panels>.mm-panel{z-index:1;width:100%}
.mm-menu_columns-1 .mm-panels>.mm-panel else{width:100%}
.mm-menu_columns-1 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){transform:translate3d(200%,0,0)}
.mm-menu_columns-1{width:80%;min-width:240px;max-width:440px}
.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{transform:translate3d(80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{transform:translate3d(240px,0,0)}}
@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_opened~.mm-slideout{transform:translate3d(440px,0,0)}}
.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-240px,0,0)}}
@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-440px,0,0)}}
[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-2{transform:translate3d(200%,0,0)}
.mm-menu_columns-2 .mm-panels>.mm-panel{z-index:2;width:50%}
.mm-menu_columns-2 .mm-panels>.mm-panel else{width:100%}
.mm-menu_columns-2 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){transform:translate3d(300%,0,0)}
.mm-menu_columns-2{width:80%;min-width:240px;max-width:880px}
.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{transform:translate3d(80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{transform:translate3d(240px,0,0)}}
@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_opened~.mm-slideout{transform:translate3d(880px,0,0)}}
.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-240px,0,0)}}
@media all and (min-width:1100px){.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-880px,0,0)}}
[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-3{transform:translate3d(300%,0,0)}
.mm-menu_columns-3 .mm-panels>.mm-panel{z-index:3;width:33.34%}
.mm-menu_columns-3 .mm-panels>.mm-panel else{width:100%}
.mm-menu_columns-3 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){transform:translate3d(400%,0,0)}
.mm-menu_columns-3{width:80%;min-width:240px;max-width:1320px}
.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{transform:translate3d(80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{transform:translate3d(240px,0,0)}}
@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_opened~.mm-slideout{transform:translate3d(1320px,0,0)}}
.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-240px,0,0)}}
@media all and (min-width:1650px){.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-1320px,0,0)}}
[class*=mm-menu_columns-] .mm-panels>.mm-panel_columns-4{transform:translate3d(400%,0,0)}
.mm-menu_columns-4 .mm-panels>.mm-panel{z-index:4;width:25%}
.mm-menu_columns-4 .mm-panels>.mm-panel else{width:100%}
.mm-menu_columns-4 .mm-panels>.mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent){transform:translate3d(500%,0,0)}
.mm-menu_columns-4{width:80%;min-width:240px;max-width:1760px}
.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{transform:translate3d(80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{transform:translate3d(240px,0,0)}}
@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_opened~.mm-slideout{transform:translate3d(1760px,0,0)}}
.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-240px,0,0)}}
@media all and (min-width:2200px){.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-1760px,0,0)}}
[class*=mm-menu_columns-].mm-menu_position-bottom,[class*=mm-menu_columns-].mm-menu_position-top{width:100%;max-width:100%;min-width:100%}
.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front{transition-property:width,min-width,max-width,transform}
.mm-counter{color:rgba(0,0,0,.3);display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}
.mm-listitem_nosubitems>.mm-counter{display:none}
[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}
.mm-divider{position:relative;min-height:20px;padding:4.3px;background:#f3f3f3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-line-height);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);opacity:1;transition:opacity .4s ease}
.mm-divider:before{background:rgba(0,0,0,.05)}
@supports ((position: -webkit-sticky) or (position: sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar_sticky:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}
.mm-divider:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mm-color-background-highlight)}
.mm-wrapper_dragging .mm-menu,.mm-wrapper_dragging .mm-slideout{transition-duration:0s!important;-webkit-user-select:none!important;user-select:none!important}
.mm-wrapper_dragging .mm-menu{pointer-events:none!important}
.mm-wrapper_dragging .mm-wrapper__blocker{display:none!important}
.mm-menu_dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}
.mm-wrapper_dropdown .mm-slideout{transform:none!important;z-index:0}
.mm-wrapper_dropdown .mm-wrapper__blocker{transition-delay:0s!important;z-index:1}
.mm-wrapper_dropdown .mm-menu_dropdown{z-index:2}
.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown{display:none}
.mm-menu_tip-bottom:before,.mm-menu_tip-left:before,.mm-menu_tip-right:before,.mm-menu_tip-top:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:-1;transform:rotate(45deg)}
.mm-menu_tip-left:before{left:22px}
.mm-menu_tip-right:before{right:22px}
.mm-menu_tip-top:before{top:-8px}
.mm-menu_tip-bottom:before{bottom:-8px}
:root{--mm-iconbar-size:50px}
.mm-menu_iconbar-left .mm-navbars_bottom,.mm-menu_iconbar-left .mm-navbars_top,.mm-menu_iconbar-left .mm-panels{margin-left:50px;margin-left:var(--mm-iconbar-size)}
.mm-menu_iconbar-right .mm-navbars_bottom,.mm-menu_iconbar-right .mm-navbars_top,.mm-menu_iconbar-right .mm-panels{margin-right:50px;margin-right:var(--mm-iconbar-size)}
.mm-iconbar{width:50px;border-color:rgba(0,0,0,.1);background:#f3f3f3;color:rgba(0,0,0,.3);display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}
.mm-menu_iconbar-left .mm-iconbar,.mm-menu_iconbar-right .mm-iconbar{display:flex;flex-direction:column;justify-content:space-between}
.mm-menu_iconbar-left .mm-iconbar{border-right-width:1px;left:0}
.mm-menu_iconbar-right .mm-iconbar{border-left-width:1px;right:0}
.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.mm-iconbar__bottom>*,.mm-iconbar__top>*{box-sizing:border-box;display:block;padding:12.5px 0}
.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{-webkit-text-decoration:none;text-decoration:none}
.mm-iconbar__tab_selected{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}
:root{--mm-iconpanel-size:50px}
.mm-panel_iconpanel-1{width:calc(100% - 50px);width:calc(100% - (var(--mm-iconpanel-size) * 1))}
.mm-panel_iconpanel-2{width:calc(100% - 100px);width:calc(100% - (var(--mm-iconpanel-size) * 2))}
.mm-panel_iconpanel-3{width:calc(100% - 150px);width:calc(100% - (var(--mm-iconpanel-size) * 3))}
.mm-panel_iconpanel-first~.mm-panel{width:calc(100% - 50px);width:calc(100% - var(--mm-iconpanel-size))}
.mm-menu_iconpanel .mm-panels>.mm-panel{left:auto;transition-property:transform,width}
.mm-menu_iconpanel .mm-panels>.mm-panel_opened,.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{display:block!important}
.mm-menu_iconpanel .mm-panels>.mm-panel_opened-parent{overflow-y:hidden;transform:unset}
.mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left-width:1px;border-left-style:solid}
.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar{opacity:0}
.mm-panel__blocker{background:inherit;opacity:0;display:block;position:absolute;top:0;right:0;left:0;z-index:3;transition:opacity .4s ease}
.mm-panel_opened-parent .mm-panel__blocker{opacity:.6;bottom:-100000px}
[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel{left:0;right:auto;transition-property:transform,width}
[dir=rtl] .mm-menu_iconpanel .mm-panels>.mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}
.mm-menu_keyboardfocus a:focus,.mm-menu_keyboardfocus.mm-menu_opened~.mm-wrapper__blocker a:focus{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis);outline:0}
.mm-wrapper__blocker .mm-tabstart{cursor:default;display:block;width:100%;height:100%}
.mm-wrapper__blocker .mm-tabend{opacity:0;position:absolute;bottom:0}
.mm-navbars_top{flex-shrink:0}
.mm-navbars_top .mm-navbar:not(:last-child){border-bottom:none}
.mm-navbars_bottom{flex-shrink:0}
.mm-navbars_bottom .mm-navbar{border-bottom:none}
.mm-navbars_bottom .mm-navbar:first-child{border-top:1px solid rgba(0,0,0,.1);border-top:1px solid var(--mm-color-border)}
.mm-btn:not(.mm-hidden)+.mm-navbar__searchfield .mm-searchfield__input{padding-left:0}
.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input{padding-right:0}
.mm-navbar__breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1 1 50%;display:flex;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mm-navbar__breadcrumbs>*{display:flex;align-items:center;justify-content:center;padding-right:6px}
.mm-navbar__breadcrumbs>a{-webkit-text-decoration:underline;text-decoration:underline}
.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}
.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}
.mm-navbar_tabs>*{padding:0 10px;border:1px solid transparent}
.mm-navbar__tab_selected{background:#f3f3f3;color:rgba(0,0,0,.75);background:var(--mm-color-background);color:var(--mm-color-text)}
.mm-navbar__tab_selected:not(:first-child){border-left-color:rgba(0,0,0,.1)}
.mm-navbar__tab_selected:not(:last-child){border-right-color:rgba(0,0,0,.1)}
.mm-navbar__tab_selected:not(:first-child){border-left-color:var(--mm-color-border)}
.mm-navbar__tab_selected:not(:last-child){border-right-color:var(--mm-color-border)}
.mm-navbars_top .mm-navbar_tabs{border-bottom:none}
.mm-navbars_top .mm-navbar_tabs>*{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border)}
.mm-navbars_top .mm-navbar__tab_selected{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border);border-bottom-color:transparent}
.mm-navbars_top.mm-navbars_has-tabs .mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}
.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}
.mm-navbars_bottom .mm-navbar_tabs:first-child{border-top:none}
.mm-navbars_bottom .mm-navbar_tabs>*{border-top-color:rgba(0,0,0,.1);border-top-color:var(--mm-color-border)}
.mm-navbars_bottom .mm-navbar__tab_selected{border-bottom-color:rgba(0,0,0,.1);border-bottom-color:var(--mm-color-border);border-top-color:transparent}
.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar{background:#f3f3f3;background:var(--mm-color-background)}
.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs,.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs~.mm-navbar{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}
.mm-searchfield{height:44px;display:flex;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}
.mm-searchfield input{height:30.8px;line-height:30.8px}
.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}
.mm-searchfield input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:unset;max-height:unset;margin:0;padding:0 10px;box-sizing:border-box;border:none!important;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);box-shadow:none!important;outline:0!important;font:inherit;font-size:inherit}
.mm-searchfield input,.mm-searchfield input:focus,.mm-searchfield input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}
.mm-searchfield input::-ms-clear{display:none}
.mm-searchfield__input{display:flex;flex:1;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;box-sizing:border-box}
.mm-panel__noresultsmsg{color:rgba(0,0,0,.3);padding:50px 0;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}
.mm-searchfield__btn{position:absolute;right:0;top:0;bottom:0}
.mm-panel_search{left:0!important;right:0!important;width:100%!important;border-left:none!important}
.mm-searchfield__cancel{line-height:44px;display:block;padding-right:10px;margin-right:-100px;line-height:var(--mm-navbar-size);-webkit-text-decoration:none;text-decoration:none;transition:margin .4s ease}
.mm-searchfield__cancel-active{margin-right:0}
.mm-listitem_nosubitems>.mm-listitem__btn{display:none}
.mm-listitem_nosubitems>.mm-listitem__text{padding-right:10px}
.mm-listitem_onlysubitems>.mm-listitem__text:not(.mm-listitem__btn){z-index:-1;pointer-events:none}
.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-20px;z-index:5;transition:right .4s ease;display:flex;flex-direction:column;justify-content:space-evenly}
.mm-sectionindexer a{color:rgba(0,0,0,.3);color:var(--mm-color-text-dimmed);line-height:1;-webkit-text-decoration:none;text-decoration:none;display:block}
.mm-sectionindexer~.mm-panel{padding-right:0}
.mm-sectionindexer_active{right:0}
.mm-sectionindexer_active~.mm-panel{padding-right:20px}
.mm-menu_selected-hover .mm-listitem__btn,.mm-menu_selected-hover .mm-listitem__text,.mm-menu_selected-parent .mm-listitem__btn,.mm-menu_selected-parent .mm-listitem__text{transition:background-color .4s ease}
.mm-menu_selected-hover .mm-listview:hover>.mm-listitem_selected:not(:hover)>.mm-listitem__text{background:0 0}
.mm-menu_selected-hover .mm-listitem__btn:hover,.mm-menu_selected-hover .mm-listitem__text:hover{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}
.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent)>.mm-listitem__text{background:0 0}
.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__btn,.mm-menu_selected-parent .mm-listitem_selected-parent>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}
:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:440px}
.mm-wrapper_sidebar-collapsed body,.mm-wrapper_sidebar-expanded body{position:relative}
.mm-wrapper_sidebar-collapsed .mm-slideout,.mm-wrapper_sidebar-expanded .mm-slideout{transition-property:width,transform}
.mm-wrapper_sidebar-collapsed .mm-page,.mm-wrapper_sidebar-expanded .mm-page{background:inherit;box-sizing:border-box;min-height:100vh}
.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{display:flex!important;top:0!important;right:auto!important;bottom:0!important;left:0!important}
.mm-wrapper_sidebar-collapsed .mm-slideout{width:calc(100% - 50px);transform:translate3d(50px,0,0);width:calc(100% - var(--mm-sidebar-collapsed-size));transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}
.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar{opacity:0}
.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded{width:440px;width:var(--mm-sidebar-expanded-size);min-width:0!important;max-width:100000px!important;border-right-width:1px;border-right-style:solid}
.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after{content:none;display:none}
.mm-wrapper_sidebar-expanded.mm-wrapper_blocking,.mm-wrapper_sidebar-expanded.mm-wrapper_blocking body{overflow:visible}
.mm-wrapper_sidebar-expanded .mm-wrapper__blocker{display:none!important}
.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{width:calc(100% - 440px);transform:translate3d(440px,0,0);width:calc(100% - var(--mm-sidebar-expanded-size));transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}
.mm-menu__blocker{background:rgba(3,2,1,0);display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}
.mm-menu_opened .mm-menu__blocker{display:none}
[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout{transform:translate3d(0,0,0)}
[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout{transform:translate3d(0,0,0)}
[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened~.mm-slideout{transform:translate3d(0,0,0)}
input.mm-toggle{margin-top:5px;background:rgba(0,0,0,.1);display:inline-block;min-width:58px;width:58px;height:34px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 34px)/ 2);border:none!important;background:var(--mm-color-border);border-radius:34px;-webkit-appearance:none!important;appearance:none!important;cursor:pointer;transition:background-color .2s ease}
input.mm-toggle:before{background:#f3f3f3}
input.mm-toggle:before{content:'';display:block;width:32px;height:32px;margin:1px;border-radius:34px;background:var(--mm-color-background);transition:transform .2s ease}
input.mm-toggle:checked{background:#4bd963}
input.mm-toggle:checked:before{transform:translateX(24px)}
input.mm-check{margin-top:2px;-webkit-appearance:none!important;appearance:none!important;border:none!important;background:0 0!important;cursor:pointer;display:inline-block;width:40px;height:40px;margin:0 10px;margin-top:calc((var(--mm-listitem-size) - 40px)/ 2)}
input.mm-check:before{content:'';display:block;width:40%;height:20%;margin:25% 0 0 20%;border-left:3px solid;border-bottom:3px solid;border-color:var(--mm-color-text);opacity:.3;transform:rotate(-45deg);transition:opacity .2s ease}
input.mm-check:checked:before{opacity:1}
[dir=rtl] input.mm-toggle:checked~label.mm-toggle:before{float:left}
.mm-menu_border-none .mm-listitem:after{content:none}
.mm-menu_border-full .mm-listitem:after{left:0!important}
.mm-menu_fx-menu-slide{transition:transform .4s ease}
.mm-wrapper_opened .mm-menu_fx-menu-slide{transform:translate3d(-30%,0,0)}
.mm-wrapper_opening .mm-menu_fx-menu-slide{transform:translate3d(0,0,0)}
.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right{transform:translate3d(30%,0,0)}
.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right{transform:translate3d(0,0,0)}
.mm-menu_fx-panels-none .mm-panel,.mm-panel_fx-none{transition-property:none}
.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,.mm-panel_fx-none.mm-panel_opened-parent{transform:translate3d(0,0,0)}
.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent{transform:translate3d(0,0,0)}
.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent{transform:translate3d(-100%,0,0)}
.mm-menu_fullscreen{width:100%;min-width:140px;max-width:10000px}
.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{transform:translate3d(100vw,0,0)}
@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{transform:translate3d(140px,0,0)}}
@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_opened~.mm-slideout{transform:translate3d(10000px,0,0)}}
.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-100vw,0,0)}
@media all and (max-width:140px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-140px,0,0)}}
@media all and (min-width:10000px){.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-10000px,0,0)}}
.mm-menu_fullscreen.mm-menu_position-top{height:100vh;min-height:140px;max-height:10000px}
.mm-menu_fullscreen.mm-menu_position-bottom{height:100vh;min-height:140px;max-height:10000px}
.mm-menu_listview-justify .mm-panels>.mm-panel{display:flex;flex-direction:column}
.mm-menu_listview-justify .mm-panels>.mm-panel:after{content:none;display:none}
.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listview{flex-grow:1;display:flex;flex-direction:column;height:100%;margin-top:0;margin-bottom:0}
.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem{flex:1 0 auto;min-height:50px}
.mm-menu_listview-justify .mm-panels>.mm-panel .mm-listitem__text{box-sizing:border-box;flex:1 0 auto;display:flex;align-items:center}
.mm-listview_inset{list-style:inside disc;width:100%;padding:0 30px 15px 30px;margin:0}
.mm-listview_inset .mm-listitem{padding:5px 0}
.mm-menu_multiline .mm-listitem__text{text-overflow:clip;white-space:normal}
[class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:0}
.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened~.mm-wrapper__blocker{opacity:.3;transition:opacity .4s ease .4s}
.mm-menu_opened.mm-menu_pagedim~.mm-wrapper__blocker{background:inherit}
.mm-menu_opened.mm-menu_pagedim-black~.mm-wrapper__blocker{background:#000}
.mm-menu_opened.mm-menu_pagedim-white~.mm-wrapper__blocker{background:#fff}
.mm-menu_popup{transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;z-index:2;transform:translate3d(-50%,-50%,0)}
.mm-menu_popup.mm-menu_opened~.mm-slideout{transform:none!important;z-index:0}
.mm-menu_popup.mm-menu_opened~.mm-wrapper__blocker{transition-delay:0s!important;z-index:1}
.mm-wrapper_opening .mm-menu_popup{opacity:1}
.mm-menu_position-right{left:auto;right:0}
.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-80vw,0,0)}
@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-240px,0,0)}}
@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{transform:translate3d(-440px,0,0)}}
.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{transition:transform .4s ease}
.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}
.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{transform:none!important;z-index:0}
.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}
.mm-menu_position-front{transform:translate3d(-100%,0,0)}
.mm-menu_position-front.mm-menu_position-right{transform:translate3d(100%,0,0)}
.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}
.mm-menu_position-top{transform:translate3d(0,-100%,0)}
.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}
.mm-menu_position-bottom{transform:translate3d(0,100%,0);top:auto}
.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}
.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{transform:translate3d(0,0,0)}
.mm-menu_shadow-page:after{box-shadow:0 0 10px rgba(0,0,0,.3);content:'';display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:100;-webkit-clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);clip-path:polygon(-20px 0,0 0,0 100%,-20px 100%);box-shadow:var(--mm-shadow)}
.mm-menu_shadow-page.mm-menu_position-right:after{left:auto;right:100%;-webkit-clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%);clip-path:polygon(20px 0,40px 0,40px 100%,20px 100%)}
.mm-menu_shadow-page.mm-menu_position-front:after{content:none;display:none}
.mm-menu_shadow-menu{box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:var(--mm-shadow)}
.mm-menu_shadow-panels .mm-panels>.mm-panel{box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:var(--mm-shadow)}
.mm-menu_theme-white{--mm-color-border:rgba( 0,0,0, 0.1 );--mm-color-button:rgba( 0,0,0, 0.3 );--mm-color-text:rgba( 0,0,0, 0.7 );--mm-color-text-dimmed:rgba( 0,0,0, 0.3 );--mm-color-background:#fff;--mm-color-background-highlight:rgba( 0,0,0, 0.06 );--mm-color-background-emphasis:rgba( 0,0,0, 0.03 );--mm-shadow:0 0 10px rgba( 0,0,0, 0.2 )}
.mm-menu_theme-dark{--mm-color-border:rgba( 0,0,0, 0.3 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.85 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#333;--mm-color-background-highlight:rgba( 255,255,255, 0.08 );--mm-color-background-emphasis:rgba( 0,0,0, 0.1 );--mm-shadow:0 0 20px rgba( 0,0,0, 0.5 )}
.mm-menu_theme-black{--mm-color-border:rgba( 255,255,255, 0.25 );--mm-color-button:rgba( 255,255,255, 0.4 );--mm-color-text:rgba( 255,255,255, 0.75 );--mm-color-text-dimmed:rgba( 255,255,255, 0.4 );--mm-color-background:#000;--mm-color-background-highlight:rgba( 255,255,255, 0.2 );--mm-color-background-emphasis:rgba( 255,255,255, 0.15 );--mm-shadow:none}
body.modal-open .mm-slideout{z-index:unset}
.unslider{overflow:auto;margin:0;padding:0;position:relative;}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:10;cursor:pointer;bottom:100px;bottom:calc(50% - 18px);color:#fff;}
.unslider-arrow.next{left:auto;right:20px}
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-holder ul, .unslider-holder ul li {
	height: 100%;
}
.unslider-holder  {
	position: relative;
}
.unslider-holder ul li {
	background-repeat: no-repeat;
	-ms-behavior: url("/bg.htc");
	position: relative;
	display: none;
}
#modal_content li.un-slide {
	background-repeat: no-repeat;
	position: relative;
	display: block;
	padding: 10px;
	min-height: 100px;
	width: 48%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}
.unslider-holder ul li:first-of-type {
	display: block;
}
.unslider-holder li .un-overlay, #modal_content li.un-slide .un-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.unslider-holder .un-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 60px;
}
.unslider-arrow.next::before {
	content: "\6f";
}
.unslider-arrow.prev::before {
	content: "\72";
}
.unslider-arrow.next::before, 
.unslider-arrow.prev::before {
  font-family: "ninelight" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 26px;
}
.unslider-holder ul li .table-cell, #modal_content li.un-slide .table-cell {
	position: relative;
	z-index: 3;
}
.unslider-holder .un-slide-link {
	display: block;
	-webkit-text-decoration: none;
	text-decoration: none;
	position: relative;
	z-index: 2;
	height: 100%;
	cursor: pointer;
	width: 100%;
}
.unslider-holder .modal-slide-title {
	display: none;
}
#modal_content .un-slide .modal-slide-title {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 14px;
	padding: 4px 8px;
	z-index: 4;
}
#modal_content > div:nth-of-type(2n+2) > li.un-slide {
	clear: left;
}
.unslider-holder ul li .img-overlay, #modal_content li.un-slide .img-overlay {
	display: inline-block;
	margin-bottom: 20px;
}
#modal_content li.un-slide .img-overlay {
	margin-bottom: 10px;
	max-width: 150px;
}
.unslider-holder ul li .richtext, #modal_content li.un-slide .richtext {
	color: #fff;
	max-width: none;
	padding: 0;
}
#modal_content li.un-slide .richtext {
	font-size: 15px !important;
}
.unslider-holder ul li .btn {
	margin-top: 20px;
}
#modal_content li.un-slide .btn {
	margin-top: 10px;
}
.unslider-nav {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	z-index: 10;
}
.unslider-nav ol li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 1px solid #fff;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}
@media all and (min-width: 800px) {
  .conceal {
    display: none !important;
  }
}
@media all and (max-width: 800px) {
  .conceal {
    display: inherit;
  }
}
@media all and (min-width: 800px) {
  .reveal {
    display: inherit;
  }
}
@media all and (max-width: 800px) {
  .reveal {
    display: none !important;
  }
}
@media all and (min-width: 800px) {
  .reveal-m {
    display: inherit;
  }
}
@media all and (max-width: 800px) {
  .reveal-m {
    display: none !important;
  }
}
@media all and (min-width: 800px) and (max-width: 1100px) {
  .reveal-m {
    display: none !important;
  }
}
body .content_wrapper {
  min-height: none !important;
}
.ring-info-tabs .constrain .cards .card .richtext a {
  display: none;
}
#inquire-modal .modal {
  max-width: 600px;
  background: #fff;
  text-align: left;
}
@media all and (max-width: 800px) {
  #inquire-modal .modal {
    text-align: center;
  }
}
#inquire-modal .modal .text {
  color: #76787c;
  font: normal 1em "Timeless", serif;
  margin-bottom: 15px;
}
#inquire-modal .modal .text p {
  margin-bottom: 8px;
}
#inquire-modal .modal .text p:last-of-type {
  margin-bottom: 0;
}
#inquire-modal .modal .flexbox .image {
  flex: 0 0 113px;
  padding-top: 15px;
}
@media all and (max-width: 800px) {
  #inquire-modal .modal .flexbox .image {
    flex: 1;
  }
}
#inquire-modal .modal .flexbox .image img {
  display: block;
}
@media all and (max-width: 800px) {
  #inquire-modal .modal .flexbox .image img {
    margin: 0 auto;
  }
}
#inquire-modal .modal .flexbox .form {
  flex: 1;
}
@media all and (min-width: 800px) {
  #inquire-modal .modal .flexbox .form {
    padding-left: 15px;
  }
}
@media all and (min-width: 800px) {
  #inquire-modal .modal .flexbox .form form .unit1of2.left {
    padding-right: 10px;
  }
}
@media all and (min-width: 800px) {
  #inquire-modal .modal .flexbox .form form .unit1of2.right {
    padding-left: 10px;
  }
}
@media all and (max-width: 800px) {
  #inquire-modal .modal .flexbox .form form .unit1of2.right {
    padding-bottom: 10px;
  }
}
#inquire-modal .modal .flexbox .form form .field {
  margin-bottom: 10px;
  text-align: left;
}
#inquire-modal .modal .flexbox .form form .field:last-of-type {
  margin-bottom: 0;
}
#inquire-modal .modal .flexbox .form form .field label {
  color: #76787c;
  font: normal 1em "Timeless", serif;
  font-size: 0.94em;
  display: block;
  margin-bottom: 2px;
}
#inquire-modal .modal .flexbox .form form .field input, #inquire-modal .modal .flexbox .form form .field textarea {
  border: 1px solid #d4d4d4;
  color: #76787c;
  display: block;
  width: 100%;
}
#inquire-modal .modal .flexbox .form form .field textarea {
  height: 80px;
}
#inquire-modal .modal #inq-message {
  padding: 10px 0;
  text-align: right;
}
#inquire-modal .modal #inq-message p.note {
  margin: 0;
}
#inquire-modal .modal .buttons {
  margin-top: 0;
  display: flex;
  justify-content: space-between;
}
#inquire-modal .modal .buttons .btn {
  flex: 0 0 48%;
}
.iframe-wrapper p.no-results {
  font: normal 1em "Timeless", serif;
  font-size: 15px;
  color: #76787c;
  background: #fff;
  padding: 15px;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
}
.iframe-wrapper header.iframe {
  background: #fff;
  padding: 0 0 15px 0;
  position: relative;
}
.iframe-wrapper header.iframe.bar {
  border-bottom: 30px solid #bbe1ee;
}
.iframe-wrapper header.iframe .constrain {
  max-width: 900px;
  padding: 0 20px;
  position: static;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain {
    padding: 0 12px;
  }
}
.iframe-wrapper header.iframe .constrain .top {
  height: 70px;
  padding: 10px 0;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top {
    height: 60px;
    padding: 5px 0;
  }
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox {
    flex-direction: row;
  }
}
.iframe-wrapper header.iframe .constrain .top .flexbox .icons {
  flex: 1 1 30%;
  padding-top: 13px;
}
.iframe-wrapper header.iframe .constrain .top .flexbox .icons ul {
  list-style-type: none;
}
.iframe-wrapper header.iframe .constrain .top .flexbox .icons ul li {
  display: inline-block;
  margin-right: 15px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox .icons ul li {
    margin-right: 5px;
  }
}
.iframe-wrapper header.iframe .constrain .top .flexbox .icons ul li:last-of-type {
  margin-right: 0;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox .icons ul li:last-of-type {
    margin-right: 0;
  }
}
.iframe-wrapper header.iframe .constrain .top .flexbox .icons ul li a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.iframe-wrapper header.iframe .constrain .top .flexbox .icons ul li a img {
  display: block;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox .icons ul li a img {
    width: 18px;
    height: 18px;
  }
}
.iframe-wrapper header.iframe .constrain .top .flexbox form {
  flex: 0 1 280px;
  position: relative;
  padding-top: 7px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox form {
    flex: 0 0 50%;
  }
}
.iframe-wrapper header.iframe .constrain .top .flexbox form input {
  display: block;
  width: 100%;
  font: normal 1em "Arial", sans-serif;
  color: #272727;
  font-size: 15px;
  border: 2px solid #bbe1ee;
  border-radius: 20px;
  padding: 8px 35px 8px 10px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox form input {
    font-size: 14px;
    padding: 7px 35px 6px 10px;
  }
}
.iframe-wrapper header.iframe .constrain .top .flexbox form a.icon-search {
  font-size: 22px;
  color: #bbe1ee;
  -webkit-text-decoration: none;
  text-decoration: none;
  position: absolute;
  right: 8px;
  top: 14px;
  z-index: 2;
}
.iframe-wrapper header.iframe .constrain .top .flexbox form a.icon-search:hover {
  color: #5b93a5;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox form a.icon-search {
    top: 12px;
  }
}
.iframe-wrapper header.iframe .constrain .top .flexbox .saved {
  flex: 1 1 30%;
  text-align: right;
  padding-top: 11px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox .saved {
    padding-top: 14px;
  }
}
@media all and (max-width: 550px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox .saved {
    padding-top: 15px;
  }
}
.iframe-wrapper header.iframe .constrain .top .flexbox .saved a {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #bbe1ee;
}
.iframe-wrapper header.iframe .constrain .top .flexbox .saved a:hover {
  color: #5b93a5;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox .saved a span.icon2-heart1 {
    font-size: 16px;
    position: relative;
    top: 2px;
  }
}
@media all and (max-width: 550px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox .saved a span.icon2-heart1 {
    font-size: 12px;
  }
}
.iframe-wrapper header.iframe .constrain .top .flexbox .saved a p.txt {
  display: inline-block;
  font: normal 1em "Timeless", serif;
  font-size: 22px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox .saved a p.txt {
    font-size: 16px;
  }
}
@media all and (max-width: 550px) {
  .iframe-wrapper header.iframe .constrain .top .flexbox .saved a p.txt {
    font-size: 12px;
  }
}
.iframe-wrapper header.iframe .constrain .logo {
  text-align: center;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain .logo {
    margin-top: 10px;
  }
}
.iframe-wrapper header.iframe .constrain .logo a {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.iframe-wrapper header.iframe .constrain .logo a img {
  display: block;
}
@media all and (min-width: 0) and (max-width: 500px) {
  .iframe-wrapper header.iframe .constrain .logo a img {
    width: 80%;
    height: auto;
    margin: 0 auto;
  }
}
.iframe-wrapper header.iframe .constrain nav {
  margin-top: 20px;
  text-align: center;
}
.iframe-wrapper header.iframe .constrain nav ul {
  list-style-type: none;
}
.iframe-wrapper header.iframe .constrain nav ul li {
  display: inline-block;
  margin-right: 10%;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain nav ul li {
    margin-right: 30px;
  }
}
@media all and (max-width: 550px) {
  .iframe-wrapper header.iframe .constrain nav ul li {
    margin-right: 15px;
  }
}
.iframe-wrapper header.iframe .constrain nav ul li:last-of-type {
  margin-right: 0;
}
.iframe-wrapper header.iframe .constrain nav ul li a {
  font: normal 1em "Timeless", serif;
  color: #76787c;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 20px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain nav ul li a {
    font-size: 18px;
  }
}
@media all and (max-width: 550px) {
  .iframe-wrapper header.iframe .constrain nav ul li a {
    font-size: 16px;
  }
}
.iframe-wrapper header.iframe .constrain nav ul li a:hover {
  color: #bbe1ee;
}
.iframe-wrapper header.iframe .constrain nav ul li a span.ar {
  display: inline-block;
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-left: 1px;
  transition: all 300ms ease;
}
@media all and (max-width: 800px) {
  .iframe-wrapper header.iframe .constrain nav ul li a span.ar {
    font-size: 15px;
    top: 1px;
  }
}
.iframe-wrapper header.iframe .constrain nav ul li a.active {
  color: #bbe1ee;
}
.iframe-wrapper header.iframe .constrain nav ul li a.active span.ar {
  transform: rotate(90deg);
}
.iframe-wrapper .col-dropdown {
  background: #fff;
  z-index: 5;
  padding: 5px 0 20px 0;
  text-align: center;
  display: none;
}
.iframe-wrapper .col-dropdown .constrain {
  max-width: 720px;
  display: flex;
}
.iframe-wrapper .col-dropdown .constrain ul {
  margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.iframe-wrapper .col-dropdown .constrain ul li {
  width: 10ch;
}
.iframe-wrapper .col-dropdown .constrain ul li:last-of-type {
  margin-right: 0;
}
.iframe-wrapper .col-dropdown .constrain ul li a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.iframe-wrapper .col-dropdown .constrain ul li a img {
  display: block;
  width: 100%;
}
.iframe-wrapper .col-dropdown .constrain ul li a p.name {
  font: normal 1em "Timeless", serif;
  color: #272727;
  font-size: 15px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper .col-dropdown .constrain ul li a p.name {
    font-size: 14px;
  }
}
@media all and (max-width: 550px) {
  .iframe-wrapper .col-dropdown .constrain ul li a p.name {
    font-size: 12px;
  }
}
.iframe-wrapper .col-dropdown .constrain ul li a:hover p.name {
  color: #5b93a5;
}
.iframe-wrapper .if-bar {
  width: 100%;
  height: 30px;
  background: #bbe1ee;
}
.iframe-wrapper .r-loading {
  text-align: center;
  padding: 10px;
}
.iframe-wrapper .ring-grid {
  background: #bbe1ee;
  padding: 15px 0 30px 0;
  overflow: hidden;
}
.iframe-wrapper .ring-grid.touch .flexbox .ring .top a .overlay {
  display: none;
}
.iframe-wrapper .ring-grid.touch .flexbox .ring .top a .vid .ov {
  display: none;
}
.iframe-wrapper .ring-grid .page-buttons {
  background: #fff;
  max-width: 875px;
  margin: 10px auto 0 auto;
  padding: 10px;
  width: calc(100% - 25px);
  list-style-type: none;
  text-align: center;
  display: flex;
  justify-content: center;
}
.iframe-wrapper .ring-grid .page-buttons li {
  display: block;
  flex: 0 0 40px;
  margin: 0 1px;
}
.iframe-wrapper .ring-grid .page-buttons li a, .iframe-wrapper .ring-grid .page-buttons li span {
  background: #dcdcdc;
  font-size: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 30px;
  text-align: center;
  padding-top: 9px;
  color: #565656;
}
.iframe-wrapper .ring-grid .page-buttons li a.active, .iframe-wrapper .ring-grid .page-buttons li span.active {
  background-color: #bbe1ee;
}
.iframe-wrapper .ring-grid .page-buttons li a:hover, .iframe-wrapper .ring-grid .page-buttons li span:hover {
  background-color: #bbe1ee;
}
.iframe-wrapper .ring-grid .page-buttons li a.icon-right-big, .iframe-wrapper .ring-grid .page-buttons li a.icon-left-big, .iframe-wrapper .ring-grid .page-buttons li span.icon-right-big, .iframe-wrapper .ring-grid .page-buttons li span.icon-left-big {
  font-size: 13px;
  padding-top: 8px;
}
.iframe-wrapper .ring-grid .page-buttons li span {
  opacity: 0.35;
}
.iframe-wrapper .ring-grid .page-buttons li span:hover {
  background-color: #dcdcdc;
}
.iframe-wrapper .ring-grid .filter-wrap {
  text-align: center;
}
.iframe-wrapper .ring-grid .filter-wrap .links a {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  margin-right: 15px;
  font: normal 1em "Timeless", serif;
  font-size: 20px;
  vertical-align: top;
  padding: 3px;
}
.iframe-wrapper .ring-grid .filter-wrap .links a:last-of-type {
  margin-right: 0;
}
.iframe-wrapper .ring-grid .filter-wrap .links a:hover {
  color: #5b93a5;
}
.iframe-wrapper .ring-grid .filter-wrap .links a.reset {
  background: #93b0bc;
}
.iframe-wrapper .ring-grid .filter-wrap .links a.reset:hover {
  background: shade(#93b0bc, 10%);
  color: #fff;
}
.iframe-wrapper .ring-grid .filter-wrap .links a span.txt {
  font: normal 1em "Timeless", serif;
  display: block;
  font-size: 20px;
}
.iframe-wrapper .ring-grid .filter-wrap .links a span.icon-down-big {
  font-size: 18px;
  display: inline-block;
  transition: all 300ms ease;
  position: relative;
  bottom: 0;
}
.iframe-wrapper .ring-grid .filter-wrap .links a.up span.icon-down-big {
  transform: rotate(180deg);
  bottom: 4px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar {
  max-width: 500px;
  margin: 0 auto;
  background: #fff;
  text-align: left;
  display: none;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section {
  padding: 5px 10px 7px 10px;
  border-bottom: 1px solid #bbe1ee;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section:last-of-type {
  border-bottom: 0;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .fp-text {
  font: normal 1em "Timeless", serif;
  font-size: 14px;
  padding: 5px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .fp-text a {
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .fp-text a:hover {
  color: #dcb8aa;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section > h3 {
  color: #272727;
  font-size: 1.2em;
  position: relative;
  cursor: pointer;
  margin-bottom: 0;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section > h3::after {
  content: " ";
  display: block;
  transform: rotate(90deg);
  width: 15px;
  height: 18px;
  background-image: url("/assets/blue_arrow.png");
  background-size: 15px;
  background-repeat: no-repeat;
  position: absolute;
  right: 1px;
  top: 6px;
  transition: transform 300ms ease;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section > h3 span.fcount {
  font-size: 0.6em;
  color: #737373;
  display: inline-block;
  margin-left: 5px;
  line-height: 18px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section > h3:hover {
  color: #5b93a5;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section.collapsed > h3::after {
  transform: rotate(0deg);
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section.clp .filters, .iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section.clp .fp-text {
  display: none;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters {
  padding-top: 8px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .fh {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .fh.fs {
  justify-content: flex-start;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  flex: 0 0 65px;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  padding: 3px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter {
    margin: 0 5px 12px 5px;
  }
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter.disabled {
  cursor: default;
  background: #404040;
  opacity: 0.8;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter.disabled .swatch {
  opacity: 0.5;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter.disabled .caption {
  color: #fff;
  opacity: 0.5;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter.selected::after {
  content: "-";
  color: #d45858;
  font-size: 24px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  font-family: Arial;
  display: inline-block;
  line-height: 8px;
  width: 12px;
  height: 12px;
  background: white;
  border-radius: 8px;
  border: 1px solid black;
  text-align: center;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter.selected.text::after {
  top: 3px;
  right: 1px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter .swatch {
  width: 55px;
  height: 55px;
  margin: 0 auto 3px auto;
  border: 1px solid #000;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter .swatch span.number {
  font: normal 1em "Timeless", serif;
  font-size: 11px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter .swatch p.abbr {
  font: normal 1em "Timeless", serif;
  font-size: 22px;
  position: relative;
  top: 14px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter .swatch div.col {
  width: 78px;
  height: 50px;
  transform: rotate(45deg);
  position: absolute;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter .swatch div.col.first {
  left: 5px;
  bottom: 19px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter .swatch div.col.second {
  top: 19px;
  right: 5px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter .swatch.blank {
  background-size: 60%;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter p.caption {
  font: normal 1em "Timeless", serif;
  font-size: 11px;
  color: #272727;
  line-height: 13px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter.text {
  flex: 0 0 100%;
  text-align: left;
  padding: 5px;
  margin-bottom: 3px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter.text p.caption {
  font-size: 13px;
  line-height: 15px;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter.text:hover p.caption {
  color: #bbe1ee;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section .filters .filter.text.disabled:hover p.caption {
  color: #fff;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section#prev .filters .filter.text p.caption, .iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section#green .filters .filter.text p.caption {
  color: #d45858;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section#prev .filters .filter.text p.caption:hover, .iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section#green .filters .filter.text p.caption:hover {
  color: #bbe1ee;
}
.iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section#prev .filters .filter.text.disabled p.caption, .iframe-wrapper .ring-grid .filter-wrap aside.filter-bar section#green .filters .filter.text.disabled p.caption {
  color: #fff;
}
.iframe-wrapper .ring-grid .flexbox {
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto;
  padding: 10px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper .ring-grid .flexbox {
    flex-direction: row;
  }
}
.iframe-wrapper .ring-grid .flexbox .ring {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 3px;
}
@media all and (min-width: 500px) and (max-width: 700px) {
  .iframe-wrapper .ring-grid .flexbox .ring {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}
@media all and (min-width: 300px) and (max-width: 500px) {
  .iframe-wrapper .ring-grid .flexbox .ring {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media all and (min-width: 0) and (max-width: 300px) {
  .iframe-wrapper .ring-grid .flexbox .ring {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.iframe-wrapper .ring-grid .flexbox .ring.video .top a .overlay {
  opacity: 0;
}
.iframe-wrapper .ring-grid .flexbox .ring.video .top a .vid {
  display: block;
}
.iframe-wrapper .ring-grid .flexbox .ring .top {
  background: #fff;
  position: relative;
}
.iframe-wrapper .ring-grid .flexbox .ring .top a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .overlay {
  background-color: rgba(187, 225, 238, 0.9);
  color: #fff;
  text-align: center;
  padding: 8px 5px 5px 5px;
  opacity: 0;
  transition: opacity 300ms ease;
  z-index: 3;
}
@media all and (max-width: 800px) {
  .iframe-wrapper .ring-grid .flexbox .ring .top a .overlay {
    display: none;
  }
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .overlay span.nv {
  display: block;
  height: 20px;
  margin: 0 0 50px 0;
}
@media all and (max-width: 550px) {
  .iframe-wrapper .ring-grid .flexbox .ring .top a .overlay span.nv {
    margin-bottom: 30px;
  }
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .overlay img.play {
  display: block;
  margin: 0 auto 50px auto;
}
@media all and (max-width: 550px) {
  .iframe-wrapper .ring-grid .flexbox .ring .top a .overlay img.play {
    margin-bottom: 30px;
  }
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .overlay img.play:hover {
  opacity: 0.5;
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .overlay .in {
  display: block;
  font: normal 1em "Timeless", serif;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 15px 0;
}
@media all and (max-width: 800px) {
  .iframe-wrapper .ring-grid .flexbox .ring .top a .overlay .in {
    font-size: 16px;
  }
}
@media all and (max-width: 550px) {
  .iframe-wrapper .ring-grid .flexbox .ring .top a .overlay .in {
    font-size: 14px;
  }
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .overlay .price {
  display: block;
  font: normal 1em "Timeless", serif;
  font-weight: bold;
  font-size: 15px;
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .overlay .det {
  display: inline-block;
  font: normal 1em "Timeless", serif;
  font-size: 12px;
  border: 1px solid #fff;
  padding: 3px;
  border-radius: 5px;
  width: 50px;
  position: absolute;
  bottom: 5px;
  left: 45%;
  left: calc(50% - 25px);
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .overlay .det:hover {
  color: #5b93a5;
  border-color: #5b93a5;
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .vid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
  display: none;
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .vid .ov {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.iframe-wrapper .ring-grid .flexbox .ring .top a .vid .player {
  position: absolute;
  left: 0;
  top: -3px;
  width: 100%;
  height: 100%;
  height: calc(100% + 30px);
  z-index: 2;
  text-align: center;
}
@media all and (min-width: 0) and (max-width: 900px) {
  .iframe-wrapper .ring-grid .flexbox .ring .top a .vid .player {
    top: 0;
    height: calc(100% + 14px);
  }
}
.iframe-wrapper .ring-grid .flexbox .ring .top a img.mi {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media all and (min-width: 0) and (max-width: 910px) {
  .iframe-wrapper .ring-grid .flexbox .ring .top a img.mi {
    width: 100%;
    height: auto;
  }
}
.iframe-wrapper .ring-grid .flexbox .ring .top a:hover .overlay {
  opacity: 1;
}
.iframe-wrapper .ring-grid .flexbox .ring .more {
  background: #fff;
  text-align: center;
  height: 42px;
  padding: 5px 0;
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs {
  opacity: 0;
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs.slick-slider {
  opacity: 1;
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs button.slick-arrow {
  font-size: 14px;
  width: 15px;
  height: 15px;
  top: calc(50% - 7px);
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs button.slick-arrow.slick-prev {
  left: -16px;
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs button.slick-arrow.slick-next {
  right: -19px;
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs li {
  margin-right: 4px;
  width: 33.3333%;
  width: calc(33.333% - 4px);
  position: relative;
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs li a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  height: 32px;
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs li a:focus {
  outline-width: 0;
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs li a img {
  display: block;
  margin: 0 auto;
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs li a .icon2-play {
  position: absolute;
  left: calc(50% - 16px);
  top: calc(50% - 16px);
  color: #fff;
  font-size: 24px;
  width: 32px;
  height: 32px;
  background: #bbe1ee;
  border-radius: 50%;
  text-align: center;
  display: block;
  padding: 5px 0 0 5px;
}
@media all and (max-width: 800px) {
  .iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs li a .icon2-play {
    left: calc(50% - 15px);
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    font-size: 23px;
    padding: 4px 2px 0 5px;
  }
}
@media all and (max-width: 550px) {
  .iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs li a .icon2-play {
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    font-size: 18px;
    padding: 3px 2px 0 5px;
  }
}
.iframe-wrapper .ring-grid .flexbox .ring .more .slick-holder ul.thumbs li.vid a img {
  opacity: 0;
}
html.ie9 .overlay, html.lt-ie9 .overlay {
  display: none;
}
html.ie9 .conceal, html.lt-ie9 .conceal {
  display: none !important;
}
html.ie9 .reveal, html.lt-ie9 .reveal {
  display: inherit;
}
html.ie9 .reveal-m, html.lt-ie9 .reveal-m {
  display: inherit;
}
html.ie9 .contact-form-block, html.lt-ie9 .contact-form-block {
  height: 350px;
}
html.ie9 .contact-form-block textarea, html.lt-ie9 .contact-form-block textarea {
  margin-bottom: 10px;
}
html.ie9 .flexbox, html.lt-ie9 .flexbox {
  display: block;
}
html.ie9 .flexbox .flex-grid-unit, html.lt-ie9 .flexbox .flex-grid-unit {
  display: block;
  float: left;
}
html.ie9 .flexbox::after, html.lt-ie9 .flexbox::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
html.ie9 .grid-row .unit1of1, html.lt-ie9 .grid-row .unit1of1 {
  width: 100%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit1of2, html.lt-ie9 .grid-row .unit1of2 {
  width: 50%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit1of3, html.lt-ie9 .grid-row .unit1of3 {
  width: 33.3333333%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit2of3, html.lt-ie9 .grid-row .unit2of3 {
  width: 66.6666666%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit1of4, html.lt-ie9 .grid-row .unit1of4 {
  width: 25%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit3of4, html.lt-ie9 .grid-row .unit3of4 {
  width: 75%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit1of5, html.lt-ie9 .grid-row .unit1of5 {
  width: 20%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit2of5, html.lt-ie9 .grid-row .unit2of5 {
  width: 40%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit4of5, html.lt-ie9 .grid-row .unit4of5 {
  width: 80%;
  float: left;
  text-align: left;
}
html.ie9 header.main nav > ul, html.lt-ie9 header.main nav > ul {
  display: block;
}
html.ie9 header.main nav > ul li, html.lt-ie9 header.main nav > ul li {
  display: inline-block;
}
html.ie9 .footer-wrapper footer.main .menubar nav > ul, html.lt-ie9 .footer-wrapper footer.main .menubar nav > ul {
  display: block;
}
html.ie9 .footer-wrapper footer.main .menubar nav > ul li, html.lt-ie9 .footer-wrapper footer.main .menubar nav > ul li {
  display: inline-block;
}
html.ie9 .breadcrumbs.fix, html.lt-ie9 .breadcrumbs.fix {
  top: 0;
}
html.ie9 .rings-grid-wrapper .rings-holder .rcontain, html.lt-ie9 .rings-grid-wrapper .rings-holder .rcontain {
  display: block;
}
html.ie9 .rings-grid-wrapper .rings-holder .rcontain .ring, html.lt-ie9 .rings-grid-wrapper .rings-holder .rcontain .ring {
  display: block;
  width: 50%;
  float: left;
}
html.ie9 .rings-grid-wrapper .rings-holder .rcontain::after, html.lt-ie9 .rings-grid-wrapper .rings-holder .rcontain::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header.main nav > ul {
    display: block;
  }
  header.main nav > ul li {
    display: inline-block;
  }
  .footer-wrapper footer.main .menubar nav > ul {
    display: block;
  }
  .footer-wrapper footer.main .menubar nav > ul li {
    display: inline-block;
  }
  .breadcrumbs.fix {
    top: 0;
  }
  .rings-grid-wrapper .rings-holder .rcontain {
    display: block;
  }
  .rings-grid-wrapper .rings-holder .rcontain .ring {
    display: block;
    width: 50%;
    float: left;
  }
  .rings-grid-wrapper .rings-holder .rcontain::after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, td, th {
  text-align: left;
  font-weight: 400;
  vertical-align: middle;
}
blockquote, q {
  quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}
a img {
  border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}
@media all and (min-width: 800px) {
  .conceal {
    display: none !important;
  }
}
@media all and (max-width: 800px) {
  .conceal {
    display: inherit;
  }
}
@media all and (min-width: 925px) {
  .conceal-nav {
    display: none !important;
  }
}
@media all and (max-width: 925px) {
  .conceal-nav {
    display: inherit;
  }
}
@media all and (min-width: 800px) {
  .reveal {
    display: inherit;
  }
}
@media all and (max-width: 800px) {
  .reveal {
    display: none !important;
  }
}
@media all and (min-width: 925px) {
  .reveal-nav {
    display: inherit;
  }
}
@media all and (max-width: 925px) {
  .reveal-nav {
    display: none !important;
  }
}
@media all and (min-width: 800px) {
  .reveal-m {
    display: inherit;
  }
}
@media all and (max-width: 800px) {
  .reveal-m {
    display: none !important;
  }
}
@media all and (min-width: 800px) and (max-width: 1100px) {
  .reveal-m {
    display: none !important;
  }
}
body {
  font: 300 1em "Gotham", sans-serif;
  background-color: #fff;
  color: #272727;
  position: fixed;
  overflow: auto;
}
body:not(.iframe) {
  height: 100vh;
}
body.mm-opening {
  background-color: #a0cfde;
}
body .mm-page.mm-slideout {
  background: #fff;
}
body.noscroll {
  overflow: hidden;
}
body * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.page-wrapper .header-wrapper, .page-wrapper .footer-wrapper {
  flex: 0;
}
.page-wrapper .content_wrapper {
  flex: 1;
}
.constrain {
  max-width: 1900px;
  width: 100%;
  position: relative;
  margin: 0 auto !important;
  padding: 0 2%;
  height: 100%;
}
.constrain::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.constrain .richtext-block {
  padding: 0;
}
@media all and (max-width: 550px) {
  .constrain .richtext-block {
    padding: 0 2%;
  }
}
.grecaptcha-badge {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.pac-item {
  cursor: pointer;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.3);
  z-index: 0;
}
.content_wrapper {
  min-height: 200px;
}
@media all and (min-width: 800px) {
  .content_wrapper.home {
    min-height: 400px;
  }
}
.clearfix::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.richtext-block {
  padding: 0 2%;
}
@media all and (max-width: 550px) {
  .richtext-block {
    padding: 0 4%;
  }
}
@media all and (max-width: 550px) {
  .content_body > .image-block-holder, .content_body > .constrain > .image-block-holder {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
}
.image-block-holder {
  position: relative;
  max-width: 100%;
}
.image-block-holder a.img-link {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.image-block-holder a.img-link:focus {
  outline-width: 0;
}
.image-block-holder img {
  display: inline-block;
}
.richtext, .richtext-block {
  max-width: 1900px;
  margin: 0 auto;
}
.richtext p, .richtext ol, .richtext ul, .richtext-block p, .richtext-block ol, .richtext-block ul {
  margin-bottom: 20px;
  font: 300 1em "Gotham", sans-serif;
  line-height: 1.4em;
}
.richtext p strong, .richtext p b, .richtext ol strong, .richtext ol b, .richtext ul strong, .richtext ul b, .richtext-block p strong, .richtext-block p b, .richtext-block ol strong, .richtext-block ol b, .richtext-block ul strong, .richtext-block ul b {
  font-weight: bold;
}
.richtext p em, .richtext p i, .richtext ol em, .richtext ol i, .richtext ul em, .richtext ul i, .richtext-block p em, .richtext-block p i, .richtext-block ol em, .richtext-block ol i, .richtext-block ul em, .richtext-block ul i {
  font-style: italic;
}
.richtext p a, .richtext ol a, .richtext ul a, .richtext-block p a, .richtext-block ol a, .richtext-block ul a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a0cfde;
}
.richtext p a:hover, .richtext ol a:hover, .richtext ul a:hover, .richtext-block p a:hover, .richtext-block ol a:hover, .richtext-block ul a:hover {
  color: #5b93a5;
}
.richtext p .btn, .richtext ol .btn, .richtext ul .btn, .richtext-block p .btn, .richtext-block ol .btn, .richtext-block ul .btn {
  color: #fff;
}
.richtext p:last-of-type, .richtext-block p:last-of-type {
  margin-bottom: 0;
}
.richtext li, .richtext-block li {
  margin-bottom: 5px;
}
.richtext li:last-of-type, .richtext-block li:last-of-type {
  margin-bottom: 0;
}
.richtext ul, .richtext-block ul {
  list-style-type: disc;
  padding-left: 20px;
}
.richtext ul ul, .richtext ul ol, .richtext-block ul ul, .richtext-block ul ol {
  padding-left: 30px;
  margin: 5px 0;
}
.richtext ol, .richtext-block ol {
  list-style-type: decimal;
  padding-left: 20px;
}
.richtext ol ul, .richtext ol ol, .richtext-block ol ul, .richtext-block ol ol {
  padding-left: 30px;
  margin: 5px 0;
}
.richtext table, .richtext-block table {
  width: 100%;
}
.richtext table tbody, .richtext table thead, .richtext table tfoot, .richtext-block table tbody, .richtext-block table thead, .richtext-block table tfoot {
  width: 100%;
}
.richtext table tbody tr, .richtext table thead tr, .richtext table tfoot tr, .richtext-block table tbody tr, .richtext-block table thead tr, .richtext-block table tfoot tr {
  border-bottom: 1px solid #e0e0e0;
}
.richtext table tbody tr td, .richtext table tbody tr th, .richtext table thead tr td, .richtext table thead tr th, .richtext table tfoot tr td, .richtext table tfoot tr th, .richtext-block table tbody tr td, .richtext-block table tbody tr th, .richtext-block table thead tr td, .richtext-block table thead tr th, .richtext-block table tfoot tr td, .richtext-block table tfoot tr th {
  padding: 5px 15px 5px 0;
}
.richtext table tbody tr td a, .richtext table tbody tr th a, .richtext table thead tr td a, .richtext table thead tr th a, .richtext table tfoot tr td a, .richtext table tfoot tr th a, .richtext-block table tbody tr td a, .richtext-block table tbody tr th a, .richtext-block table thead tr td a, .richtext-block table thead tr th a, .richtext-block table tfoot tr td a, .richtext-block table tfoot tr th a {
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.richtext table tbody tr td a:hover, .richtext table tbody tr th a:hover, .richtext table thead tr td a:hover, .richtext table thead tr th a:hover, .richtext table tfoot tr td a:hover, .richtext table tfoot tr th a:hover, .richtext-block table tbody tr td a:hover, .richtext-block table tbody tr th a:hover, .richtext-block table thead tr td a:hover, .richtext-block table thead tr th a:hover, .richtext-block table tfoot tr td a:hover, .richtext-block table tfoot tr th a:hover {
  color: #5b93a5;
}
.richtext table tbody tr th, .richtext table thead tr th, .richtext table tfoot tr th, .richtext-block table tbody tr th, .richtext-block table thead tr th, .richtext-block table tfoot tr th {
  font-weight: bold;
}
.table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
.table-cell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
::selection {
  color: #fff;
  background: #a0cfde;
}
img, iframe {
  max-width: 100%;
}
.video-block .iframe-holder {
  position: relative;
  padding-bottom: 56.25%;
}
.video-block .iframe-holder .editing-overlay, .video-block .iframe-holder iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.video-block .iframe-holder iframe {
  z-index: 1;
}
.map img {
  max-width: none !important;
}
.btn {
  border: 0;
  border-radius: 0;
  background-color: #a0cfde;
  color: #fff;
  font: 300 1em "Gotham", sans-serif;
  display: inline-block;
  font-weight: normal;
  padding: 2px 10px 0 10px;
  font-size: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: none;
  line-height: 2em;
  -webkit-appearance: none;
  text-align: center;
  cursor: pointer;
  border-width: 0;
  border-bottom: 0 solid #80a6b2;
}
.btn:focus {
  outline-width: 0;
}
.btn:hover {
  background: #90bac8;
  -webkit-text-decoration: none;
  text-decoration: none;
  border-color: #7395a0;
}
.btn.fw {
  display: block;
  width: 100%;
}
.btn.pink {
  background-color: #dcb8aa;
}
.btn.pink:hover {
  background-color: #c6a699;
}
.btn.small {
  font-size: 13px;
}
.btn.dark {
  background: #272727;
}
.btn.dark:hover {
  background: #3d3d3d;
}
.btn.disabled {
  background: gray;
  color: #afafaf;
  cursor: default;
}
.btn.trans {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #76787c;
  border-radius: 0;
  color: #5F5F5F;
}
.btn.trans:hover {
  background-color: rgba(160, 207, 222, 0.7);
  color: #fff;
}
.btn.white {
  background: #fff;
  color: #a0cfde;
  border-color: #cccccc;
}
.btn.white:hover {
  background: #a0cfde;
  color: #fff;
  border-color: #7395a0;
}
.btn.white-outline {
  border: 1px solid #fff;
  background: none;
  color: #fff;
}
.btn.white-outline:hover {
  background: #a0cfde;
}
.btn.color-outline {
  border: 1px solid #80a6b2;
  background: none;
  color: #80a6b2;
}
.btn.color-outline:hover {
  background: #fff;
}
.btn.alternate {
  background: #5b93a5;
  border-color: #497684;
}
.btn.alternate:hover {
  background: #528495;
  border-color: #406774;
}
.btn.alternate.disabled, .btn.alternate.disabled:hover {
  background: gray;
  color: #afafaf;
  cursor: initial;
}
.btn.gray {
  background-color: #3e3e3e;
}
.btn.gray:hover {
  background-color: #a0cfde;
}
.btn.black {
  background-color: #404040;
}
.btn.black:hover {
  background-color: #5b93a5;
}
.btn.custom-1 {
  background-color: transparent;
  border-radius: 0;
  text-transform: none;
  color: #000;
  font-weight: 300;
  font-size: 16px;
  text-align: left;
  display: block;
  padding: 0 30px 6px 0;
  border-bottom: 1px solid #A0CFDE;
  margin-bottom: 10px;
  line-height: 30px;
  position: relative;
}
.btn.custom-1:hover {
  color: #A0CFDE;
}
.btn.custom-1::after {
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 1px;
  top: 8px;
  background-image: url("https://assets.benchmarkrings.com/media/6337259_7215718_righttri2x_tiny_tiny.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
[class^=icon-] {
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 24px;
}
[class^=icon-].white {
  color: #fff;
}
[class^=icon-].white:hover {
  color: #5b93a5;
}
[class^=icon-].colored {
  color: #a0cfde;
}
[class^=icon-].colored:hover {
  color: #90bac8;
}
a[class^=icon-] {
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
}
ul.social-links {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.social-links li {
  display: inline-block;
  margin-right: 8px;
}
ul.social-links li:last-of-type {
  margin-right: 0;
}
.bag-page {
  border-top: 1px solid #F0F7FA;
}
.bag-page .flexbox.main {
  min-height: 500px;
  justify-content: center;
}
.bag-page .flexbox.main .bag-holder {
  flex: 1;
  padding: 40px 20px;
}
@media all and (min-width: 800px) {
  .bag-page .flexbox.main .bag-holder {
    max-width: 800px;
  }
}
.bag-page .flexbox.main .bag-holder h3 {
  padding-left: 32px;
  margin-bottom: 0;
}
@media all and (max-width: 800px) {
  .bag-page .flexbox.main .bag-holder {
    padding: 20px 15px 20px 0;
  }
}
.bag-page .flexbox.main .order-summary {
  background: #E9E9EA;
  padding: 20px 20px;
}
.bag-page .flexbox.main .order-summary .sticky {
  padding: 20px 0;
}
@media all and (min-width: 800px) {
  .bag-page .flexbox.main .order-summary .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
  }
}
@media all and (min-width: 800px) {
  .bag-page .flexbox.main .order-summary {
    flex: 0 0 40%;
    max-width: 400px;
  }
}
@media all and (max-width: 800px) {
  .bag-page .flexbox.main .order-summary h3 {
    padding-left: 12px;
  }
}
.bag-page .flexbox.main .order-summary #bag-cart-message p.note {
  margin: 0 0 10px 0;
  display: block;
  text-align: center;
  border-radius: 0;
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  padding: 7px;
}
.bag-page .flexbox.main .order-summary .pickup-wrap {
  display: none;
  margin-bottom: 30px;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .person {
  display: none;
  padding: 10px 0 0 28px;
  width: 100%;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .person form .fd {
  margin-bottom: 5px;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .person form .fd.flexbox input {
  flex: 1;
  margin-right: 10px;
  width: calc(50% - 5px);
}
.bag-page .flexbox.main .order-summary .pickup-wrap .person form .fd.flexbox input:last-of-type {
  margin-right: 0;
}
@media all and (max-width: 800px) {
  .bag-page .flexbox.main .order-summary .pickup-wrap .person form .fd.flexbox {
    flex-direction: row;
  }
}
.bag-page .flexbox.main .order-summary .pickup-wrap .person form .fd input {
  border: none;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  color: #76787c;
  padding: 5px 8px 5px 2px;
  border-bottom: 1px solid #d0d0d0;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .person form .fd.button {
  text-align: center;
  padding-top: 8px;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 3px 3px rgba(10, 10, 10, 0.3);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .custom-in {
  width: 18px;
  height: 18px;
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 10px 0 0;
  top: 1px;
  background-color: #fff;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .custom-in.cb {
  border: 2px solid #a0cfde;
  border-radius: 4px;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .custom-in.cb.selected {
  background-color: #a0cfde;
  color: #fff;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .custom-in.cb.selected::after {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  font-size: 12px;
  text-align: center;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .custom-in input[type=checkbox] {
  margin: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  _noFocusLine: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field label {
  font-family: "Arial";
  font-size: 15px;
  margin: 0;
  cursor: pointer;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .hold {
  position: relative;
  top: 3px;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .hold a.icon2-info {
  display: inline-block;
  margin-left: 10px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #5b93a5;
  font-size: 16px;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .hold a.icon2-info:hover {
  color: #a0cfde;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .hold .info-popup {
  top: calc(100% + 10px);
  left: auto;
  right: -10px;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .hold .info-popup::before {
  display: none;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .retailer {
  flex: 0 0 100%;
  font-family: "Arial";
  font-size: 14px;
  padding: 8px 0 0 28px;
  display: none;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .retailer address span {
  display: block;
  margin-bottom: 1px;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .retailer address span.name {
  font-weight: bold;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .retailer a.change {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a0cfde;
  margin-top: 5px;
  font-size: 13px;
  display: inline-block;
}
.bag-page .flexbox.main .order-summary .pickup-wrap .field .retailer a.change:hover {
  color: #5b93a5;
}
.bag-page .flexbox.main .order-summary form.discount {
  flex-wrap: wrap;
  margin-bottom: 20px;
  display: none;
  align-items: center;
  justify-content: space-between;
}
.bag-page .flexbox.main .order-summary form.discount input {
  border-width: 1px;
  padding: 8px 10px 8px 10px;
  font-family: "Arial";
  font-size: 14px;
  border-radius: 0;
  margin-right: 20px;
  flex: 1;
}
.bag-page .flexbox.main .order-summary form.discount .discount-message {
  flex: 0 0 100%;
}
.bag-page .flexbox.main .order-summary form.discount .discount-message p.note {
  width: 100%;
  text-align: center;
  border-radius: 0;
  font-size: 13px;
  font-family: "Arial";
  padding: 6px 10px;
  margin-top: 10px;
}
.bag-page .flexbox.main .order-summary .table-holder {
  padding: 15px 0;
  border-top: 2px dashed #959595;
}
.bag-page .flexbox.main .order-summary .table-holder.big table tr td, .bag-page .flexbox.main .order-summary .table-holder.big table tr th {
  font-size: 1.1em;
}
.bag-page .flexbox.main .order-summary table {
  width: 100%;
}
.bag-page .flexbox.main .order-summary table tr td, .bag-page .flexbox.main .order-summary table tr th {
  font: normal 1em "Arial", sans-serif;
  padding: 5px 0;
  font-weight: bold;
}
.bag-page .flexbox.main .order-summary table tr th {
  color: #959595;
}
.bag-page .flexbox.main .order-summary table tr td {
  color: #272727;
  text-align: right;
}
.bag-page .flexbox.main .order-summary table tr.discount-tr th a.icon-close {
  display: inline-block;
  color: #959595;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 18px;
  position: relative;
  top: 4px;
  margin-left: 6px;
  line-height: 10px;
}
.bag-page .flexbox.main .order-summary table tr.discount-tr th a.icon-close:hover {
  color: #a0cfde;
}
.bag-page .flexbox.main .order-summary p.info {
  display: none;
  font: normal 1em "Arial", sans-serif;
  color: #959595;
  text-align: center;
  font-size: 0.9em;
  margin: 30px 0 10px 0;
  padding: 0 10px;
  font-style: italic;
}
.shopify-cart-element {
  position: relative;
}
.shopify-cart-element#page {
  min-height: 100px;
}
.shopify-cart-element#page .cart-inner .shopify-line-items .shopify-line-item .flexbox .left {
  flex: 2;
}
.shopify-cart-element#page .cart-inner .shopify-line-items .shopify-line-item .flexbox .image img.gn {
  bottom: 12px;
  right: 15px;
  width: 10px;
  height: auto;
}
@media all and (max-width: 550px) {
  .shopify-cart-element#page .cart-inner .shopify-line-items .shopify-line-item .flexbox .image img.gn {
    width: 7px;
    bottom: 5px;
    right: 5px;
  }
}
.shopify-cart-element#dropdown {
  display: none;
  position: absolute;
  top: 50px;
  right: 0;
  width: 460px;
  height: auto;
  z-index: 500;
  background: #fff;
  box-shadow: 0 5px 9px rgba(10, 10, 10, 0.4);
  max-height: calc(100vh - 100px);
}
@media all and (max-width: 800px) {
  .shopify-cart-element#dropdown {
    position: fixed;
    right: 2vw;
    width: 96vw;
  }
}
.shopify-cart-element#dropdown .cart-inner {
  height: 100%;
  max-height: calc(100vh - 100px);
  overflow-y: scroll;
}
.shopify-cart-element#dropdown .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem:nth-of-type(2) {
  margin-top: 15px;
}
.shopify-cart-element.loading .cart-loading.overlay {
  display: block !important;
}
.shopify-cart-element .cart-loading.overlay {
  background: #fff;
  z-index: 4;
  text-align: center;
  display: none;
}
.shopify-cart-element .cart-loading.overlay p {
  color: #76787c;
  font-size: 0.9em;
}
.shopify-cart-element .cart-inner {
  padding: 15px;
  color: #272727;
}
.shopify-cart-element .cart-inner .links {
  display: block;
  text-align: center;
  margin-top: 0;
}
.shopify-cart-element .cart-inner .links a {
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
  font: normal 1em "Arial", sans-serif;
  font-size: 12px;
}
.shopify-cart-element .cart-inner .links a:hover {
  color: #5b93a5;
}
.shopify-cart-element .cart-inner .links a::after {
  content: "|";
  padding: 0 5px;
}
.shopify-cart-element .cart-inner .links a:last-of-type::after {
  content: "";
  padding: 0;
}
.shopify-cart-element .cart-inner .shopify-line-items {
  list-style-type: none;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item {
  margin-bottom: 10px;
  padding: 10px 0;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item.empty {
  border: 0;
  text-align: center;
  font-size: 0.9em;
  color: gray;
  padding: 28px 0 0 0;
}
@media all and (max-width: 800px) {
  .shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox {
    flex-direction: row;
  }
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .left {
  flex: 1;
  min-width: 90px;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center {
  flex: 6;
  padding: 3px 0 0 15px;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem {
  display: flex;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem + .lineitem {
  margin-top: 1rem;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info {
  padding-right: 10px;
  text-align: left;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .shopify-quantity-selector {
  margin: 15px 0;
  justify-content: flex-start;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .shopify-quantity-selector label {
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  margin-bottom: 6px;
  padding-left: 2px;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .shopify-quantity-selector .btn.q {
  width: 22px;
  height: 22px;
  font-size: 12px;
  line-height: 24px;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .shopify-quantity-selector span.quantity-span {
  margin: 0 5px;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .free-ring-cta {
  display: inline-block;
  font-size: 14px;
  margin-top: 0.75rem;
  color: green;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .free-ring-cta:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .links {
  text-align: left;
  margin-top: 4px;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .text {
  text-align: left;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .text h5 {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  color: #959595;
  text-transform: uppercase;
  margin-bottom: 1px;
  white-space: break-spaces;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .info .text h6 {
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  color: #959595;
  margin-bottom: 1px;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .right {
  flex: 1;
  text-align: right;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .right span.price {
  display: block;
  font: normal 1em "Arial", sans-serif;
  color: #000;
  font-size: 15px;
  font-weight: bold;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .right span.price.sale {
  color: #bd3d3d;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem .right span.price + .price.old {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-size: 0.9em;
}
header .shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem.nested .left {
  min-width: 70px;
}
header .shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem.nested img {
  max-width: 70px;
}
header .shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem.nested .info .text h5, header .shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .center .lineitem.nested .info .text h6 {
  font-size: 0.8em;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .image {
  position: relative;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .image a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .image img {
  display: block;
}
.shopify-cart-element .cart-inner .shopify-line-items .shopify-line-item .flexbox .image img.gn {
  position: absolute;
  bottom: 6px;
  right: 5px;
  z-index: 2;
}
.shopify-cart-element .cart-inner .cart-bottom {
  margin-top: 40px;
  border-top: 1px dashed #76787c;
  padding: 20px 10px 5px 10px;
  z-index: 2;
}
.shopify-cart-element .cart-inner .cart-bottom .subtotal {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 0 4px;
}
.shopify-cart-element .cart-inner .cart-bottom .subtotal h6 {
  font: normal 1em "Arial", sans-serif;
  font-weight: bold;
  font-size: 15px;
  margin: 0;
}
.shopify-cart-element .cart-inner .cart-bottom .subtotal span {
  display: block;
  font: normal 1em "Arial", sans-serif;
  font-weight: bold;
  font-size: 15px;
}
.shopify-cart-element .cart-inner .cart-bottom .disclaimer p {
  white-space: normal;
  text-align: center;
  margin-top: 15px;
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  color: #76787c;
  padding: 0 20px;
}
.shopify-quantity-selector {
  margin-right: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 0 0 110px;
}
.shopify-quantity-selector label {
  display: block;
  color: #5F5F5F;
  font-size: 13px;
  margin-bottom: 4px;
  text-align: left;
  flex: 0 0 100%;
}
.shopify-quantity-selector span.quantity-span {
  display: inline-block;
  margin: 0 8px;
  color: #5F5F5F;
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  min-width: 20px;
  text-align: center;
}
.shopify-quantity-selector .btn.q {
  background: transparent;
  color: #5F5F5F;
  border: 1px solid #5F5F5F;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  font-size: 15px;
}
.shopify-quantity-selector .btn.q:hover {
  color: #a0cfde;
  border-color: #a0cfde;
}
.shopify-quantity-selector .btn.q.disabled:hover {
  color: #5F5F5F;
  border-color: #5F5F5F;
}
input[type=email],
input[type=tel],
input[type=text],
input[type=search],
input[type=date],
input[type=password],
input[type=date],
.fake-input,
textarea {
  background: #fff;
  border-radius: 0;
  border-style: solid;
  color: #272727;
  font: 300 1em "Gotham", sans-serif;
  border-width: 3px;
  border-color: #e0e0e0;
  -webkit-appearance: none;
  font-size: 1em;
  padding: 13px 6px 9px 6px;
  display: block;
  width: 100%;
}
input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=password]:focus,
input[type=date]:focus,
.fake-input:focus,
textarea:focus {
  outline-width: 0;
}
.fake-input {
  background: #f5f5f5;
}
#modal_content .mb_container textarea {
  padding-top: 28px !important;
}
p.note {
  background: #a0cfde;
  display: inline-block;
  padding: 10px 20px 8px 20px;
  border-radius: 0;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  margin-top: 15px;
  line-height: 18px;
}
p.note a {
  color: #fff;
}
p.note.success {
  background: #41a069;
}
p.note.error {
  background: #bd3d3d;
}
p.note.loading {
  background: #a0cfde;
}
.appointment-page {
  padding: 20px 2% 60px 2%;
  text-align: center;
}
.appointment-page #message p {
  font: 300 1em "Gotham", sans-serif;
  font-size: 14px;
}
.appointment-page.image-request {
  padding: 0 0 50px 0;
}
@media all and (min-width: 800px) {
  .appointment-page.image-request .wrapper .unit1of2.left {
    flex: 0 0 60%;
  }
}
.appointment-page.image-request .wrapper .unit1of2.right {
  padding: 20px;
}
@media all and (min-width: 800px) {
  .appointment-page.image-request .wrapper .unit1of2.right {
    flex: 0 0 40%;
  }
}
.appointment-page.image-request .wrapper .unit1of2.right p {
  font-size: 0.9em;
}
.appointment-page.image-request .wrapper .unit1of2.left form .field .checkboxes {
  padding-top: 10px;
}
@media all and (min-width: 800px) {
  .appointment-page.image-request .wrapper .unit1of2.left form .field .checkboxes {
    width: 60%;
    float: right;
  }
}
.appointment-page.image-request .wrapper .unit1of2.left form .field .checkboxes input {
  margin: 0;
  width: auto;
  height: auto;
  float: none;
  display: inline-block;
}
.appointment-page.image-request .wrapper .unit1of2.left form .field .checkboxes label {
  display: inline-block;
  float: none;
  width: auto;
  text-transform: none;
  padding: 0;
  position: relative;
  top: 1px;
  right: 15px;
  margin: 0;
}
.appointment-page.image-request .wrapper .unit1of2.left form .field .checkboxes .cbw {
  display: inline-block;
  margin-bottom: 10px;
}
.appointment-page.image-request .wrapper .unit1of2.left form .field .checkboxes .cbhold {
  display: inline-block;
  float: none;
  width: 30px;
  height: 20px;
  margin: 0;
  text-align: left;
}
.appointment-page.image-request .wrapper .unit1of2.left form .field.cb label.req::after {
  display: none;
}
.appointment-page.image-request .wrapper .unit1of2.left form .field.cb label.req .line1::after {
  content: "*";
  color: #a04141;
  display: inline-block;
  margin-left: 5px;
}
@media all and (min-width: 800px) {
  .appointment-page.image-request .wrapper .unit1of2.left form .field label {
    width: 40%;
  }
}
@media all and (min-width: 800px) {
  .appointment-page.image-request .wrapper .unit1of2.left form .field input, .appointment-page.image-request .wrapper .unit1of2.left form .field textarea {
    width: 60%;
  }
}
@media all and (min-width: 800px) {
  .appointment-page.image-request .wrapper .unit1of2.left form .button-holder {
    padding-left: 40%;
  }
}
.appointment-page.image-request .disclaimer {
  margin-top: 30px;
  text-align: left;
  font-style: italic;
}
.appointment-page.image-request .disclaimer p.red {
  color: #a04141;
}
.appointment-page.image-request .disclaimer p:first-of-type {
  margin-bottom: 10px;
}
.appointment-page.image-request .wrapper .unit1of2.right {
  padding-top: 0;
  text-align: left;
}
@media all and (max-width: 800px) {
  .appointment-page.image-request .wrapper .unit1of2.right {
    margin-bottom: 30px;
  }
}
@media all and (min-width: 800px) {
  .appointment-page.image-request #message {
    padding-left: 40%;
  }
}
.appointment-page.confirm h2.congrats {
  font: normal 1em "Times New Roman", serif;
  margin-bottom: 20px;
  font-size: 2.2em;
}
@media all and (max-width: 800px) {
  .appointment-page.confirm h2.congrats {
    font-size: 1.8em;
  }
}
.appointment-page.confirm p {
  font: normal 1em "Timeless", serif;
  font-size: 18px;
  max-width: 400px;
  margin: 0 auto 20px auto;
}
.appointment-page.confirm p span {
  font-weight: bold;
}
.appointment-page.confirm p.oops {
  font-size: 0.9em;
  max-width: 600px;
  margin-top: 20px;
}
.appointment-page.confirm p.free {
  max-width: 800px;
  font-size: 17px;
}
.appointment-page.confirm p.free a {
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.appointment-page.confirm p.free a:hover {
  color: #5b93a5;
}
.appointment-page.confirm img {
  display: block;
  margin: 0 auto;
}
.appointment-page .flexbox .unit1of2 {
  text-align: left;
}
@media all and (max-width: 800px) {
  .appointment-page .flexbox {
    flex-direction: column;
  }
}
.appointment-page .wrapper {
  padding: 20px;
}
@media all and (min-width: 800px) {
  .appointment-page .wrapper .unit1of2.left {
    flex: 0 0 55%;
  }
}
@media all and (max-width: 800px) {
  .appointment-page .wrapper .unit1of2.left {
    order: 1;
  }
}
.appointment-page .wrapper .unit1of2.left .intro {
  margin-bottom: 15px;
}
@media all and (min-width: 800px) {
  .appointment-page .wrapper .unit1of2.left .intro {
    padding-left: 30%;
  }
}
.appointment-page .wrapper .unit1of2.left .intro.richtext p {
  color: gray;
  font: normal 1em "Times New Roman", serif;
  font-style: italic;
  font-size: 18px;
}
.appointment-page .wrapper .unit1of2.left .intro.richtext p a.retailer-link {
  color: gray;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.appointment-page .wrapper .unit1of2.left .intro.richtext p a.retailer-link:hover {
  color: #a0cfde;
}
.appointment-page .wrapper .unit1of2.left .intro .blue {
  color: #a0cfde;
  font-weight: bold;
  display: block;
  font-size: 21px;
}
.appointment-page .wrapper .unit1of2.left .intro a.change-retailer {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  font-weight: bold;
}
.appointment-page .wrapper .unit1of2.left .intro a.change-retailer span.icon-down-big {
  font-size: 15px;
  position: relative;
  top: 2px;
  font-weight: normal;
}
.appointment-page .wrapper .unit1of2.left form .field {
  margin-bottom: 20px;
}
.appointment-page .wrapper .unit1of2.left form .field label {
  display: block;
  width: 30%;
  float: left;
  text-transform: uppercase;
  padding-right: 10px;
  font-size: 14px;
  padding-top: 18px;
  position: relative;
}
.appointment-page .wrapper .unit1of2.left form .field label.req::after {
  content: "*";
  color: #a04141;
  display: inline-block;
  margin-left: 5px;
}
@media all and (max-width: 550px) {
  .appointment-page .wrapper .unit1of2.left form .field label {
    width: 100%;
    float: none;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 5px;
  }
}
.appointment-page .wrapper .unit1of2.left form .field label .line2 {
  display: block;
  text-transform: none;
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  margin-top: 2px;
}
.appointment-page .wrapper .unit1of2.left form .field input, .appointment-page .wrapper .unit1of2.left form .field .select-holder, .appointment-page .wrapper .unit1of2.left form .field textarea, .appointment-page .wrapper .unit1of2.left form .field .fake-input {
  display: block;
  width: 70%;
  float: right;
  height: 45px;
}
.appointment-page .wrapper .unit1of2.left form .field input.placeholder_js, .appointment-page .wrapper .unit1of2.left form .field .select-holder.placeholder_js, .appointment-page .wrapper .unit1of2.left form .field textarea.placeholder_js, .appointment-page .wrapper .unit1of2.left form .field .fake-input.placeholder_js {
  color: gray;
}
@media all and (max-width: 550px) {
  .appointment-page .wrapper .unit1of2.left form .field input, .appointment-page .wrapper .unit1of2.left form .field .select-holder, .appointment-page .wrapper .unit1of2.left form .field textarea, .appointment-page .wrapper .unit1of2.left form .field .fake-input {
    width: 100%;
    float: none;
  }
}
.appointment-page .wrapper .unit1of2.left form .field input#preferred_date, .appointment-page .wrapper .unit1of2.left form .field input#new_date {
  color: #272727 !important;
}
.appointment-page .wrapper .unit1of2.left form .field.authorize input[type=checkbox] {
  display: inline-block;
  float: none;
  margin: 0;
  width: auto;
  height: auto;
}
.appointment-page .wrapper .unit1of2.left form .field.authorize p.meta {
  clear: none;
  width: calc(70% - 25px);
  float: right;
  padding-top: 0;
  padding-left: 0;
}
@media all and (max-width: 800px) {
  .appointment-page .wrapper .unit1of2.left form .field.authorize p.meta {
    width: calc(100% - 30px);
  }
}
.appointment-page .wrapper .unit1of2.left form .field .fake-input {
  background: #fff;
  padding: 14px 6px 9px 6px;
  height: 45px;
  border: 3px solid #e0e0e0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.appointment-page .wrapper .unit1of2.left form .field textarea {
  height: 150px;
}
.appointment-page .wrapper .unit1of2.left form .field p.meta {
  clear: both;
  font-size: 13px;
  padding-top: 7px;
  font-style: italic;
  color: #929292;
}
@media all and (min-width: 800px) {
  .appointment-page .wrapper .unit1of2.left form .field p.meta {
    padding-left: 30%;
  }
}
.appointment-page .wrapper .unit1of2.left form .field .select-holder {
  position: relative;
}
@media all and (max-width: 800px) {
  .appointment-page .wrapper .unit1of2.left form .field .select-holder {
    margin-bottom: 10px;
  }
}
.appointment-page .wrapper .unit1of2.left form .field .select-holder select {
  font-size: 1em;
  display: block;
  opacity: 0;
  width: 100% !important;
  z-index: 2;
  cursor: pointer;
}
.appointment-page .wrapper .unit1of2.left form .field .select-holder .customSelect {
  display: block;
  background: #fff;
  border-radius: 0;
  border-style: solid;
  color: #272727;
  font: 300 1em "Gotham", sans-serif;
  border: 3px solid #e0e0e0;
  -webkit-appearance: none;
  font-size: 1em;
  width: 100%;
  padding: 14px 6px 9px 6px;
  height: 45px;
}
@media all and (max-width: 800px) {
  .appointment-page .wrapper .unit1of2.left form .field .select-holder .customSelect {
    text-align: left;
  }
}
.appointment-page .wrapper .unit1of2.left form .field .select-holder .icon-down-big {
  color: #a0cfde;
  font-size: 18px;
  position: absolute;
  right: 8px;
  top: 11px;
}
.appointment-page .wrapper .unit1of2.left form .field::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
@media all and (min-width: 800px) {
  .appointment-page .wrapper .unit1of2.left form .button-holder {
    padding-left: 30%;
  }
}
.appointment-page .wrapper .unit1of2.right {
  text-align: center;
  padding: 0 5%;
  line-height: 22px;
}
@media all and (max-width: 800px) {
  .appointment-page .wrapper .unit1of2.right {
    margin-bottom: 20px;
    order: 0;
  }
}
@media all and (min-width: 800px) {
  .appointment-page .wrapper .unit1of2.right {
    flex: 0 0 45%;
    padding-top: 120px;
  }
}
.appointment-page .wrapper .unit1of2.right .ring-info p {
  line-height: 22px;
}
.appointment-page .wrapper .unit1of2.right .ring-info p a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a0cfde;
}
.appointment-page .wrapper .unit1of2.right .ring-info p a:hover {
  color: #dcb8aa;
}
.appointment-page .wrapper .unit1of2.right img {
  display: block;
  margin: 20px auto 0 auto;
}
@media all and (max-width: 800px) {
  .appointment-page .wrapper .unit1of2.right img {
    max-width: 80%;
    margin: 10px auto 0 auto;
  }
}
@media all and (min-width: 800px) {
  .appointment-page .wrapper .unit1of2.right.images {
    padding-top: 0;
  }
}
@media all and (max-width: 800px) {
  .appointment-page .wrapper .unit1of2.right.images {
    order: 2;
    margin-top: 30px;
  }
}
.appointment-page .wrapper .unit1of2.right.images #big-image {
  display: block;
  margin: 0 auto 10px auto;
}
.appointment-page .wrapper .unit1of2.right.images .ring-info {
  margin-top: 30px;
}
.appointment-page .wrapper .unit1of2.right.images ul.thumbs {
  list-style-type: none;
}
.appointment-page .wrapper .unit1of2.right.images ul.thumbs li {
  display: inline-block;
  width: 30%;
  margin-right: 1%;
}
.appointment-page .wrapper .unit1of2.right.images ul.thumbs li img {
  display: block;
  cursor: pointer;
}
.appointment-page .wrapper .unit1of2.right.images ul.thumbs li:last-of-type {
  margin-right: 0;
}
.appointment-page #message {
  margin-top: 20px;
}
@media all and (min-width: 800px) {
  .appointment-page #message {
    padding-left: 30%;
  }
}
form .select-holder {
  position: relative;
}
form .select-holder select {
  font-size: 1em;
  display: block;
  opacity: 0;
  width: 100% !important;
  z-index: 2;
  cursor: pointer;
  height: 100% !important;
}
form .select-holder .customSelect {
  display: block !important;
  background: #fff;
  border-radius: 0;
  border-style: solid;
  color: #272727;
  font: 300 1em "Gotham", sans-serif;
  border: 3px solid #e0e0e0;
  -webkit-appearance: none;
  font-size: 1em;
  width: 100%;
  padding: 14px 6px 9px 6px;
}
form .select-holder .customSelect .customSelectInner {
  display: block !important;
  width: 100% !important;
}
form .select-holder .icon-down-big {
  color: #a0cfde;
  font-size: 15px;
  position: absolute;
  right: 8px;
  top: 16px;
}
.flexbox {
  display: flex;
}
@media all and (max-width: 800px) {
  .flexbox {
    flex-direction: column;
  }
}
.flex-grid-container .empty {
  cursor: pointer;
}
.flex-grid-container .empty:hover {
  background: #ffffd7;
}
.flex-grid-container > .constrain {
  padding-left: 0;
  padding-right: 0;
}
.flex-grid-container .flexbox .new_block_link, .flex-grid-container .flexbox .new_block_link_over {
  flex-basis: 0;
}
.flex-grid-container .flex-grid-unit {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -ms-behavior: url("/bg.htc");
  position: relative;
}
.flex-grid-container .flex-grid-unit.editing {
  border: 1px dashed #e8e8e8;
}
.flex-grid-container .flex-grid-unit > * {
  z-index: 2;
  position: relative;
}
.flex-grid-container .flex-grid-unit .overlay {
  position: absolute;
  z-index: 0;
}
.contemporary-metal-type.block_over > a {
  display: none !important;
}
table .new_block_link {
  display: table-row;
}
.grid-row {
  width: 100%;
}
.grid-row::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
@media all and (min-width: 800px) {
  .grid-row .unit1of1 {
    width: 100%;
    float: left;
    text-align: left;
  }
  .grid-row .unit1of2 {
    width: 50%;
    float: left;
    text-align: left;
  }
  .grid-row .unit1of3 {
    width: 33.3333333%;
    float: left;
    text-align: left;
  }
  .grid-row .unit2of3 {
    width: 66.6666666%;
    float: left;
    text-align: left;
  }
  .grid-row .unit1of4 {
    width: 25%;
    float: left;
    text-align: left;
  }
  .grid-row .unit3of4 {
    width: 75%;
    float: left;
    text-align: left;
  }
  .grid-row .unit1of5 {
    width: 20%;
    float: left;
    text-align: left;
  }
  .grid-row .unit2of5 {
    width: 40%;
    float: left;
    text-align: left;
  }
  .grid-row .unit4of5 {
    width: 80%;
    float: left;
    text-align: left;
  }
}
@media all and (max-width: 800px) {
  .grid-row .unit1of1,
  .grid-row .unit1of2,
  .grid-row .unit1of3,
  .grid-row .unit1of4,
  .grid-row .unit2of3,
  .grid-row .unit3of4,
  .grid-row .unit1of5,
  .grid-row .unit2of5,
  .grid-row .unit4of5 {
    float: none;
    text-align: center;
    width: 100%;
  }
}
h1, h2, h3, h4, h5, h6 {
  font: normal 1em "Timeless", serif;
  line-height: 1.4em;
  margin-bottom: 12.8px;
}
h1.heading-block, h2.heading-block, h3.heading-block, h4.heading-block, h5.heading-block, h6.heading-block {
  clear: both;
}
h1.color-main, h2.color-main, h3.color-main, h4.color-main, h5.color-main, h6.color-main {
  color: #a0cfde;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.4em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1em;
}
em, i {
  font-style: italic;
}
b, strong {
  font-weight: bold;
}
span.bold {
  font-weight: bold;
}
h1.lined,
h2.lined,
h3.lined,
h4.lined,
h5.lined,
h6.lined {
  position: relative;
  padding: 0 8px;
  display: inline-block;
  font-size: 2em;
  margin-bottom: 20px;
}
@media all and (max-width: 800px) {
  h1.lined,
  h2.lined,
  h3.lined,
  h4.lined,
  h5.lined,
  h6.lined {
    font-size: 1.5em;
  }
}
@media all and (max-width: 550px) {
  h1.lined,
  h2.lined,
  h3.lined,
  h4.lined,
  h5.lined,
  h6.lined {
    font-size: 1.2em;
  }
}
h1.lined::before,
h2.lined::before,
h3.lined::before,
h4.lined::before,
h5.lined::before,
h6.lined::before {
  content: " ";
  display: block;
  width: 15vw;
  background-color: #a0cfde;
  height: 2px;
  position: absolute;
  right: 105%;
  top: 22px;
}
@media all and (max-width: 800px) {
  h1.lined::before,
  h2.lined::before,
  h3.lined::before,
  h4.lined::before,
  h5.lined::before,
  h6.lined::before {
    top: 16px;
  }
}
@media all and (max-width: 550px) {
  h1.lined::before,
  h2.lined::before,
  h3.lined::before,
  h4.lined::before,
  h5.lined::before,
  h6.lined::before {
    top: 13px;
  }
}
h1.lined::after,
h2.lined::after,
h3.lined::after,
h4.lined::after,
h5.lined::after,
h6.lined::after {
  content: " ";
  display: block;
  width: 15vw;
  background-color: #a0cfde;
  height: 2px;
  position: absolute;
  left: 105%;
  top: 22px;
}
@media all and (max-width: 800px) {
  h1.lined::after,
  h2.lined::after,
  h3.lined::after,
  h4.lined::after,
  h5.lined::after,
  h6.lined::after {
    top: 16px;
  }
}
@media all and (max-width: 550px) {
  h1.lined::after,
  h2.lined::after,
  h3.lined::after,
  h4.lined::after,
  h5.lined::after,
  h6.lined::after {
    top: 13px;
  }
}
.search-results-container {
  max-width: 1900px;
  margin: 0 auto;
  padding: 20px 2%;
}
.search-results-container .intro {
  font-size: 1.1em;
  margin-bottom: 20px;
}
.search-results-container .results {
  list-style-type: none;
}
.search-results-container .results li {
  display: block;
  padding: 10px 2%;
  color: #272727;
}
.search-results-container .results li:nth-of-type(odd) {
  background: rgb(240, 240, 240);
}
.search-results-container .results li a, .search-results-container .results li .event-title {
  color: #a0cfde;
}
.search-results-container .results li .post-meta {
  font-size: 0.95em;
  margin-top: 2px;
  padding-left: 18px;
  color: #5A5A5A;
}
.search-results-container .results li .post-meta .author {
  font-style: italic;
  font-size: 14px;
}
.search-results-container .results li .result-text {
  margin-top: 4px;
  font-size: 0.9em;
}
.search-results-container .results li .date {
  margin-top: 3px;
  font-size: 0.85em;
  color: rgb(121, 121, 121);
}
.search-results-container .results li .highlight {
  background: rgb(249, 249, 176);
  display: inline-block;
  padding: 1px;
}
.ring-shop-options {
  font: normal 1em "Arial", sans-serif;
}
.ring-shop-options form .opt {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: flex-start;
}
.ring-shop-options form .opt label {
  display: block;
  color: #5F5F5F;
  font-size: 15px;
  flex: 0 1 auto;
}
.ring-shop-options form .opt label::after {
  content: "*";
  color: #bd3d3d;
  display: inline-block;
  margin-left: 2px;
  font-size: 15px;
  opacity: 0;
}
.ring-shop-options form .opt label.ns::after {
  content: "";
  display: none;
}
.ring-shop-options form .opt label.req::after {
  opacity: 1;
}
.ring-shop-options form .opt .hold.mtos {
  position: relative;
}
@media all and (max-width: 550px) {
  .ring-shop-options form .opt .hold.mtos .info-popup.blue {
    left: auto;
    right: 0;
  }
}
.ring-shop-options form .opt a.find, .ring-shop-options form .opt span.find {
  display: block;
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 13px;
  font-style: italic;
  flex: 0 1 auto;
  text-align: center;
}
.ring-shop-options form .opt a.find:hover, .ring-shop-options form .opt span.find:hover {
  color: #a0cfde;
}
@media all and (max-width: 550px) {
  .ring-shop-options form .opt a.find, .ring-shop-options form .opt span.find {
    font-size: 12px;
  }
}
.ring-shop-options form .opt .fake-select {
  display: block;
  background: transparent;
  border-radius: 0;
  border-style: solid;
  color: #76787c;
  font: normal 1em "Arial", sans-serif;
  border-width: 1px;
  border-color: #BFBFBF;
  -webkit-appearance: none;
  font-size: 14px;
  width: 100%;
  padding: 4px 10px;
  text-align: left;
  line-height: 18px;
  z-index: 2;
  width: 150px;
  margin: 0 8px;
}
.ring-shop-options form .opt .select-holder {
  position: relative;
  margin: 0 8px;
  flex: 0 0 150px;
}
.ring-shop-options form .opt .select-holder span.ui-selectmenu-button {
  display: block;
  background: transparent;
  border-radius: 0;
  border-style: solid;
  color: #76787c;
  font: normal 1em "Arial", sans-serif;
  border-width: 1px;
  border-color: #BFBFBF;
  -webkit-appearance: none;
  font-size: 14px;
  width: 100%;
  padding: 4px 25px 4px 10px;
  text-align: left;
  line-height: 18px;
  z-index: 2;
  cursor: pointer;
}
.ring-shop-options form .opt .select-holder span.ui-selectmenu-button:focus {
  outline-width: 0;
}
.ring-shop-options form .opt .select-holder span.ui-selectmenu-button .ui-selectmenu-icon {
  display: none;
}
.ring-shop-options form .opt .select-holder span.ui-selectmenu-button span.mt {
  display: flex;
  align-items: center;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  padding: 0;
  color: #76787c;
  border: 0;
  overflow: hidden;
}
.ring-shop-options form .opt .select-holder span.ui-selectmenu-button span.mt img {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 7px;
}
.ring-shop-options form .opt .select-holder span.ui-selectmenu-button span.mt.ui-state-active {
  border: 0;
  background: #a0cfde;
  margin: 0;
}
.ring-shop-options form .opt .select-holder .icon-down-big {
  color: #a0cfde;
  font-size: 12px;
  position: absolute;
  right: 6px;
  top: 8px;
  z-index: 1;
}
.ring-shop-options form .opt.metal .select-holder {
  flex: 0 1 240px;
}
@media all and (max-width: 550px) {
  .ring-shop-options form .opt.metal .select-holder {
    flex: 1 0 190px;
    margin: 0 5px;
    max-width: calc(100% - 102px);
  }
}
.ring-shop-options form .opt.width .select-holder {
  flex: 0 0 160px;
}
.ring-shop-options form .engraving .custom-in {
  width: 16px;
  height: 16px;
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 6px 0 0;
  background-color: #fff;
}
.ring-shop-options form .engraving .custom-in.cb {
  border: 1px solid #272727;
  border-radius: 3px;
}
.ring-shop-options form .engraving .custom-in.cb.selected {
  background-color: #272727;
  color: #fff;
}
.ring-shop-options form .engraving .custom-in.cb.selected::after {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  font-size: 11px;
  text-align: center;
}
.ring-shop-options form .engraving .custom-in.rd {
  border-radius: 50%;
  border: 1px solid #5b93a5;
}
.ring-shop-options form .engraving .custom-in.rd.selected {
  background-color: #5b93a5;
}
.ring-shop-options form .engraving .custom-in input[type=checkbox],
.ring-shop-options form .engraving .custom-in input[type=radio] {
  margin: 0;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  /* CSS hacks for adding opacity in older browsers */
  _noFocusLine: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
.ring-shop-options form .engraving > .field {
  display: flex;
  align-items: center;
}
.ring-shop-options form .engraving > .field input {
  display: block;
  margin: 0 10px 0 0;
}
.ring-shop-options form .engraving > .field .label-hold {
  position: relative;
  display: block;
}
.ring-shop-options form .engraving > .field label {
  color: #5F5F5F;
  font-size: 15px;
  display: inline-block;
}
.ring-shop-options form .engraving > .field label a.icon2-info {
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 12px;
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: 1px;
}
.ring-shop-options form .engraving > .field label a.icon2-info:hover {
  color: #a0cfde;
}
.ring-shop-options form .engraving .eng-options {
  padding-top: 15px;
  max-width: 400px;
  display: none;
}
.ring-shop-options form .engraving .eng-options .field {
  border: 1px solid #707070;
  border-radius: 0;
  text-align: center;
  color: #5b93a5;
  overflow: hidden;
}
.ring-shop-options form .engraving .eng-options .field .top {
  border-bottom: 1px solid #707070;
  font-size: 12px;
  padding: 9px;
  text-transform: uppercase;
}
.ring-shop-options form .engraving .eng-options .field input[type=text] {
  font: normal 1em "Arial", sans-serif;
  border: 0;
  text-align: center;
  color: #5b93a5;
  font-size: 20px;
  display: block;
  width: 100%;
  background: transparent;
  padding: 17px 10px 14px 10px;
  height: 60px;
  line-height: 60px;
}
.ring-shop-options form .engraving .eng-options .field input[type=text].Script {
  font-family: "engraving_script", cursive;
  font-size: 28px;
}
.ring-shop-options form .engraving .eng-options .field input[type=text].Block {
  font-family: "engraving_block", sans-serif;
}
.ring-shop-options form .engraving .eng-options .opts {
  padding-bottom: 15px;
  display: flex;
  justify-content: center;
}
.ring-shop-options form .engraving .eng-options .opts .opt {
  margin: 0 15px;
}
.ring-shop-options form .engraving .eng-options .opts .opt label {
  display: block;
  text-transform: uppercase;
  color: #5b93a5;
  flex: 0 1 auto;
}
.ring-shop-options form p.price {
  font: normal 1em "Timeless", serif;
  margin: 0 !important;
  padding: 20px 0 0 0;
  font-size: 30px;
}
.ring-shop-options form .buttons {
  padding-top: 17px;
}
.ring-shop-options form .buttons .btn {
  margin-right: 10px;
}
@media all and (max-width: 550px) {
  .ring-shop-options form .buttons .btn {
    margin: 0 4px 6px 0;
  }
}
.ring-shop-options form .bottom {
  margin-top: 20px;
  display: flex;
  align-items: flex-end;
}
.ring-shop-options form .bottom .btn.shopify-add-to-cart {
  margin-right: 15px;
  background: #5B93A5;
  color: #fff;
}
.ring-shop-options form .bottom .btn.shopify-add-to-cart:hover {
  background: #a0cfde;
}
.ring-shop-options form .bottom .btn.shopify-add-to-cart.disabled, .ring-shop-options form .bottom .btn.shopify-add-to-cart.disabled:hover {
  background: #5B93A5;
}
.fullscreen-overlay.confirm {
  z-index: 1010;
}
.fullscreen-overlay.confirm .modal-wrapper {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fullscreen-overlay.confirm .modal-wrapper .modal {
  flex: 0 1 600px;
  background: #fff;
}
.fullscreen-overlay.confirm .modal-wrapper .modal .richtext {
  font-size: 15px;
  color: #333;
}
.fullscreen-overlay.confirm .modal-wrapper .modal img {
  display: block;
  margin: 20px auto;
}
.fullscreen-overlay.confirm .modal-wrapper .modal a.atc {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  color: #5b93a5;
  display: block;
  z-index: 3;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.fullscreen-overlay.confirm .modal-wrapper .modal a.atc:hover {
  color: #a0cfde;
}
@media all and (max-width: 550px) {
  .fullscreen-overlay.confirm .modal-wrapper .modal a.atc {
    position: static;
    margin-top: 15px;
    text-align: center;
  }
}
body .ui-selectmenu-menu {
  border-radius: 0;
  box-shadow: 0 2px 5px rgba(10, 10, 10, 0.3);
  z-index: 5;
  max-height: 200px;
  overflow: scroll;
}
body .ui-selectmenu-menu ul.ui-menu {
  border: 0;
  overflow: hidden;
  padding: 0;
}
body .ui-selectmenu-menu ul.ui-menu li.ui-menu-item {
  list-style: none;
}
body .ui-selectmenu-menu ul.ui-menu li.ui-menu-item span.mt {
  display: flex;
  align-items: center;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  padding: 6px 10px;
  color: #76787c;
  border: 0;
}
body .ui-selectmenu-menu ul.ui-menu li.ui-menu-item span.mt img {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 7px;
}
body .ui-selectmenu-menu ul.ui-menu li.ui-menu-item span.mt.ui-state-active {
  border: 0;
  background: #a0cfde;
  margin: 0;
}
body .ui-selectmenu-menu ul.ui-menu li.ui-menu-item.disabled span.mt {
  color: #cccccc;
}
body .ui-selectmenu-menu ul.ui-menu li.ui-menu-item.disabled span.mt.ui-state-active {
  background: #fff;
}
@media all and (min-width: 800px) {
  .conceal {
    display: none !important;
  }
}
@media all and (max-width: 800px) {
  .conceal {
    display: inherit;
  }
}
@media all and (min-width: 925px) {
  .conceal-nav {
    display: none !important;
  }
}
@media all and (max-width: 925px) {
  .conceal-nav {
    display: inherit;
  }
}
@media all and (min-width: 800px) {
  .reveal {
    display: inherit;
  }
}
@media all and (max-width: 800px) {
  .reveal {
    display: none !important;
  }
}
@media all and (min-width: 925px) {
  .reveal-nav {
    display: inherit;
  }
}
@media all and (max-width: 925px) {
  .reveal-nav {
    display: none !important;
  }
}
@media all and (min-width: 800px) {
  .reveal-m {
    display: inherit;
  }
}
@media all and (max-width: 800px) {
  .reveal-m {
    display: none !important;
  }
}
@media all and (min-width: 800px) and (max-width: 1100px) {
  .reveal-m {
    display: none !important;
  }
}
body.editing header.main {
  width: calc(100% - 200px);
  right: 0;
  top: 40px;
}
body.editing header.main .bottom form {
  display: none;
}
header.main {
  z-index: 12;
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 0;
}
@media all and (max-width: 925px) {
  header.main {
    height: 145px;
  }
}
header.main .constrain {
  max-width: 1500px;
  padding: 0 1%;
  padding: 0 calc(1% - 8px) 0 1%;
}
@media all and (max-width: 925px) {
  header.main .constrain {
    padding: 0 2%;
  }
}
header.main .top {
  height: 50px;
  background-color: #a0cfde;
}
header.main .top .mobile-favorites {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  position: absolute;
  top: 13px;
  right: 98px;
  transform: translateY(2px);
}
@media screen and (max-width: 388px) {
  header.main .top .mobile-favorites {
    display: none;
  }
}
header.main .top .mobile-favorites .favorites-content .icon2-bag, header.main .top .mobile-favorites .favorites-content .icon2-heart2, header.main .top .mobile-favorites .favorites-content .icon-search {
  font-size: 1.3rem;
  height: auto;
  width: auto;
}
header.main .top .mobile-favorites .favorites-content .NotEmptyIndicator {
  right: -8px;
}
header.main .top #mobile-bag .NotEmptyIndicator, header.main .top .mobile-favorites .NotEmptyIndicator {
  background: #bd3d3d;
  border: 1px solid white;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 0px;
  border-radius: 50%;
}
header.main .top #mobile-bag .NotEmptyIndicator.shopify-cart-count, header.main .top .mobile-favorites .NotEmptyIndicator.shopify-cart-count {
  transform: translateY(2px);
}
header.main .top #mobile-bag {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  position: absolute;
  top: 13px;
  right: 60px;
}
header.main .top #mobile-bag .NotEmptyIndicator {
  right: -5px;
}
header.main .top nav ul.links .favorites a, header.main .top nav ul.links .bag a, header.main .top nav ul.links .search a {
  position: relative;
}
header.main .top nav ul.links .favorites a .icon2-bag, header.main .top nav ul.links .favorites a .icon2-heart2, header.main .top nav ul.links .favorites a .icon-search, header.main .top nav ul.links .bag a .icon2-bag, header.main .top nav ul.links .bag a .icon2-heart2, header.main .top nav ul.links .bag a .icon-search, header.main .top nav ul.links .search a .icon2-bag, header.main .top nav ul.links .search a .icon2-heart2, header.main .top nav ul.links .search a .icon-search {
  font-size: 1.3rem;
  height: auto;
  width: auto;
}
header.main .top nav ul.links .favorites a .icon2-heart2, header.main .top nav ul.links .favorites a .icon-search, header.main .top nav ul.links .bag a .icon2-heart2, header.main .top nav ul.links .bag a .icon-search, header.main .top nav ul.links .search a .icon2-heart2, header.main .top nav ul.links .search a .icon-search {
  transform: translateY(4px);
}
header.main .top nav ul.links .favorites a .icon2-bag, header.main .top nav ul.links .bag a .icon2-bag, header.main .top nav ul.links .search a .icon2-bag {
  transform: translateY(3px);
}
header.main .top nav ul.links .favorites a .NotEmptyIndicator, header.main .top nav ul.links .bag a .NotEmptyIndicator, header.main .top nav ul.links .search a .NotEmptyIndicator {
  background: #bd3d3d;
  border: 1px solid white;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 13px;
  right: 2px;
  border-radius: 50%;
}
header.main .top nav ul.links .favorites a .NotEmptyIndicator.shopify-cart-count, header.main .top nav ul.links .bag a .NotEmptyIndicator.shopify-cart-count, header.main .top nav ul.links .search a .NotEmptyIndicator.shopify-cart-count {
  transform: translateY(2px);
}
@media all and (max-width: 925px) {
  header.main .top nav ul.links > li {
    display: none;
  }
}
@media all and (max-width: 925px) {
  header.main .top nav ul.links > li.bag {
    display: block;
  }
  header.main .top nav ul.links > li.bag > a.bg {
    display: none;
  }
}
header.main .retailer-bar {
  background: #959595;
  height: 50px;
  color: #fff;
}
@media all and (max-width: 925px) {
  header.main .retailer-bar {
    height: 45px;
  }
}
header.main .retailer-bar .constrain {
  display: flex;
}
header.main .retailer-bar .reta {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  height: 100%;
}
header.main .retailer-bar .reveal {
  flex: 1 1 auto;
}
header.main .retailer-bar h4 {
  font-size: 18px;
  flex: 0 0 160px;
  margin: 0 15px 0 0;
}
@media all and (max-width: 925px) {
  header.main .retailer-bar h4 {
    display: none;
  }
}
header.main .retailer-bar h4 a {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
}
header.main .retailer-bar h4 a:hover {
  color: #a0cfde;
}
header.main .retailer-bar img.lr {
  display: block;
  flex: 0 0 40px;
}
@media all and (max-width: 925px) {
  header.main .retailer-bar img.lr {
    margin-right: 8px;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }
}
header.main .retailer-bar .ret-info {
  font: normal 1em "Timeless", serif;
  font-size: 13px;
  display: block;
  line-height: 14px;
  padding-left: 12px;
  position: relative;
}
header.main .retailer-bar .ret-info span {
  display: block;
}
@media all and (max-width: 925px) {
  header.main .retailer-bar .ret-info {
    padding-left: 0;
  }
}
header.main .retailer-bar .ret-info span.addr2, header.main .retailer-bar .ret-info span.addr1 {
  display: inline-block;
}
@media all and (max-width: 925px) {
  header.main .retailer-bar .ret-info span.addr2, header.main .retailer-bar .ret-info span.addr1 {
    display: none;
  }
}
header.main .retailer-bar .ret-info .retailer-link {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}
header.main .retailer-bar .ret-info .retailer-link:hover {
  color: #a0cfde;
}
header.main .retailer-bar .ret-info a.find {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
}
header.main .retailer-bar .ret-info a.find:hover {
  color: #a0cfde;
}
header.main .retailer-bar .ret-info a.change {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-style: italic;
  position: absolute;
  left: 100%;
  left: calc(100% + 10px);
  bottom: 0;
  width: 65px;
}
header.main .retailer-bar .ret-info a.change:hover {
  color: #a0cfde;
}
header.main .retailer-bar .ret-info a.change span.icon-down-big {
  font-size: 11px;
  display: inline-block;
  position: relative;
  top: 2px;
}
header.main .retailer-bar ul.social-links {
  position: absolute;
  right: 2%;
  top: 11px;
}
@media all and (max-width: 550px) {
  header.main .retailer-bar ul.social-links {
    right: 1%;
  }
}
header.main .retailer-bar ul.social-links li a {
  font-size: 26px;
}
@media all and (max-width: 550px) {
  header.main .retailer-bar ul.social-links li a {
    display: none;
  }
}
header.main .retailer-bar ul.social-links li a.icon-circle-instagram {
  font-size: 22px;
  position: relative;
  bottom: 2px;
}
@media all and (max-width: 550px) {
  header.main .retailer-bar ul.social-links li a.icon-circle-instagram {
    display: inline-block;
    font-size: 28px;
  }
}
header.main .retailer-bar ul.social-links li a:hover {
  color: #a0cfde;
}
header.main .bottom {
  display: none;
  height: 50px;
  background-color: #e9e9ea;
}
@media all and (max-width: 925px) {
  header.main .bottom {
    display: block;
  }
}
header.main .bottom form.header-search {
  width: 15%;
  width: 170px;
  float: left;
  padding-top: 7px;
  height: 50px;
  position: relative;
}
@media all and (max-width: 925px) {
  header.main .bottom form.header-search {
    width: 100%;
    float: none;
    padding: 7px 4% 0 4%;
  }
}
header.main .bottom form.header-search input[type=search] {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #76787c;
  color: #76787c;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  display: block;
  width: 100%;
  padding: 0 22px 0 2px;
}
header.main .bottom form.header-search a.icon-search {
  position: absolute;
  right: 0;
  bottom: 8px;
  font-size: 22px;
  color: #76787c;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
}
header.main .bottom form.header-search a.icon-search:hover {
  color: #a0cfde;
}
header.main .bottom form.header-search a.icon-search:focus {
  outline-width: 0;
  color: #5b93a5;
}
@media all and (max-width: 925px) {
  header.main .bottom form.header-search a.icon-search {
    right: 4%;
  }
}
header.main .bottom nav > ul {
  justify-content: space-around;
  max-width: 600px;
  margin: 0 0 0 auto;
}
@media all and (min-width: 800px) and (max-width: 1000px) {
  header.main .bottom nav > ul {
    justify-content: flex-end;
  }
}
@media all and (min-width: 800px) and (max-width: 1000px) {
  header.main .bottom nav > ul > li {
    padding: 0 6px;
  }
}
header.main .bottom nav > ul > li > a, header.main .bottom nav > ul > li > span {
  color: #76787c;
}
@media all and (min-width: 800px) and (max-width: 948px) {
  header.main .bottom nav > ul > li > a, header.main .bottom nav > ul > li > span {
    font-size: 10px;
    padding: 0 3px;
  }
}
header.main .bottom nav > ul > li:nth-of-type(5) .dropdown.sml {
  left: auto;
  right: -20px;
}
header.main .bottom nav > ul > li:nth-of-type(6) .dropdown.sml, header.main .bottom nav > ul > li:nth-of-type(7) .dropdown.sml, header.main .bottom nav > ul > li:nth-of-type(8) .dropdown.sml {
  left: auto;
  right: 0;
}
header.main .SearchSlideDown {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 3;
  height: 5rem;
  padding: 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  background: #fff;
  color: black;
  border-bottom: 1px solid #f1f1f1;
  box-shadow: 0px 1px 1px #f1f1f1;
}
header.main .SearchSlideDown .icon-search {
  transform: translateY(4px);
}
header.main .SearchSlideDown input {
  font-size: 1.5rem;
  border: none;
  background: #fff;
  width: 100%;
}
header.main .SearchSlideDown input #search-clear {
  display: none;
}
header.main .SearchSlideDown .HideSearch {
  font-size: 1.5rem;
  font-weight: bold;
  background: #fff;
  border: none;
  padding: 0;
  margin: 0;
}
header.main .SearchSlideDown .HideSearch:hover {
  cursor: pointer;
}
header.main .logo-link {
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
  height: 100%;
  float: left;
  width: 20%;
  width: 360px;
  padding-top: 11px;
  max-width: calc(100vw - 125px);
}
@media all and (max-width: 925px) {
  header.main .logo-link {
    padding-top: 16px;
    width: 250px;
  }
}
header.main .logo-link img {
  display: block;
}
@media all and (max-width: 925px) {
  header.main .logo-link img {
    width: 250px;
    height: 18px;
  }
}
header.main .logo-link:focus {
  outline-width: 0;
}
header.main nav {
  float: right;
  text-align: right;
  height: 100%;
}
header.main nav > ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
header.main nav > ul > li {
  display: block;
  color: #fff;
  height: 100%;
  position: relative;
  flex: 0;
  white-space: nowrap;
}
header.main nav > ul > li:hover .dropdown:not(#favorites-dropdown) {
  display: block;
}
header.main nav > ul > li > a, header.main nav > ul > li > span {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  display: block;
  height: 100%;
  padding: 0 8px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
@media all and (min-width: 0) and (max-width: 1248px) {
  header.main nav > ul > li > a, header.main nav > ul > li > span {
    text-transform: none;
  }
}
@media all and (min-width: 1016px) and (max-width: 1128px) {
  header.main nav > ul > li > a, header.main nav > ul > li > span {
    font-size: 13px;
    padding: 0 5px;
  }
}
@media all and (min-width: 948px) and (max-width: 1016px) {
  header.main nav > ul > li > a, header.main nav > ul > li > span {
    font-size: 12px;
    padding: 0 5px;
  }
}
@media all and (min-width: 850px) and (max-width: 948px) {
  header.main nav > ul > li > a, header.main nav > ul > li > span {
    font-size: 12px;
    padding: 0 4px;
  }
}
@media all and (min-width: 800px) and (max-width: 850px) {
  header.main nav > ul > li > a, header.main nav > ul > li > span {
    font-size: 11px;
    padding: 0 3px;
  }
}
header.main nav > ul > li > a span[class^=icon2-], header.main nav > ul > li > a span[class^=icon-], header.main nav > ul > li > span span[class^=icon2-], header.main nav > ul > li > span span[class^=icon-] {
  position: relative;
  left: 0;
  display: inline-block;
  width: 11px;
  height: 11px;
  font-size: 11px;
}
header.main nav > ul > li > a:hover, header.main nav > ul > li > a.hovered, header.main nav > ul > li > span:hover, header.main nav > ul > li > span.hovered {
  color: #5b93a5;
}
header.main nav > ul > li > a:focus, header.main nav > ul > li > span:focus {
  outline-width: 0;
}
header.main nav > ul > li > a.hovered::after, header.main nav > ul > li > span.hovered::after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  left: 50%;
  left: calc(50% - 20px);
  bottom: 0;
}
header.main nav > ul > li .dropdown {
  display: none;
  position: fixed;
  left: 0;
  top: 150px;
  width: 100vw;
  background: #fff;
  z-index: 5;
  box-shadow: 0 5px 6px rgba(97, 97, 97, 0.6);
  padding: 20px 0;
  min-height: 180px;
}
header.main nav > ul > li .dropdown .constrain {
  max-width: 1000px;
}
header.main nav > ul > li .dropdown.sml {
  position: absolute;
  left: auto;
  top: 100%;
  width: 600px;
  box-shadow: none;
  padding: 20px 8px 20px 20px;
  right: -30px;
}
header.main nav > ul > li .dropdown.sml .flexbox .left {
  flex: 1 auto;
  padding-left: 15px;
  border-left: 1px solid #a0cfde;
  order: 1;
}
header.main nav > ul > li .dropdown.sml .flexbox .left ul {
  display: block;
}
header.main nav > ul > li .dropdown.sml .flexbox .left ul li {
  display: block;
  text-align: left;
  padding: 6px 0;
  margin: 0;
  background-size: 1px;
  background-position: -10px -10px;
  background-repeat: no-repeat;
  padding-right: 12px;
}
header.main nav > ul > li .dropdown.sml .flexbox .left ul li a {
  color: transparent;
  text-shadow: 0 0 0 #272727;
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  white-space: initial;
  line-height: 16px;
}
header.main nav > ul > li .dropdown.sml .flexbox .left ul li a:hover {
  color: transparent;
  text-shadow: 0 0 0 #a0cfde;
}
header.main nav > ul > li .dropdown.sml .flexbox .left ul li a:hover span.icon-right-big {
  opacity: 1;
}
header.main nav > ul > li .dropdown.sml .flexbox .left ul li a span.icon-right-big {
  position: absolute;
  font-size: 10px;
  color: #5b93a5;
  right: 0;
  top: 8px;
  opacity: 0;
}
header.main nav > ul > li .dropdown.sml .flexbox .right {
  flex: 0 0 400px;
  padding-right: 15px;
  order: 0;
}
header.main nav > ul > li .dropdown.sml .flexbox .right ul li {
  display: none;
  margin: 0;
  padding: 0;
}
header.main nav > ul > li .dropdown.sml .flexbox .right ul li:first-of-type {
  display: block;
}
header.main nav > ul > li .dropdown.sml .flexbox .right ul li .banner {
  display: block;
  width: 100%;
}
header.main nav > ul > li .dropdown.up {
  position: absolute;
  top: 50px;
  left: auto;
  right: 0;
  width: 535px;
  height: 153px;
  min-height: 0;
  z-index: 500;
  background: #fff;
  box-shadow: 0 5px 9px rgba(10, 10, 10, 0.4);
  padding: 0;
}
header.main nav > ul > li .dropdown.up[data-count="1"] {
  width: 145px;
}
header.main nav > ul > li .dropdown.up[data-count="2"] {
  width: 275px;
}
header.main nav > ul > li .dropdown.up[data-count="3"] {
  width: 400px;
}
header.main nav > ul > li .dropdown.up p.none-saved {
  color: #76787c;
  text-align: center;
  padding: 40px 15px 10px 15px;
  display: none;
}
header.main nav > ul > li .dropdown.up[data-count="0"] p.none-saved {
  display: block;
}
header.main nav > ul > li .dropdown.up .slick-holder {
  padding: 0 10px;
  height: 153px;
  overflow: hidden;
}
header.main nav > ul > li .dropdown.up .slick-holder button.slick-arrow {
  font-size: 16px;
  top: 55px;
  z-index: 5;
}
header.main nav > ul > li .dropdown.up .slick-holder button.slick-arrow::before {
  color: #76787c;
}
header.main nav > ul > li .dropdown.up .slick-holder button.slick-arrow:hover::before {
  color: #a0cfde;
}
header.main nav > ul > li .dropdown.up .slick-holder button.slick-arrow.slick-prev {
  left: -10px;
}
header.main nav > ul > li .dropdown.up .slick-holder button.slick-arrow.slick-next {
  right: -22px;
}
header.main nav > ul > li .dropdown.up .slick-holder ul.favorites-slider {
  justify-content: center;
}
header.main nav > ul > li .dropdown.up .slick-holder ul.favorites-slider .slick-list {
  width: 100%;
}
header.main nav > ul > li .dropdown.up .slick-holder ul.favorites-slider li {
  padding: 0;
  margin-right: 5px;
  min-width: 120px;
}
header.main nav > ul > li .dropdown.up .slick-holder ul.favorites-slider li a.img {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  margin-bottom: 5px;
}
header.main nav > ul > li .dropdown.up .slick-holder ul.favorites-slider li a.img img {
  display: block;
}
header.main nav > ul > li .dropdown.up .slick-holder ul.favorites-slider li p {
  color: #76787c;
  font: normal 1em "Arial", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
header.main nav > ul > li .dropdown.up .slick-holder ul.favorites-slider li:last-of-type {
  margin-right: 0;
}
header.main nav > ul > li .dropdown h4 {
  font: normal 1em "Timeless", serif;
  margin-bottom: 0;
  text-align: left;
  font-size: 1.5em;
  color: #272727;
}
header.main nav > ul > li .dropdown h4::after {
  content: " ";
  display: block;
  width: 50%;
  height: 2px;
  background-color: #a0cfde;
  margin-top: 10px;
}
header.main nav > ul > li .dropdown h5 {
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #76787c;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #a0cfde;
  text-align: right;
}
header.main nav > ul > li .dropdown ul {
  display: flex;
}
header.main nav > ul > li .dropdown ul li {
  flex: 1;
  margin-right: 20px;
  text-align: center;
  padding: 20px 0;
  position: relative;
}
header.main nav > ul > li .dropdown ul li:last-of-type {
  margin-right: 0;
}
header.main nav > ul > li .dropdown ul li a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
header.main nav > ul > li .dropdown ul li a:focus {
  outline-width: 0;
}
header.main nav > ul > li .dropdown ul li a img {
  width: auto;
  height: auto;
  max-height: 150px;
}
header.main nav > ul > li .dropdown ul li a p.name {
  color: #272727;
  font: normal 1em "Timeless", serif;
  font-size: 1.2em;
  margin-top: 10px;
}
header.main nav > ul > li .dropdown ul li a:hover p.name {
  color: #a0cfde;
}
header.main nav > ul > li .dropdown ul.text {
  display: block;
  margin-top: 15px;
}
header.main nav > ul > li .dropdown ul.text li {
  display: block;
  margin-right: 0;
  text-align: left;
  padding: 0;
}
header.main nav > ul > li .dropdown ul.text li a {
  font: normal 1em "Timeless", serif;
  font-size: 17px;
  color: #272727;
  display: inline-block;
  line-height: 26px;
}
header.main nav > ul > li .dropdown ul.text li a:hover {
  color: #a0cfde;
}
header.main nav > ul > li .dropdown img.edu {
  display: block;
  float: right;
  width: 40%;
}
header.main nav > ul > li .dropdown ul.saved {
  margin-bottom: 10px;
  overflow: hidden;
}
header.main nav > ul > li .dropdown ul.saved li {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0 0 20% 0;
  margin-right: 0;
  flex: 0 0 20%;
}
header.main nav > ul > li .dropdown ul.saved li .overlay {
  opacity: 0;
  transition: opacity 300ms ease;
  background-color: rgba(0, 0, 0, 0.7);
}
header.main nav > ul > li .dropdown ul.saved li .overlay a {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  display: block;
}
header.main nav > ul > li .dropdown ul.saved li .overlay a:first-of-type {
  margin-bottom: 12px;
}
header.main nav > ul > li .dropdown ul.saved li .overlay a:hover {
  color: #a0cfde;
}
header.main nav > ul > li .dropdown ul.saved li:hover .overlay {
  opacity: 1;
}
.footer-wrapper {
  overflow: hidden;
  clear: both;
}
.footer-wrapper footer.main {
  height: auto;
  background: #a0cfde;
  font: 300 1em "Gotham", sans-serif;
  font-size: 13px;
  color: #fff;
  text-align: center;
  padding: 20px 0 30px 0;
}
@media all and (max-width: 800px) {
  .footer-wrapper footer.main {
    padding: 40px 0;
  }
}
.footer-wrapper footer.main .constrain {
  height: auto;
}
.footer-wrapper footer.main .constrain .flexbox {
  justify-content: space-between;
}
@media all and (max-width: 800px) {
  .footer-wrapper footer.main .constrain .flexbox {
    display: block;
  }
}
.footer-wrapper footer.main .constrain .flexbox .unit {
  padding: 0;
  margin-right: 15px;
  text-align: left;
  flex: 0 1 auto;
}
@media all and (max-width: 800px) {
  .footer-wrapper footer.main .constrain .flexbox .unit {
    text-align: center;
    padding: 0 3%;
    margin: 0 0 30px 0;
  }
}
.footer-wrapper footer.main .constrain .flexbox .unit h5 {
  font: 300 1em "Gotham", sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
  text-transform: uppercase;
}
@media all and (max-width: 800px) {
  .footer-wrapper footer.main .constrain .flexbox .unit h5 {
    margin-bottom: 12px;
  }
}
.footer-wrapper footer.main .constrain .flexbox .unit:last-of-type {
  margin-right: 0;
}
@media all and (max-width: 800px) {
  .footer-wrapper footer.main .constrain .flexbox .unit:last-of-type {
    margin: 0 0 30px 0;
  }
}
.footer-wrapper footer.main .constrain .flexbox .unit ul li {
  margin-bottom: 5px;
}
.footer-wrapper footer.main .constrain .flexbox .unit ul li a {
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  line-height: 1.2em;
}
.footer-wrapper footer.main .constrain .flexbox .unit ul li a:hover {
  color: #5b93a5;
}
.footer-wrapper footer.main .menubar {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin: 15px 0;
  padding: 10px 30px;
}
.footer-wrapper footer.main .menubar form.footer-search {
  width: 15%;
  width: 200px;
  float: left;
  padding-top: 7px;
  height: 50px;
  position: relative;
}
@media all and (max-width: 800px) {
  .footer-wrapper footer.main .menubar form.footer-search {
    width: 100%;
    float: none;
  }
}
.footer-wrapper footer.main .menubar form.footer-search ::placeholder {
  color: #fff;
}
.footer-wrapper footer.main .menubar form.footer-search input[type=text] {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  display: block;
  width: 100%;
  padding: 0 22px 0 2px;
}
.footer-wrapper footer.main .menubar form.footer-search a.icon-search {
  position: absolute;
  right: 0;
  bottom: 8px;
  font-size: 22px;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
}
.footer-wrapper footer.main .menubar form.footer-search a.icon-search:hover {
  color: #5b93a5;
}
.footer-wrapper footer.main .menubar form.footer-search a.icon-search:focus {
  outline-width: 0;
  color: #5b93a5;
}
.footer-wrapper footer.main .menubar nav {
  float: right;
  text-align: right;
  width: 80%;
  width: calc(100% - 200px);
}
@media all and (max-width: 800px) {
  .footer-wrapper footer.main .menubar nav {
    width: 100%;
    float: none;
  }
}
.footer-wrapper footer.main .menubar nav > ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
@media all and (max-width: 800px) {
  .footer-wrapper footer.main .menubar nav > ul {
    display: block;
  }
}
.footer-wrapper footer.main .menubar nav > ul > li {
  display: block;
  color: #fff;
  position: relative;
  flex: 0;
  white-space: nowrap;
}
.footer-wrapper footer.main .menubar nav > ul > li > a, .footer-wrapper footer.main .menubar nav > ul > li > span {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  display: block;
  height: 100%;
  padding: 0 8px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.footer-wrapper footer.main .menubar nav > ul > li > a span[class^=icon2-], .footer-wrapper footer.main .menubar nav > ul > li > span span[class^=icon2-] {
  position: relative;
  left: 1px;
  font-size: 11px;
}
.footer-wrapper footer.main .menubar nav > ul > li > a span.icon-circle-instagram, .footer-wrapper footer.main .menubar nav > ul > li > span span.icon-circle-instagram {
  position: relative;
  font-size: 15px;
  bottom: 3px;
  left: 1px;
}
@media all and (min-width: 800px) and (max-width: 950px) {
  .footer-wrapper footer.main .menubar nav > ul > li > a span.icon-circle-instagram, .footer-wrapper footer.main .menubar nav > ul > li > span span.icon-circle-instagram {
    font-size: 11px;
  }
}
.footer-wrapper footer.main .menubar nav > ul > li > a:hover, .footer-wrapper footer.main .menubar nav > ul > li > a.hovered, .footer-wrapper footer.main .menubar nav > ul > li > span:hover, .footer-wrapper footer.main .menubar nav > ul > li > span.hovered {
  color: #5b93a5;
}
.footer-wrapper footer.main .menubar nav > ul > li > a:focus, .footer-wrapper footer.main .menubar nav > ul > li > span:focus {
  outline-width: 0;
}
@media all and (min-width: 800px) and (max-width: 983px) {
  .footer-wrapper footer.main .menubar nav > ul > li > a, .footer-wrapper footer.main .menubar nav > ul > li > span {
    font-size: 13px;
    padding: 0 5px;
  }
}
@media all and (min-width: 800px) and (max-width: 886px) {
  .footer-wrapper footer.main .menubar nav > ul > li:last-of-type {
    display: none;
  }
}
.footer-wrapper footer.main .social {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  margin-top: 0.5rem;
}
.footer-wrapper footer.main .social h5 {
  display: inline-block;
  font: 300 1em "Gotham", sans-serif;
  margin-right: 5px;
  margin-bottom: 0;
}
.footer-wrapper footer.main .social ul.social-links {
  display: inline-block;
  position: relative;
  top: 10px;
}
.footer-wrapper footer.main .social ul.social-links li a {
  font-size: 30px;
}
.footer-wrapper footer.main .social ul.social-links li a.icon-circle-instagram {
  font-size: 26px;
  position: relative;
  bottom: 2px;
}
.footer-wrapper footer.main .social ul.social-links li a:hover {
  color: #5b93a5;
}
#bm-message {
  position: fixed;
  z-index: 999;
  bottom: -40px;
  left: 20px;
  background-color: #3c3c3c;
  color: #fff;
  padding: 12px 20px 7px 20px;
  width: auto;
  height: 40px;
  line-height: 20px;
  font-size: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transition: bottom 300ms ease;
}
#bm-message.shown {
  bottom: 0;
}
.subnavigation-block.Buttons li {
  margin: 0 6px 6px 0;
}
.subnavigation-block ul {
  list-style-type: none;
}
.subnavigation-block ul li {
  display: block;
  line-height: 1.5em;
}
.subnavigation-block ul li .btn:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.subnavigation-block ul li a:not(.btn) {
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.subnavigation-block ul li a:not(.btn):hover {
  color: #5b93a5;
}
.delay-show {
  display: none;
}
#mmenu.mm-menu a, #mmenu.mm-menu span:not(.saved-count) {
  font: 300 1em "Gotham", sans-serif;
  font-size: 15px;
  padding: 15px 25px 13px 25px;
  color: #fff;
}
#mmenu.mm-menu a.np, #mmenu.mm-menu span:not(.saved-count).np {
  padding: 0;
}
#mmenu.mm-menu .mm-panels {
  background-color: #a0cfde;
}
@media all and (min-height: 570px) {
  #mmenu.mm-menu .mm-panels > .mm-panel:first-of-type {
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #mmenu.mm-menu .mm-panels > .mm-panel:first-of-type::-webkit-scrollbar {
    display: none;
  }
}
#mmenu.mm-menu .mm-panels > .mm-panel:first-of-type .mm-navbar {
  display: none;
}
#mmenu.mm-menu .mm-panels .mm-panel {
  background-color: #a0cfde;
}
#mmenu.mm-menu .mm-panels .mm-panel .mm-listitem__btn {
  border-color: rgba(255, 255, 255, 0.6);
}
#mmenu.mm-menu .mm-panels .mm-panel .mm-btn::after, #mmenu.mm-menu .mm-panels .mm-panel .mm-btn::before {
  border-color: #fff;
}
#mmenu.mm-menu > ul > li > ul.submenu > li a, #mmenu.mm-menu > ul > li > ul.submenu > li span {
  padding-left: 25px;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
}
#mmenu.mm-menu > ul > li > ul.submenu > li > ul > li a, #mmenu.mm-menu > ul > li > ul.submenu > li > ul > li span {
  padding-left: 50px;
  color: #fff;
  color: rgba(255, 255, 255, 0.6);
}
#mmenu.mm-menu ul li.card a h5 {
  font: 300 1em "Gotham", sans-serif;
  font-size: 1.1em;
  margin-bottom: 7px;
}
#mmenu.mm-menu ul li.card a p {
  font-size: 0.9em;
  width: 95%;
  margin: 0 0 10px auto;
  white-space: normal;
  line-height: 1.2em;
}
#mmenu.mm-menu ul li.card a img {
  display: block;
  width: 95%;
  margin: 0 0 0 auto;
  height: auto;
}
.cmn-toggle-switch {
  display: block;
  position: absolute;
  right: 2%;
  top: 3px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 34px;
  height: 35px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  z-index: 2;
}
.cmn-toggle-switch:focus {
  outline: none;
}
.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 19px;
  left: 0;
  right: 0;
  height: 4px;
  background: #fff;
}
.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  content: "";
}
.cmn-toggle-switch span::before {
  top: -10px;
}
.cmn-toggle-switch span::after {
  bottom: -10px;
}
.cmn-toggle-switch__htx {
  background-color: transparent;
}
.cmn-toggle-switch__htx span {
  transition: background 0 0.3s;
}
.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0;
}
.cmn-toggle-switch__htx span::before {
  transition-property: top, transform;
}
.cmn-toggle-switch__htx span::after {
  transition-property: bottom, transform;
}
.mm-opening .cmn-toggle-switch__htx span {
  background: transparent;
}
.mm-opening .cmn-toggle-switch__htx span::before {
  top: 0;
  transform: rotate(45deg);
}
.mm-opening .cmn-toggle-switch__htx span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.mm-opening .cmn-toggle-switch__htx span::before,
.mm-opening .cmn-toggle-switch__htx span::after {
  transition-delay: 0, 0.3s;
}
body .mm-panels > .mm-panel > .mm-listview:first-child, body .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: 0;
}
body .mm-panels > .mm-panel {
  padding: 0;
}
body .mm-panels > .mm-panel::before {
  display: none;
}
body .mm-panels > .mm-panel > .mm-listview {
  margin: 0;
  padding: 0;
}
body #mmenu > .mm-panels > .mm-panel:first-of-type > .mm-listview {
  padding: 20px 0;
}
body #mmenu {
  padding-top: 150px;
}
body .mm-panel .mm-navbar {
  display: block;
  border-color: transparent !important;
  height: 40px;
  background: #a0cfde;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
  padding: 0;
}
body .mm-panel .mm-navbar a.mm-navbar__title {
  display: none;
}
body .mm-panel .mm-navbar a.mm-btn.mm-prev::before {
  left: 23px;
  top: 5px;
}
.mm-menu .mm-navbar > a {
  color: #fff !important;
}
.mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
  border-color: #fff !important;
}
.mm-menu .mm-listview > li:after, .mm-menu .mm-listview > li .mm-prev:after, .mm-menu .mm-listview > li .mm-next:before, .mm-menu .mm-navbar {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.unslider-arrow:hover {
  color: #a0cfde !important;
}
.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
  position: relative;
}
.unslider-wrap {
  position: relative;
}
.unslider-wrap.unslider-carousel > li {
  float: left;
}
.unslider-vertical > ul {
  height: 100%;
}
.unslider-vertical li {
  float: none;
  width: 100%;
}
.unslider-fade {
  position: relative;
}
.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}
.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}
.unslider li, .unslider ol, .unslider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
.unslider-arrow {
  position: absolute;
  left: 20px;
  z-index: 10;
  cursor: pointer;
  bottom: 100px;
  bottom: calc(50% - 18px);
  color: #fff;
}
.unslider-arrow.next {
  left: auto;
  right: 20px;
}
.unslider-nav ol {
  list-style: none;
  text-align: center;
}
.unslider-holder ul, .unslider-holder ul li {
  height: 100%;
}
.unslider-holder {
  position: relative;
}
.unslider-holder ul li {
  background-repeat: no-repeat;
  -ms-behavior: url("/bg.htc");
  position: relative;
  display: none;
}
#modal_content li.un-slide {
  background-repeat: no-repeat;
  position: relative;
  display: block;
  padding: 10px;
  min-height: 100px;
  width: 48%;
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
}
.unslider-holder ul li:first-of-type {
  display: block;
}
.unslider-holder li .un-overlay, #modal_content li.un-slide .un-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.unslider-holder .un-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 60px;
}
.unslider-arrow.next::before {
  content: "o";
}
.unslider-arrow.prev::before {
  content: "r";
}
.unslider-arrow.next::before,
.unslider-arrow.prev::before {
  font-family: "ninelight" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 26px;
}
.unslider-holder ul li .table-cell, #modal_content li.un-slide .table-cell {
  position: relative;
  z-index: 3;
}
.unslider-holder .un-slide-link {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  position: relative;
  z-index: 2;
  height: 100%;
  cursor: pointer;
  width: 100%;
}
.unslider-holder .modal-slide-title {
  display: none;
}
#modal_content .un-slide .modal-slide-title {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 14px;
  padding: 4px 8px;
  z-index: 4;
}
#modal_content > div:nth-of-type(2n+2) > li.un-slide {
  clear: left;
}
.unslider-holder ul li .img-overlay, #modal_content li.un-slide .img-overlay {
  display: inline-block;
  margin-bottom: 20px;
}
#modal_content li.un-slide .img-overlay {
  margin-bottom: 10px;
  max-width: 150px;
}
.unslider-holder ul li .richtext, #modal_content li.un-slide .richtext {
  color: #fff;
  max-width: none;
  padding: 0;
}
#modal_content li.un-slide .richtext {
  font-size: 15px !important;
}
.unslider-holder ul li .btn {
  margin-top: 20px;
}
#modal_content li.un-slide .btn {
  margin-top: 10px;
}
.unslider-nav {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  z-index: 10;
}
.unslider-nav ol li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background: transparent;
  border-radius: 5px;
  overflow: hidden;
  text-indent: -999em;
  border: 1px solid #fff;
  cursor: pointer;
}
.unslider-nav ol li.unslider-active {
  background: #fff;
  cursor: default;
}
.unslider-holder model-viewer {
  width: 100%;
}
body a[href$="#stamped-main-widget"] {
  display: block;
  text-decoration: inherit;
  color: inherit;
}
body .rings-grid-wrapper .stamped-fa-star, body .rings-grid-wrapper .stamped-fa-star-o, body .rings-grid-wrapper .stamped-fa-star-half-o {
  color: #959595 !important;
}
body .stamped-main-badge .stamped-badge {
  margin-bottom: 0.5em;
}
body .stamped-main-badge .stamped-badge[data-rating="0.0"] {
  display: none;
}
body .stamped-main-badge .stamped-badge .stamped-badge-caption {
  font-size: 12px;
  margin-left: 0.25em;
}
body #stamped-main-widget {
  margin: 0 auto;
}
body #stamped-reviews-widget {
  margin: 2rem auto;
}
body #stamped-main-widget, body #stamped-reviews-widget {
  width: 1200px;
  max-width: 94%;
}
#login-content {
  padding: 50px 2%;
}
@media all and (max-width: 800px) {
  #login-content {
    padding: 20px 2%;
  }
}
#login-content .flexbox {
  margin: 0 0 50px 0;
}
@media all and (max-width: 800px) {
  #login-content .flexbox {
    flex-direction: column;
    margin: 0 0 30px 0;
  }
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) {
  flex: 0 1 55%;
  border: 2px solid #A0CFDE;
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container {
  margin: 5px;
  padding: 20px;
  background-color: #E9E9EA;
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container h1 {
    font-size: 1.5em;
  }
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container p {
  margin-bottom: 20px;
  line-height: 1.4em;
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container p {
    font-size: 14px;
  }
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container input {
  display: block;
  margin-bottom: 20px;
  width: 100%;
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container .reset-link {
  display: block;
  margin-bottom: 10px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: black;
  font-style: italic;
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(1) {
  flex: 0 1 45%;
  background-size: cover;
  background-position: center center;
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(1) {
    height: 150px;
  }
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(1) {
  background-image: url("//assets.benchmarkrings.com/assets/login_rings.jpg");
  margin-right: 10px;
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(1) {
    margin: 0 0 10px 0;
    order: 0;
  }
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) {
    order: 1;
  }
}
#login-content #mm-message,
#login-content #b2b-message {
  display: inline-block;
  margin: 5px;
}
#login-content #mm-message p,
#login-content #b2b-message p {
  margin-bottom: 0;
}
.marketing-wrapper {
  padding: 30px 0 350px 0;
}
.marketing-wrapper .text {
  border-bottom: 1px solid #a0cfde;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 2% 30px 2%;
}
.marketing-wrapper .text h2 {
  font: normal 1em "Times New Roman", serif;
  font-size: 1.7em;
}
.marketing-wrapper .text p {
  font: normal 1em "Times New Roman", serif;
  font-size: 1.3em;
}
.marketing-wrapper .constrain .viewing {
  margin-bottom: 20px;
  font: normal 1em "Times New Roman", serif;
  font-style: italic;
  font-size: 1.2em;
  text-align: center;
}
.marketing-wrapper .constrain .viewing span {
  font-weight: bold;
  text-transform: uppercase;
}
.marketing-wrapper .constrain .viewing::after {
  content: " ";
  display: block;
  width: 60px;
  height: 1px;
  background: #a0cfde;
  margin: 8px auto 0 auto;
}
.marketing-wrapper .constrain aside {
  width: 200px;
  float: left;
  border-right: 1px solid #76787c;
  padding: 30px 3% 30px 0;
}
@media all and (max-width: 800px) {
  .marketing-wrapper .constrain aside {
    width: 100%;
    float: none;
    border-right: 0;
    padding: 30px 2%;
    text-align: center;
  }
}
.marketing-wrapper .constrain aside section {
  margin-bottom: 20px;
}
.marketing-wrapper .constrain aside section h4 {
  font-size: 1.2em;
  margin-bottom: 8px;
  font-weight: bold;
}
.marketing-wrapper .constrain aside section h4::after {
  content: " ";
  display: block;
  width: 60px;
  height: 1px;
  background: #a0cfde;
  margin-top: 8px;
  margin-left: 8px;
}
@media all and (max-width: 800px) {
  .marketing-wrapper .constrain aside section h4::after {
    margin: 8px auto 0 auto;
  }
}
.marketing-wrapper .constrain aside section ul {
  padding-left: 8px;
}
.marketing-wrapper .constrain aside section ul li a, .marketing-wrapper .constrain aside section ul li span {
  font: normal 1em "Timeless", serif;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #272727;
  font-size: 15px;
  line-height: 22px;
  display: inline-block;
}
.marketing-wrapper .constrain aside section ul li a:hover, .marketing-wrapper .constrain aside section ul li span:hover {
  color: #a0cfde;
}
.marketing-wrapper .constrain aside section ul li a.active, .marketing-wrapper .constrain aside section ul li span.active {
  color: #a0cfde;
}
.marketing-wrapper .constrain aside section ul li a.active:hover, .marketing-wrapper .constrain aside section ul li span.active:hover {
  color: #272727;
}
.marketing-wrapper .constrain aside section ul li span:hover {
  color: #272727;
}
.marketing-wrapper .constrain .materials {
  width: calc(100% - 200px);
  float: right;
  padding: 0 30px;
}
@media all and (max-width: 800px) {
  .marketing-wrapper .constrain .materials {
    width: 100%;
    float: none;
  }
}
.marketing-wrapper .constrain .materials .image-request h1.lined {
  font-size: 1.4em;
  margin-bottom: 30px;
}
.marketing-wrapper .constrain .materials .image-request h1.lined::before, .marketing-wrapper .constrain .materials .image-request h1.lined::after {
  top: 16px;
}
.marketing-wrapper .constrain .materials section {
  margin-bottom: 25px;
}
.marketing-wrapper .constrain .materials h1.c-name {
  font-size: 1.3em;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.marketing-wrapper .constrain .materials h1.c-name::after {
  display: block;
  content: " ";
  background-color: #a0cfde;
  height: 2px;
  width: 70%;
  margin-top: 4px;
}
.marketing-wrapper.order .order-form h3 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a0cfde;
  color: #a0cfde;
}
.marketing-wrapper.order .order-form h3.gray {
  background: #e0e0e0;
  color: #212121;
  padding: 10px;
  border: 0;
}
.marketing-wrapper.order .order-form form.review {
  font: normal 1em "Arial", sans-serif;
}
.marketing-wrapper.order .order-form form.review p.disclaimer {
  margin-bottom: 30px;
}
.marketing-wrapper.order .order-form form.review .grid-row {
  margin-bottom: 30px;
}
.marketing-wrapper.order .order-form form.review .grid-row .info {
  margin-top: 20px;
  font-size: 1.1em;
  margin-bottom: 8px;
}
.marketing-wrapper.order .order-form form.review .grid-row h6 {
  margin-bottom: 5px;
}
.marketing-wrapper.order .order-form form.review .grid-row address span {
  display: block;
}
.marketing-wrapper.order .order-form form.review table {
  margin-top: 10px;
  border-top: 2px solid black;
  width: 100%;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table {
    display: block;
  }
}
.marketing-wrapper.order .order-form form.review table thead {
  border-bottom: 1px solid gray;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table thead {
    display: none;
  }
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table tbody {
    display: block;
  }
}
.marketing-wrapper.order .order-form form.review table tr {
  border-bottom: 1px solid #e0e0e0;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table tr {
    display: block;
  }
}
.marketing-wrapper.order .order-form form.review table tr td, .marketing-wrapper.order .order-form form.review table tr th {
  padding: 11px 10px 10px 10px;
  font-size: 14px;
  vertical-align: top;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table tr td, .marketing-wrapper.order .order-form form.review table tr th {
    display: block;
  }
}
.marketing-wrapper.order .order-form form.review table tr td p.coll, .marketing-wrapper.order .order-form form.review table tr td p.title, .marketing-wrapper.order .order-form form.review table tr th p.coll, .marketing-wrapper.order .order-form form.review table tr th p.title {
  font-size: 1.3em;
  margin-bottom: 0;
}
.marketing-wrapper.order .order-form form.review table tr td p.coll.title, .marketing-wrapper.order .order-form form.review table tr td p.title.title, .marketing-wrapper.order .order-form form.review table tr th p.coll.title, .marketing-wrapper.order .order-form form.review table tr th p.title.title {
  margin-bottom: 8px;
}
.marketing-wrapper.order .order-form form.review table tr td p.size, .marketing-wrapper.order .order-form form.review table tr th p.size {
  font-size: 0.9em;
  margin-bottom: 10px;
  margin-top: 6px;
}
.marketing-wrapper.order .order-form form.review table tr td .image, .marketing-wrapper.order .order-form form.review table tr th .image {
  width: 140px;
  float: left;
}
.marketing-wrapper.order .order-form form.review table tr td .text, .marketing-wrapper.order .order-form form.review table tr th .text {
  width: calc(100% - 140px);
  float: right;
  border-bottom: 0;
  text-align: left;
  margin-bottom: 0;
  padding: 10px 15px;
}
.marketing-wrapper.order .order-form form.review table tr td .text a.add, .marketing-wrapper.order .order-form form.review table tr th .text a.add {
  display: inline-block;
  padding-bottom: 8px;
  display: block;
  width: 200px;
}
.marketing-wrapper.order .order-form form.review table tr td .text textarea, .marketing-wrapper.order .order-form form.review table tr th .text textarea {
  display: block;
  width: 200px;
  height: 90px;
  display: none;
}
.marketing-wrapper.order .order-form form.review table tr td .text p, .marketing-wrapper.order .order-form form.review table tr th .text p {
  padding-top: 8px;
  font: normal 1em "Arial", sans-serif;
  font-size: 1em;
}
.marketing-wrapper.order .order-form form.review footer {
  background: #a0cfde;
  color: #fff;
  padding: 18px 20px 22px 20px;
  position: relative;
  font-size: 14px;
  margin-top: 20px;
}
.marketing-wrapper.order .order-form form.review footer .mega {
  width: 50px;
  height: 50px;
  background: white;
  border-radius: 50%;
  border: 2px solid #63aec3;
  text-align: center;
  padding-top: 11px;
  float: left;
  margin-right: 15px;
}
.marketing-wrapper.order .order-form form.review footer h2 {
  font-size: 2.2em;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  top: 1px;
}
.marketing-wrapper.order .order-form form.review footer h5 {
  margin-bottom: 8px;
}
.marketing-wrapper.order .order-form form.review footer .btn {
  position: absolute;
  top: 25px;
  right: 20px;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review footer .btn {
    position: static;
    margin-top: 20px;
  }
}
.marketing-wrapper.order .order-form form .head .image {
  flex: 0 0 200px;
}
.marketing-wrapper.order .order-form form .head .image img {
  display: block;
}
.marketing-wrapper.order .order-form form .head .store-info {
  flex: 1 1 80%;
  padding: 0 0 0 20px;
  margin-bottom: 10px;
}
.marketing-wrapper.order .order-form form .head .store-info p.req-info {
  font: normal 1em "Timeless", serif;
  font-style: italic;
  margin-bottom: 15px;
}
.marketing-wrapper.order .order-form form .contact-info {
  border: 1px solid #e0e0e0;
  margin-top: 30px;
}
.marketing-wrapper.order .order-form form .contact-info h5 {
  background: #efefef;
  font-size: 1.1em;
  padding: 10px 22px;
  margin-bottom: 5px;
}
.marketing-wrapper.order .order-form form .contact-info .fields-wrapper {
  padding: 20px;
}
.marketing-wrapper.order .order-form form .disclaimer {
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  font-style: italic;
}
.marketing-wrapper.order .order-form form .field {
  margin-bottom: 20px;
}
.marketing-wrapper.order .order-form form .field label {
  display: block;
  font-size: 13px;
  margin-bottom: 2px;
}
.marketing-wrapper.order .order-form form .field label.gray {
  text-transform: uppercase;
}
.marketing-wrapper.order .order-form form .field label.req::after {
  content: "*";
  color: #bd3d3d;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
}
.marketing-wrapper.order .order-form form .field input {
  display: block;
  border-width: 1px;
  width: 100%;
}
.marketing-wrapper.order .order-form form .field input[type=checkbox] {
  display: inline-block;
  float: left;
  width: auto;
  margin: 0 5px 0 0;
}
.marketing-wrapper.order .order-form form .field.buttons {
  text-align: right;
}
.marketing-wrapper.order .order-form form .field.buttons #message {
  padding: 10px 0;
}
.marketing-wrapper.order .order-form form .field.buttons #message p.note {
  margin: 0;
}
.marketing-wrapper.order .order-form form .field.buttons .btn {
  margin-left: 10px;
}
.marketing-wrapper.order .order-form form a.add, .marketing-wrapper.order .order-form form a.edit {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a0cfde;
  font-size: 14px;
}
.marketing-wrapper.order .order-form form a.add::before, .marketing-wrapper.order .order-form form a.edit::before {
  content: " ";
  background-image: url("/assets/pencil.png");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 4px;
}
.marketing-wrapper.order .order-form form a.add.add::before, .marketing-wrapper.order .order-form form a.edit.add::before {
  background-image: url("/assets/add.png");
}
.marketing-wrapper.order .order-form form a.add:hover, .marketing-wrapper.order .order-form form a.edit:hover {
  color: #5b93a5;
}
.marketing-wrapper.order .order-form form .grid-row {
  position: relative;
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .field {
    margin-bottom: 0;
  }
}
@media all and (max-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of2 {
    text-align: left;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of2:first-of-type {
    padding-right: 15px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of2:last-of-type {
    padding-left: 15px;
  }
}
@media all and (max-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3 {
    text-align: left;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3:first-of-type {
    padding-right: 15px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3:nth-of-type(2) {
    padding-right: 15px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3:nth-of-type(2) {
    padding-left: 15px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3:last-of-type {
    padding-left: 15px;
  }
}
.marketing-wrapper.order .order-form form .grid-row span.by {
  position: absolute;
  left: 50%;
  left: calc(50% - 10px);
  width: 20px;
  display: inline-block;
  font-size: 14px;
  top: 26px;
  text-align: center;
  font-family: "Arial";
}
@media all and (max-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row span.by {
    display: none;
  }
}
.marketing-wrapper.order .red {
  color: #bd3d3d;
}
#material-modal {
  background-color: rgba(0, 0, 0, 0.85);
  height: 700px;
  position: absolute;
  top: 0;
  left: 0;
}
#material-modal .modal {
  background-color: transparent;
  padding: 20px;
}
#material-modal .modal .icon-close {
  top: 20px;
  right: 18px;
}
#material-modal .modal .meta {
  color: #a0cfde;
  font: normal 1em "Myriad", sans-serif;
  font-size: 18px;
  text-align: left;
  margin-bottom: 20px;
  border-bottom: 2px solid #a0cfde;
  padding-bottom: 5px;
}
#material-modal .modal .meta span {
  display: inline-block;
}
#material-modal .modal .meta span::after {
  content: ">";
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
  position: relative;
  bottom: 2px;
}
#material-modal .modal .meta span:last-of-type::after {
  content: "";
  display: none;
}
#material-modal .modal #image {
  display: block;
  margin: 5px auto 0 auto;
  max-height: 500px;
}
#material-modal .modal #video {
  margin: 5px auto 0 auto;
}
#material-modal .modal .button {
  text-align: right;
}
#material-modal .modal video {
  max-width: 100%;
  max-height: 500px;
}
#material-modal #fb {
  display: none;
}
.slick-holder ul li.material {
  width: 33.33333%;
  width: calc(33.3333% - 8px);
  text-align: center;
  margin-right: 5px;
}
.slick-holder ul li.material:last-of-type {
  margin-right: 0;
}
.slick-holder ul li.material .image {
  margin-bottom: 6px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  position: relative;
}
.slick-holder ul li.material .image > a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
}
.slick-holder ul li.material .image .video, .slick-holder ul li.material .image .flipb {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.slick-holder ul li.material .image .video span, .slick-holder ul li.material .image .flipb span {
  font-size: 40px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  position: relative;
  top: 105px;
}
.slick-holder ul li.material .image .video span.txt, .slick-holder ul li.material .image .flipb span.txt {
  font-size: 13px;
  top: 115px;
}
.slick-holder ul li.material .image .video span.icon2-play, .slick-holder ul li.material .image .flipb span.icon2-play {
  top: 79px;
}
.slick-holder ul li.material .image .video:hover span, .slick-holder ul li.material .image .flipb:hover span {
  color: #a0cfde;
}
.slick-holder ul li.material .image .video:hover span.txt, .slick-holder ul li.material .image .flipb:hover span.txt {
  color: #fff;
  background: #90bac8;
}
.slick-holder ul li.material .image .video.flipb, .slick-holder ul li.material .image .flipb.flipb {
  background-color: transparent;
}
.slick-holder ul li.material .links a {
  color: #272727;
  -webkit-text-decoration: none;
  text-decoration: none;
  font: normal 1em "Minion", sans-serif;
  font-size: 14px;
  display: inline-block;
}
.slick-holder ul li.material .links a:hover {
  color: #a0cfde;
}
.slick-holder ul li.material .links span {
  font: normal 1em "Minion", sans-serif;
  font-size: 14px;
  display: inline-block;
  margin: 0 2px 0 6px;
}
.slick-holder ul li.material .app {
  font: normal 1em "Minion", sans-serif;
  font-size: 14px;
  margin-top: 3px;
}
.materials.width-2 .slick-holder ul li.material {
  width: 50%;
  width: calc(50% - 10px);
  margin-right: 10px;
}
.materials.width-2 .slick-holder ul li.material .image {
  height: 190px;
}
.slick-holder {
  padding: 0 20px;
}
.materials .collection .slick-holder .slick-prev {
  left: -40px;
  top: 116px;
  background: #a0cfde;
  font-size: 0;
  text-align: center;
}
@media all and (max-width: 800px) {
  .materials .collection .slick-holder .slick-prev {
    left: -45px !important;
  }
}
.materials .collection .slick-holder .slick-prev::before {
  color: #fff;
  position: relative;
  top: 0;
  font-size: 18px;
}
.materials .collection .slick-holder .slick-prev:hover {
  background: #5b93a5;
}
.materials .collection .slick-holder .slick-next {
  right: -40px;
  top: 116px;
  background: #a0cfde;
  font-size: 0;
  text-align: center;
}
@media all and (max-width: 800px) {
  .materials .collection .slick-holder .slick-next {
    right: -45px !important;
  }
}
.materials .collection .slick-holder .slick-next::before {
  color: #fff;
  position: relative;
  top: 0;
  font-size: 18px;
}
.materials .collection .slick-holder .slick-next:hover {
  background: #5b93a5;
}
.materials.width-2 .collection .slick-holder .slick-prev {
  top: 85px;
}
.materials.width-2 .collection .slick-holder .slick-next {
  top: 85px;
}
#signage-modal.fullscreen-overlay {
  background: rgba(255, 255, 255, 0.6);
}
#signage-modal.fullscreen-overlay .modal {
  background: rgba(16, 16, 16, 0.9);
  text-align: left;
  color: #fff;
  max-width: 800px;
}
#signage-modal.fullscreen-overlay .modal .richtext h4 {
  color: #a0cfde;
  text-align: center;
  border-bottom: 1px solid #a0cfde;
  padding-bottom: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font: normal 1em "Arial", sans-serif;
  font-size: 1.3em;
}
#signage-modal.fullscreen-overlay .modal .richtext ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
#signage-modal.fullscreen-overlay .modal .richtext ul li {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  margin-bottom: 15px;
}
#signage-modal.fullscreen-overlay .modal .richtext ul li::before {
  content: "-";
}
#signage-modal.fullscreen-overlay .modal .richtext ul li:last-of-type {
  margin-bottom: 0;
}
#signage-modal.fullscreen-overlay .modal .richtext ul li span {
  color: #a0cfde;
  font-weight: bold;
}
.ret-level {
  position: relative;
  display: inline-block;
}
.ret-level img {
  cursor: pointer;
}
.ret-level .ret-txt {
  display: none;
  background: #fff;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  text-align: left;
  border-radius: 5px;
  box-shadow: 0px 0px 7px rgba(10, 10, 10, 0.6);
  width: 299px;
  color: #272727;
}
.ret-level .ret-txt p {
  font: normal 1em "Times New Roman", serif !important;
  font-size: 13px !important;
}
.ret-level:hover .ret-txt {
  display: block;
}
.locate-retailer-form {
  background-color: #e7f3ff;
  background-repeat: no-repeat;
}
.locate-retailer-form .constrain {
  padding: 100px 210px 100px 2%;
  text-align: center;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain {
    background-image: none;
    padding: 60px 3%;
  }
}
.locate-retailer-form .constrain form label {
  font: normal 1em "Times New Roman", serif;
  font-size: 36px;
  display: inline-block;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain form label {
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.locate-retailer-form .constrain form input[type=text] {
  display: inline-block;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #77787b;
  margin: 0 0 0 12px;
  font: normal 1em "Gotham Condensed", sans-serif;
  font-size: 28px;
  padding: 2px 2px 4px 2px;
  width: 200px;
  text-align: center;
  position: relative;
  bottom: 7px;
}
.locate-retailer-form .constrain form input[type=text].placeholder_js {
  color: #c4c9c8 !important;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain form input[type=text] {
    display: block;
    margin: 0 auto 20px auto;
  }
}
.locate-retailer-form .constrain form .search {
  display: inline-block;
}
.locate-retailer-form .constrain form .search .icon2-play {
  color: #a0cfde;
  position: relative;
  bottom: 2px;
  right: 14px;
  font-size: 30px;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain form .search {
    display: block;
  }
}
.locate-retailer-form .constrain form .btn {
  font: normal 1em "Gotham Condensed", sans-serif;
  background-color: transparent;
  color: #9a9d97;
  text-transform: none;
  font-size: 24px;
  position: relative;
  bottom: 9px;
}
.locate-retailer-form .constrain form .btn:hover {
  color: #5b93a5;
}
.locate-retailer-form .constrain .instructions {
  font: normal 1em "Timeless", serif;
  font-size: 1.2em;
  margin-top: 14px;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain .instructions {
    font-size: 0.9em;
  }
}
.locate-retailer-form.big {
  background-color: transparent;
  padding: 50px 0 100px 0;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big {
    padding: 20px 0;
    padding-bottom: 20px !important;
  }
}
.locate-retailer-form.big .constrain {
  background-image: none;
  padding: 0 2%;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox {
    display: block;
    width: 100%;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form {
  flex: 1 1 64%;
  border: 5px solid #e9e9ea;
  padding: 6px;
}
@media all and (min-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form {
    margin-right: 20px;
  }
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain {
  padding: 6px;
  border: 1px solid #a0cfde;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form {
  background-color: #e9e9ea;
  padding: 20px 2%;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form img.marker {
  display: inline-block;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form h2 {
  font: normal 1em "Times New Roman", serif;
  font-size: 36px;
  margin: 0 0 10px 0;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form .contain form h2 {
    font-size: 28px;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .desc {
  font: normal 1em "Times New Roman", serif;
  font-size: 22px;
  width: 80%;
  margin: 0 auto 20px auto;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form .contain form .desc {
    font-size: 18px;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field {
  background-color: #fff;
  padding: 21px 20px 3px 20px;
  width: 92%;
  margin: 0 auto;
  position: relative;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field input[type=text] {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 2px 90px 12px 2px;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field input[type=text] {
    padding: 10px;
    font-size: 24px;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field .btn {
  position: absolute;
  right: 5px;
  top: 9px;
  background: #a0d0df;
  color: #fff;
  bottom: auto;
  padding: 7px 35px 8px 35px;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field .btn .icon2-play {
  position: absolute;
  right: 0;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field .btn:hover {
  background-color: #5b93a5;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field .btn {
    position: static;
    margin: 5px 0 12px 0;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.image {
  flex: 1 1 36%;
  background-image: url("//assets.benchmarkrings.com/assets/retailer_hands.jpg");
  -ms-behavior: url("/bg.htc");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.image {
    display: none;
  }
}
#retailer-modal {
  display: none;
}
#retailer-modal .modal {
  background: #fff;
  max-width: 1000px;
}
#retailer-modal .content {
  color: rgb(88, 88, 88);
}
#retailer-modal .content .flexbox.top .left {
  flex: 1;
  text-align: left;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .left {
    text-align: center;
  }
}
#retailer-modal .content .flexbox.top .left img.retailer-logo {
  display: block;
  margin-bottom: 20px;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .left img.retailer-logo {
    max-width: 200px;
    margin: 0 auto 20px auto;
  }
}
#retailer-modal .content .flexbox.top .left h5.retailer-name {
  font: 300 1em "Gotham", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
#retailer-modal .content .flexbox.top .left address {
  line-height: 20px;
  font-size: 15px;
}
#retailer-modal .content .flexbox.top .left address span.retailer-address1,
#retailer-modal .content .flexbox.top .left address span.retailer-address2 {
  display: block;
}
#retailer-modal .content .flexbox.top .left address span.retailer-phone {
  display: block;
  margin-top: 5px;
}
#retailer-modal .content .flexbox.top .left .map-holder {
  margin-top: 20px;
}
#retailer-modal .content .flexbox.top .left .map-holder img {
  display: block;
}
#retailer-modal .content .flexbox.top .right {
  flex: 3;
  padding-left: 30px;
  text-align: left;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .right {
    padding-left: 0;
    margin-top: 30px;
  }
}
#retailer-modal .content .flexbox.top .right h5 {
  font: 300 1em "Gotham", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
}
#retailer-modal .content .flexbox.top .right .richtext {
  font-size: 15px;
}
#retailer-modal .content .flexbox.top .right .richtext p {
  margin-bottom: 10px;
}
#retailer-modal .content .flexbox.top .right .richtext p:last-of-type {
  margin-bottom: 0;
}
#retailer-modal .content .flexbox.top .right .meet.flexbox {
  padding-top: 20px;
}
#retailer-modal .content .flexbox.top .right .meet.flexbox .meet-text {
  flex: 3;
}
#retailer-modal .content .flexbox.top .right .meet.flexbox .meet-text h6 {
  font: 300 1em "Gotham", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
#retailer-modal .content .flexbox.top .right .meet.flexbox .meet-image {
  flex: 1;
  margin-left: 20px;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .right .meet.flexbox .meet-image {
    margin: 20px 0 0 0;
  }
}
#retailer-modal .content .flexbox.top .right .meet.flexbox .meet-image img {
  display: block;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .right .meet.flexbox .meet-image img {
    max-width: 250px;
  }
}
#retailer-modal .content .flexbox.gallery {
  padding-top: 20px;
  justify-content: center;
}
#retailer-modal .content .flexbox.gallery .gallery-image {
  flex: 1;
}
@media all and (min-width: 800px) {
  #retailer-modal .content .flexbox.gallery .gallery-image {
    max-width: 33.33%;
    margin-right: 12px;
  }
  #retailer-modal .content .flexbox.gallery .gallery-image:last-of-type {
    margin-right: 0;
  }
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.gallery .gallery-image {
    margin-bottom: 12px;
  }
  #retailer-modal .content .flexbox.gallery .gallery-image:last-of-type {
    margin-bottom: 0;
  }
}
#retailer-modal .content .flexbox.gallery .gallery-image img {
  display: block;
  width: 100%;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.gallery .gallery-image img {
    max-width: 250px;
    margin: 0 auto;
  }
}
#retailer-modal .content .buttons {
  margin: 25px 0;
  padding: 0 2%;
}
#retailer-modal .content .buttons .btn {
  margin-right: 5px;
}
#retailer-modal .content .buttons .btn:last-of-type {
  margin-right: 0;
}
@media all and (min-width: 0) and (max-width: 400px) {
  #retailer-modal .content .buttons .btn {
    margin: 0 5px 5px 5px;
  }
}
#find-retailer-modal .modal {
  max-width: 400px;
  min-height: 280px;
}
#find-retailer-modal .modal .meta {
  font: normal 1em "Times New Roman", serif;
  font-style: italic;
  font-size: 18px;
  text-align: left;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px solid #a0cfde;
  margin-bottom: 15px;
}
#find-retailer-modal .modal form.modal-ret-form {
  border-bottom: 1px solid #a0cfde;
  padding-bottom: 3px;
  margin-bottom: 10px;
}
#find-retailer-modal .modal form.modal-ret-form input[type=text] {
  background: #ebebeb;
  border: 1px solid #cfd2d4;
  color: #76787c;
  width: 90%;
  width: calc(100% - 50px);
  display: block;
  padding-bottom: 8px;
}
#find-retailer-modal .modal .sortby {
  display: none;
  margin-bottom: 10px;
}
#find-retailer-modal .modal .sortby h6 {
  color: #a0cfde;
  font-size: 0.9em;
  margin-bottom: 4px;
  text-align: left;
}
#find-retailer-modal .modal .sortby .btns .btn {
  background: white;
  color: #a0cfde;
  font-size: 14px;
  border: 2px solid #a0cfde;
  padding: 2px 10px 0 10px;
}
#find-retailer-modal .modal .sortby .btns .btn:hover {
  background: #a0cfde;
  color: #fff;
}
#find-retailer-modal .modal .sortby .btns .btn.active {
  background: #a0cfde;
  color: #fff;
}
#find-retailer-modal .modal .sortby .btns .btn.active:hover {
  background: #a0cfde;
  color: #fff;
}
#find-retailer-modal .modal .sortby .btns .btn#level {
  width: 65%;
  float: left;
}
#find-retailer-modal .modal .sortby .btns .btn#distance {
  width: 35%;
  float: right;
}
#find-retailer-modal .modal ul#retailer-list {
  padding-bottom: 50px;
}
#find-retailer-modal .modal ul#retailer-list li {
  padding: 0 0 0 0;
  margin-bottom: 20px;
  text-align: left;
  position: relative;
}
#find-retailer-modal .modal ul#retailer-list li:last-of-type {
  margin-bottom: 0;
}
#find-retailer-modal .modal ul#retailer-list li .right {
  float: right;
  padding-top: 4px;
  margin: 0 0 5px 5px;
}
#find-retailer-modal .modal ul#retailer-list li .right .ret-level {
  display: block;
  margin-bottom: 2px;
}
#find-retailer-modal .modal ul#retailer-list li h6 {
  text-transform: uppercase;
  margin-bottom: 0;
}
#find-retailer-modal .modal ul#retailer-list li p {
  font: normal 1em "Timeless", serif;
  font-size: 15px;
}
#find-retailer-modal .modal ul#retailer-list li p.col a {
  color: #598fa0;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
}
#find-retailer-modal .modal ul#retailer-list li p.col a:hover {
  color: #a0cfde;
}
#find-retailer-modal .modal ul#retailer-list li p.col a::after {
  content: ",";
  margin: 0 5px 0 0;
}
#find-retailer-modal .modal ul#retailer-list li p.col a:last-of-type::after {
  content: "";
}
#find-retailer-modal .modal ul#retailer-list li .btn {
  margin-top: 5px;
}
#find-retailer-modal .modal ul#retailer-list li .btn:first-of-type {
  margin-right: 5px;
}
#find-retailer-modal.alternate .sortby {
  display: block;
}
#find-retailer-modal.alternate .modal ul#retailer-list li {
  background: #a0cfde;
  padding: 5px 10px;
  margin-bottom: 5px;
  color: #fff;
}
#find-retailer-modal.alternate .modal ul#retailer-list li h6 {
  text-transform: none;
  margin-bottom: 4px;
  border-bottom: 1px solid white;
  padding-bottom: 2px;
  width: calc(100% - 50px);
  color: #272727;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links {
  margin: 5px 0 2px 0;
  clear: both;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links a.icon-phone-2 {
  float: left;
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 7px;
  font-size: 15px;
  margin-right: 5px;
  overflow: hidden;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links a.icon-phone-2:hover {
  background-color: #80a6b2;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links a.icon-globe {
  float: left;
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 5px;
  font-size: 20px;
  margin-right: 5px;
  overflow: hidden;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links a.icon-globe:hover {
  background-color: #80a6b2;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn {
  margin-bottom: 3px;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn.white-outline {
  margin-top: 0;
  float: left;
  height: 34px;
  font-size: 13px;
  padding-top: 3px;
  border: 2px solid #fff;
  margin-right: 5px;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn.white-outline:hover {
  background-color: #80a6b2;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn.small {
  font-size: 13px;
  background: #fff;
  height: 34px;
  margin-top: 0;
  float: left;
  padding-top: 3px;
  border: 2px solid #fff;
  color: #a0cfde;
  line-height: 2.2em;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn.small:hover {
  background: #5b93a5;
  color: #fff;
}
#find-retailer-modal.alternate .modal ul#retailer-list li p.col {
  clear: both;
  font-size: 14px;
  color: #272727;
}
#find-retailer-modal.alternate .modal ul#retailer-list li p.col span {
  display: block;
}
#find-retailer-modal.alternate .modal ul#retailer-list li p.col a {
  color: #272727;
}
#find-retailer-modal.alternate .modal ul#retailer-list li p.col a:hover {
  color: #5b93a5;
}
#find-retailer-modal.alternate .modal ul#retailer-list li:last-of-type {
  margin-bottom: 0;
}
.retailer-map-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 2%;
}
.retailer-map-wrap > h2 {
  font: normal 1em "Times New Roman", serif;
  font-size: 1.6em;
  padding: 10px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  z-index: 5;
  background: #fff;
}
.retailer-map-wrap > h2::after {
  display: block;
  content: " ";
  background-color: #a0cfde;
  height: 3px;
  width: 100%;
  margin-top: 4px;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap > h2 {
    font-size: 1.6em;
    top: 145px;
  }
}
@media all and (max-width: 550px) {
  .retailer-map-wrap > h2 {
    font-size: 1.4em;
  }
}
.retailer-map-wrap > h2 a {
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  font-size: 0.7em;
  font-style: italic;
  margin-left: 8px;
}
.retailer-map-wrap > h2 a:hover {
  color: #5b93a5;
}
.retailer-map-wrap > h2 a span.icon-down-big {
  font-size: 15px;
  position: relative;
  top: 2px;
}
.retailer-map-wrap .sort-buttons {
  margin-bottom: 15px;
  position: relative;
}
.retailer-map-wrap .sort-buttons .sb {
  opacity: 1;
  transition: opacity 300ms ease;
}
.retailer-map-wrap .sort-buttons .sb.hide {
  opacity: 0;
  visibility: hidden;
}
.retailer-map-wrap .sort-buttons h6 {
  color: #a0cfde;
  margin-bottom: 3px;
}
.retailer-map-wrap .sort-buttons .buttons {
  width: 280px;
}
.retailer-map-wrap .sort-buttons .buttons .btn {
  float: left;
  background: #fff;
  color: #a0cfde;
  border: 2px solid #a0cfde;
  width: 63%;
  font-size: 13px;
  padding: 3px 10px 0 10px;
}
.retailer-map-wrap .sort-buttons .buttons .btn:hover {
  color: #5b93a5;
  border-color: #5b93a5;
}
.retailer-map-wrap .sort-buttons .buttons .btn#distance {
  width: 37%;
}
.retailer-map-wrap .sort-buttons .buttons .btn.active {
  background: #a0cfde;
  color: #fff;
}
.retailer-map-wrap .sort-buttons .buttons .btn.active:hover {
  color: #fff;
  background: #5b93a5;
  border: 2px solid #5b93a5;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap .map-results {
    display: block;
  }
}
.retailer-map-wrap .map-results #retailer-results {
  flex: 0 0 280px;
  list-style-type: none;
  margin-right: 15px;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap .map-results #retailer-results {
    display: block;
    height: auto;
    min-height: 0;
    overflow: auto;
    margin-right: 0;
  }
}
.retailer-map-wrap .map-results #retailer-results li.loading {
  font: normal 1em "Timeless", serif;
  font-size: 15px;
  text-align: center;
  padding: 20px 10px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer {
  position: relative;
  background: #a0cfde;
  padding: 5px 10px;
  margin-bottom: 5px;
  width: 100%;
  cursor: pointer;
}
.retailer-map-wrap .map-results #retailer-results li.retailer:hover {
  background: #5b93a5;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  margin-bottom: 5px;
  width: calc(100% - 50px);
  float: left;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .top h4 {
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .top::after {
  display: block;
  content: " ";
  height: 0;
  width: 100%;
  clear: both;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .right {
  float: right;
  display: block;
  margin: 0 0 5px 5px;
  min-height: 80px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .right .ret-level {
  display: block;
  margin-bottom: 5px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .right .ret-level.lcl {
  margin-bottom: 0;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .right .ret-level img {
  display: block;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .ret-level .ret-txt {
  width: 260px;
  right: auto;
  left: 100%;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap .map-results #retailer-results li.retailer .ret-level .ret-txt {
    width: calc(100vw - 80px);
    right: 40px;
    left: auto;
    max-width: 260px;
  }
}
.retailer-map-wrap .map-results #retailer-results li.retailer p.distance {
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  margin-bottom: 3px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer address {
  display: block;
  color: #fff;
  font: normal 1em "Times New Roman", serif;
  font-size: 17px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer address span {
  display: block;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons {
  text-align: left;
  margin: 5px 0;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons a.icon-phone-2 {
  float: left;
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 7px;
  font-size: 15px;
  margin-right: 5px;
  overflow: hidden;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons a.icon-phone-2:hover {
  background-color: #80a6b2;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons a.icon-globe {
  float: left;
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 5px;
  font-size: 20px;
  margin-right: 5px;
  overflow: hidden;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons a.icon-globe:hover {
  background-color: #80a6b2;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white-outline {
  float: left;
  height: 34px;
  font-size: 13px;
  padding-top: 3px;
  border: 2px solid #fff;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white-outline:hover {
  background-color: #80a6b2;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white {
  margin-top: 0;
  margin-left: 5px;
  border-radius: 7px;
  height: 34px;
  font-size: 13px;
  padding-top: 5px;
}
@media all and (min-width: 800px) {
  .retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white {
    margin-top: 5px;
    margin-left: 0;
  }
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white:hover {
  background-color: #80a6b2;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections {
  margin-top: 10px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections h6 {
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  margin-bottom: 0;
  color: #272727;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul {
  list-style-type: none;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li {
  display: inline;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li a {
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #272727;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li a:hover {
  color: #fff;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li::after {
  content: ", ";
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  color: #272727;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li:last-of-type::after {
  content: "";
}
.retailer-map-wrap .map-results #retailer-map {
  flex: 1 1 80%;
  height: 500px;
  height: calc(100vh - 340px);
  min-height: 350px;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 210px;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap .map-results #retailer-map {
    display: none;
  }
}
.return-wrap {
  padding: 40px 0 100px 0;
}
.return-wrap h2 {
  margin-bottom: 10px;
}
@media all and (max-width: 800px) {
  .return-wrap h2 {
    font-size: 1.3em;
    text-align: center;
    padding: 0 10px;
  }
}
@media all and (max-width: 800px) {
  .return-wrap .constrain .richtext {
    padding: 0 10px;
  }
}
.return-wrap .constrain .richtext.instructions {
  font-size: 15px;
}
.return-wrap .constrain .richtext.center {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.return-wrap form#return-form {
  max-width: 450px;
  margin: 40px auto 0 auto;
  border: 1px solid gray;
  display: block;
  padding: 30px;
  box-shadow: 2px 2px 3px rgba(10, 10, 10, 0.3);
}
.return-wrap form#return-form .field {
  margin-bottom: 15px;
}
.return-wrap form#return-form .field label {
  display: block;
  margin-bottom: 5px;
}
.return-wrap form#return-form .field label a.icon2-info {
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 14px;
  position: absolute;
  left: calc(100% + 8px);
  top: 0;
}
.return-wrap form#return-form .field.button {
  text-align: center;
  padding-top: 15px;
  margin-bottom: 0;
}
.return-wrap form#return-form .field.button .btn {
  text-transform: uppercase;
}
.return-wrap form#return-form .field.gn .hold {
  display: inline-block;
  position: relative;
}
.return-wrap form#return-form .field.gn .hold .info-popup {
  top: -143px;
  left: calc(100% + 45px);
  width: 300px;
}
.return-wrap form#return-form #rmessage {
  text-align: center;
}
.return-wrap form.line-items-form {
  margin-top: 30px;
}
.return-wrap form.line-items-form .lines.cancel .line {
  justify-content: flex-start;
  align-items: flex-start;
}
.return-wrap form.line-items-form .lines.cancel .line.heading .unit.cb {
  padding-top: 0;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.cb {
  flex: 0 0 100px;
  padding-top: 30px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.img {
  flex: 0 0 140px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn.edt::before {
  visibility: hidden;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details {
  padding-top: 0;
  display: block;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.sz {
  display: block;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field {
  margin-bottom: 20px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field:last-of-type, .return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.eg {
  margin-bottom: 0;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.engraving-text {
  display: none;
  padding-top: 20px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.engraving-text label {
  font-size: 14px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.engraving-text input.engraving-input {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  border: 1px solid #e0e0e0;
  padding: 10px 6px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.engraving-text p.char-count {
  font-size: 11px;
  margin-top: 4px;
}
.return-wrap form.line-items-form .lines .line {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
  margin-bottom: 17px;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line.heading {
    display: none;
  }
}
.return-wrap form.line-items-form .lines .line:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line {
    display: block;
  }
}
.return-wrap form.line-items-form .lines .line .unit {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  margin-right: 15px;
  padding: 0 10px;
}
.return-wrap form.line-items-form .lines .line .unit:last-of-type {
  margin-right: 0;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit {
    margin: 0 0 15px 0;
  }
}
.return-wrap form.line-items-form .lines .line .unit select.custom {
  height: 100% !important;
}
.return-wrap form.line-items-form .lines .line .unit .customSelect {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  padding: 10px 6px;
  border-width: 1px;
}
.return-wrap form.line-items-form .lines .line .unit span.icon-down-big {
  top: 14px;
}
.return-wrap form.line-items-form .lines .line .unit span.req {
  color: #bd3d3d;
  display: inline-block;
}
.return-wrap form.line-items-form .lines .line .unit label.req::after {
  content: "*";
  display: inline-block;
  margin-left: 3px;
  color: #bd3d3d;
}
.return-wrap form.line-items-form .lines .line .unit textarea {
  border-width: 1px;
}
.return-wrap form.line-items-form .lines .line .unit.cb {
  flex: 1.5;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.return-wrap form.line-items-form .lines .line .unit.cb p.error {
  color: #c16666;
  padding-top: 10px;
  font-size: 13px;
}
.return-wrap form.line-items-form .lines .line .unit.cb input {
  display: block;
  margin: 0 10px 0 0;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit.cb {
    align-items: center;
  }
}
.return-wrap form.line-items-form .lines .line .unit.img {
  flex: 2;
  min-width: 130px;
}
.return-wrap form.line-items-form .lines .line .unit.img a {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.return-wrap form.line-items-form .lines .line .unit.img a img {
  display: block;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit.img {
    margin-bottom: 1px;
    text-align: center;
  }
}
.return-wrap form.line-items-form .lines .line .unit.det {
  flex: 3;
  color: #76787c;
}
.return-wrap form.line-items-form .lines .line .unit.det p {
  line-height: 21px;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit.det {
    text-align: center;
  }
}
.return-wrap form.line-items-form .lines .line .unit.rsn {
  flex: 4;
}
.return-wrap form.line-items-form .lines .line .unit.rsn label {
  display: block;
  margin-bottom: 5px;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details {
  display: none;
  padding-top: 10px;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details textarea {
  height: 100px;
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  padding: 10px 6px;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details .field {
  margin-bottom: 10px;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details .field:last-of-type {
  margin-bottom: 0;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details .field.sz {
  display: none;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit.rsn:not(.size)::before {
    content: "Reason:";
    display: block;
    margin-bottom: 5px;
  }
}
.return-wrap form.line-items-form .lines .line .unit.pho {
  flex: 3;
}
.return-wrap form.line-items-form .lines .line .unit.pho > label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone {
  padding: 5px;
  border: 1px solid #e0e0e0;
  min-height: 50px;
  margin-bottom: 10px;
  background: #f1fcff;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-message {
  margin: 0;
  padding-top: 9px;
  font-size: 13px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview {
  margin: 5px;
  min-height: 50px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview.dz-complete .dz-remove, .return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview.dz-processing .dz-remove {
  display: none;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview.dz-error {
  display: none;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-image {
  border-radius: 0;
  width: 50px;
  height: 50px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-remove {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 55;
  background: #c36868;
  color: white;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 15px;
  height: 15px;
  font-size: 10px;
  border-radius: 8px;
  padding-top: 2px;
  cursor: pointer;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-remove:hover {
  background: #9c5353;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-details {
  height: 50px;
  padding: 5px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-details .dz-size, .return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-details .dz-filename {
  display: none;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-error-mark,
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-success-mark {
  margin-left: -15px;
  margin-top: -15px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-error-mark svg,
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-success-mark svg {
  width: 30px;
  height: 30px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-progress {
  width: 40px;
  margin-left: -20px;
  height: 10px;
  margin-top: -3px;
}
.return-wrap .button-holder {
  margin-top: 40px;
  text-align: center;
}
.return-wrap .button-holder .btn {
  min-width: 150px;
  text-transform: uppercase;
  margin: 0 12px;
}
@media all and (max-width: 800px) {
  .return-wrap .button-holder .btn {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 15px auto;
  }
}
.return-wrap .button-holder .btn.dis {
  cursor: default;
  opacity: 0.6;
}
.return-wrap .button-holder .btn.dis:hover {
  background: #a0cfde;
}
html body iframe.affirm-iframe-widget#toast-widget {
  display: none !important;
}
.rings-grid-wrapper {
  position: relative;
  z-index: 2;
  min-height: 400px;
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper p.none {
    text-align: center;
    padding: 30px 5%;
  }
}
.rings-grid-wrapper .constrain {
  display: flex;
  padding: 0;
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .constrain {
    padding: 0 2% 40px 2%;
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper {
    padding: 0;
    position: static;
  }
}
.rings-grid-wrapper .info-popup.white {
  z-index: 20;
}
@media all and (min-width: 0) and (max-width: 455px) {
  .rings-grid-wrapper .info-popup.white {
    left: 50%;
  }
}
.rings-grid-wrapper aside.filter-bar {
  display: flex;
  flex-direction: column;
  flex: none;
  width: 260px;
  padding: 0 0.5rem;
  padding-left: 1rem;
  background: #f8f8f8;
  gap: 1rem;
  padding-right: 10px;
  padding-bottom: 10px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.rings-grid-wrapper aside.filter-bar::-webkit-scrollbar {
  display: none;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .rings-grid-wrapper aside.filter-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
  }
}
.rings-grid-wrapper aside.filter-bar.collapsible section > h3::after {
  font-family: "ninelight" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "o";
  display: block;
  transform: rotate(90deg);
  width: 13px;
  height: 13px;
  position: absolute;
  right: 0px;
  top: 10px;
  transition: transform 300ms ease;
  color: #a0cfde;
}
.rings-grid-wrapper aside.filter-bar.collapsible section.collapsed > h3::after {
  transform: rotate(0deg);
}
@media all and (min-width: 800px) {
  .rings-grid-wrapper aside.filter-bar:not(.iframe) {
    max-height: calc(100vh - 90px);
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper aside.filter-bar {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15;
    background: #fff;
    padding: 30px;
    width: 100%;
    height: 100%;
    height: 100vh;
    border: 20px solid #9c9c9c;
    border-bottom: 50px solid #9c9c9c;
  }
}
.rings-grid-wrapper aside.filter-bar header {
  margin-bottom: 15px;
  padding-bottom: 6px;
}
.rings-grid-wrapper aside.filter-bar header::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.rings-grid-wrapper aside.filter-bar header #filter-meta {
  display: flex;
  justify-content: space-between;
  padding: 0 0 5px 0;
}
.rings-grid-wrapper aside.filter-bar header #filter-meta span {
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  color: #76787c;
}
.rings-grid-wrapper aside.filter-bar header #filter-meta #filter-count {
  font-size: 12px;
}
.rings-grid-wrapper aside.filter-bar header a#clear-filters {
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  color: #a0cfde;
  float: right;
}
.rings-grid-wrapper aside.filter-bar header a#clear-filters:hover {
  color: #5b93a5;
}
.rings-grid-wrapper aside.filter-bar #close-filter {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 24px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a0cfde;
  display: none;
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper aside.filter-bar #close-filter {
    display: inline-block;
  }
}
.rings-grid-wrapper aside.filter-bar.collapsible section.clp .filters, .rings-grid-wrapper aside.filter-bar.collapsible section.clp .fp-text {
  display: none;
}
.rings-grid-wrapper aside.filter-bar section {
  border-bottom: 1px solid #ebebeb;
}
@media screen and (min-width: 801px) {
  .rings-grid-wrapper aside.filter-bar section {
    border-bottom: none;
  }
}
.rings-grid-wrapper aside.filter-bar section .fp-text {
  font: normal 1em "Timeless", serif;
  font-size: 14px;
  padding: 5px;
}
.rings-grid-wrapper aside.filter-bar section .fp-text a {
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.rings-grid-wrapper aside.filter-bar section .fp-text a:hover {
  color: #dcb8aa;
}
.rings-grid-wrapper aside.filter-bar section > h3 {
  font: normal 1em "Arial", sans-serif;
  font-weight: bold;
  letter-spacing: 0.06ch;
  font-size: 15px;
  color: #545454;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 7px 0;
}
.rings-grid-wrapper aside.filter-bar section > h3 span.fcount {
  font-size: 11px;
  line-height: 16px;
  color: #989898;
  display: inline-block;
  margin-left: 5px;
}
.rings-grid-wrapper aside.filter-bar section .filters {
  padding-top: 4px;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh {
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content);
  grid-template-columns: repeat(2, max-content);
  gap: 0.1rem;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 1rem;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider {
  flex: none;
  margin-top: 0.5rem;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider.ui-slider {
  border-radius: 20px;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider span.ui-slider-handle {
  border-radius: 50%;
  scale: 1.2;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider span.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
  border-color: #a0cfde;
  background: #a0cfde;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider div.ui-slider-range {
  background: rgba(160, 207, 222, 0.28);
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceRangeText {
  letter-spacing: 0.06ch;
  font-size: 13px;
  align-self: center;
  color: #84aab5;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh .price-custom {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-around;
  max-width: unset;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh .price-custom .min-max-input {
  flex: 1;
  width: 70px;
}
.rings-grid-wrapper aside.filter-bar section .filters .fs {
  flex: 0 0 14px;
}
@media all and (min-width: 800px) {
  .rings-grid-wrapper aside.filter-bar section .filters .fs:nth-of-type(3), .rings-grid-wrapper aside.filter-bar section .filters .fs:nth-of-type(6), .rings-grid-wrapper aside.filter-bar section .filters .fs:nth-of-type(9), .rings-grid-wrapper aside.filter-bar section .filters .fs:nth-of-type(12) {
    display: none;
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper aside.filter-bar section .filters .fs {
    flex: 0 0 10px;
  }
  .rings-grid-wrapper aside.filter-bar section .filters .fs:last-of-type {
    display: none;
  }
}
.rings-grid-wrapper aside.filter-bar section .filters .filter {
  display: flex;
  -webkit-text-decoration: none;
  text-decoration: none;
  flex: 0 0 50px;
  text-align: center;
  position: relative;
  width: auto;
  padding: 0.5rem 0.35rem;
  gap: 0.25rem;
  align-items: center;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter:hover {
  background: rgba(160, 207, 222, 0.1450980392);
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.availability:first-of-type, .rings-grid-wrapper aside.filter-bar section .filters .filter.made_to_order:first-of-type {
  margin-right: 14px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.disabled {
  cursor: default;
  background: #404040;
  opacity: 0.8;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.disabled .swatch {
  opacity: 0.5;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.disabled .caption {
  color: #fff;
  opacity: 0.5;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.selected {
  background: #dcdcdc;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.selected .swatch, .rings-grid-wrapper aside.filter-bar section .filters .filter.selected p.caption {
  opacity: 0.7;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.selected.text::after {
  top: 3px;
  right: 1px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  flex: none;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #c7c7c7;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch span.number {
  font: normal 1em "Timeless", serif;
  font-size: 11px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch p.abbr {
  font: normal 1em "Timeless", serif;
  font-size: 22px;
  position: relative;
  top: 14px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch.blank {
  background-size: 60%;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch.mto {
  background-color: #dadada;
  background-image: url("/assets/made_to_order-524c2b835e72e50c22d365a08a614dfc65a89299.svg");
  background-size: auto 100%;
  border-color: #c7c4c4;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch.rts {
  background-image: url("/assets/ready_to_ship-086f0e0908c026429e432725f4c4cac3d9f59b10.svg");
  background-size: 100% 100%;
  border-color: gray;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter p.caption {
  font: normal 1em "Timeless", serif;
  font-size: 13px;
  color: #272727;
  line-height: normal;
  text-wrap: nowrap;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.text {
  flex: 0 0 100%;
  text-align: left;
  padding: 5px;
  margin-bottom: 3px;
  max-width: none;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.text p.caption {
  font-size: 13px;
  line-height: 15px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.text:hover p.caption {
  color: #a0cfde;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.text.disabled:hover p.caption {
  color: #fff;
}
.rings-grid-wrapper aside.filter-bar section#free .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#prev .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#green .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#price .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#gender .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#shop .filters .filter.text p.caption {
  color: #5b93a5;
}
.rings-grid-wrapper aside.filter-bar section#free .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#prev .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#green .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#price .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#gender .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#shop .filters .filter.text p.caption:hover {
  color: #272727;
}
.rings-grid-wrapper aside.filter-bar section#free .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#prev .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#green .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#price .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#gender .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#shop .filters .filter.text.disabled p.caption {
  color: #fff;
}
.rings-grid-wrapper aside.filter-bar section#free .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#prev .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#green .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#price .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#gender .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#shop .filters .filter.text.selected p.caption {
  color: gray;
}
.rings-grid-wrapper .rings-holder {
  width: 80%;
  width: calc(100% - 200px);
  float: right;
  text-align: center;
  position: relative;
  z-index: 1;
  top: 0;
}
@media screen and (min-width: 801px) {
  .rings-grid-wrapper .rings-holder {
    padding: 1rem;
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder {
    width: 100%;
    float: none;
  }
}
@media all and (min-width: 800px) {
  .rings-grid-wrapper .rings-holder {
    bottom: 30px;
  }
}
.rings-grid-wrapper .rings-holder .rcontain {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 10px;
  gap: 1rem;
}
@media screen and (min-width: 1300px) {
  .rings-grid-wrapper .rings-holder .rcontain {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder .rcontain {
    width: 100%;
    float: none;
    padding: 0;
  }
}
.rings-grid-wrapper .rings-holder .rcontain div.no-rings {
  padding: 40px 20px;
  flex: 0 0 100%;
}
.rings-grid-wrapper .rings-holder .ring {
  text-align: center;
  position: relative;
  white-space: normal;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.rings-grid-wrapper .rings-holder .ring .ring-box {
  display: flex;
  justify-content: center;
  position: relative;
}
.rings-grid-wrapper .rings-holder .ring .ring-box img.mto {
  position: absolute;
  left: 5px;
  top: 0;
  z-index: 5;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop {
  position: absolute;
  left: 37px;
  top: 2px;
  z-index: 20;
  background: #fff;
  height: auto;
  width: 250px;
  border: 1px solid #d4d4d4;
  padding: 12px;
  font-size: 13px;
  color: #3e3e3e;
  font-family: "Timeless";
  border-radius: 5px;
  white-space: normal;
  text-align: left;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop::-webkit-scrollbar {
  display: none;
}
@media all and (max-width: 550px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop {
    padding: 10px;
    max-width: calc(100% - 40px);
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop span.icon-close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 18px;
  color: #76787c;
  display: inline-block;
  z-index: 4;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop span.icon-close:hover {
  color: #a0cfde;
}
@media all and (min-width: 800px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop span.icon-close {
    display: none;
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-box span.on-sale {
  background: #272727;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  color: white;
  font: normal 1em "Timeless", serif;
  font-size: 14px;
  display: block;
  padding: 4px 8px;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img {
  display: block;
  position: relative;
  background: #fff;
  z-index: 3;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img img {
  width: 100%;
}
@media all and (min-width: 1080px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider {
    height: 215px;
    min-width: 215px;
  }
}
@media all and (min-width: 800px) and (max-width: 1080px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider {
    height: calc(23vw - 18px);
    min-width: calc(23vw - 18px);
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider {
    height: calc(32vw - 15px);
  }
}
@media all and (max-width: 550px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider {
    height: calc(50vw - 15px);
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider .unslider {
  height: 100%;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider .unslider .unslider-nav {
  position: absolute;
  padding-top: 0;
  bottom: 0;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 300ms ease;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick:hover {
  opacity: 1;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick .desktop-ring-clickable {
  flex: 1;
  width: 100%;
}
@media screen and (min-width: 881px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick {
    height: calc(100% - 20px);
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick.passthrough {
  pointer-events: none;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick .btn.trans {
  align-self: flex-end;
  line-height: initial;
  border: none;
  background: rgba(0, 0, 0, 0.3215686275);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  font-size: 0.9rem;
  padding: 0.5rem 0.75rem;
  color: #fff;
  flex: none;
  align-self: center;
  margin-bottom: 0.25rem;
  border-radius: 19px;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick .btn.trans:hover {
  background: rgba(0, 0, 0, 0.5725490196);
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick .btn.trans {
    opacity: 0;
    display: block;
    height: 100%;
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-info {
  font: normal 1em "Arial", sans-serif;
  color: #959595;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.sd {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 2px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.sd a {
  color: #959595;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.sd a:hover {
  color: #a0cfde;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.mm {
  font-size: 13px;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.is {
  font-size: 13px;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.is span.og {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 8px;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.is span.sp {
  color: #bd3d3d;
}
.rings-grid-wrapper .rings-holder .ring .ring-info .hold {
  position: relative;
  display: inline-block;
}
.rings-grid-wrapper .rings-holder .ring .ring-info .hold p.is {
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.rings-grid-wrapper .rings-holder .ring .ring-info .hold p.is .icon2-info {
  position: absolute;
  left: 100%;
  left: calc(100% + 5px);
  font-size: 13px;
  top: 2px;
  color: #5b93a5;
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.rings-grid-wrapper .rings-holder .ring .ring-info .hold p.is .icon2-info:hover {
  color: #a0cfde;
}
.rings-grid-wrapper .rings-holder .r-loading {
  flex: 0 0 100%;
  clear: both;
  padding: 20px 3%;
  text-align: center;
}
ul.ring-filter-tags {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 7px 0 5px 0;
  display: none;
  width: 100%;
}
ul.ring-filter-tags.show {
  display: flex;
}
ul.ring-filter-tags.mobile-filters {
  border-top: 0;
  display: none;
  justify-content: center;
  padding-top: 0;
}
@media all and (max-width: 800px) {
  ul.ring-filter-tags.mobile-filters.show {
    display: flex;
  }
}
ul.ring-filter-tags li {
  flex: 0 1 auto;
  margin: 0 3px 3px 0;
  display: block;
}
ul.ring-filter-tags li a {
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
  color: #fff;
  background: #a0cfde;
  padding: 0 5px 3px 24px;
  height: 23px;
  position: relative;
  border-radius: 2px;
}
ul.ring-filter-tags li a:hover {
  background: #5b93a5;
}
ul.ring-filter-tags li span.icon-close {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  margin-right: 4px;
  position: absolute;
  top: 5px;
  left: 4px;
}
ul.ring-filter-tags li span.tit {
  font: normal 1em "Arial", sans-serif;
  font-size: 12px;
  color: #fff;
  display: block;
  line-height: 25px;
}
.featured-rings-block {
  background: #f8f8f8;
  text-align: center;
  max-width: 100vw;
  overflow: hidden;
}
.featured-rings-block .rings-grid-wrapper {
  padding: 40px 0;
  max-width: 1200px;
}
.featured-rings-block .rings-grid-wrapper h3 {
  color: #76787c;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.featured-rings-block .rings-grid-wrapper .info-popup.white {
  bottom: 0;
  top: auto;
}
@media all and (min-width: 0) and (max-width: 415px) {
  .featured-rings-block .rings-grid-wrapper .info-popup.white {
    left: -55%;
    bottom: calc(100% + 5px);
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder {
  bottom: 0;
  width: 100%;
  float: none;
  padding: 0 15px;
}
@media all and (max-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder {
    padding: 0;
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider {
  position: relative;
}
@media all and (min-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider {
    left: 3px;
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider.slick-slider {
  opacity: 1;
}
@media all and (max-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track {
    left: auto;
    right: 28.6vw;
  }
}
@media all and (max-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow {
    display: none !important;
  }
}
@media all and (min-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide {
    margin-right: 10px;
    width: 20%;
    width: calc(20% - 10px);
    max-width: 20%;
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide:focus {
  outline-width: 0;
}
@media all and (max-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide {
    width: 100%;
    width: calc(100% - 10px);
    padding: 0 5px;
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide .ring {
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide .ring .ring-info {
  padding: 0 5px;
}
.featured-rings-block .rings-grid-wrapper .button {
  padding-top: 35px;
  position: relative;
  overflow: hidden;
}
.featured-rings-block .rings-grid-wrapper .button .btn {
  display: block;
  width: 80%;
  max-width: 250px;
  margin: 0 auto;
  text-transform: uppercase;
  position: relative;
}
@media all and (min-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .button .btn::before {
    content: " ";
    display: block;
    width: 400px;
    height: 1px;
    background: #76787c;
    position: absolute;
    right: 100%;
    right: calc(100% + 15px);
    top: 18px;
  }
  .featured-rings-block .rings-grid-wrapper .button .btn::after {
    content: " ";
    display: block;
    width: 400px;
    height: 1px;
    background: #76787c;
    position: absolute;
    left: 100%;
    left: calc(100% + 15px);
    top: 18px;
  }
}
.sort-bar {
  padding: 10px 0 0 0;
  background: #f8f8f8;
  z-index: 3;
  position: relative;
}
.sort-bar .constrain {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 260px;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain {
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: wrap;
    align-items: stretch;
    left: 0;
  }
}
.sort-bar .constrain .sorter-wrap {
  flex: 0 0 200px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap {
    flex: 1;
    max-width: 100%;
    background: #959595;
    margin: 0;
    display: block;
    text-align: center;
    padding: 10px 4px;
    position: relative;
    left: 1%;
  }
}
.sort-bar .constrain .sorter-wrap label {
  display: block;
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  color: #5F5F5F;
  line-height: 30px;
}
@media all and (min-width: 800px) {
  .sort-bar .constrain .sorter-wrap label {
    flex: 0 0 50px;
  }
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap label {
    font: 300 1em "Gotham", sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    line-height: 16px;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder {
  position: relative;
}
@media all and (min-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder {
    flex: 0 1 auto;
    height: 30px;
  }
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder {
    display: inline-block;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder select {
  font-size: 1em;
  display: block;
  opacity: 0;
  width: 100% !important;
  z-index: 2;
  cursor: pointer;
  height: 30px;
  border: 0;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder select {
    display: none;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder .customSelect {
  background: transparent;
  border-radius: 0;
  color: #5F5F5F;
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  border: 0;
  -webkit-appearance: none;
  width: 100%;
  padding: 0 15px 0 5px;
  height: 30px;
  line-height: 30px;
}
@media all and (min-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder .customSelect {
    display: block !important;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder .customSelect .customSelectInner {
  display: block !important;
  width: 100% !important;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder .customSelect {
    font: 300 1em "Gotham", sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0;
    height: auto;
    line-height: 16px;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder .icon-right-big {
  color: #5F5F5F;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 10px;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder .icon-right-big {
    display: none;
  }
}
.sort-bar #mobile-filter {
  display: none;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  font-size: 15px;
  line-height: 30px;
  background: #959595;
  border-radius: 0;
  height: 36px;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 800px) {
  .sort-bar #mobile-filter {
    display: flex;
    flex: 1;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 10px 4px;
    height: auto;
    line-height: 16px;
    font-size: 14px;
  }
}
@media all and (max-width: 800px) {
  .sort-bar {
    padding: 10px 0 10px 0;
    z-index: 11;
    border-bottom: 1px solid #e0e0e0;
  }
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .sort-bar {
      position: -webkit-sticky;
      position: sticky;
      top: 143px;
    }
  }
}
.fullscreen-overlay#sort-modal {
  background: #9c9c9c;
  padding: 20px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .table-cell {
  display: block;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal {
  background: #fff;
  padding: 0;
  width: 100%;
  height: 100%;
  height: calc(100vh - 70px);
  max-height: calc(100vh - 70px);
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal .icon-close {
  font-size: 24px;
  top: 8px;
  right: 8px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal a#reset-sort {
  font-size: 13px;
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 16px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal .links {
  padding-top: 40px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal .links .link {
  display: block;
  color: #272727;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 14px 10px 11px 10px;
  font-size: 19px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal .links .link.selected {
  background: #E9E9EA;
}
div.fp-hov {
  overflow: visible;
  position: relative;
  text-align: center;
  display: inline-block;
}
div.fp-hov > span {
  font: normal 1em "Timeless", serif;
  font-size: 13px;
  color: #636363;
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
div.fp-hov .fp-pop {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  background: white;
  border: 1px solid #d4d4d4;
  padding: 12px;
  font-size: 13px;
  color: #3e3e3e;
  font-family: Timeless;
  border-radius: 5px;
  display: none;
  z-index: 10;
  white-space: normal;
  text-align: left;
}
@media all and (max-width: 550px) {
  div.fp-hov .fp-pop {
    width: 220px;
  }
}
div.fp-hov .fp-pop.fr {
  color: #dcb8aa;
}
div.fp-hov:hover .fp-pop {
  display: block;
}
div.fp-hov.fr {
  display: inline-block;
  margin-left: 10px;
}
div.fp-hov.fr > span {
  color: #dcb8aa;
}
div.green {
  overflow: visible;
}
div.green .green-pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  background: white;
  border: 1px solid #d4d4d4;
  padding: 12px;
  font-size: 13px;
  color: #3e3e3e;
  font-family: Timeless;
  border-radius: 5px;
  display: none;
  z-index: 10;
  white-space: normal;
  text-align: left;
}
@media all and (max-width: 550px) {
  div.green .green-pop {
    width: 220px;
  }
}
div.green:hover .green-pop {
  display: block;
}
@media all and (min-width: 550px) and (max-width: 800px) {
  .rcontain .ring:nth-of-type(3n - 2) > .green .green-pop, .rcontain .ring:nth-of-type(3n - 2) > .fp-hov .fp-pop {
    left: 0;
    right: auto;
    z-index: 12;
  }
}
@media all and (min-width: 0) and (max-width: 550px) {
  .rcontain .ring:nth-of-type(odd) > .green .green-pop, .rcontain .ring:nth-of-type(odd) > .fp-hov .fp-pop {
    left: 0;
    right: auto;
    z-index: 12;
  }
}
@media all and (min-width: 550px) and (max-width: 10000px) {
  .rcontain .ring:nth-of-type(3n) .info-popup.white {
    left: auto;
    right: 5px;
  }
}
@media all and (min-width: 550px) and (max-width: 1060px) {
  .rcontain .ring:nth-of-type(3n) .ring-box .mto-pop {
    left: 5px;
    top: 55px;
    width: 220px;
  }
}
@media all and (min-width: 0) and (max-width: 550px) {
  .rcontain .ring:nth-of-type(2n) .info-popup.white {
    left: auto;
    right: 5px;
  }
}
.ring-overlay-modal.loading .modal-wrapper .modal.ring-modal .loading-overlay {
  display: block;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal {
  max-height: calc(100vh - 60px);
  background: #fff;
  max-width: 750px;
  overflow: hidden;
  padding: 0;
}
@media all and (min-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf {
    display: block;
    background: transparent;
    position: static;
    padding: 0;
  }
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    display: none;
  }
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf .info-popup {
    position: relative;
    display: block !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf .info-popup a.lm {
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #fff;
    margin-top: 8px;
  }
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf .info-popup a.icon-close {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
  }
}
@media all and (min-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink {
    top: auto;
    bottom: -60px;
    left: calc(100% + 18px);
  }
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink a.icon-close, .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink a.lm {
    display: none;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink::before {
  top: auto;
  bottom: 25px;
}
@media all and (min-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink::before {
    bottom: 65px;
  }
}
@media all and (min-width: 0) and (max-width: 485px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.white {
    left: 0;
    max-width: calc(94vw - 75px);
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(111, 111, 111, 0.7);
  z-index: 4;
  text-align: center;
  display: none;
  min-height: 100%;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .loading-overlay span {
  color: #fff;
  display: inline-block;
  padding: 20px;
  font-size: 1em;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details {
  padding: 15px;
  position: relative;
  height: auto;
  overflow-y: auto;
  max-height: calc(100vh - 60px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details::-webkit-scrollbar {
  display: none;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details .icon-close {
  font-size: 24px;
  top: 5px;
  right: 5px;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox {
  flex-direction: row-reverse;
  width: 100%;
  overflow: hidden;
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox {
    flex-direction: column;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit {
  min-width: 50%;
}
@media all and (min-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit .also {
    display: none;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit .saved-retailer.small {
  margin-top: 15px;
  border: 5px solid #eaeaea;
  padding: 6px;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit .saved-retailer.small .info {
  text-align: center;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit .saved-retailer.small address {
  font: normal 1em "Timeless", serif;
  font-size: 15px;
  display: block;
  margin-bottom: 5px;
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit {
    margin-bottom: 20px;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit .gallery {
  display: block;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit .gallery .main-img {
  width: 100%;
  height: auto;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit .gallery .green {
  bottom: 20px;
  right: 5px;
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit .also {
    display: none;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also {
  text-align: left;
  border-top: 0;
  border-bottom: 0;
  margin: 20px 0 0 0;
  padding: 0;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also h5 {
  font: normal 1em "Timeless", serif;
  color: #272727;
  text-transform: none;
  padding-left: 10px;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder ul li {
  width: 33.3333%;
  width: calc(33.3333% - 10px);
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder ul li {
    width: 50%;
    width: calc(50% - 10px);
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder button {
  top: calc(50% - 11px);
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder button.slick-prev {
  left: -15px;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder button.slick-next {
  right: -21px;
}
.clearfix .r-icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
}
.clearfix .r-icons a.icon-circle-pinterest {
  color: #e60023;
  font-size: 27px;
}
.clearfix .r-icons a.icon-circle-pinterest:hover {
  color: #76787c;
}
p.save {
  flex: 0 0 25px;
}
p.save a {
  color: #272727;
  font-size: 25px;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}
p.save a:hover {
  color: #a0cfde;
}
p.save a.icon2-heart2 {
  color: #a04141;
}
p.save a.icon2-heart2:hover {
  color: #76787c;
}
.conceal.mobile-banner-text {
  padding: 12px 5% 16px 5%;
  text-align: center;
}
.conceal.mobile-banner-text h3 {
  font-size: 1.3em;
  margin-bottom: 5px;
}
.conceal.mobile-banner-text p {
  font: normal 1em "Timeless", serif;
  font-size: 0.9em;
}
.conceal.mobile-banner-text p a {
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.conceal.mobile-banner-text p a:hover {
  color: #5b93a5;
}
@media all and (min-width: 800px) {
  .r-banner-hold img.dt {
    display: block;
    width: 100%;
  }
}
@media all and (max-width: 800px) {
  .r-banner-hold img.dt {
    display: none;
  }
}
@media all and (min-width: 800px) {
  .r-banner-hold img.mb {
    display: none;
  }
}
@media all and (max-width: 800px) {
  .r-banner-hold img.mb {
    display: block;
    width: 100%;
  }
}
.ring-size-video {
  text-align: center;
  padding-bottom: 20px;
}
.ring-size-video .video-block .contain {
  max-width: 800px;
  margin: 0 auto;
}
.ring-details {
  color: #272727;
  padding: 0;
}
.ring-details .flexbox {
  padding: 1rem;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox {
    padding: 0 2%;
  }
}
.ring-details .flexbox .left-unit {
  min-width: 35%;
  text-align: left;
  flex: 0 1;
}
.ring-details .flexbox .left-unit .iso.hold {
  position: relative;
  display: inline-block;
  margin: 10px 0 0 0;
  padding-left: 5px;
}
.ring-details .flexbox .left-unit .iso.hold p.is {
  font-family: "Arial";
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.ring-details .flexbox .left-unit .iso.hold p.is .icon2-info {
  position: absolute;
  left: 100%;
  left: calc(100% + 5px);
  font-size: 13px;
  top: 2px;
  color: #5b93a5;
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ring-details .flexbox .left-unit .iso.hold p.is .icon2-info:hover {
  color: #a0cfde;
}
.ring-details .flexbox .left-unit .delivery-info {
  border: 1px solid #a0cfde;
  padding: 12px 20px;
  text-align: center;
  max-width: 330px;
  margin: 20px auto 0 0;
}
.ring-details .flexbox .left-unit .delivery-info span.blue {
  color: #5b93a5;
  text-transform: uppercase;
  font-weight: bold;
}
.ring-details .flexbox .left-unit .delivery-info p {
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  color: #76787c;
  line-height: 18px;
}
.ring-details .flexbox .left-unit .delivery-info .bottom {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #76787c;
}
.ring-details .flexbox .left-unit .action-buttons, .ring-details .flexbox .left-unit .ret-btns {
  display: flex;
  justify-content: flex-start;
  margin: 15px 0 0 0;
}
.ring-details .flexbox .left-unit .action-buttons .hold, .ring-details .flexbox .left-unit .action-buttons .btn, .ring-details .flexbox .left-unit .ret-btns .hold, .ring-details .flexbox .left-unit .ret-btns .btn {
  position: relative;
  display: block;
  flex: 0 1 auto;
  margin-right: 6px;
}
.ring-details .flexbox .left-unit .action-buttons .hold .btn, .ring-details .flexbox .left-unit .ret-btns .hold .btn {
  margin-right: 0;
  width: 100%;
  display: block;
  max-width: none;
}
@media all and (min-width: 800px) {
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf {
    display: block;
    background: transparent;
    position: static;
    padding: 0;
  }
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    display: none;
  }
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf .info-popup {
    position: relative;
    display: block !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf .info-popup a.lm {
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #fff;
    margin-top: 8px;
  }
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf .info-popup a.icon-close {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
  }
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf .info-popup a.icon-close:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}
.ring-details .flexbox .left-unit .info-popup {
  width: 300px;
}
@media all and (min-width: 800px) {
  .ring-details .flexbox .left-unit .info-popup a.icon-close, .ring-details .flexbox .left-unit .info-popup a.lm {
    display: none;
  }
}
@media all and (max-width: 550px) {
  .ring-details .flexbox .left-unit .info-popup {
    width: 260px;
  }
}
@media all and (max-width: 550px) {
  .ring-details .flexbox .left-unit .info-popup.blue {
    left: 0;
    top: auto;
    bottom: calc(100% + 5px);
  }
  .ring-details .flexbox .left-unit .info-popup.blue::before {
    display: none;
  }
  .ring-details .flexbox .left-unit .info-popup.blue.bt {
    top: calc(100% + 5px);
    bottom: auto;
  }
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .left-unit .info-popup.pink {
    left: auto;
    right: 0;
    top: auto;
    bottom: calc(100% + 5px);
  }
  .ring-details .flexbox .left-unit .info-popup.pink::before {
    display: none;
  }
}
.ring-details .flexbox .right-unit {
  flex: 1;
}
.ring-details .flexbox .right-unit .clearfix {
  margin-bottom: 10px;
  position: relative;
}
.ring-details .flexbox .right-unit .clearfix .hold.made {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 45px;
}
.ring-details .flexbox .right-unit .clearfix .hold.made img.mto {
  display: block;
}
.ring-details .flexbox .right-unit .clearfix .hold.made .info-popup.white {
  top: 0;
  left: 100%;
}
.ring-details .flexbox button.slick-prev {
  font-size: 18px;
  left: -20px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox button.slick-prev {
    left: -4px;
    z-index: 5;
  }
}
.ring-details .flexbox button.slick-next {
  font-size: 18px;
  right: -20px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox button.slick-next {
    right: -11px;
  }
}
.ring-details .flexbox p.vd {
  text-align: center;
  padding: 10px 0;
}
.ring-details .flexbox p.vd a {
  display: inline-block;
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
}
.ring-details .flexbox p.vd a:hover {
  color: #a0cfde;
}
.ring-details .flexbox ul.thumbs {
  list-style-type: none;
  white-space: nowrap;
}
.ring-details .flexbox ul.thumbs li {
  display: inline-block;
  cursor: pointer;
  padding: 0 2px;
  margin-right: 5px;
  position: relative;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox ul.thumbs li {
    width: 33.3333%;
    width: calc(33.3333% - 8px);
  }
}
.ring-details .flexbox ul.thumbs li:last-of-type {
  margin-right: 0;
}
.ring-details .flexbox ul.thumbs li a.main {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ring-details .flexbox ul.thumbs li a.main img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 100px;
}
.ring-details .flexbox ul.thumbs li a.main:focus {
  outline-width: 0;
}
.ring-details .flexbox ul.thumbs li a.green {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ring-details .flexbox ul.thumbs li span.metal {
  font: normal 1em "Timeless", serif;
  color: #76787c;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ring-details .flexbox .also {
  text-align: center;
  border-bottom: 3px solid #eaeaea;
  border-top: 3px solid #eaeaea;
  padding: 10px 0 1px 0;
  margin: 20px 0 15px 0;
  max-width: 330px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .also {
    overflow: hidden;
  }
}
.ring-details .flexbox .also h5 {
  color: #a7a7a7;
  font: normal 1em "Times New Roman", serif;
  font-size: 17px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.ring-details .flexbox .also .slick-holder ul .slick-track {
  min-width: 0;
  margin: 0 auto;
}
.ring-details .flexbox .also ul li > img.gn, .ring-details .flexbox .also ul li a.green {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2;
  display: block;
}
.ring-details .flexbox .also ul li > img.gn:hover, .ring-details .flexbox .also ul li a.green:hover {
  opacity: 0.6;
}
.ring-details .flexbox .also ul li > img.gn img, .ring-details .flexbox .also ul li a.green img {
  display: block;
}
@media all and (min-width: 800px) {
  .ring-details .flexbox .left-unit {
    padding-right: 2%;
  }
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .left-unit {
    order: 1;
  }
}
.ring-details .flexbox .left-unit h3 {
  margin-bottom: 10px;
  font-size: 1.7em;
  line-height: 1.2em;
}
.ring-details .flexbox .left-unit .rtext .product-name-container {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
  margin-bottom: 0.5rem;
}
.ring-details .flexbox .left-unit .rtext .product-name-container h2 {
  margin-bottom: 0;
}
.ring-details .flexbox .left-unit .rtext .product-name-container h6 {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.ring-details .flexbox .left-unit .rtext .product-name-container .green {
  display: flex;
  align-items: center;
  background: #26b573;
  color: white;
  border-radius: 50%;
  padding: 0.25rem 0.55rem;
  gap: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7rem;
  position: relative;
}
.ring-details .flexbox .left-unit .rtext .product-name-container .green img {
  height: 1rem;
  filter: brightness(0) invert(1);
}
.ring-details .flexbox .left-unit .rtext .product-name-container .green .green-pop {
  font-size: 13px;
  font-weight: normal;
  color: #3e3e3e;
  text-transform: none;
}
.ring-details .flexbox .left-unit .ring-name {
  text-transform: uppercase;
  font: 300 1em "Gotham", sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #474747;
  margin-bottom: 0.5em;
}
.ring-details .flexbox .left-unit h4.DetailsTitle {
  font: 1.2rem "Gotham", sans-serif;
  text-transform: uppercase;
}
.ring-details .flexbox .left-unit .richtext {
  margin-bottom: 10px;
}
.ring-details .flexbox .left-unit .richtext.InModal.desc ul {
  border-left: solid black;
  padding: 0 0 0 0.25rem;
}
.ring-details .flexbox .left-unit .richtext.desc ul {
  margin-bottom: 0;
}
.ring-details .flexbox .left-unit p.price {
  font: normal 1em "Timeless", serif;
  margin: 20px 0 15px 0;
  font-size: 30px;
}
.ring-details .flexbox .left-unit p.price span.old {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-size: 0.7em;
  color: gray;
  display: inline-block;
  margin-left: 10px;
}
.ring-details .flexbox .left-unit .affirm-as-low-as {
  margin-top: 0.5em;
  font-size: 0.85rem;
}
.ring-details .flexbox .left-unit .affirm-as-low-as a {
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-style: italic;
}
.ring-details .flexbox .left-unit .affirm-as-low-as a:hover {
  color: #a0cfde;
}
.ring-details .flexbox .left-unit .ring-shop-options {
  margin-top: 20px;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .opt.req .fake-select {
  border-color: red;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .opt.req .select-holder .ui-selectmenu-button {
  border-color: red;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .opt label {
  flex: 0 25%;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .opt div {
  flex: 1;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .engraving .eng-options .field.req {
  border-color: red;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .engraving .eng-options .field.req .top {
  border-color: red;
}
.ring-details .flexbox .left-unit .iframe-buttons .btn.pink {
  margin-top: 5px;
}
.ring-details .flexbox .right-unit {
  text-align: center;
}
@media all and (min-width: 800px) {
  .ring-details .flexbox .right-unit {
    padding-left: 2%;
  }
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .right-unit {
    order: 0;
    margin-bottom: 40px;
  }
}
.ring-details .flexbox .right-unit .rtext .product-name-container {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
  margin-bottom: 0.5rem;
}
.ring-details .flexbox .right-unit .rtext .product-name-container h2 {
  margin-bottom: 0;
}
.ring-details .flexbox .right-unit .rtext .product-name-container h6 {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.ring-details .flexbox .right-unit .rtext .product-name-container .green {
  display: flex;
  align-items: center;
  background: #26b573;
  color: white;
  border-radius: 50%;
  padding: 0.25rem 0.55rem;
  gap: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7rem;
  position: relative;
}
.ring-details .flexbox .right-unit .rtext .product-name-container .green img {
  height: 1rem;
  filter: brightness(0) invert(1);
}
.ring-details .flexbox .right-unit .rtext .product-name-container .green .green-pop {
  font-size: 13px;
  font-weight: normal;
  color: #3e3e3e;
  text-transform: none;
}
.ring-details .flexbox .right-unit .ring-name {
  text-transform: uppercase;
  font: 300 1em "Gotham", sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #474747;
  margin-bottom: 0.5em;
}
.ring-details .flexbox .right-unit p.in {
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  font-style: italic;
  text-align: right;
  padding-right: 1px;
}
.ring-details .flexbox .right-unit .img-grid {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
}
@media screen and (min-width: 801px) {
  .ring-details .flexbox .right-unit .img-grid {
    display: grid;
    gap: 1rem;
  }
}
.ring-details .flexbox .right-unit .img-grid model-viewer {
  height: auto;
  width: auto;
}
.ring-details .flexbox .right-unit .img-grid model-viewer .callout-360 {
  display: flex;
  pointer-events: none;
}
.ring-details .flexbox .right-unit .img-grid model-viewer .callout-360 img {
  width: 15%;
}
.ring-details .flexbox .right-unit .img-grid .ring_video {
  height: 100%;
  width: auto;
  aspect-ratio: 1;
}
.ring-details .flexbox .right-unit .gallery {
  position: relative;
}
@media screen and (min-width: 801px) {
  .ring-details .flexbox .right-unit .gallery {
    display: none;
  }
}
.ring-details .flexbox .right-unit .gallery .inquire-link {
  color: #a0cfde;
  font-size: 24px;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 2px solid #a0cfde;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: 129px;
  left: 35px;
  z-index: 2;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding-top: 8px;
}
.ring-details .flexbox .right-unit .gallery .inquire-link:hover {
  color: #5b93a5;
  border-color: #5b93a5;
}
@media all and (max-width: 550px) {
  .ring-details .flexbox .right-unit .gallery .inquire-link {
    bottom: 100px;
    left: 25px;
    font-size: 20px;
    width: 34px;
    height: 34px;
    padding-top: 7px;
  }
}
.ring-details .flexbox .right-unit .gallery .green {
  display: block;
  position: absolute;
  bottom: 85px;
  right: 0;
}
@media all and (max-width: 550px) {
  .ring-details .flexbox .right-unit .gallery .green {
    bottom: 64px;
  }
}
.ring-details .flexbox .right-unit .gallery .green img {
  display: block;
}
.ring-details .flexbox .right-unit .gallery .green:hover img {
  opacity: 0.6;
}
.ring-details .flexbox .right-unit .saved-retailer {
  border: 5px solid #eaeaea;
  background: #fff;
  padding: 5px;
  margin-top: 20px;
  margin-bottom: 5px;
}
.ring-details .flexbox .right-unit .saved-retailer .left {
  text-align: center;
  padding-top: 10px;
}
.ring-details .flexbox .right-unit .saved-retailer address {
  font: normal 1em "Timeless", serif;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}
.ring-details .flexbox .right-unit .saved-retailer h6 {
  font-size: 15px;
  margin-bottom: 5px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .right-unit .saved-retailer h6 {
    margin-top: 10px;
  }
}
.ring-details .flexbox .right-unit .saved-retailer .map-link {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ring-details .flexbox .right-unit .saved-retailer .map-link img {
  display: block;
}
.ring-details .flexbox .right-unit form {
  display: none;
  background-color: #fff;
  padding: 3px;
  position: relative;
  margin-top: 20px;
  border: 5px solid #eaeaea;
  margin-bottom: 3px;
}
.ring-details .flexbox .right-unit form .fc {
  background-color: #eaeaea;
  border: 2px solid #a0cfde;
}
.ring-details .flexbox .right-unit form .fc .fc-inner {
  border: 3px solid #fff;
  padding: 10px;
}
.ring-details .flexbox .right-unit form label {
  font: normal 1em "Times New Roman", serif;
  font-size: 20px;
  display: block;
  margin-bottom: 15px;
  text-align: left;
}
.ring-details .flexbox .right-unit form input[type=text] {
  display: block;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #77787b;
  margin: 0;
  font: normal 1em "Gotham Condensed", sans-serif;
  font-size: 26px;
  padding: 2px 50px 4px 2px;
  width: 100%;
  text-align: center;
}
.ring-details .flexbox .right-unit form input[type=text].placeholder_js {
  color: #c4c9c8 !important;
}
.ring-details .flexbox .right-unit form .search {
  display: block;
  position: absolute;
  right: 17px;
  top: 53px;
}
.ring-details .flexbox .right-unit form .search .btn {
  font: normal 1em "Gotham Condensed", sans-serif;
  padding: 2px 25px 2px 10px;
  line-height: 30px;
  font-size: 20px;
  text-transform: none;
}
.ring-details .flexbox .right-unit form .search .icon2-play {
  color: #fff;
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 15px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .right-unit form .search {
    display: block;
  }
}
.ring-details .richtext p, .ring-details .richtext ul, .ring-details .richtext ol {
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  line-height: 15px;
}
.ring-details .richtext p li, .ring-details .richtext ul li, .ring-details .richtext ol li {
  margin-bottom: 3px;
}
.ring-details .richtext p li:last-of-type, .ring-details .richtext ul li:last-of-type, .ring-details .richtext ol li:last-of-type {
  margin-bottom: 0;
}
.ring-details .TitleText {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ring-details .ExpandedDescription {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f8f8f8;
  padding: 1rem;
}
.ring-details .ExpandedDescription .ring-name {
  text-transform: uppercase;
  font: 300 1em "Gotham", sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #474747;
  margin-bottom: 0.5em;
}
.ring-info-tabs {
  padding: 40px 0;
}
.ring-info-tabs .constrain {
  padding: 0 4%;
}
.ring-info-tabs .constrain ul.tabs {
  list-style-type: none;
  border-bottom: 1px solid #76787c;
  padding-bottom: 5px;
}
.ring-info-tabs .constrain ul.tabs li {
  display: inline-block;
  padding: 0 15px 0 0;
}
@media all and (max-width: 550px) {
  .ring-info-tabs .constrain ul.tabs li {
    padding: 0 5px 0 0;
  }
}
.ring-info-tabs .constrain ul.tabs li a {
  color: #a0cfde;
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: bold;
}
.ring-info-tabs .constrain ul.tabs li a:hover {
  color: #5b93a5;
}
.ring-info-tabs .constrain ul.tabs li a.active {
  color: #76787c;
}
.ring-info-tabs .constrain ul.tabs li a.active:hover {
  color: #5b93a5;
}
@media all and (max-width: 800px) {
  .ring-info-tabs .constrain ul.tabs li a {
    font-size: 13px;
  }
}
@media all and (max-width: 550px) {
  .ring-info-tabs .constrain ul.tabs li a {
    font-size: 11px;
  }
}
.ring-info-tabs .constrain .cards .card {
  display: none;
  padding-top: 10px;
}
.ring-info-tabs .constrain .cards .card:first-of-type {
  display: block;
}
.ring-info-tabs .constrain .cards .card .richtext p {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  color: #76787c;
  line-height: 1.4em;
}
.ring-photo-slider img.ph {
  display: block;
  margin: 10px auto;
  width: 100%;
  height: auto;
}
.ring-photo-slider .un-slide {
  overflow: hidden;
}
.ring-photo-slider .un-slide img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 455px;
  opacity: 0;
}
.ring-photo-slider .un-slide:first-of-type img, .ring-photo-slider .un-slide.unslider-active img, .ring-photo-slider .un-slide.unslider-active.back {
  opacity: 1;
}
.ring-photo-slider .un-slide.back {
  background-size: cover;
  background-position: center;
}
.ring-photo-slider .un-slide.back img {
  opacity: 0 !important;
}
.ring-photo-slider .un-slide .iframe-hold {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 455px;
}
.ring-photo-slider .un-slide .iframe-hold .if {
  position: relative;
  width: 92%;
  padding-bottom: 92%;
  margin: 0 auto;
}
.ring-photo-slider .un-slide .iframe-hold iframe {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ring-photo-slider .unslider.unslider-loaded .un-slide img {
  opacity: 1;
}
.ring-photo-slider .unslider-nav {
  position: static;
  padding-top: 10px;
}
.ring-photo-slider .unslider-nav ol {
  display: flex;
  justify-content: center;
}
.ring-photo-slider .unslider-nav ol li {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  border-color: #707070;
  order: 2;
}
.ring-photo-slider .unslider-nav ol li.unslider-active {
  background-color: #707070;
}
.ring-photo-slider.has-360 .unslider-nav ol li:last-child {
  order: 1;
  border: 0;
  border-radius: 0;
  width: 14px;
  background-image: url("/assets/tri4-fbf58e9368d48aed3383624645a4de3c1309fa69.png");
  background-size: 10px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ring-photo-slider.has-360 .unslider-nav ol li:last-child.unslider-active {
  background-color: transparent;
  background-image: url("/assets/trifill-ea62afe303d91497e2658c6cd678b709aecaf554.png");
}
.ring-photo-slider.has-3d:not(.has-360):not(.big) .unslider-nav ol li:last-child {
  order: 0;
  border: 0;
  border-radius: 0;
  width: 24px;
  background-image: url("/assets/3d-sm-outline-36a4ee655e6c4727aa1f941de81fc8b1987f12e5.png");
  background-size: 24px 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ring-photo-slider.has-3d:not(.has-360):not(.big) .unslider-nav ol li:last-child.unslider-active {
  background-color: transparent;
  background-image: url("/assets/3d-sm-91833870c6549b2d05a051ac561483aae86ac191.png");
}
.ring-photo-slider.has-360.has-3d:not(.big) .unslider-nav ol li:nth-last-child(2) {
  order: 0;
  border: 0;
  border-radius: 0;
  width: 24px;
  background-image: url("/assets/3d-sm-outline-36a4ee655e6c4727aa1f941de81fc8b1987f12e5.png");
  background-size: 24px 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ring-photo-slider.has-360.has-3d:not(.big) .unslider-nav ol li:nth-last-child(2).unslider-active {
  background-color: transparent;
  background-image: url("/assets/3d-sm-91833870c6549b2d05a051ac561483aae86ac191.png");
}
.ring-photo-slider.big .unslider-nav ol li {
  width: auto;
  height: 75px;
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-color: transparent;
  border-width: 0;
  border-radius: 0;
  margin: 0;
  flex: 1;
  max-width: 100px;
}
@media (hover: hover) {
  .ring-photo-slider.big .unslider-nav ol li:hover {
    opacity: 0.6;
  }
}
.ring-photo-slider.big .unslider-nav ol li.unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big .unslider-nav ol li:not(:first-child) {
  margin-left: 0.25em;
}
@media all and (max-width: 550px) {
  .ring-photo-slider.big .unslider-nav ol li {
    background-size: 90%;
  }
}
.ring-photo-slider.big.has-360:not(.has-3d) .unslider-nav ol li:last-child {
  order: 0;
  width: auto;
  height: 75px;
  position: relative;
  background-size: contain;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  max-width: 100px;
}
.ring-photo-slider.big.has-360:not(.has-3d) .unslider-nav ol li:last-child.unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big.has-360:not(.has-3d) .unslider-nav ol li:last-child::after {
  content: " ";
  display: block;
  background-image: url("/assets/blueplay-d1ea21807bff67ef76cedd8919b211b23b515bea.png");
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  top: calc(50% - 20px);
  left: 40%;
  left: calc(50% - 20px);
  z-index: 1;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .ring-photo-slider.big.has-360:not(.has-3d) .unslider-nav ol li:last-child::after {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
  }
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:last-child {
  order: 1;
  width: auto;
  height: 75px;
  position: relative;
  background-size: contain;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  max-width: 100px;
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:last-child.unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:last-child::after {
  content: " ";
  display: block;
  background-image: url("/assets/blueplay-d1ea21807bff67ef76cedd8919b211b23b515bea.png");
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  top: calc(50% - 20px);
  left: 40%;
  left: calc(50% - 20px);
  z-index: 1;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:last-child::after {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
  }
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:nth-last-child(2) {
  order: 0;
  width: auto;
  height: 75px;
  position: relative;
  background-size: contain;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  max-width: 100px;
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:nth-last-child(2).unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:nth-last-child(2)::after {
  content: " ";
  display: block;
  background-image: url("/assets/3d-9b1f308b1ec4acec2d30588286ddf5718ed0b212.png");
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  top: calc(50% - 20px);
  left: 40%;
  left: calc(50% - 20px);
  z-index: 1;
  background-size: 36px 36px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:nth-last-child(2)::after {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
  }
}
.ring-photo-slider.big.has-3d:not(.has-360) .unslider-nav ol li:last-child {
  order: 0;
  width: auto;
  height: 75px;
  position: relative;
  background-size: contain;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  max-width: 100px;
}
.ring-photo-slider.big.has-3d:not(.has-360) .unslider-nav ol li:last-child.unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big.has-3d:not(.has-360) .unslider-nav ol li:last-child::after {
  content: " ";
  display: block;
  background-image: url("/assets/3d-9b1f308b1ec4acec2d30588286ddf5718ed0b212.png");
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  top: calc(50% - 20px);
  left: 40%;
  left: calc(50% - 20px);
  z-index: 1;
  background-size: 36px 36px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .ring-photo-slider.big.has-3d:not(.has-360) .unslider-nav ol li:last-child::after {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
  }
}
.featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider {
  padding: 0;
}
.featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow {
  display: none !important;
}
@media all and (min-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track {
    display: flex;
    justify-content: center;
  }
}
@media all and (min-width: 800px) and (max-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track {
    flex-wrap: wrap;
  }
}
@media all and (min-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track li.slick-slide {
    float: none;
    flex: 0 1 auto;
  }
}
@media all and (min-width: 800px) and (max-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track li.slick-slide {
    flex: 0 0 48%;
  }
}
@media all and (min-width: 800px) and (max-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track li.slick-slide:nth-of-type(5) {
    display: none;
  }
}
.featured-rings-block.similar-rings .rings-grid-wrapper {
  min-height: 0;
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider {
  padding: 0 25px;
}
@media all and (max-width: 800px) {
  .featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider {
    padding: 0 10px;
  }
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track {
  left: auto;
  right: auto;
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow {
  background: transparent;
  display: block;
  height: auto;
  top: 100px;
}
@media all and (max-width: 800px) {
  .featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow {
    top: 70px;
  }
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow::before {
  color: #a0cfde;
  font-size: 20px;
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow.slick-prev {
  left: -6px;
}
@media all and (max-width: 800px) {
  .featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow.slick-prev {
    left: 0;
  }
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow.slick-next {
  right: 0;
}
@media all and (max-width: 800px) {
  .featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow.slick-next {
    right: 0;
  }
}
.free-ring-banner {
  background-image: url("/assets/free_banner_left-f396767b192a5c07d47242f20e521b319f1ffc22.jpg");
  -ms-behavior: url("/bg.htc");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: right;
  padding: 80px 0;
  color: #fff;
  background-color: #959595;
}
.free-ring-banner h3 {
  font-size: 6vw;
  font-family: "Trajan";
  margin-bottom: 0;
}
@media all and (max-width: 800px) {
  .free-ring-banner h3 {
    font-size: 40px;
  }
}
.saved-rings {
  padding: 20px 2%;
}
.saved-rings > h2 {
  border-bottom: 1px solid #76787c;
  padding-bottom: 10px;
  margin-bottom: 20px;
  width: 99%;
}
.saved-rings .flexbox {
  flex-wrap: wrap;
}
@media all and (max-width: 550px) {
  .saved-rings .flexbox {
    display: block;
  }
}
.saved-rings .flexbox .saved-ring {
  flex: 0 0 49%;
  padding: 20px;
  margin: 0 1% 20px 0;
  border: 1px solid #dedede;
}
@media all and (max-width: 550px) {
  .saved-rings .flexbox .saved-ring {
    margin: 0 0 20px 0;
  }
}
.saved-rings .flexbox .saved-ring > a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
}
.saved-rings .flexbox .saved-ring h3 {
  margin-bottom: 10px;
  font-size: 1.7em;
  line-height: 1.2em;
}
.saved-rings .flexbox .saved-ring p.meta {
  font: normal 1em "Times New Roman", serif;
  font-size: 18px;
  color: #bdbcc1;
  margin-bottom: 20px;
}
.saved-rings .flexbox .saved-ring div.green {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  position: relative;
}
.saved-rings .flexbox .saved-ring div.green img {
  display: block;
}
.saved-rings .flexbox .saved-ring div.green:hover img {
  opacity: 0.6;
}
.saved-rings .flexbox .saved-ring p.price {
  font: normal 1em "Timeless", serif;
  margin: 15px 0 2px 0;
  font-size: 28px;
}
.saved-rings .flexbox .saved-ring img.ring {
  display: inline-block;
  height: auto;
}
.saved-rings .flexbox .saved-ring p.in {
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  font-style: italic;
  text-align: right;
  padding-right: 1px;
}
.saved-rings .flexbox .saved-ring p.links {
  text-align: right;
}
.saved-rings .flexbox .saved-ring p.links a {
  font: normal 1em "Times New Roman", serif;
  color: #76787c;
  font-size: 18px;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  margin-left: 12px;
}
.saved-rings .flexbox .saved-ring p.links a:hover {
  color: #a0cfde;
}
.saved-rings .rings-holder {
  bottom: unset;
  width: auto;
  float: unset;
}
.saved-rings .rings-holder .rcontain {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
}
@media screen and (min-width: 1300px) {
  .saved-rings .rings-holder .rcontain {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (min-width: 880px) {
  .saved-rings .rings-holder .rcontain {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.saved-rings .rings-holder .rcontain .ring .heart-container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0.5rem;
  z-index: 9;
  display: flex;
  justify-content: flex-end;
}
.ring[hide-page-indicators] .ring-box .ring-img .mobile-page-indicator-container, .ring[hide-page-indicators=true] .ring-box .ring-img .mobile-page-indicator-container {
  display: none;
}
.ring .ring-box .ring-img {
  width: 100%;
  position: relative;
}
.ring .ring-box .ring-img .mobile-page-indicator-container {
  position: absolute;
  bottom: 0.25rem;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 880px) {
  .ring .ring-box .ring-img .mobile-page-indicator-container {
    display: none;
  }
}
.ring .ring-box .ring-img .mobile-page-indicator-container .mobile-page-inner {
  padding: 0.25rem;
  background: rgba(255, 255, 255, 0.4588235294);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: flex;
  gap: 0.35ch;
  align-items: center;
}
.ring .ring-box .ring-img .mobile-page-indicator-container .mobile-page-inner .page-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #4c4c4c;
}
.ring .ring-box .ring-img .mobile-page-indicator-container .mobile-page-inner .page-indicator.selected {
  background: #4c4c4c;
}
.ring .ring-box .ring-img .main-images {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 1px;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  aspect-ratio: 1;
}
.ring .ring-box .ring-img .main-images {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ring .ring-box .ring-img .main-images::-webkit-scrollbar {
  display: none;
}
.ring .ring-box .ring-img .main-images a {
  display: inline;
  scroll-snap-align: center;
  width: 100%;
  height: 100%;
  flex: none;
}
.ring .ring-box .ring-img .main-images a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 880px) {
  .ring .ring-box .ring-img .main-images {
    display: block;
    overflow: initial;
    position: initial;
  }
  .ring .ring-box .ring-img .main-images a img {
    animation: fade 250ms;
  }
  .ring .ring-box .ring-img .main-images a:first-child {
    display: block;
  }
  .ring .ring-box .ring-img .main-images a:nth-child(2) {
    display: none;
  }
}
@media screen and (min-width: 880px) {
  .ring .ring-box .ring-img {
    position: relative;
  }
  .ring .ring-box .ring-img:hover .main-images a:first-child {
    display: none;
  }
  .ring .ring-box .ring-img:hover .main-images a:nth-child(2) {
    display: block;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ring .swatch-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 500px) {
  .ring .swatch-container.desk {
    display: none;
  }
}
@media screen and (min-width: 500.999px) {
  .ring .swatch-container.mobile {
    display: none;
  }
}
.ring .swatch-container a {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  overflow: clip;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}
.ring .swatch-container a.swatch.selected {
  border: 1px solid;
  padding: 3px;
}
.ring .swatch-container a.swatch.selected img {
  border-radius: 50%;
}
.ring .swatch-container a.swatch-extra {
  color: #959595;
  font-size: 13px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.ring .swatch-container a span {
  vertical-align: middle;
}
@media screen and (max-width: 880px) {
  .hidden-sm {
    display: none;
  }
}
@media screen and (min-width: 881px) {
  .visible-sm {
    display: none;
  }
}
.page-in {
  animation: 350ms page-in;
}
.page-out {
  animation: 300ms page-out;
}
@keyframes page-in {
  from {
    background-color: transparent;
  }
  to {
    background-color: #4c4c4c;
  }
}
@keyframes page-out {
  from {
    background-color: #4c4c4c;
  }
  to {
    background-color: transparent;
  }
}
.modal.ring-modal .green-pop {
  left: 0;
}
.bottom-summary {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #959595;
  margin-top: 2rem;
}
.bottom-summary .grid-loading-callout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.bottom-summary .grid-loading-callout .indicator {
  height: 1.25rem;
  width: 1.25rem;
  animation: loader 700ms infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.3019607843);
  border-top-color: #000;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#register-your-ring {
  margin: 30px 0;
}
#register-your-ring #title {
  border-bottom: 3px solid black;
  padding-bottom: 12.8px;
  text-align: left;
}
#register-your-ring #terms {
  font: normal 1em "Timeless", serif;
}
#register-your-ring #terms .flex-grid-unit {
  padding: 10px;
}
#register-your-ring #terms .flex-grid-unit p {
  margin-bottom: 5px;
}
#register-your-ring #terms .flex-grid-unit {
  flex: 1 0 33%;
}
#register-your-ring #terms .flex-grid-unit img {
  display: block;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  #register-your-ring #terms img {
    max-width: 200px;
  }
}
#register-your-ring #registration-form .section-header {
  text-align: center;
  background-color: #A0CEDD;
  border: 1px solid black;
  padding: 5px;
}
#register-your-ring #registration-form .notice {
  font: italic 0.8em "Timeless", serif;
  font-weight: bold;
  padding: 5px 0;
}
#register-your-ring #registration-form .flex-grid-unit {
  flex: 1 0 50%;
}
#register-your-ring #registration-form label {
  display: block;
  margin-bottom: 3px;
  width: 100%;
  font: normal 1em "Timeless", serif;
  font-size: 14px;
}
#register-your-ring #registration-form section.loc {
  display: none;
}
#register-your-ring #registration-form .field {
  margin-bottom: 15px;
  width: 90%;
}
@media all and (max-width: 800px) {
  #register-your-ring #registration-form .field {
    width: 100%;
  }
}
#register-your-ring #registration-form input,
#register-your-ring #registration-form .fake-input,
#register-your-ring #registration-form select,
#register-your-ring #registration-form textarea {
  display: block;
  width: 100%;
}
#register-your-ring #registration-form textarea {
  min-height: 200px;
}
#register-your-ring #registration-form .ms-parent {
  width: 100% !important;
}
#register-your-ring #registration-form .ms-parent button.ms-choice {
  display: block;
  background: #fff;
  border-radius: 0;
  border-style: solid;
  color: #272727;
  font: 300 1em "Gotham", sans-serif;
  border: 3px solid #e0e0e0;
  -webkit-appearance: none;
  font-size: 1em;
  width: 100%;
  padding: 13px 6px 9px 6px;
  display: block !important;
  z-index: 1;
  position: relative;
  height: auto;
}
@media all and (max-width: 800px) {
  #register-your-ring #registration-form .ms-parent button.ms-choice {
    text-align: left;
  }
}
#register-your-ring #registration-form .ms-parent button.ms-choice > span {
  position: static;
  padding: 0;
}
#register-your-ring #registration-form .ms-parent ul li {
  margin-bottom: 10px;
}
#register-your-ring #registration-form .ms-parent label {
  margin-bottom: 0;
}
#register-your-ring #registration-form .ms-parent label input[type=checkbox] {
  width: auto;
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
  bottom: 1px;
}
#register-your-ring #registration-form .ms-parent .ms-choice {
  border: none;
  border-radius: 0;
}
#register-your-ring #registration-form .ms-parent .ms-choice > div {
  top: 7px;
}
#register-your-ring #registration-form .ms-parent .ms-choice .placeholder {
  color: #272727;
}
#register-your-ring #registration-form .controls {
  padding: 10px 0;
}
#register-your-ring #registration-form #step-2 .flex-grid-unit:nth-of-type(2) {
  position: relative;
}
#register-your-ring #registration-form #step-2 .flex-grid-unit:nth-of-type(2) img {
  position: absolute;
  bottom: 0;
}
@media all and (max-width: 800px) {
  #register-your-ring #registration-form #step-2 .flex-grid-unit:nth-of-type(2) img {
    position: initial;
    padding: 20px 0;
  }
}
#register-your-ring #review #message {
  text-align: center;
}
#register-your-ring #review h1,
#register-your-ring #review h5 {
  text-align: center;
}
#register-your-ring #review #guarantee_number {
  font-size: 1.6em;
  margin-bottom: 20px;
}
#register-your-ring #review .flex-grid-unit {
  flex: 0 1 50%;
}
#register-your-ring #review .flex-grid-unit .container {
  margin-bottom: 15px;
}
#register-your-ring #review .flex-grid-unit .container .key {
  display: inline-block;
  width: 49%;
  text-align: right;
  padding-right: 10px;
  font: normal 1em "Timeless", serif;
}
#register-your-ring #review .flex-grid-unit .container .value {
  display: inline-block;
  width: 49%;
  text-align: left;
  padding-left: 10px;
  font: normal 1em "Timeless", serif;
}
#register-your-ring #review .flex-grid-unit #wedding_date {
  margin-bottom: 30px;
}
#register-your-ring #review .flex-grid-unit > p {
  font: normal 1em "Timeless", serif;
  text-align: center;
  margin-bottom: 10px;
}
#register-your-ring #review .flex-grid-unit .controls {
  text-align: center;
  margin-top: 30px;
}
#register-your-ring #step-1,
#register-your-ring #step-2,
#register-your-ring #review {
  margin: 30px 0;
}
#register-your-ring #confirm,
#register-your-ring #onlineretailer {
  margin: 50px 0;
  text-align: center;
}
@media all and (max-width: 800px) {
  #register-your-ring #confirm,
  #register-your-ring #onlineretailer {
    padding: 0 10px;
    text-align: center;
  }
}
#register-your-ring #onlineretailer {
  color: #bd3d3d;
}
@media all and (max-width: 800px) {
  #register-your-ring .flexbox {
    flex-direction: column;
  }
  #register-your-ring .flex-grid-unit {
    margin-right: 0;
    margin-bottom: 10px;
    flex: 0 1 auto !important;
    width: 100%;
  }
}
.phone-number {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #272727;
}
div.note.error h4 {
  color: #a94e4e;
  font-size: 1.2em;
  margin-bottom: 6px;
}
div.note.error ul {
  list-style-type: none;
}
div.note.error ul li {
  color: #a94e4e;
  font: normal 1em "Timeless", serif;
  font-size: 15px;
  margin-bottom: 3px;
}
div.note.error ul li:last-of-type {
  margin-bottom: 0;
}
.breadcrumbs {
  height: 50px;
  background-color: #f0f7fa;
  position: relative;
  z-index: 4;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .breadcrumbs.fix {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
  }
  @media all and (max-width: 800px) {
    .breadcrumbs.fix {
      top: 145px;
    }
  }
}
@media all and (max-width: 800px) {
  .breadcrumbs {
    height: auto;
    padding: 8px 2%;
  }
}
.breadcrumbs ul {
  list-style-type: none;
}
.breadcrumbs ul li {
  display: inline-block;
}
.breadcrumbs ul li::after {
  content: ">";
  padding: 0px 7px 0 12px;
  font-size: 13px;
  position: relative;
  bottom: 1px;
  color: #5f5f5f;
}
.breadcrumbs ul li:last-of-type::after {
  content: "";
  padding: 0;
}
.breadcrumbs ul li a {
  color: #5f5f5f;
  -webkit-text-decoration: none;
  text-decoration: none;
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  line-height: 50px;
}
.breadcrumbs ul li a:hover {
  color: #5b93a5;
}
@media all and (max-width: 800px) {
  .breadcrumbs ul li a {
    font-size: 14px;
    line-height: 19px;
  }
}
@media all and (max-width: 550px) {
  .breadcrumbs ul li a {
    font-size: 13px;
  }
}
.info-popup {
  position: absolute;
  top: -140px;
  left: calc(100% + 22px);
  background: #307F95;
  z-index: 10;
  padding: 20px;
  color: #fff;
  width: 250px;
  border-radius: 20px;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  box-shadow: -8px -5px 0 #a0cfde;
  display: none;
}
.info-popup h3 {
  font: normal 1em "Arial", sans-serif;
  font-size: 17px !important;
  font-weight: bold;
  margin-bottom: 10px;
}
.info-popup p {
  margin-bottom: 10px;
}
.info-popup a {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.info-popup a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.info-popup ol {
  margin-bottom: 0;
  list-style-type: decimal;
  padding-left: 20px;
}
.info-popup ol li {
  margin-bottom: 6px;
}
.info-popup ol li:last-of-type {
  margin-bottom: 0;
}
.info-popup.pink {
  background-color: #CE9B94;
  box-shadow: -8px -5px 0 #E4B7A8;
  top: -94px;
  left: calc(100% + 18px);
}
.info-popup.pink::before {
  top: 100px;
  border-right: 10px solid #E4B7A8;
}
.info-popup::before {
  content: " ";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #a0cfde;
  position: absolute;
  right: calc(100% + 8px);
  top: 140px;
  display: block;
}
.info-popup.white {
  background: #fff;
  color: #484848;
  text-align: left;
  padding: 12px;
  border-radius: 0;
  box-shadow: none;
  border: 2px solid rgba(112, 112, 112, 0.2);
  top: -40px;
  left: calc(100% + 30px);
  font-size: 13px;
}
.info-popup.white::before {
  display: none;
}
.info-popup.white p {
  margin-bottom: 0;
}
@media all and (min-width: 0) and (max-width: 415px) {
  .info-popup.white {
    left: 90%;
    top: -100px;
  }
}
.made .info-popup.white {
  border: 1px solid #d4d4d4;
  padding: 12px;
  font-size: 13px;
  color: #3e3e3e;
  font-family: "Timeless";
  border-radius: 5px;
}
.fp-process .constrain {
  padding-top: 20px;
  padding-bottom: 20px;
}
.fp-process .constrain .title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.6em;
}
@media all and (max-width: 800px) {
  .fp-process .constrain .title {
    font-size: 1.4em;
  }
}
@media all and (max-width: 550px) {
  .fp-process .constrain .title {
    font-size: 1.2em;
  }
}
.fp-process .constrain .title span {
  color: #a0cfde;
  font-weight: bold;
  font-size: 1.2em;
  display: inline-block;
  position: relative;
  top: 2px;
}
.fp-process .constrain .flexbox {
  flex-wrap: wrap;
  max-width: 850px;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  .fp-process .constrain .flexbox {
    flex-direction: row;
  }
}
@media all and (max-width: 550px) {
  .fp-process .constrain .flexbox {
    display: block;
  }
}
.fp-process .constrain .flexbox .step {
  background: #e0e0e0;
  flex: 1 1 30%;
  max-width: 33.333%;
  padding: 8px 2px 10px 2px;
  margin: 0 6px 20px 6px;
  text-align: center;
  position: relative;
}
@media all and (max-width: 800px) {
  .fp-process .constrain .flexbox .step {
    flex: 1 1 40%;
    max-width: 50%;
  }
}
@media all and (max-width: 550px) {
  .fp-process .constrain .flexbox .step {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 0 20px 0;
  }
}
.fp-process .constrain .flexbox .step .number {
  width: 36px;
  height: 36px;
  text-align: center;
  background: #e0e0e0;
  border-radius: 50%;
  padding-top: 4px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #272727;
}
.fp-process .constrain .flexbox .step .number span {
  font: normal 1em "Arial", sans-serif;
  font-size: 22px;
  font-weight: bold;
}
.fp-process .constrain .flexbox .step .image {
  height: 160px;
  margin-bottom: 8px;
  background-image: url("/assets/education.jpg");
  -ms-behavior: url("/bg.htc");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fp-process .constrain .flexbox .step h6 {
  margin-bottom: 0;
}
@media all and (max-width: 800px) {
  #block_380003 {
    order: 1;
  }
  #block_380013 {
    order: 0;
  }
  #block_403457, #block_411339, #block_414815, #block_411359 {
    display: none;
  }
}
#block_418391, #block_418326 {
  padding: 0 10px;
}
@media all and (max-width: 800px) {
  #block_418256 .flex-grid-unit .richtext-block .page {
    display: none;
  }
  #block_418256 .flex-grid-unit .image-block-holder {
    margin-bottom: 10px !important;
  }
  #block_418256 #block_418355, #block_418256 #block_418543, #block_418256 #block_418579, #block_418256 #block_418603, #block_418256 #block_418627, #block_418256 #block_418651 {
    display: none;
  }
}
.banner-block {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  -ms-behavior: url("/bg.htc");
  background-repeat: no-repeat;
  overflow: hidden;
}
.banner-block > .constrain {
  padding-left: 2% !important;
  padding-right: 2% !important;
}
.banner-block.has-video:not(.youtube) {
  background-image: none !important;
  position: relative;
  z-index: 10;
}
.banner-block.blank {
  background-color: #ecebe8 !important;
}
.banner-block.youtube .iframe-holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
@media all and (min-width: 0) and (max-width: 680px) {
  .banner-block.youtube .iframe-holder {
    display: none;
    opacity: 0;
  }
}
.banner-block.youtube .iframe-holder iframe {
  position: absolute;
  left: 0;
  top: -150px;
  top: calc((56.2239964017vw - 300px) / -2);
  width: 100%;
  height: 189%;
  height: 56.2239964017vw;
  pointer-events: none;
}
.banner-block.youtube .overlay {
  z-index: 1;
}
.banner-block.youtube.no-autoplay .iframe-holder {
  display: none;
  opacity: 0;
}
.banner-block .image-overlay {
  margin-bottom: 30px;
}
.banner-block.no-text .image-overlay {
  margin-bottom: 0;
}
.banner-block.no-text .content .block-button {
  margin-top: 0;
}
.banner-block.no-text.has-image .content .block-button {
  margin-top: 30px;
}
.banner-block em {
  font-style: italic;
}
.banner-block.align-center .content {
  text-align: center;
}
.banner-block.align-left .content {
  text-align: left;
  padding-left: 5%;
}
.banner-block.align-right .content {
  text-align: right;
  padding-right: 5%;
}
.banner-block .content {
  z-index: 2;
  position: relative;
}
.banner-block .content .text-overlay {
  width: 100%;
  padding: 0 2%;
  max-width: 800px;
  margin: 0 auto;
}
.banner-block .content .block-button {
  margin-top: 30px;
}
.dynamic-banner {
  background: #f8f8f8;
}
.dynamic-banner .image {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.dynamic-banner .image img {
  display: block;
  width: 100%;
}
.dynamic-banner .text {
  color: #76787c;
  padding: 20px;
  text-align: center;
}
@media all and (max-width: 800px) {
  .dynamic-banner .text {
    text-align: left;
  }
}
.dynamic-banner .text h2 {
  font-size: 1.3em;
  text-transform: uppercase;
  border-bottom: 1px solid #76787c;
  padding-bottom: 10px;
  margin-bottom: 12px;
  display: inline-block;
}
.dynamic-banner .text div.rtedit {
  font-size: 15px;
  line-height: 18px;
}
@media all and (min-width: 800px) {
  .dynamic-banner .text div.rtedit {
    max-width: 500px;
    margin: 0 auto;
  }
}
.dynamic-banner .text .btn {
  margin-top: 15px;
  display: none;
}
@media all and (max-width: 800px) {
  .dynamic-banner .text .btn {
    display: inline-block;
  }
}
@media all and (max-width: 800px) {
  .dynamic-banner.style-1 .text .btn {
    background: transparent;
    border-radius: 0;
    color: #76787c;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    padding: 0;
    font-weight: 300;
  }
}
.dynamic-banner.style-2 .text {
  display: none;
}
.dynamic-banner.style-2 .text .btn {
  background: transparent;
  border: 1px solid #76787c;
  color: #76787c;
  border-radius: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 300;
  padding-top: 3px;
}
@media all and (max-width: 800px) {
  .dynamic-banner.style-2 .text {
    display: block;
  }
}
.classic-edu-block {
  display: flex;
}
@media all and (max-width: 800px) {
  .classic-edu-block {
    flex-wrap: wrap;
  }
}
.classic-edu-block.constrain {
  padding: 0;
}
.classic-edu-block.constrain::after {
  display: none;
}
.classic-edu-block .col {
  flex: 1;
  text-align: center;
}
@media all and (max-width: 550px) {
  .classic-edu-block .col {
    flex: 0 0 50%;
  }
}
@media all and (max-width: 550px) {
  .classic-edu-block .col:nth-of-type(1), .classic-edu-block .col:nth-of-type(2) {
    margin-bottom: 20px;
  }
}
.classic-edu-block .col.active a.main {
  background: #C7E2EB;
}
.classic-edu-block .col.active a.main .flag::after {
  border-right: 20px solid #C7E2EB;
}
.classic-edu-block .col.active a.main:hover {
  background: #C7E2EB;
  cursor: default;
}
.classic-edu-block .col.active a.main:hover .flag::after {
  border-right: 20px solid #C7E2EB;
}
.classic-edu-block .col a.main {
  display: flex;
  flex-direction: column;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 15px 15px 0 15px;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
.classic-edu-block .col a.main .flag {
  width: 120px;
  height: 17px;
  box-sizing: content-box;
  padding: 8px 0 0 8px;
  position: absolute;
  background: #5b93a5;
  color: #fff;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  top: 0;
  left: 0;
  z-index: 2;
}
.classic-edu-block .col a.main .flag::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 20px solid #fff;
  border-top: 13px solid transparent;
  border-bottom: 12px solid transparent;
}
.classic-edu-block .col a.main img {
  display: block;
  flex: 0 1 auto;
}
.classic-edu-block .col a.main img.bot {
  max-height: 180px;
}
@media all and (max-width: 550px) {
  .classic-edu-block .col a.main img.bot {
    max-height: 120px;
  }
}
.classic-edu-block .col a.main div.text {
  margin: 5px 0 15px 0;
  color: #5b93a5;
  flex: 1;
}
.classic-edu-block .col a.main div.text h6 {
  font: normal 1em "Arial", sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  text-transform: uppercase;
  margin-bottom: 5px;
}
@media all and (max-width: 800px) {
  .classic-edu-block .col a.main div.text h6 {
    font-size: 1em;
  }
}
.classic-edu-block .col a.main div.text p.meta {
  font: normal 1em "Arial", sans-serif;
  font-size: 0.8em;
  margin-bottom: 5px;
}
.classic-edu-block .col a.main div.text p.meta:last-of-type {
  margin-bottom: 0;
}
.classic-edu-block .col a.main:hover {
  background: #E8F3F6;
}
.classic-edu-block .col a.main:hover .flag::after {
  border-right: 20px solid #E8F3F6;
}
.contact-form-block {
  color: #272727;
  text-align: center;
}
@media all and (max-width: 800px) {
  .contact-form-block .constrain .unit1of3, .contact-form-block .constrain .unit1of1, .contact-form-block .constrain .unit2of3 {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
}
@media all and (min-width: 800px) {
  .contact-form-block .constrain .unit1of1 {
    margin-top: 10px;
  }
}
.contact-form-block .placeholder_js {
  color: #ababab !important;
}
.contact-form-block .grid-row.bottom {
  padding-top: 15px;
}
@media all and (max-width: 800px) {
  .contact-form-block .grid-row.bottom {
    padding: 0;
  }
}
@media all and (max-width: 800px) {
  .contact-form-block .grid-row.bottom h6 {
    margin-top: 10px;
  }
}
.contact-form-block .select-holder {
  position: relative;
}
@media all and (max-width: 800px) {
  .contact-form-block .select-holder {
    margin-bottom: 10px;
  }
}
.contact-form-block .select-holder select {
  font-size: 1em;
  display: block;
  opacity: 0;
  width: 100% !important;
  z-index: 2;
}
.contact-form-block .select-holder .customSelect {
  display: block;
  background: #fff;
  border-radius: 0;
  border-style: solid;
  color: #272727;
  font: 300 1em "Gotham", sans-serif;
  border-width: 3px;
  border-color: #e0e0e0;
  -webkit-appearance: none;
  font-size: 1em;
  width: 100%;
  padding: 8px 30px 9px 6px;
}
@media all and (max-width: 800px) {
  .contact-form-block .select-holder .customSelect {
    text-align: left;
  }
}
.contact-form-block .select-holder .icon-down-big {
  color: #a0cfde;
  font-size: 18px;
  position: absolute;
  right: 8px;
  top: 11px;
}
.contact-form-block label {
  text-transform: uppercase;
  margin-bottom: 5px;
  display: block;
  text-align: left;
}
.contact-form-block input, .contact-form-block textarea, .contact-form-block select {
  width: 100%;
  display: block;
  margin-bottom: 12px;
}
@media all and (max-width: 800px) {
  .contact-form-block input, .contact-form-block textarea, .contact-form-block select {
    margin-bottom: 15px;
  }
}
.contact-form-block .text {
  padding: 0 2%;
}
.contact-form-block .text .section-title {
  font-size: 22px;
  margin-bottom: 18px;
}
.contact-form-block .text .content {
  font-size: 14px;
  width: 80%;
  margin: 0 auto 24px auto;
}
@media all and (max-width: 800px) {
  .contact-form-block .text .content {
    width: 100%;
  }
}
.contact-form-block form .bottom .field {
  float: left;
  text-align: left;
}
.contact-form-block form .bottom .field span {
  font-size: 13px;
}
.contact-form-block form .bottom .btn {
  float: right;
  margin-top: 10px;
}
@media all and (max-width: 800px) {
  .contact-form-block form .bottom .btn {
    margin-top: 0;
  }
}
.contact-form-block form .bottom .btn span {
  font-size: 11px;
}
@media all and (max-width: 800px) {
  .contact-form-block form .bottom {
    padding: 0 2% 0;
  }
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper {
  max-width: none;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table {
  width: 100%;
  font-size: 0.9em;
  color: #a0cfde;
  border: 1px solid #a0cfde;
  margin: 20px 0;
  /* table header */
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table td {
  text-align: center;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table td a {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table td a:hover h3 {
  color: #a0cfde;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table td a:focus {
  outline-width: 0;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table tr:nth-child(even) {
  background: #E0EFF4;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table tr:nth-child(odd) {
  background: #F1F8FA;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table label {
  display: block;
  margin-top: 10px;
  font-size: 0.9em;
  width: 100%;
}
@media all and (min-width: 800px) {
  .contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table label {
    min-height: 24px;
  }
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .value-bar {
  background-color: #fff;
  border: 1px solid #000;
  display: block;
  width: 100%;
  height: 20px;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .value-bar .value {
  background-color: #5b93a5;
  display: block;
  height: 100%;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .title {
  background: #fff;
  width: 20%;
  padding: 20px 10px;
  vertical-align: middle;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .title a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .title h3 {
  font: 300 1em "Gotham", sans-serif;
  font-size: 1.3em;
  color: #5b93a5;
  margin-bottom: 5px;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .attribute {
  width: 10%;
  vertical-align: middle;
  padding: 30px 8px;
}
.contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .attribute h6.lab {
  font: 300 1em "Gotham", sans-serif;
  font-size: 13px;
  margin-bottom: 5px;
  color: #5b93a5;
}
@media all and (min-width: 800px) {
  .contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .attribute h6.lab {
    min-height: 26px;
  }
}
@media all and (max-width: 800px) {
  .contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table {
    margin: 20px 0;
  }
  .contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .title {
    display: block;
    width: 100%;
    padding: 25px 5px 15px 5px;
  }
  .contemporary-metal-comparison .contemporary-metal-comparison-block-wrapper table .attribute {
    display: block;
    float: left;
    width: 100%;
    padding: 15px 5px;
  }
}
.faq-block {
  margin-bottom: 15px !important;
  padding: 8px 10% 7px 13%;
  text-align: center;
  max-width: none;
  background: #fff;
  position: relative;
  z-index: 1;
}
@media all and (max-width: 800px) {
  .faq-block {
    padding: 8px 7% 7px 7%;
  }
}
@media all and (max-width: 550px) {
  .faq-block {
    padding: 8px 4% 7px 4%;
  }
}
.faq-block:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}
.faq-block .question {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a0cfde;
  display: block;
}
.faq-block .question.shown .icon-close {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.faq-block .question .icon-close {
  display: inline-block;
  transform: rotate(45deg);
  transform-origin: center;
  -webkit-transform: rotate(45deg);
  transition: all 300ms ease;
  width: 30px;
  height: 30px;
  font-size: 30px;
  margin-right: 10px;
  -webkit-font-smoothing: antialiased;
  float: right;
}
.faq-block .question h4 {
  margin-bottom: 0;
  display: inline-block;
  position: relative;
  bottom: 4px;
  color: black;
  font-size: 110%;
  margin-top: 7px;
}
@media all and (max-width: 800px) {
  .faq-block .question h4 {
    float: left;
    width: calc(100% - 50px);
  }
}
.faq-block .answer {
  color: #272727;
  padding-top: 10px;
  padding-left: 10%;
  padding-right: 10%;
  margin-right: auto;
}
@media all and (max-width: 800px) {
  .faq-block .answer {
    padding: 10px 3% 0 3%;
    margin-right: 0;
  }
}
.locations-map-container {
  position: relative;
  width: 100%;
}
.locations-map-container .map {
  width: 100%;
}
.locations-map-container.loading .loading-screen {
  display: block;
}
.locations-map-container .loading-screen {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("/loading.gif");
  background-position: center center;
  background-repeat: no-repeat;
}
.locations-map-container .search-form {
  position: absolute;
  top: 20px;
  background: #a0cfde;
  background: rgba(160, 207, 222, 0.9);
  text-align: center;
  padding: 15px;
  border-radius: 5px;
  z-index: 5;
  color: #fff;
}
@media all and (max-width: 550px) {
  .locations-map-container .search-form {
    position: static;
  }
}
.locations-map-container .search-form form input[type=text] {
  display: block;
  color: #272727;
  margin: 0 auto;
  width: 180px;
  border-width: 0;
  background-color: #fff;
  margin-bottom: 0;
  text-align: center;
}
.locations-map-container .search-form form input[type=text].placeholder_js {
  color: #272727 !important;
}
.locations-map-container .search-form form .within {
  font-size: 12px;
  margin: 5px 0 6px 0;
}
.locations-map-container .search-form form select {
  display: block;
  width: 180px;
  left: 50px;
  left: calc(50% - 90px);
  cursor: pointer;
  opacity: 0;
}
@media all and (max-width: 550px) {
  .locations-map-container .search-form form select {
    left: 100px;
    left: calc(50% - 90px);
  }
}
.locations-map-container .search-form form .customSelect {
  padding: 0 6px;
  line-height: 2.4em;
  background-color: #fff;
  width: 180px;
  color: #272727;
  border-radius: 0;
}
.locations-map-container .search-form form .btn {
  display: block;
  width: 120px;
  margin: 12px auto 0 auto;
}
.locations-map-container .search-form #filter-message {
  font-size: 14px;
  margin-top: 10px;
}
.locations-map-container .search-form .clear-map-results {
  color: #fff;
  margin-left: 8px;
}
.locations-map-container .search-form.Left {
  left: 20px;
}
.locations-map-container .search-form.Right {
  right: 20px;
}
.fullscreen-overlay {
  background: rgba(96, 96, 96, 0.7);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  padding: 30px 10px;
}
.fullscreen-overlay .modal-wrapper {
  text-align: center;
}
.fullscreen-overlay .modal-wrapper .modal {
  background: #f0f7fa;
  max-width: 1900px;
  width: 94%;
  margin: 0 auto 0;
  position: relative;
  padding: 20px;
  color: #272727;
  max-height: 800px;
  max-height: calc(100vh - 120px);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.fullscreen-overlay .modal-wrapper .modal::-webkit-scrollbar {
  display: none;
}
.fullscreen-overlay .modal-wrapper .modal .icon-close {
  color: #a0cfde;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 28px;
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.fullscreen-overlay .modal-wrapper .modal .icon-close:hover {
  color: #80a6b2;
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal .icon-close {
    font-size: 20px;
  }
}
.fullscreen-overlay .modal-wrapper .modal .modal-title {
  color: #272727;
  margin: 0 0 15px 0;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal {
  max-width: 600px;
  background: #fff;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content h3 {
  margin-bottom: 0;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines {
  max-width: 400px;
  margin: 0 auto;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox {
  border-bottom: 2px solid #e0e0e0;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox:last-of-type {
  border-bottom: 0;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .left {
  flex: 0 0 170px;
  position: relative;
}
@media all and (max-width: 800px) {
  .fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .left {
    width: 170px;
    margin: 0 auto;
  }
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .left img {
  display: block;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .left span.cancel {
  background-color: rgba(160, 207, 222, 0.6);
  color: #272727;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  display: block;
  width: 90%;
  position: absolute;
  left: 5%;
  top: 50px;
  top: calc(50% - 22px);
  padding: 10px 6px 12px 6px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .right {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}
@media all and (max-width: 800px) {
  .fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .right {
    align-items: center;
    text-align: center;
    padding: 0 10px 20px 10px;
  }
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .right p {
  font: normal 1em "Arial", sans-serif;
  margin-bottom: 3px;
  font-size: 14px;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .right p:last-of-type {
  margin-bottom: 0;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .right p.green {
  color: green;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content ul.change-lines li.flexbox .right p.red {
  color: #bd3d3d;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content .buttons {
  margin-top: 10px;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content .buttons #mmessage p.note {
  margin: 0 0 10px 0;
}
.fullscreen-overlay#review-modal .modal-wrapper .modal .content .buttons .btn {
  margin: 0 5px;
  min-width: 150px;
}
.photo_gallery_block .contain {
  text-align: center;
  margin: 0 auto;
}
.photo_gallery_block .contain h3 {
  margin: 0 0 20px 0;
}
.photo_gallery_block .contain .photos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.photo_gallery_block .contain .photos a.photo {
  margin: 0 0 10px 0;
}
.photo_gallery_block .contain .photos a.photo .img {
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  transition: opacity 300ms ease;
  opacity: 1;
}
.photo_gallery_block .contain .photos a.photo:hover .img {
  opacity: 0.8;
}
.photo_gallery_block .contain p.none {
  display: none;
  padding: 10px;
  text-align: center;
  border: 1px dashed gray;
  cursor: pointer;
}
@media all and (min-width: 800px) {
  .photo_gallery_block.cols-2 a.photo {
    flex: 0 0 calc(50% - 5px);
  }
  .photo_gallery_block.cols-3 a.photo {
    flex: 0 0 calc(33.33% - 6.5px);
  }
  .photo_gallery_block.cols-4 a.photo {
    flex: 0 0 calc(25% - 8px);
  }
  .photo_gallery_block.cols-5 a.photo {
    flex: 0 0 calc(20% - 9px);
  }
  .photo_gallery_block.cols-6 a.photo {
    flex: 0 0 calc(16.66% - 10px);
  }
}
@media all and (max-width: 800px) {
  .photo_gallery_block.mcols-1 a.photo {
    flex: 0 0 100%;
  }
  .photo_gallery_block.mcols-2 a.photo {
    flex: 0 0 calc(50% - 5px);
  }
  .photo_gallery_block.mcols-3 a.photo {
    flex: 0 0 calc(33.33% - 6.5px);
  }
  .photo_gallery_block.mcols-4 a.photo {
    flex: 0 0 calc(25% - 8px);
  }
  .photo_gallery_block.mcols-5 a.photo {
    flex: 0 0 calc(20% - 9px);
  }
  .photo_gallery_block.mcols-6 a.photo {
    flex: 0 0 calc(16.66% - 10px);
  }
}
body .fancybox-title-float-wrap {
  display: none;
}
body.editing .photo_gallery_block .contain p.none {
  display: block;
}
.slick-holder > ul {
  overflow: hidden;
  white-space: nowrap;
}
.slick-holder > ul .slick-track {
  min-width: 100%;
}
.slick-holder > ul > li {
  display: inline-block;
  width: 25%;
  width: calc(25% - 10px);
  margin-right: 10px;
  position: relative;
}
.slick-holder > ul > li a:focus {
  outline-width: 0;
}
.slick-holder > ul > li:focus {
  outline-width: 0;
}
.slick-holder > ul::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.slick-holder > ul.slick-slider {
  overflow: visible;
  white-space: normal;
}
.slick-holder button {
  display: inline-block;
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: transparent;
  font-size: 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  position: absolute;
  top: 110px;
  top: calc(50% - 15px);
  font-size: 25px;
}
.slick-holder button::before {
  font-family: "ninelight" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #a0cfde;
}
.slick-holder button:hover::before {
  color: #5b93a5;
}
.slick-holder button:focus {
  outline-width: 0;
}
@media all and (max-width: 800px) {
  .slick-holder button {
    font-size: 18px;
  }
}
.slick-holder button.slick-prev {
  left: -30px;
}
.slick-holder button.slick-prev::before {
  content: "r";
}
@media all and (max-width: 800px) {
  .slick-holder button.slick-prev {
    left: -15px;
  }
}
.slick-holder button.slick-next {
  right: -30px;
}
.slick-holder button.slick-next::before {
  content: "o";
}
@media all and (max-width: 800px) {
  .slick-holder button.slick-next {
    right: -27px;
  }
}
.unslider-block-wrapper.empty {
  background: #ecebe8;
}
.unslider-block-wrapper.empty .table-cell p {
  text-align: center;
  font-family: "Roboto";
  font-weight: 300;
  font-size: 15px;
}
.unslider-block-wrapper.media {
  padding: 0;
  position: relative;
  color: #000;
  text-align: center;
}
.unslider-block-wrapper.media .un-slide {
  display: block;
  background-position: center center;
  background-size: cover;
}
.unslider-block-wrapper.media .un-slide .panel-wrapper {
  padding: 0 !important;
}
.unslider-block-wrapper.media .unslider-holder ul .un-slide .un-content {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  position: relative;
}
.unslider-block-wrapper.media .unslider-holder ul .un-slide .un-content .content-holder {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 15;
  text-align: center;
}
.unslider-block-wrapper.media .unslider-holder ul .un-slide .un-content .content-holder img {
  margin-bottom: 20px;
  max-width: 160px;
}
.unslider-block-wrapper.media .unslider .unslider-arrow .prev {
  font-size: 32px;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  top: 100px;
  left: 2%;
}
.unslider-block-wrapper.media .unslider .unslider-arrow .prev:hover {
  color: #80a6b2 !important;
}
.unslider-block-wrapper.media .unslider .unslider-arrow .next {
  font-size: 32px;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  top: 100px;
  right: 2%;
}
.unslider-block-wrapper.media .unslider .unslider-arrow .next:hover {
  color: #80a6b2 !important;
}
body {
  position: static !important;
}
.insta-feed {
  padding: 0 30px;
}
.insta-feed h5 {
  font: normal 1em "Myriad", sans-serif;
  font-size: 1.2em;
  padding: 0 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.insta-feed .slick-holder {
  padding: 0 20px;
}
.insta-feed .slick-holder .slick-prev {
  left: -40px;
  top: 90px;
  top: calc(50% - 15px);
  background: #a0cfde;
  font-size: 0;
  text-align: center;
}
@media all and (max-width: 800px) {
  .insta-feed .slick-holder .slick-prev {
    left: -45px !important;
  }
}
.insta-feed .slick-holder .slick-prev::before {
  color: #fff;
  position: relative;
  top: 0;
  font-size: 18px;
}
.insta-feed .slick-holder .slick-prev:hover {
  background: #5b93a5;
}
.insta-feed .slick-holder .slick-next {
  right: -40px;
  top: 90px;
  top: calc(50% - 15px);
  background: #a0cfde;
  font-size: 0;
  text-align: center;
}
@media all and (max-width: 800px) {
  .insta-feed .slick-holder .slick-next {
    right: -45px !important;
  }
}
.insta-feed .slick-holder .slick-next::before {
  color: #fff;
  position: relative;
  top: 0;
  font-size: 18px;
}
.insta-feed .slick-holder .slick-next:hover {
  background: #5b93a5;
}
.insta-feed .slick-holder ul li {
  width: 20%;
  width: calc(20% - 5px);
  margin-right: 5px;
}
.insta-feed .slick-holder ul li a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.insta-feed .slick-holder ul li a img {
  display: block;
}
.text-area-block {
  background-color: #a0cfde;
  padding: 40px 0;
}
.text-area-block .content {
  margin: 0 auto;
}
.container2-block .hold .outer {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.container2-block .hold .outer .inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.container2-block .hold .outer .inner.left {
  text-align: left;
}
.container2-block .hold .outer .inner.center {
  text-align: center;
}
.container2-block .hold .outer .inner.right {
  text-align: right;
}
.container2-block .hold .outer .inner.default {
  max-width: 1900px;
}
.container2-block .hold .outer .inner .richtext-block {
  max-width: none;
  padding: 0;
  margin: 0;
}
.container2-block.plx .hold .outer {
  background-attachment: fixed;
}
.container2-block.autoplay .outer {
  background-image: none !important;
}
.container2-block.video .iframe-holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.container2-block.video .iframe-holder video {
  display: block;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -51%);
  object-fit: cover;
  height: 101%;
  width: 101%;
}
.container2-block.video .iframe-holder iframe {
  position: absolute;
  left: 0;
  top: -150px;
  top: calc((56.2239964017vw - 300px) / -2);
  width: 100%;
  height: 189%;
  height: 56.2239964017vw;
  pointer-events: none;
}
.container2-block.video .overlay {
  z-index: 1;
}
.container2-block.video.no-autoplay .iframe-holder {
  display: none;
  opacity: 0;
}
@media all and (min-width: 0) and (max-width: 680px) {
  .container2-block.video.yt .iframe-holder {
    display: none;
    opacity: 0;
  }
}
@font-face {
  font-family: "benchmark";
  src: url("/assets/benchmark-7d9861529a276d0fc0e4b73e82992351f77b4498.woff2") format("woff2"), url("/assets/benchmark-4ed41a1ceae684155b885cc7645de385c5bd2ab7.woff") format("woff"), url("/assets/benchmark-33b8913421520b909beb28657a4620ecb4fe0cb2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "benchmark" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=icon2-]:before,
[class*=" icon2-"]:before {
  font-family: "benchmark" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon2-chat:before {
  content: "a";
}
.icon2-marker:before {
  content: "b";
}
.icon2-user:before {
  content: "c";
}
.icon2-cart:before {
  content: "d";
}
.icon2-contact:before {
  content: "e";
}
.icon2-play:before {
  content: "f";
}
.icon2-heart1:before {
  content: "g";
}
.icon2-heart2:before {
  content: "h";
}
.icon2-play2:before {
  content: "i";
}
.icon2-eye:before {
  content: "j";
}
.icon2-bag:before {
  content: "k";
}
.icon2-info:before {
  content: "l";
}
@font-face {
  font-family: "Timeless";
  src: url("/assets/Timeless-Normal-69fd009abfcc44874698f4b22775bdfb8228c9b5.woff2") format("woff2"), url("/assets/Timeless-Normal-fb12228d41376b9c5aa618a7711be9b0df3621f5.woff") format("woff"), url("/assets/Timeless-Normal-373b33953abd4e308081df9781b0999717f8d785.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Timeless";
  src: url("/assets/Timeless-Bold-faa1b2a7064e9e5226439176a406ba803317c16f.woff2") format("woff2"), url("/assets/Timeless-Bold-3f880520e371f931146d6fd25fdebedef0f0cf29.woff") format("woff"), url("/assets/Timeless-Bold-def37e4fb18871280312b823796da1e3b6d348e8.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Minion";
  src: url("/assets/MinionPro-Regular-48154ebebf373a91a75ee96cb5bfd5dd1152df8b.woff2") format("woff2"), url("/assets/MinionPro-Regular-effe14b5620acc60490d2b05ee68c08fd7dddf27.woff") format("woff"), url("/assets/MinionPro-Regular-b6ead776c98a535c4d04fc5305a8e681182ec99c.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Myriad";
  src: url("/assets/MyriadPro-Regular-c12b501935a79565396a4f5cac16fcb2f6d24c8a.woff2") format("woff2"), url("/assets/MyriadPro-Regular-7c869cd90bc516f671e43b39f033e943fcb04162.woff") format("woff"), url("/assets/MyriadPro-Regular-cd1828a3caed482bc47a62d581a7e6a3b13cad93.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Trajan";
  src: url("/assets/TrajanPro-Regular-7aaf75bad5b14b5a7c631f70bc933037d222588e.woff2") format("woff2"), url("/assets/TrajanPro-Regular-42e0a7105a9911d307e08669d5da2bcf9cee1733.woff") format("woff"), url("/assets/TrajanPro-Regular-e7557d1c67d922b8dc7ff9f95b940f703cfc7702.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sterling";
  src: url("/assets/sterling-9d80769082b356ae31563d4f31798050463b6848.woff2") format("woff2"), url("/assets/sterling-a9a79ad219eca84c51e7f6731e0e67f1ad29fedb.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akzidenz";
  src: url("/assets/AkzidenzGroteskCE-Roman-47dc9434b36d799b01cb693c2a6b667fa4775c1a.woff2") format("woff2"), url("/assets/AkzidenzGroteskCE-Roman-0888d217de1c23c3f9ef014c22aa72d4eb1dc5b1.woff") format("woff"), url("/assets/AkzidenzGroteskCE-Roman-6ebce7bf834e6c6d3e77fa1bb23dd674bf7c1fb3.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/assets/GothamMedium-4223bc79b83129db1e9a618d5c1a4f359a3ae9f1.woff2") format("woff2"), url("/assets/GothamMedium-696b429f5272871fddd2dcbcf461fbb03a441582.woff") format("woff"), url("/assets/GothamMedium-270886b2f3eb49b8cb565eb5f394440f36434bad.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "engraving_script";
  src: url("/assets/Amaze-Normal-80c7858c62b012a941df67501a2141b1e6b1c22c.woff2") format("woff2"), url("/assets/Amaze-Normal-d3819b8617a2deaa8f7564db10a03f4103e42b01.woff") format("woff"), url("/assets/Amaze-Normal-604b3a2b9e244cf96f59d8b70c60d7bd6f9b5b84.ttf") format("truetype"), url("/assets/Amaze-Normal-e6e24cae925a7c8bea39d70b183b20e9e5f7762a.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "engraving_block";
  src: url("/assets/LucidaSans-c0b847d54f9d6caa5ddf4e333f26a98593efc0f7.woff2") format("woff2"), url("/assets/LucidaSans-50405a338f06bddcbcd6eb72cc16f57a64eeb322.woff") format("woff"), url("/assets/LucidaSans-f6a5d1d7000c0161078085eb45fe3b85c7ea5eaa.ttf") format("truetype"), url("/assets/LucidaSans-21f1b45fd194e178499f36a9dd0829b058a2759c.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/assets/GothamMediumItalic-4a468f3c57e18db60f85bc86f1da035c854dda94.woff2") format("woff2"), url("/assets/GothamMediumItalic-7471467ae7671480b57403f99631651fcb554796.woff") format("woff"), url("/assets/GothamMediumItalic-a7bab3ac181aa8d0ab7eaa390502437d9d700502.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/assets/GothamLight-5255b0fab6c193f38251fbf78839cb87fd0787b8.woff2") format("woff2"), url("/assets/GothamLight-f4e2a685f6356f9b499b1e160b4b83a41d94ae12.woff") format("woff"), url("/assets/GothamLight-548814938693b9fdca494a866f2c0cb2bebdc360.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/assets/GothamBook-3020e215ffb7034c53513887bd0822a24eb5e1e2.woff2") format("woff2"), url("/assets/GothamBook-b3e969f253a4bab7a190100203cb0f4c443ea6c3.woff") format("woff"), url("/assets/GothamBook-cfb504be72139a11a44a838c6baf858c7634f99a.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/assets/GothamBookItalic-3cd39ee444db35be7f6da919789ffd5415159aa9.woff2") format("woff2"), url("/assets/GothamBookItalic-21d1b2a27b27ed6fdee4c9e3259ce559be63dffd.woff") format("woff"), url("/assets/GothamBookItalic-d58b3720e5162c5e8bbbc9139d50594aa633e38e.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/assets/GothamBold-3ce4b8fadf2efbc8121deb447cb372a5d8419048.woff2") format("woff2"), url("/assets/GothamBold-a145f981aca46921e397b3faa5000e91f63bc146.woff") format("woff"), url("/assets/GothamBold-628e0d04cecb1df3f48029ccda3d79098ed7a3df.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/assets/GothamBlack-428cf93a9c871be7df33d56a59d0292dc1e7b27b.woff2") format("woff2"), url("/assets/GothamBlack-77caaa449ce91e27eb52ff61b58d95dce706f25a.woff") format("woff"), url("/assets/GothamBlack-a843b0f0d7fcec40e40880239b7e2e72d9b7d576.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Condensed";
  src: url("/assets/GothamCondensedBook-aa8f7bd4526c67463774a2c120d2d84a0b61b26e.woff2") format("woff2"), url("/assets/GothamCondensedBook-3c649d528a42e27a0c27f13c4f6ec66bed48a166.woff") format("woff"), url("/assets/GothamCondensedBook-e67384fd026e74d9127805f7403e318848cb74a0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Langdon";
  src: url("/assets/Langdon-426141a20e21ef42e2838c11f7246b3d37062e6f.woff2") format("woff2"), url("/assets/Langdon-afcaa0e23ab7ef8a25115e91f9a017b500b60d60.woff") format("woff"), url("/assets/Langdon-7a94b5f02f20aff9b7fe0af248de71fa19a7c264.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html.ie9 .overlay, html.lt-ie9 .overlay {
  display: none;
}
html.ie9 .conceal, html.lt-ie9 .conceal {
  display: none !important;
}
html.ie9 .reveal, html.lt-ie9 .reveal {
  display: inherit;
}
html.ie9 .reveal-m, html.lt-ie9 .reveal-m {
  display: inherit;
}
html.ie9 .contact-form-block, html.lt-ie9 .contact-form-block {
  height: 350px;
}
html.ie9 .contact-form-block textarea, html.lt-ie9 .contact-form-block textarea {
  margin-bottom: 10px;
}
html.ie9 .flexbox, html.lt-ie9 .flexbox {
  display: block;
}
html.ie9 .flexbox .flex-grid-unit, html.lt-ie9 .flexbox .flex-grid-unit {
  display: block;
  float: left;
}
html.ie9 .flexbox::after, html.lt-ie9 .flexbox::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
html.ie9 .grid-row .unit1of1, html.lt-ie9 .grid-row .unit1of1 {
  width: 100%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit1of2, html.lt-ie9 .grid-row .unit1of2 {
  width: 50%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit1of3, html.lt-ie9 .grid-row .unit1of3 {
  width: 33.3333333%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit2of3, html.lt-ie9 .grid-row .unit2of3 {
  width: 66.6666666%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit1of4, html.lt-ie9 .grid-row .unit1of4 {
  width: 25%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit3of4, html.lt-ie9 .grid-row .unit3of4 {
  width: 75%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit1of5, html.lt-ie9 .grid-row .unit1of5 {
  width: 20%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit2of5, html.lt-ie9 .grid-row .unit2of5 {
  width: 40%;
  float: left;
  text-align: left;
}
html.ie9 .grid-row .unit4of5, html.lt-ie9 .grid-row .unit4of5 {
  width: 80%;
  float: left;
  text-align: left;
}
html.ie9 header.main nav > ul, html.lt-ie9 header.main nav > ul {
  display: block;
}
html.ie9 header.main nav > ul li, html.lt-ie9 header.main nav > ul li {
  display: inline-block;
}
html.ie9 .footer-wrapper footer.main .menubar nav > ul, html.lt-ie9 .footer-wrapper footer.main .menubar nav > ul {
  display: block;
}
html.ie9 .footer-wrapper footer.main .menubar nav > ul li, html.lt-ie9 .footer-wrapper footer.main .menubar nav > ul li {
  display: inline-block;
}
html.ie9 .breadcrumbs.fix, html.lt-ie9 .breadcrumbs.fix {
  top: 0;
}
html.ie9 .rings-grid-wrapper .rings-holder .rcontain, html.lt-ie9 .rings-grid-wrapper .rings-holder .rcontain {
  display: block;
}
html.ie9 .rings-grid-wrapper .rings-holder .rcontain .ring, html.lt-ie9 .rings-grid-wrapper .rings-holder .rcontain .ring {
  display: block;
  width: 50%;
  float: left;
}
html.ie9 .rings-grid-wrapper .rings-holder .rcontain::after, html.lt-ie9 .rings-grid-wrapper .rings-holder .rcontain::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header.main nav > ul {
    display: block;
  }
  header.main nav > ul li {
    display: inline-block;
  }
  .footer-wrapper footer.main .menubar nav > ul {
    display: block;
  }
  .footer-wrapper footer.main .menubar nav > ul li {
    display: inline-block;
  }
  .breadcrumbs.fix {
    top: 0;
  }
  .rings-grid-wrapper .rings-holder .rcontain {
    display: block;
  }
  .rings-grid-wrapper .rings-holder .rcontain .ring {
    display: block;
    width: 50%;
    float: left;
  }
  .rings-grid-wrapper .rings-holder .rcontain::after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }
}
/* ninelight */
@font-face {
  font-family: "ninelight";
  src: url("/assets/ninelite-a47afbca8046860d75a321973060766b11141526.woff2") format("woff2"), url("/assets/ninelite-3a3a0f19d1e89d89be6b208c0161dc41330f86f6.woff") format("woff"), url("/assets/ninelite-4a31d3b863f5b6ddfb11c037c67c30fdde7d805e.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "ninelight" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "ninelight" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
  content: "d";
}
.icon-rss:before {
  content: "i";
}
.icon-right-big:before {
  content: "o";
}
.icon-left-big:before {
  content: "r";
}
.icon-down-big:before {
  content: "v";
}
.icon-menu:before {
  content: "x";
}
.icon-up-big:before {
  content: "z";
}
.icon-search:before {
  content: "A";
}
.icon-menu-2:before {
  content: "q";
}
.icon-youtube:before {
  content: "K";
}
.icon-facebook:before {
  content: "M";
}
.icon-linkedin-alt:before {
  content: "N";
}
.icon-linkedin:before {
  content: "O";
}
.icon-vimeo:before {
  content: "P";
}
.icon-pinterest:before {
  content: "b";
}
.icon-menu-3:before {
  content: "h";
}
.icon-close:before {
  content: "k";
}
.icon-menu-4:before {
  content: "X";
}
.icon-trash:before {
  content: "4";
}
.icon-menu-5:before {
  content: '"';
}
.icon-google:before {
  content: "Q";
}
.icon-google-plus:before {
  content: "$";
}
.icon-outline-instagram:before {
  content: "'";
}
.icon-outline-linkedin:before {
  content: "(";
}
.icon-outline-rss:before {
  content: ")";
}
.icon-outline-facebook:before {
  content: "*";
}
.icon-outline-google-plus:before {
  content: "/";
}
.icon-outline-twitter:before {
  content: ":";
}
.icon-outline-vimeo:before {
  content: ";";
}
.icon-outline-pinterest:before {
  content: "=";
}
.icon-outline-email:before {
  content: "B";
}
.icon-circle-twitter:before {
  content: "c";
}
.icon-circle-google-plus:before {
  content: "D";
}
.icon-circle-youtube:before {
  content: "E";
}
.icon-circle-linkedin:before {
  content: "F";
}
.icon-circle-vimeo:before {
  content: "G";
}
.icon-circle-rss:before {
  content: "H";
}
.icon-circle-pinterest:before {
  content: "I";
}
.icon-youtube-alt:before {
  content: "a";
}
.icon-mail:before {
  content: "e";
}
.icon-circle-facebook:before {
  content: "j";
}
.icon-home:before {
  content: "l";
}
.icon-cart:before {
  content: "m";
}
.icon-phone:before {
  content: "n";
}
.icon-location:before {
  content: "t";
}
.icon-circle-mail:before {
  content: "u";
}
.icon-pdf:before {
  content: "C";
}
.icon-nine-menu:before {
  content: "J";
}
.icon-marker:before {
  content: "L";
}
.icon-ruby:before {
  content: "R";
}
.icon-blog:before {
  content: "S";
}
.icon-client:before {
  content: "T";
}
.icon-message:before {
  content: "U";
}
.icon-n:before {
  content: "V";
}
.icon-video:before {
  content: "W";
}
.icon-user:before {
  content: "Z";
}
.icon-globe:before {
  content: "0";
}
.icon-outline-youtube:before {
  content: "1";
}
.icon-external:before {
  content: "f";
}
.icon-phone-2:before {
  content: "g";
}
.icon-pending:before {
  content: "p";
}
.icon-check:before {
  content: "s";
}
.icon-ticket:before {
  content: "w";
}
.icon-instagram:before {
  content: "y";
}
.icon-circle-instagram:before {
  content: "Y";
}
.icon-lock:before {
  content: "2";
}
.icon-houzz:before {
  content: "3";
}
@media all and (min-width: 800px) {
  .conceal {
    display: none !important;
  }
}
@media all and (max-width: 800px) {
  .conceal {
    display: inherit;
  }
}
@media all and (min-width: 925px) {
  .conceal-nav {
    display: none !important;
  }
}
@media all and (max-width: 925px) {
  .conceal-nav {
    display: inherit;
  }
}
@media all and (min-width: 800px) {
  .reveal {
    display: inherit;
  }
}
@media all and (max-width: 800px) {
  .reveal {
    display: none !important;
  }
}
@media all and (min-width: 925px) {
  .reveal-nav {
    display: inherit;
  }
}
@media all and (max-width: 925px) {
  .reveal-nav {
    display: none !important;
  }
}
@media all and (min-width: 800px) {
  .reveal-m {
    display: inherit;
  }
}
@media all and (max-width: 800px) {
  .reveal-m {
    display: none !important;
  }
}
@media all and (min-width: 800px) and (max-width: 1100px) {
  .reveal-m {
    display: none !important;
  }
}
body .ui-selectmenu-menu {
  z-index: 14;
}
.RingModalWrapper {
  position: fixed;
  background: rgba(96, 96, 96, 0.7019607843);
  z-index: 13;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.RingModalWrapper .RingModalOverlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.RingModalWrapper .RingModal {
  font-family: "Arial", sans-serif;
  line-height: 15px;
  background: #fff;
  padding: 1rem;
  z-index: 2;
  width: 97vw;
  max-width: 823px;
  animation: ring-modal-fade-in 300ms;
}
.RingModalWrapper .RingModal .TitleWrapper {
  display: flex;
  justify-content: space-between;
}
.RingModalWrapper .RingModal .TitleWrapper .icon-close {
  color: #a0cfde;
}
.RingModalWrapper .RingModal .TitleWrapper .RingModalTitle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.RingModalWrapper .RingModal .TitleWrapper .RingModalTitle .TitleText {
  display: flex;
  align-items: center;
}
.RingModalWrapper .RingModal .TitleWrapper .RingModalTitle .TitleText h2 {
  text-transform: uppercase;
  font: 300 1em "Gotham", sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
  color: #474747;
  margin: 0;
}
.RingModalWrapper .RingModal .TitleWrapper .RingModalTitle .GreenIndicator {
  overflow: visible;
  display: flex;
  align-items: center;
  background: #26b573;
  color: white;
  border-radius: 50%;
  padding: 0.25rem 0.55rem;
  gap: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7rem;
  position: relative;
}
.RingModalWrapper .RingModal .TitleWrapper .RingModalTitle .GreenIndicator img {
  height: 1rem;
  filter: brightness(0) invert(1);
}
.RingModalWrapper .RingModal .TitleWrapper .RingModalTitle .GreenIndicator:hover .GreenLearnMorePopup {
  display: block;
}
.RingModalWrapper .RingModal .TitleWrapper .RingModalTitle .GreenIndicator .GreenLearnMorePopup {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  background: white;
  border: 1px solid #d4d4d4;
  padding: 12px;
  font-size: 13px;
  color: #3e3e3e;
  font-family: Timeless;
  border-radius: 5px;
  z-index: 10;
  white-space: normal;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  color: #3e3e3e;
  text-transform: none;
}
@media all and (max-width: 550px) {
  .RingModalWrapper .RingModal .TitleWrapper .RingModalTitle .GreenIndicator .GreenLearnMorePopup {
    width: 220px;
  }
}
.RingModalWrapper .RingModal .TitleWrapper .ReviewLink {
  min-height: 27px;
}
.RingModalWrapper .RingModal .TitleWrapper .ReviewLink .stamped-main-badge {
  animation: ring-modal-fade-in 500ms;
}
.RingModalWrapper .RingModal .RingModalContent {
  display: flex;
  gap: 1rem;
}
.RingModalWrapper .RingModal .RingModalContent .ContentColumn {
  display: flex;
  flex-direction: column;
}
.RingModalWrapper .RingModal .RingModalContent .GalleryContainer {
  justify-content: center;
  flex: 0 1 auto;
  min-width: 455px;
}
.RingModalWrapper .RingModal .RingModalContent .GalleryContainer .ProductPageLink {
  text-align: center;
}
.RingModalWrapper .RingModal .RingModalContent .GalleryContainer .ProductPageLink a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a0cfde;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer {
  gap: 1rem;
  justify-content: center;
  flex: 1 1 auto;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .icon2-info {
  font-size: 13px;
  color: #5b93a5;
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .icon2-info:hover {
  color: #a0cfde;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .RingDetails h4 {
  font: 1rem "Gotham", sans-serif;
  text-transform: uppercase;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .RingDetails .Description ul {
  font-size: 13px;
  line-height: 1.25rem;
  background: #fff;
  border-left: solid #616161;
  padding: 0 0 0 0.5rem;
  list-style: none;
  margin-bottom: 0;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .ring-shop-options {
  width: 100%;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form.shop-form {
  width: 100%;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .RingOptionSelects {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .RingOptionSelects .opt {
  display: flex;
  margin: 0;
  width: 100%;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .RingOptionSelects .opt label {
  flex: 11ch 0;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .RingOptionSelects .opt.req .fake-select {
  border-color: red;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .RingOptionSelects .opt.req .select-holder .ui-selectmenu-button {
  border-color: red;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .RingOptionSelects .opt .select-holder, .RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .RingOptionSelects .opt .fake-select {
  width: 100%;
  flex: 1 1;
  margin: 0;
  min-width: 0;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .RingOptionSelects .opt .select-holder .mt {
  min-width: 0;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .engraving .field label {
  font-size: 13px;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .engraving .eng-options .field.req {
  border-color: red;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .engraving .eng-options .field.req .top {
  border-color: red;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .BagButtonRow {
  display: flex;
  align-items: center;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .BagButtonRow .BagButtonContainer {
  display: flex;
  background: #fff;
  align-items: center;
  gap: 1rem;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .BagButtonRow .BagButtonContainer .AddToBagButton {
  display: flex;
  align-items: center;
  gap: 0.5ch;
  background: #5b93a5;
  font-weight: bold;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .BagButtonRow .BagButtonContainer .AddToBagButton.disabled {
  color: #fff;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .BagButtonRow .BagButtonContainer .SaveButtonContainer {
  background: #fff;
  padding: 0 0.5ch;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .BagButtonRow .BagButtonContainer .SaveButtonContainer a {
  transform: translateY(4px);
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .BagButtonRow .BagButtonContainer .SaveButtonContainer a.icon2-heart2 {
  color: red;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .ItemPrice {
  padding: 0;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .CustomizationContainer {
  display: flex;
  flex-direction: column;
  max-width: 400px;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .CustomizationContainer .CustomizatioTitle {
  width: 100%;
  padding: 9px 0;
  font-size: 13px;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer form .CustomizationContainer .CustomizationDescription {
  margin-top: 1em;
  font-size: 13px;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .ring-details {
  color: initial;
  padding: 0;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .ring-details .iso.hold {
  position: relative;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .ring-details .iso.hold .is {
  font-weight: bold;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .ring-details .iso.hold .info-popup {
  left: 16ch;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .BottomButtons {
  display: flex;
  gap: 0.5rem;
}
.RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .BottomButtons .action-buttons, .RingModalWrapper .RingModal .RingModalContent .RingDetailsContainer .BottomButtons .ret-btns {
  display: contents;
}
@keyframes ring-modal-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.breadcrumbs {
  height: 50px;
  background-color: #f0f7fa;
  position: relative;
  z-index: 4;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .breadcrumbs.fix {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
  }
  @media all and (max-width: 800px) {
    .breadcrumbs.fix {
      top: 145px;
    }
  }
}
@media all and (max-width: 800px) {
  .breadcrumbs {
    height: auto;
    padding: 8px 2%;
  }
}
.breadcrumbs ul {
  list-style-type: none;
}
.breadcrumbs ul li {
  display: inline-block;
}
.breadcrumbs ul li::after {
  content: ">";
  padding: 0px 7px 0 12px;
  font-size: 13px;
  position: relative;
  bottom: 1px;
  color: #5f5f5f;
}
.breadcrumbs ul li:last-of-type::after {
  content: "";
  padding: 0;
}
.breadcrumbs ul li a {
  color: #5f5f5f;
  -webkit-text-decoration: none;
  text-decoration: none;
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  line-height: 50px;
}
.breadcrumbs ul li a:hover {
  color: #5b93a5;
}
@media all and (max-width: 800px) {
  .breadcrumbs ul li a {
    font-size: 14px;
    line-height: 19px;
  }
}
@media all and (max-width: 550px) {
  .breadcrumbs ul li a {
    font-size: 13px;
  }
}
.info-popup {
  position: absolute;
  top: -140px;
  left: calc(100% + 22px);
  background: #307F95;
  z-index: 10;
  padding: 20px;
  color: #fff;
  width: 250px;
  border-radius: 20px;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  box-shadow: -8px -5px 0 #a0cfde;
  display: none;
}
.info-popup h3 {
  font: normal 1em "Arial", sans-serif;
  font-size: 17px !important;
  font-weight: bold;
  margin-bottom: 10px;
}
.info-popup p {
  margin-bottom: 10px;
}
.info-popup a {
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.info-popup a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.info-popup ol {
  margin-bottom: 0;
  list-style-type: decimal;
  padding-left: 20px;
}
.info-popup ol li {
  margin-bottom: 6px;
}
.info-popup ol li:last-of-type {
  margin-bottom: 0;
}
.info-popup.pink {
  background-color: #CE9B94;
  box-shadow: -8px -5px 0 #E4B7A8;
  top: -94px;
  left: calc(100% + 18px);
}
.info-popup.pink::before {
  top: 100px;
  border-right: 10px solid #E4B7A8;
}
.info-popup::before {
  content: " ";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #a0cfde;
  position: absolute;
  right: calc(100% + 8px);
  top: 140px;
  display: block;
}
.info-popup.white {
  background: #fff;
  color: #484848;
  text-align: left;
  padding: 12px;
  border-radius: 0;
  box-shadow: none;
  border: 2px solid rgba(112, 112, 112, 0.2);
  top: -40px;
  left: calc(100% + 30px);
  font-size: 13px;
}
.info-popup.white::before {
  display: none;
}
.info-popup.white p {
  margin-bottom: 0;
}
@media all and (min-width: 0) and (max-width: 415px) {
  .info-popup.white {
    left: 90%;
    top: -100px;
  }
}
.made .info-popup.white {
  border: 1px solid #d4d4d4;
  padding: 12px;
  font-size: 13px;
  color: #3e3e3e;
  font-family: "Timeless";
  border-radius: 5px;
}
.fp-process .constrain {
  padding-top: 20px;
  padding-bottom: 20px;
}
.fp-process .constrain .title {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.6em;
}
@media all and (max-width: 800px) {
  .fp-process .constrain .title {
    font-size: 1.4em;
  }
}
@media all and (max-width: 550px) {
  .fp-process .constrain .title {
    font-size: 1.2em;
  }
}
.fp-process .constrain .title span {
  color: #a0cfde;
  font-weight: bold;
  font-size: 1.2em;
  display: inline-block;
  position: relative;
  top: 2px;
}
.fp-process .constrain .flexbox {
  flex-wrap: wrap;
  max-width: 850px;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  .fp-process .constrain .flexbox {
    flex-direction: row;
  }
}
@media all and (max-width: 550px) {
  .fp-process .constrain .flexbox {
    display: block;
  }
}
.fp-process .constrain .flexbox .step {
  background: #e0e0e0;
  flex: 1 1 30%;
  max-width: 33.333%;
  padding: 8px 2px 10px 2px;
  margin: 0 6px 20px 6px;
  text-align: center;
  position: relative;
}
@media all and (max-width: 800px) {
  .fp-process .constrain .flexbox .step {
    flex: 1 1 40%;
    max-width: 50%;
  }
}
@media all and (max-width: 550px) {
  .fp-process .constrain .flexbox .step {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 0 20px 0;
  }
}
.fp-process .constrain .flexbox .step .number {
  width: 36px;
  height: 36px;
  text-align: center;
  background: #e0e0e0;
  border-radius: 50%;
  padding-top: 4px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #272727;
}
.fp-process .constrain .flexbox .step .number span {
  font: normal 1em "Arial", sans-serif;
  font-size: 22px;
  font-weight: bold;
}
.fp-process .constrain .flexbox .step .image {
  height: 160px;
  margin-bottom: 8px;
  background-image: url("/assets/education.jpg");
  -ms-behavior: url("/bg.htc");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fp-process .constrain .flexbox .step h6 {
  margin-bottom: 0;
}
@media all and (max-width: 800px) {
  #block_380003 {
    order: 1;
  }
  #block_380013 {
    order: 0;
  }
  #block_403457, #block_411339, #block_414815, #block_411359 {
    display: none;
  }
}
#block_418391, #block_418326 {
  padding: 0 10px;
}
@media all and (max-width: 800px) {
  #block_418256 .flex-grid-unit .richtext-block .page {
    display: none;
  }
  #block_418256 .flex-grid-unit .image-block-holder {
    margin-bottom: 10px !important;
  }
  #block_418256 #block_418355, #block_418256 #block_418543, #block_418256 #block_418579, #block_418256 #block_418603, #block_418256 #block_418627, #block_418256 #block_418651 {
    display: none;
  }
}
.ret-level {
  position: relative;
  display: inline-block;
}
.ret-level img {
  cursor: pointer;
}
.ret-level .ret-txt {
  display: none;
  background: #fff;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  text-align: left;
  border-radius: 5px;
  box-shadow: 0px 0px 7px rgba(10, 10, 10, 0.6);
  width: 299px;
  color: #272727;
}
.ret-level .ret-txt p {
  font: normal 1em "Times New Roman", serif !important;
  font-size: 13px !important;
}
.ret-level:hover .ret-txt {
  display: block;
}
.locate-retailer-form {
  background-color: #e7f3ff;
  background-repeat: no-repeat;
}
.locate-retailer-form .constrain {
  padding: 100px 210px 100px 2%;
  text-align: center;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain {
    background-image: none;
    padding: 60px 3%;
  }
}
.locate-retailer-form .constrain form label {
  font: normal 1em "Times New Roman", serif;
  font-size: 36px;
  display: inline-block;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain form label {
    display: block;
    font-size: 30px;
    margin-bottom: 20px;
  }
}
.locate-retailer-form .constrain form input[type=text] {
  display: inline-block;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #77787b;
  margin: 0 0 0 12px;
  font: normal 1em "Gotham Condensed", sans-serif;
  font-size: 28px;
  padding: 2px 2px 4px 2px;
  width: 200px;
  text-align: center;
  position: relative;
  bottom: 7px;
}
.locate-retailer-form .constrain form input[type=text].placeholder_js {
  color: #c4c9c8 !important;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain form input[type=text] {
    display: block;
    margin: 0 auto 20px auto;
  }
}
.locate-retailer-form .constrain form .search {
  display: inline-block;
}
.locate-retailer-form .constrain form .search .icon2-play {
  color: #a0cfde;
  position: relative;
  bottom: 2px;
  right: 14px;
  font-size: 30px;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain form .search {
    display: block;
  }
}
.locate-retailer-form .constrain form .btn {
  font: normal 1em "Gotham Condensed", sans-serif;
  background-color: transparent;
  color: #9a9d97;
  text-transform: none;
  font-size: 24px;
  position: relative;
  bottom: 9px;
}
.locate-retailer-form .constrain form .btn:hover {
  color: #5b93a5;
}
.locate-retailer-form .constrain .instructions {
  font: normal 1em "Timeless", serif;
  font-size: 1.2em;
  margin-top: 14px;
}
@media all and (max-width: 800px) {
  .locate-retailer-form .constrain .instructions {
    font-size: 0.9em;
  }
}
.locate-retailer-form.big {
  background-color: transparent;
  padding: 50px 0 100px 0;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big {
    padding: 20px 0;
    padding-bottom: 20px !important;
  }
}
.locate-retailer-form.big .constrain {
  background-image: none;
  padding: 0 2%;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox {
    display: block;
    width: 100%;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form {
  flex: 1 1 64%;
  border: 5px solid #e9e9ea;
  padding: 6px;
}
@media all and (min-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form {
    margin-right: 20px;
  }
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form {
    display: block;
    width: 100%;
    margin-bottom: 0;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain {
  padding: 6px;
  border: 1px solid #a0cfde;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form {
  background-color: #e9e9ea;
  padding: 20px 2%;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form img.marker {
  display: inline-block;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form h2 {
  font: normal 1em "Times New Roman", serif;
  font-size: 36px;
  margin: 0 0 10px 0;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form .contain form h2 {
    font-size: 28px;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .desc {
  font: normal 1em "Times New Roman", serif;
  font-size: 22px;
  width: 80%;
  margin: 0 auto 20px auto;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form .contain form .desc {
    font-size: 18px;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field {
  background-color: #fff;
  padding: 21px 20px 3px 20px;
  width: 92%;
  margin: 0 auto;
  position: relative;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field input[type=text] {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 2px 90px 12px 2px;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field input[type=text] {
    padding: 10px;
    font-size: 24px;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field .btn {
  position: absolute;
  right: 5px;
  top: 9px;
  background: #a0d0df;
  color: #fff;
  bottom: auto;
  padding: 7px 35px 8px 35px;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field .btn .icon2-play {
  position: absolute;
  right: 0;
}
.locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field .btn:hover {
  background-color: #5b93a5;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.form .contain form .field .btn {
    position: static;
    margin: 5px 0 12px 0;
  }
}
.locate-retailer-form.big .constrain .flexbox .unit.image {
  flex: 1 1 36%;
  background-image: url("//assets.benchmarkrings.com/assets/retailer_hands.jpg");
  -ms-behavior: url("/bg.htc");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .locate-retailer-form.big .constrain .flexbox .unit.image {
    display: none;
  }
}
#retailer-modal {
  display: none;
}
#retailer-modal .modal {
  background: #fff;
  max-width: 1000px;
}
#retailer-modal .content {
  color: rgb(88, 88, 88);
}
#retailer-modal .content .flexbox.top .left {
  flex: 1;
  text-align: left;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .left {
    text-align: center;
  }
}
#retailer-modal .content .flexbox.top .left img.retailer-logo {
  display: block;
  margin-bottom: 20px;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .left img.retailer-logo {
    max-width: 200px;
    margin: 0 auto 20px auto;
  }
}
#retailer-modal .content .flexbox.top .left h5.retailer-name {
  font: 300 1em "Gotham", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
#retailer-modal .content .flexbox.top .left address {
  line-height: 20px;
  font-size: 15px;
}
#retailer-modal .content .flexbox.top .left address span.retailer-address1,
#retailer-modal .content .flexbox.top .left address span.retailer-address2 {
  display: block;
}
#retailer-modal .content .flexbox.top .left address span.retailer-phone {
  display: block;
  margin-top: 5px;
}
#retailer-modal .content .flexbox.top .left .map-holder {
  margin-top: 20px;
}
#retailer-modal .content .flexbox.top .left .map-holder img {
  display: block;
}
#retailer-modal .content .flexbox.top .right {
  flex: 3;
  padding-left: 30px;
  text-align: left;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .right {
    padding-left: 0;
    margin-top: 30px;
  }
}
#retailer-modal .content .flexbox.top .right h5 {
  font: 300 1em "Gotham", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 8px;
}
#retailer-modal .content .flexbox.top .right .richtext {
  font-size: 15px;
}
#retailer-modal .content .flexbox.top .right .richtext p {
  margin-bottom: 10px;
}
#retailer-modal .content .flexbox.top .right .richtext p:last-of-type {
  margin-bottom: 0;
}
#retailer-modal .content .flexbox.top .right .meet.flexbox {
  padding-top: 20px;
}
#retailer-modal .content .flexbox.top .right .meet.flexbox .meet-text {
  flex: 3;
}
#retailer-modal .content .flexbox.top .right .meet.flexbox .meet-text h6 {
  font: 300 1em "Gotham", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
#retailer-modal .content .flexbox.top .right .meet.flexbox .meet-image {
  flex: 1;
  margin-left: 20px;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .right .meet.flexbox .meet-image {
    margin: 20px 0 0 0;
  }
}
#retailer-modal .content .flexbox.top .right .meet.flexbox .meet-image img {
  display: block;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.top .right .meet.flexbox .meet-image img {
    max-width: 250px;
  }
}
#retailer-modal .content .flexbox.gallery {
  padding-top: 20px;
  justify-content: center;
}
#retailer-modal .content .flexbox.gallery .gallery-image {
  flex: 1;
}
@media all and (min-width: 800px) {
  #retailer-modal .content .flexbox.gallery .gallery-image {
    max-width: 33.33%;
    margin-right: 12px;
  }
  #retailer-modal .content .flexbox.gallery .gallery-image:last-of-type {
    margin-right: 0;
  }
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.gallery .gallery-image {
    margin-bottom: 12px;
  }
  #retailer-modal .content .flexbox.gallery .gallery-image:last-of-type {
    margin-bottom: 0;
  }
}
#retailer-modal .content .flexbox.gallery .gallery-image img {
  display: block;
  width: 100%;
}
@media all and (max-width: 800px) {
  #retailer-modal .content .flexbox.gallery .gallery-image img {
    max-width: 250px;
    margin: 0 auto;
  }
}
#retailer-modal .content .buttons {
  margin: 25px 0;
  padding: 0 2%;
}
#retailer-modal .content .buttons .btn {
  margin-right: 5px;
}
#retailer-modal .content .buttons .btn:last-of-type {
  margin-right: 0;
}
@media all and (min-width: 0) and (max-width: 400px) {
  #retailer-modal .content .buttons .btn {
    margin: 0 5px 5px 5px;
  }
}
#find-retailer-modal .modal {
  max-width: 400px;
  min-height: 280px;
}
#find-retailer-modal .modal .meta {
  font: normal 1em "Times New Roman", serif;
  font-style: italic;
  font-size: 18px;
  text-align: left;
  font-weight: bold;
  padding-bottom: 8px;
  border-bottom: 1px solid #a0cfde;
  margin-bottom: 15px;
}
#find-retailer-modal .modal form.modal-ret-form {
  border-bottom: 1px solid #a0cfde;
  padding-bottom: 3px;
  margin-bottom: 10px;
}
#find-retailer-modal .modal form.modal-ret-form input[type=text] {
  background: #ebebeb;
  border: 1px solid #cfd2d4;
  color: #76787c;
  width: 90%;
  width: calc(100% - 50px);
  display: block;
  padding-bottom: 8px;
}
#find-retailer-modal .modal .sortby {
  display: none;
  margin-bottom: 10px;
}
#find-retailer-modal .modal .sortby h6 {
  color: #a0cfde;
  font-size: 0.9em;
  margin-bottom: 4px;
  text-align: left;
}
#find-retailer-modal .modal .sortby .btns .btn {
  background: white;
  color: #a0cfde;
  font-size: 14px;
  border: 2px solid #a0cfde;
  padding: 2px 10px 0 10px;
}
#find-retailer-modal .modal .sortby .btns .btn:hover {
  background: #a0cfde;
  color: #fff;
}
#find-retailer-modal .modal .sortby .btns .btn.active {
  background: #a0cfde;
  color: #fff;
}
#find-retailer-modal .modal .sortby .btns .btn.active:hover {
  background: #a0cfde;
  color: #fff;
}
#find-retailer-modal .modal .sortby .btns .btn#level {
  width: 65%;
  float: left;
}
#find-retailer-modal .modal .sortby .btns .btn#distance {
  width: 35%;
  float: right;
}
#find-retailer-modal .modal ul#retailer-list {
  padding-bottom: 50px;
}
#find-retailer-modal .modal ul#retailer-list li {
  padding: 0 0 0 0;
  margin-bottom: 20px;
  text-align: left;
  position: relative;
}
#find-retailer-modal .modal ul#retailer-list li:last-of-type {
  margin-bottom: 0;
}
#find-retailer-modal .modal ul#retailer-list li .right {
  float: right;
  padding-top: 4px;
  margin: 0 0 5px 5px;
}
#find-retailer-modal .modal ul#retailer-list li .right .ret-level {
  display: block;
  margin-bottom: 2px;
}
#find-retailer-modal .modal ul#retailer-list li h6 {
  text-transform: uppercase;
  margin-bottom: 0;
}
#find-retailer-modal .modal ul#retailer-list li p {
  font: normal 1em "Timeless", serif;
  font-size: 15px;
}
#find-retailer-modal .modal ul#retailer-list li p.col a {
  color: #598fa0;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
}
#find-retailer-modal .modal ul#retailer-list li p.col a:hover {
  color: #a0cfde;
}
#find-retailer-modal .modal ul#retailer-list li p.col a::after {
  content: ",";
  margin: 0 5px 0 0;
}
#find-retailer-modal .modal ul#retailer-list li p.col a:last-of-type::after {
  content: "";
}
#find-retailer-modal .modal ul#retailer-list li .btn {
  margin-top: 5px;
}
#find-retailer-modal .modal ul#retailer-list li .btn:first-of-type {
  margin-right: 5px;
}
#find-retailer-modal.alternate .sortby {
  display: block;
}
#find-retailer-modal.alternate .modal ul#retailer-list li {
  background: #a0cfde;
  padding: 5px 10px;
  margin-bottom: 5px;
  color: #fff;
}
#find-retailer-modal.alternate .modal ul#retailer-list li h6 {
  text-transform: none;
  margin-bottom: 4px;
  border-bottom: 1px solid white;
  padding-bottom: 2px;
  width: calc(100% - 50px);
  color: #272727;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links {
  margin: 5px 0 2px 0;
  clear: both;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links a.icon-phone-2 {
  float: left;
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 7px;
  font-size: 15px;
  margin-right: 5px;
  overflow: hidden;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links a.icon-phone-2:hover {
  background-color: #80a6b2;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links a.icon-globe {
  float: left;
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 5px;
  font-size: 20px;
  margin-right: 5px;
  overflow: hidden;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links a.icon-globe:hover {
  background-color: #80a6b2;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn {
  margin-bottom: 3px;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn.white-outline {
  margin-top: 0;
  float: left;
  height: 34px;
  font-size: 13px;
  padding-top: 3px;
  border: 2px solid #fff;
  margin-right: 5px;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn.white-outline:hover {
  background-color: #80a6b2;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn.small {
  font-size: 13px;
  background: #fff;
  height: 34px;
  margin-top: 0;
  float: left;
  padding-top: 3px;
  border: 2px solid #fff;
  color: #a0cfde;
  line-height: 2.2em;
}
#find-retailer-modal.alternate .modal ul#retailer-list li .r-links .btn.small:hover {
  background: #5b93a5;
  color: #fff;
}
#find-retailer-modal.alternate .modal ul#retailer-list li p.col {
  clear: both;
  font-size: 14px;
  color: #272727;
}
#find-retailer-modal.alternate .modal ul#retailer-list li p.col span {
  display: block;
}
#find-retailer-modal.alternate .modal ul#retailer-list li p.col a {
  color: #272727;
}
#find-retailer-modal.alternate .modal ul#retailer-list li p.col a:hover {
  color: #5b93a5;
}
#find-retailer-modal.alternate .modal ul#retailer-list li:last-of-type {
  margin-bottom: 0;
}
.retailer-map-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 2%;
}
.retailer-map-wrap > h2 {
  font: normal 1em "Times New Roman", serif;
  font-size: 1.6em;
  padding: 10px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  z-index: 5;
  background: #fff;
}
.retailer-map-wrap > h2::after {
  display: block;
  content: " ";
  background-color: #a0cfde;
  height: 3px;
  width: 100%;
  margin-top: 4px;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap > h2 {
    font-size: 1.6em;
    top: 145px;
  }
}
@media all and (max-width: 550px) {
  .retailer-map-wrap > h2 {
    font-size: 1.4em;
  }
}
.retailer-map-wrap > h2 a {
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  font-size: 0.7em;
  font-style: italic;
  margin-left: 8px;
}
.retailer-map-wrap > h2 a:hover {
  color: #5b93a5;
}
.retailer-map-wrap > h2 a span.icon-down-big {
  font-size: 15px;
  position: relative;
  top: 2px;
}
.retailer-map-wrap .sort-buttons {
  margin-bottom: 15px;
  position: relative;
}
.retailer-map-wrap .sort-buttons .sb {
  opacity: 1;
  transition: opacity 300ms ease;
}
.retailer-map-wrap .sort-buttons .sb.hide {
  opacity: 0;
  visibility: hidden;
}
.retailer-map-wrap .sort-buttons h6 {
  color: #a0cfde;
  margin-bottom: 3px;
}
.retailer-map-wrap .sort-buttons .buttons {
  width: 280px;
}
.retailer-map-wrap .sort-buttons .buttons .btn {
  float: left;
  background: #fff;
  color: #a0cfde;
  border: 2px solid #a0cfde;
  width: 63%;
  font-size: 13px;
  padding: 3px 10px 0 10px;
}
.retailer-map-wrap .sort-buttons .buttons .btn:hover {
  color: #5b93a5;
  border-color: #5b93a5;
}
.retailer-map-wrap .sort-buttons .buttons .btn#distance {
  width: 37%;
}
.retailer-map-wrap .sort-buttons .buttons .btn.active {
  background: #a0cfde;
  color: #fff;
}
.retailer-map-wrap .sort-buttons .buttons .btn.active:hover {
  color: #fff;
  background: #5b93a5;
  border: 2px solid #5b93a5;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap .map-results {
    display: block;
  }
}
.retailer-map-wrap .map-results #retailer-results {
  flex: 0 0 280px;
  list-style-type: none;
  margin-right: 15px;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap .map-results #retailer-results {
    display: block;
    height: auto;
    min-height: 0;
    overflow: auto;
    margin-right: 0;
  }
}
.retailer-map-wrap .map-results #retailer-results li.loading {
  font: normal 1em "Timeless", serif;
  font-size: 15px;
  text-align: center;
  padding: 20px 10px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer {
  position: relative;
  background: #a0cfde;
  padding: 5px 10px;
  margin-bottom: 5px;
  width: 100%;
  cursor: pointer;
}
.retailer-map-wrap .map-results #retailer-results li.retailer:hover {
  background: #5b93a5;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  margin-bottom: 5px;
  width: calc(100% - 50px);
  float: left;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .top h4 {
  font-size: 1.1em;
  line-height: 1.2em;
  margin-bottom: 5px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .top::after {
  display: block;
  content: " ";
  height: 0;
  width: 100%;
  clear: both;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .right {
  float: right;
  display: block;
  margin: 0 0 5px 5px;
  min-height: 80px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .right .ret-level {
  display: block;
  margin-bottom: 5px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .right .ret-level.lcl {
  margin-bottom: 0;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .right .ret-level img {
  display: block;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .ret-level .ret-txt {
  width: 260px;
  right: auto;
  left: 100%;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap .map-results #retailer-results li.retailer .ret-level .ret-txt {
    width: calc(100vw - 80px);
    right: 40px;
    left: auto;
    max-width: 260px;
  }
}
.retailer-map-wrap .map-results #retailer-results li.retailer p.distance {
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  margin-bottom: 3px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer address {
  display: block;
  color: #fff;
  font: normal 1em "Times New Roman", serif;
  font-size: 17px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer address span {
  display: block;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons {
  text-align: left;
  margin: 5px 0;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons a.icon-phone-2 {
  float: left;
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 7px;
  font-size: 15px;
  margin-right: 5px;
  overflow: hidden;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons a.icon-phone-2:hover {
  background-color: #80a6b2;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons a.icon-globe {
  float: left;
  display: inline-block;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  padding-top: 5px;
  font-size: 20px;
  margin-right: 5px;
  overflow: hidden;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons a.icon-globe:hover {
  background-color: #80a6b2;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white-outline {
  float: left;
  height: 34px;
  font-size: 13px;
  padding-top: 3px;
  border: 2px solid #fff;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white-outline:hover {
  background-color: #80a6b2;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white {
  margin-top: 0;
  margin-left: 5px;
  border-radius: 7px;
  height: 34px;
  font-size: 13px;
  padding-top: 5px;
}
@media all and (min-width: 800px) {
  .retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white {
    margin-top: 5px;
    margin-left: 0;
  }
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons .btn.white:hover {
  background-color: #80a6b2;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .buttons::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections {
  margin-top: 10px;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections h6 {
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  margin-bottom: 0;
  color: #272727;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul {
  list-style-type: none;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li {
  display: inline;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li a {
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #272727;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li a:hover {
  color: #fff;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li::after {
  content: ", ";
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  color: #272727;
}
.retailer-map-wrap .map-results #retailer-results li.retailer .collections ul li:last-of-type::after {
  content: "";
}
.retailer-map-wrap .map-results #retailer-map {
  flex: 1 1 80%;
  height: 500px;
  height: calc(100vh - 340px);
  min-height: 350px;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 210px;
}
@media all and (max-width: 800px) {
  .retailer-map-wrap .map-results #retailer-map {
    display: none;
  }
}
.return-wrap {
  padding: 40px 0 100px 0;
}
.return-wrap h2 {
  margin-bottom: 10px;
}
@media all and (max-width: 800px) {
  .return-wrap h2 {
    font-size: 1.3em;
    text-align: center;
    padding: 0 10px;
  }
}
@media all and (max-width: 800px) {
  .return-wrap .constrain .richtext {
    padding: 0 10px;
  }
}
.return-wrap .constrain .richtext.instructions {
  font-size: 15px;
}
.return-wrap .constrain .richtext.center {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}
.return-wrap form#return-form {
  max-width: 450px;
  margin: 40px auto 0 auto;
  border: 1px solid gray;
  display: block;
  padding: 30px;
  box-shadow: 2px 2px 3px rgba(10, 10, 10, 0.3);
}
.return-wrap form#return-form .field {
  margin-bottom: 15px;
}
.return-wrap form#return-form .field label {
  display: block;
  margin-bottom: 5px;
}
.return-wrap form#return-form .field label a.icon2-info {
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-size: 14px;
  position: absolute;
  left: calc(100% + 8px);
  top: 0;
}
.return-wrap form#return-form .field.button {
  text-align: center;
  padding-top: 15px;
  margin-bottom: 0;
}
.return-wrap form#return-form .field.button .btn {
  text-transform: uppercase;
}
.return-wrap form#return-form .field.gn .hold {
  display: inline-block;
  position: relative;
}
.return-wrap form#return-form .field.gn .hold .info-popup {
  top: -143px;
  left: calc(100% + 45px);
  width: 300px;
}
.return-wrap form#return-form #rmessage {
  text-align: center;
}
.return-wrap form.line-items-form {
  margin-top: 30px;
}
.return-wrap form.line-items-form .lines.cancel .line {
  justify-content: flex-start;
  align-items: flex-start;
}
.return-wrap form.line-items-form .lines.cancel .line.heading .unit.cb {
  padding-top: 0;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.cb {
  flex: 0 0 100px;
  padding-top: 30px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.img {
  flex: 0 0 140px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn.edt::before {
  visibility: hidden;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details {
  padding-top: 0;
  display: block;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.sz {
  display: block;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field {
  margin-bottom: 20px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field:last-of-type, .return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.eg {
  margin-bottom: 0;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.engraving-text {
  display: none;
  padding-top: 20px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.engraving-text label {
  font-size: 14px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.engraving-text input.engraving-input {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  border: 1px solid #e0e0e0;
  padding: 10px 6px;
}
.return-wrap form.line-items-form .lines.cancel .line .unit.rsn .details .field.engraving-text p.char-count {
  font-size: 11px;
  margin-top: 4px;
}
.return-wrap form.line-items-form .lines .line {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 15px;
  margin-bottom: 17px;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line.heading {
    display: none;
  }
}
.return-wrap form.line-items-form .lines .line:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line {
    display: block;
  }
}
.return-wrap form.line-items-form .lines .line .unit {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  margin-right: 15px;
  padding: 0 10px;
}
.return-wrap form.line-items-form .lines .line .unit:last-of-type {
  margin-right: 0;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit {
    margin: 0 0 15px 0;
  }
}
.return-wrap form.line-items-form .lines .line .unit select.custom {
  height: 100% !important;
}
.return-wrap form.line-items-form .lines .line .unit .customSelect {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  padding: 10px 6px;
  border-width: 1px;
}
.return-wrap form.line-items-form .lines .line .unit span.icon-down-big {
  top: 14px;
}
.return-wrap form.line-items-form .lines .line .unit span.req {
  color: #bd3d3d;
  display: inline-block;
}
.return-wrap form.line-items-form .lines .line .unit label.req::after {
  content: "*";
  display: inline-block;
  margin-left: 3px;
  color: #bd3d3d;
}
.return-wrap form.line-items-form .lines .line .unit textarea {
  border-width: 1px;
}
.return-wrap form.line-items-form .lines .line .unit.cb {
  flex: 1.5;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.return-wrap form.line-items-form .lines .line .unit.cb p.error {
  color: #c16666;
  padding-top: 10px;
  font-size: 13px;
}
.return-wrap form.line-items-form .lines .line .unit.cb input {
  display: block;
  margin: 0 10px 0 0;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit.cb {
    align-items: center;
  }
}
.return-wrap form.line-items-form .lines .line .unit.img {
  flex: 2;
  min-width: 130px;
}
.return-wrap form.line-items-form .lines .line .unit.img a {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.return-wrap form.line-items-form .lines .line .unit.img a img {
  display: block;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit.img {
    margin-bottom: 1px;
    text-align: center;
  }
}
.return-wrap form.line-items-form .lines .line .unit.det {
  flex: 3;
  color: #76787c;
}
.return-wrap form.line-items-form .lines .line .unit.det p {
  line-height: 21px;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit.det {
    text-align: center;
  }
}
.return-wrap form.line-items-form .lines .line .unit.rsn {
  flex: 4;
}
.return-wrap form.line-items-form .lines .line .unit.rsn label {
  display: block;
  margin-bottom: 5px;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details {
  display: none;
  padding-top: 10px;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details textarea {
  height: 100px;
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  padding: 10px 6px;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details .field {
  margin-bottom: 10px;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details .field:last-of-type {
  margin-bottom: 0;
}
.return-wrap form.line-items-form .lines .line .unit.rsn .details .field.sz {
  display: none;
}
@media all and (max-width: 800px) {
  .return-wrap form.line-items-form .lines .line .unit.rsn:not(.size)::before {
    content: "Reason:";
    display: block;
    margin-bottom: 5px;
  }
}
.return-wrap form.line-items-form .lines .line .unit.pho {
  flex: 3;
}
.return-wrap form.line-items-form .lines .line .unit.pho > label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone {
  padding: 5px;
  border: 1px solid #e0e0e0;
  min-height: 50px;
  margin-bottom: 10px;
  background: #f1fcff;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-message {
  margin: 0;
  padding-top: 9px;
  font-size: 13px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview {
  margin: 5px;
  min-height: 50px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview.dz-complete .dz-remove, .return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview.dz-processing .dz-remove {
  display: none;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview.dz-error {
  display: none;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-image {
  border-radius: 0;
  width: 50px;
  height: 50px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-remove {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 55;
  background: #c36868;
  color: white;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 15px;
  height: 15px;
  font-size: 10px;
  border-radius: 8px;
  padding-top: 2px;
  cursor: pointer;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-remove:hover {
  background: #9c5353;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-details {
  height: 50px;
  padding: 5px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-details .dz-size, .return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-details .dz-filename {
  display: none;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-error-mark,
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-success-mark {
  margin-left: -15px;
  margin-top: -15px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-error-mark svg,
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-success-mark svg {
  width: 30px;
  height: 30px;
}
.return-wrap form.line-items-form .lines .line .unit.pho .dropzone .dz-preview .dz-progress {
  width: 40px;
  margin-left: -20px;
  height: 10px;
  margin-top: -3px;
}
.return-wrap .button-holder {
  margin-top: 40px;
  text-align: center;
}
.return-wrap .button-holder .btn {
  min-width: 150px;
  text-transform: uppercase;
  margin: 0 12px;
}
@media all and (max-width: 800px) {
  .return-wrap .button-holder .btn {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 15px auto;
  }
}
.return-wrap .button-holder .btn.dis {
  cursor: default;
  opacity: 0.6;
}
.return-wrap .button-holder .btn.dis:hover {
  background: #a0cfde;
}
.marketing-wrapper {
  padding: 30px 0 350px 0;
}
.marketing-wrapper .text {
  border-bottom: 1px solid #a0cfde;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 2% 30px 2%;
}
.marketing-wrapper .text h2 {
  font: normal 1em "Times New Roman", serif;
  font-size: 1.7em;
}
.marketing-wrapper .text p {
  font: normal 1em "Times New Roman", serif;
  font-size: 1.3em;
}
.marketing-wrapper .constrain .viewing {
  margin-bottom: 20px;
  font: normal 1em "Times New Roman", serif;
  font-style: italic;
  font-size: 1.2em;
  text-align: center;
}
.marketing-wrapper .constrain .viewing span {
  font-weight: bold;
  text-transform: uppercase;
}
.marketing-wrapper .constrain .viewing::after {
  content: " ";
  display: block;
  width: 60px;
  height: 1px;
  background: #a0cfde;
  margin: 8px auto 0 auto;
}
.marketing-wrapper .constrain aside {
  width: 200px;
  float: left;
  border-right: 1px solid #76787c;
  padding: 30px 3% 30px 0;
}
@media all and (max-width: 800px) {
  .marketing-wrapper .constrain aside {
    width: 100%;
    float: none;
    border-right: 0;
    padding: 30px 2%;
    text-align: center;
  }
}
.marketing-wrapper .constrain aside section {
  margin-bottom: 20px;
}
.marketing-wrapper .constrain aside section h4 {
  font-size: 1.2em;
  margin-bottom: 8px;
  font-weight: bold;
}
.marketing-wrapper .constrain aside section h4::after {
  content: " ";
  display: block;
  width: 60px;
  height: 1px;
  background: #a0cfde;
  margin-top: 8px;
  margin-left: 8px;
}
@media all and (max-width: 800px) {
  .marketing-wrapper .constrain aside section h4::after {
    margin: 8px auto 0 auto;
  }
}
.marketing-wrapper .constrain aside section ul {
  padding-left: 8px;
}
.marketing-wrapper .constrain aside section ul li a, .marketing-wrapper .constrain aside section ul li span {
  font: normal 1em "Timeless", serif;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #272727;
  font-size: 15px;
  line-height: 22px;
  display: inline-block;
}
.marketing-wrapper .constrain aside section ul li a:hover, .marketing-wrapper .constrain aside section ul li span:hover {
  color: #a0cfde;
}
.marketing-wrapper .constrain aside section ul li a.active, .marketing-wrapper .constrain aside section ul li span.active {
  color: #a0cfde;
}
.marketing-wrapper .constrain aside section ul li a.active:hover, .marketing-wrapper .constrain aside section ul li span.active:hover {
  color: #272727;
}
.marketing-wrapper .constrain aside section ul li span:hover {
  color: #272727;
}
.marketing-wrapper .constrain .materials {
  width: calc(100% - 200px);
  float: right;
  padding: 0 30px;
}
@media all and (max-width: 800px) {
  .marketing-wrapper .constrain .materials {
    width: 100%;
    float: none;
  }
}
.marketing-wrapper .constrain .materials .image-request h1.lined {
  font-size: 1.4em;
  margin-bottom: 30px;
}
.marketing-wrapper .constrain .materials .image-request h1.lined::before, .marketing-wrapper .constrain .materials .image-request h1.lined::after {
  top: 16px;
}
.marketing-wrapper .constrain .materials section {
  margin-bottom: 25px;
}
.marketing-wrapper .constrain .materials h1.c-name {
  font-size: 1.3em;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.marketing-wrapper .constrain .materials h1.c-name::after {
  display: block;
  content: " ";
  background-color: #a0cfde;
  height: 2px;
  width: 70%;
  margin-top: 4px;
}
.marketing-wrapper.order .order-form h3 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a0cfde;
  color: #a0cfde;
}
.marketing-wrapper.order .order-form h3.gray {
  background: #e0e0e0;
  color: #212121;
  padding: 10px;
  border: 0;
}
.marketing-wrapper.order .order-form form.review {
  font: normal 1em "Arial", sans-serif;
}
.marketing-wrapper.order .order-form form.review p.disclaimer {
  margin-bottom: 30px;
}
.marketing-wrapper.order .order-form form.review .grid-row {
  margin-bottom: 30px;
}
.marketing-wrapper.order .order-form form.review .grid-row .info {
  margin-top: 20px;
  font-size: 1.1em;
  margin-bottom: 8px;
}
.marketing-wrapper.order .order-form form.review .grid-row h6 {
  margin-bottom: 5px;
}
.marketing-wrapper.order .order-form form.review .grid-row address span {
  display: block;
}
.marketing-wrapper.order .order-form form.review table {
  margin-top: 10px;
  border-top: 2px solid black;
  width: 100%;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table {
    display: block;
  }
}
.marketing-wrapper.order .order-form form.review table thead {
  border-bottom: 1px solid gray;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table thead {
    display: none;
  }
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table tbody {
    display: block;
  }
}
.marketing-wrapper.order .order-form form.review table tr {
  border-bottom: 1px solid #e0e0e0;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table tr {
    display: block;
  }
}
.marketing-wrapper.order .order-form form.review table tr td, .marketing-wrapper.order .order-form form.review table tr th {
  padding: 11px 10px 10px 10px;
  font-size: 14px;
  vertical-align: top;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review table tr td, .marketing-wrapper.order .order-form form.review table tr th {
    display: block;
  }
}
.marketing-wrapper.order .order-form form.review table tr td p.coll, .marketing-wrapper.order .order-form form.review table tr td p.title, .marketing-wrapper.order .order-form form.review table tr th p.coll, .marketing-wrapper.order .order-form form.review table tr th p.title {
  font-size: 1.3em;
  margin-bottom: 0;
}
.marketing-wrapper.order .order-form form.review table tr td p.coll.title, .marketing-wrapper.order .order-form form.review table tr td p.title.title, .marketing-wrapper.order .order-form form.review table tr th p.coll.title, .marketing-wrapper.order .order-form form.review table tr th p.title.title {
  margin-bottom: 8px;
}
.marketing-wrapper.order .order-form form.review table tr td p.size, .marketing-wrapper.order .order-form form.review table tr th p.size {
  font-size: 0.9em;
  margin-bottom: 10px;
  margin-top: 6px;
}
.marketing-wrapper.order .order-form form.review table tr td .image, .marketing-wrapper.order .order-form form.review table tr th .image {
  width: 140px;
  float: left;
}
.marketing-wrapper.order .order-form form.review table tr td .text, .marketing-wrapper.order .order-form form.review table tr th .text {
  width: calc(100% - 140px);
  float: right;
  border-bottom: 0;
  text-align: left;
  margin-bottom: 0;
  padding: 10px 15px;
}
.marketing-wrapper.order .order-form form.review table tr td .text a.add, .marketing-wrapper.order .order-form form.review table tr th .text a.add {
  display: inline-block;
  padding-bottom: 8px;
  display: block;
  width: 200px;
}
.marketing-wrapper.order .order-form form.review table tr td .text textarea, .marketing-wrapper.order .order-form form.review table tr th .text textarea {
  display: block;
  width: 200px;
  height: 90px;
  display: none;
}
.marketing-wrapper.order .order-form form.review table tr td .text p, .marketing-wrapper.order .order-form form.review table tr th .text p {
  padding-top: 8px;
  font: normal 1em "Arial", sans-serif;
  font-size: 1em;
}
.marketing-wrapper.order .order-form form.review footer {
  background: #a0cfde;
  color: #fff;
  padding: 18px 20px 22px 20px;
  position: relative;
  font-size: 14px;
  margin-top: 20px;
}
.marketing-wrapper.order .order-form form.review footer .mega {
  width: 50px;
  height: 50px;
  background: white;
  border-radius: 50%;
  border: 2px solid #63aec3;
  text-align: center;
  padding-top: 11px;
  float: left;
  margin-right: 15px;
}
.marketing-wrapper.order .order-form form.review footer h2 {
  font-size: 2.2em;
  margin-bottom: 0;
  text-align: center;
  position: relative;
  top: 1px;
}
.marketing-wrapper.order .order-form form.review footer h5 {
  margin-bottom: 8px;
}
.marketing-wrapper.order .order-form form.review footer .btn {
  position: absolute;
  top: 25px;
  right: 20px;
}
@media all and (max-width: 550px) {
  .marketing-wrapper.order .order-form form.review footer .btn {
    position: static;
    margin-top: 20px;
  }
}
.marketing-wrapper.order .order-form form .head .image {
  flex: 0 0 200px;
}
.marketing-wrapper.order .order-form form .head .image img {
  display: block;
}
.marketing-wrapper.order .order-form form .head .store-info {
  flex: 1 1 80%;
  padding: 0 0 0 20px;
  margin-bottom: 10px;
}
.marketing-wrapper.order .order-form form .head .store-info p.req-info {
  font: normal 1em "Timeless", serif;
  font-style: italic;
  margin-bottom: 15px;
}
.marketing-wrapper.order .order-form form .contact-info {
  border: 1px solid #e0e0e0;
  margin-top: 30px;
}
.marketing-wrapper.order .order-form form .contact-info h5 {
  background: #efefef;
  font-size: 1.1em;
  padding: 10px 22px;
  margin-bottom: 5px;
}
.marketing-wrapper.order .order-form form .contact-info .fields-wrapper {
  padding: 20px;
}
.marketing-wrapper.order .order-form form .disclaimer {
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  font-style: italic;
}
.marketing-wrapper.order .order-form form .field {
  margin-bottom: 20px;
}
.marketing-wrapper.order .order-form form .field label {
  display: block;
  font-size: 13px;
  margin-bottom: 2px;
}
.marketing-wrapper.order .order-form form .field label.gray {
  text-transform: uppercase;
}
.marketing-wrapper.order .order-form form .field label.req::after {
  content: "*";
  color: #bd3d3d;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
}
.marketing-wrapper.order .order-form form .field input {
  display: block;
  border-width: 1px;
  width: 100%;
}
.marketing-wrapper.order .order-form form .field input[type=checkbox] {
  display: inline-block;
  float: left;
  width: auto;
  margin: 0 5px 0 0;
}
.marketing-wrapper.order .order-form form .field.buttons {
  text-align: right;
}
.marketing-wrapper.order .order-form form .field.buttons #message {
  padding: 10px 0;
}
.marketing-wrapper.order .order-form form .field.buttons #message p.note {
  margin: 0;
}
.marketing-wrapper.order .order-form form .field.buttons .btn {
  margin-left: 10px;
}
.marketing-wrapper.order .order-form form a.add, .marketing-wrapper.order .order-form form a.edit {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a0cfde;
  font-size: 14px;
}
.marketing-wrapper.order .order-form form a.add::before, .marketing-wrapper.order .order-form form a.edit::before {
  content: " ";
  background-image: url("/assets/pencil.png");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 4px;
}
.marketing-wrapper.order .order-form form a.add.add::before, .marketing-wrapper.order .order-form form a.edit.add::before {
  background-image: url("/assets/add.png");
}
.marketing-wrapper.order .order-form form a.add:hover, .marketing-wrapper.order .order-form form a.edit:hover {
  color: #5b93a5;
}
.marketing-wrapper.order .order-form form .grid-row {
  position: relative;
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row {
    margin-bottom: 20px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .field {
    margin-bottom: 0;
  }
}
@media all and (max-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of2 {
    text-align: left;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of2:first-of-type {
    padding-right: 15px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of2:last-of-type {
    padding-left: 15px;
  }
}
@media all and (max-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3 {
    text-align: left;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3:first-of-type {
    padding-right: 15px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3:nth-of-type(2) {
    padding-right: 15px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3:nth-of-type(2) {
    padding-left: 15px;
  }
}
@media all and (min-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row .unit1of3:last-of-type {
    padding-left: 15px;
  }
}
.marketing-wrapper.order .order-form form .grid-row span.by {
  position: absolute;
  left: 50%;
  left: calc(50% - 10px);
  width: 20px;
  display: inline-block;
  font-size: 14px;
  top: 26px;
  text-align: center;
  font-family: "Arial";
}
@media all and (max-width: 800px) {
  .marketing-wrapper.order .order-form form .grid-row span.by {
    display: none;
  }
}
.marketing-wrapper.order .red {
  color: #bd3d3d;
}
#material-modal {
  background-color: rgba(0, 0, 0, 0.85);
  height: 700px;
  position: absolute;
  top: 0;
  left: 0;
}
#material-modal .modal {
  background-color: transparent;
  padding: 20px;
}
#material-modal .modal .icon-close {
  top: 20px;
  right: 18px;
}
#material-modal .modal .meta {
  color: #a0cfde;
  font: normal 1em "Myriad", sans-serif;
  font-size: 18px;
  text-align: left;
  margin-bottom: 20px;
  border-bottom: 2px solid #a0cfde;
  padding-bottom: 5px;
}
#material-modal .modal .meta span {
  display: inline-block;
}
#material-modal .modal .meta span::after {
  content: ">";
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
  position: relative;
  bottom: 2px;
}
#material-modal .modal .meta span:last-of-type::after {
  content: "";
  display: none;
}
#material-modal .modal #image {
  display: block;
  margin: 5px auto 0 auto;
  max-height: 500px;
}
#material-modal .modal #video {
  margin: 5px auto 0 auto;
}
#material-modal .modal .button {
  text-align: right;
}
#material-modal .modal video {
  max-width: 100%;
  max-height: 500px;
}
#material-modal #fb {
  display: none;
}
.slick-holder ul li.material {
  width: 33.33333%;
  width: calc(33.3333% - 8px);
  text-align: center;
  margin-right: 5px;
}
.slick-holder ul li.material:last-of-type {
  margin-right: 0;
}
.slick-holder ul li.material .image {
  margin-bottom: 6px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  position: relative;
}
.slick-holder ul li.material .image > a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
}
.slick-holder ul li.material .image .video, .slick-holder ul li.material .image .flipb {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.slick-holder ul li.material .image .video span, .slick-holder ul li.material .image .flipb span {
  font-size: 40px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  position: relative;
  top: 105px;
}
.slick-holder ul li.material .image .video span.txt, .slick-holder ul li.material .image .flipb span.txt {
  font-size: 13px;
  top: 115px;
}
.slick-holder ul li.material .image .video span.icon2-play, .slick-holder ul li.material .image .flipb span.icon2-play {
  top: 79px;
}
.slick-holder ul li.material .image .video:hover span, .slick-holder ul li.material .image .flipb:hover span {
  color: #a0cfde;
}
.slick-holder ul li.material .image .video:hover span.txt, .slick-holder ul li.material .image .flipb:hover span.txt {
  color: #fff;
  background: #90bac8;
}
.slick-holder ul li.material .image .video.flipb, .slick-holder ul li.material .image .flipb.flipb {
  background-color: transparent;
}
.slick-holder ul li.material .links a {
  color: #272727;
  -webkit-text-decoration: none;
  text-decoration: none;
  font: normal 1em "Minion", sans-serif;
  font-size: 14px;
  display: inline-block;
}
.slick-holder ul li.material .links a:hover {
  color: #a0cfde;
}
.slick-holder ul li.material .links span {
  font: normal 1em "Minion", sans-serif;
  font-size: 14px;
  display: inline-block;
  margin: 0 2px 0 6px;
}
.slick-holder ul li.material .app {
  font: normal 1em "Minion", sans-serif;
  font-size: 14px;
  margin-top: 3px;
}
.materials.width-2 .slick-holder ul li.material {
  width: 50%;
  width: calc(50% - 10px);
  margin-right: 10px;
}
.materials.width-2 .slick-holder ul li.material .image {
  height: 190px;
}
.slick-holder {
  padding: 0 20px;
}
.materials .collection .slick-holder .slick-prev {
  left: -40px;
  top: 116px;
  background: #a0cfde;
  font-size: 0;
  text-align: center;
}
@media all and (max-width: 800px) {
  .materials .collection .slick-holder .slick-prev {
    left: -45px !important;
  }
}
.materials .collection .slick-holder .slick-prev::before {
  color: #fff;
  position: relative;
  top: 0;
  font-size: 18px;
}
.materials .collection .slick-holder .slick-prev:hover {
  background: #5b93a5;
}
.materials .collection .slick-holder .slick-next {
  right: -40px;
  top: 116px;
  background: #a0cfde;
  font-size: 0;
  text-align: center;
}
@media all and (max-width: 800px) {
  .materials .collection .slick-holder .slick-next {
    right: -45px !important;
  }
}
.materials .collection .slick-holder .slick-next::before {
  color: #fff;
  position: relative;
  top: 0;
  font-size: 18px;
}
.materials .collection .slick-holder .slick-next:hover {
  background: #5b93a5;
}
.materials.width-2 .collection .slick-holder .slick-prev {
  top: 85px;
}
.materials.width-2 .collection .slick-holder .slick-next {
  top: 85px;
}
#signage-modal.fullscreen-overlay {
  background: rgba(255, 255, 255, 0.6);
}
#signage-modal.fullscreen-overlay .modal {
  background: rgba(16, 16, 16, 0.9);
  text-align: left;
  color: #fff;
  max-width: 800px;
}
#signage-modal.fullscreen-overlay .modal .richtext h4 {
  color: #a0cfde;
  text-align: center;
  border-bottom: 1px solid #a0cfde;
  padding-bottom: 8px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font: normal 1em "Arial", sans-serif;
  font-size: 1.3em;
}
#signage-modal.fullscreen-overlay .modal .richtext ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
#signage-modal.fullscreen-overlay .modal .richtext ul li {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  margin-bottom: 15px;
}
#signage-modal.fullscreen-overlay .modal .richtext ul li::before {
  content: "-";
}
#signage-modal.fullscreen-overlay .modal .richtext ul li:last-of-type {
  margin-bottom: 0;
}
#signage-modal.fullscreen-overlay .modal .richtext ul li span {
  color: #a0cfde;
  font-weight: bold;
}
#register-your-ring {
  margin: 30px 0;
}
#register-your-ring #title {
  border-bottom: 3px solid black;
  padding-bottom: 12.8px;
  text-align: left;
}
#register-your-ring #terms {
  font: normal 1em "Timeless", serif;
}
#register-your-ring #terms .flex-grid-unit {
  padding: 10px;
}
#register-your-ring #terms .flex-grid-unit p {
  margin-bottom: 5px;
}
#register-your-ring #terms .flex-grid-unit {
  flex: 1 0 33%;
}
#register-your-ring #terms .flex-grid-unit img {
  display: block;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  #register-your-ring #terms img {
    max-width: 200px;
  }
}
#register-your-ring #registration-form .section-header {
  text-align: center;
  background-color: #A0CEDD;
  border: 1px solid black;
  padding: 5px;
}
#register-your-ring #registration-form .notice {
  font: italic 0.8em "Timeless", serif;
  font-weight: bold;
  padding: 5px 0;
}
#register-your-ring #registration-form .flex-grid-unit {
  flex: 1 0 50%;
}
#register-your-ring #registration-form label {
  display: block;
  margin-bottom: 3px;
  width: 100%;
  font: normal 1em "Timeless", serif;
  font-size: 14px;
}
#register-your-ring #registration-form section.loc {
  display: none;
}
#register-your-ring #registration-form .field {
  margin-bottom: 15px;
  width: 90%;
}
@media all and (max-width: 800px) {
  #register-your-ring #registration-form .field {
    width: 100%;
  }
}
#register-your-ring #registration-form input,
#register-your-ring #registration-form .fake-input,
#register-your-ring #registration-form select,
#register-your-ring #registration-form textarea {
  display: block;
  width: 100%;
}
#register-your-ring #registration-form textarea {
  min-height: 200px;
}
#register-your-ring #registration-form .ms-parent {
  width: 100% !important;
}
#register-your-ring #registration-form .ms-parent button.ms-choice {
  display: block;
  background: #fff;
  border-radius: 0;
  border-style: solid;
  color: #272727;
  font: 300 1em "Gotham", sans-serif;
  border: 3px solid #e0e0e0;
  -webkit-appearance: none;
  font-size: 1em;
  width: 100%;
  padding: 13px 6px 9px 6px;
  display: block !important;
  z-index: 1;
  position: relative;
  height: auto;
}
@media all and (max-width: 800px) {
  #register-your-ring #registration-form .ms-parent button.ms-choice {
    text-align: left;
  }
}
#register-your-ring #registration-form .ms-parent button.ms-choice > span {
  position: static;
  padding: 0;
}
#register-your-ring #registration-form .ms-parent ul li {
  margin-bottom: 10px;
}
#register-your-ring #registration-form .ms-parent label {
  margin-bottom: 0;
}
#register-your-ring #registration-form .ms-parent label input[type=checkbox] {
  width: auto;
  display: inline-block;
  margin: 0 10px 0 0;
  position: relative;
  bottom: 1px;
}
#register-your-ring #registration-form .ms-parent .ms-choice {
  border: none;
  border-radius: 0;
}
#register-your-ring #registration-form .ms-parent .ms-choice > div {
  top: 7px;
}
#register-your-ring #registration-form .ms-parent .ms-choice .placeholder {
  color: #272727;
}
#register-your-ring #registration-form .controls {
  padding: 10px 0;
}
#register-your-ring #registration-form #step-2 .flex-grid-unit:nth-of-type(2) {
  position: relative;
}
#register-your-ring #registration-form #step-2 .flex-grid-unit:nth-of-type(2) img {
  position: absolute;
  bottom: 0;
}
@media all and (max-width: 800px) {
  #register-your-ring #registration-form #step-2 .flex-grid-unit:nth-of-type(2) img {
    position: initial;
    padding: 20px 0;
  }
}
#register-your-ring #review #message {
  text-align: center;
}
#register-your-ring #review h1,
#register-your-ring #review h5 {
  text-align: center;
}
#register-your-ring #review #guarantee_number {
  font-size: 1.6em;
  margin-bottom: 20px;
}
#register-your-ring #review .flex-grid-unit {
  flex: 0 1 50%;
}
#register-your-ring #review .flex-grid-unit .container {
  margin-bottom: 15px;
}
#register-your-ring #review .flex-grid-unit .container .key {
  display: inline-block;
  width: 49%;
  text-align: right;
  padding-right: 10px;
  font: normal 1em "Timeless", serif;
}
#register-your-ring #review .flex-grid-unit .container .value {
  display: inline-block;
  width: 49%;
  text-align: left;
  padding-left: 10px;
  font: normal 1em "Timeless", serif;
}
#register-your-ring #review .flex-grid-unit #wedding_date {
  margin-bottom: 30px;
}
#register-your-ring #review .flex-grid-unit > p {
  font: normal 1em "Timeless", serif;
  text-align: center;
  margin-bottom: 10px;
}
#register-your-ring #review .flex-grid-unit .controls {
  text-align: center;
  margin-top: 30px;
}
#register-your-ring #step-1,
#register-your-ring #step-2,
#register-your-ring #review {
  margin: 30px 0;
}
#register-your-ring #confirm,
#register-your-ring #onlineretailer {
  margin: 50px 0;
  text-align: center;
}
@media all and (max-width: 800px) {
  #register-your-ring #confirm,
  #register-your-ring #onlineretailer {
    padding: 0 10px;
    text-align: center;
  }
}
#register-your-ring #onlineretailer {
  color: #bd3d3d;
}
@media all and (max-width: 800px) {
  #register-your-ring .flexbox {
    flex-direction: column;
  }
  #register-your-ring .flex-grid-unit {
    margin-right: 0;
    margin-bottom: 10px;
    flex: 0 1 auto !important;
    width: 100%;
  }
}
.phone-number {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #272727;
}
div.note.error h4 {
  color: #a94e4e;
  font-size: 1.2em;
  margin-bottom: 6px;
}
div.note.error ul {
  list-style-type: none;
}
div.note.error ul li {
  color: #a94e4e;
  font: normal 1em "Timeless", serif;
  font-size: 15px;
  margin-bottom: 3px;
}
div.note.error ul li:last-of-type {
  margin-bottom: 0;
}
#login-content {
  padding: 50px 2%;
}
@media all and (max-width: 800px) {
  #login-content {
    padding: 20px 2%;
  }
}
#login-content .flexbox {
  margin: 0 0 50px 0;
}
@media all and (max-width: 800px) {
  #login-content .flexbox {
    flex-direction: column;
    margin: 0 0 30px 0;
  }
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) {
  flex: 0 1 55%;
  border: 2px solid #A0CFDE;
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container {
  margin: 5px;
  padding: 20px;
  background-color: #E9E9EA;
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container h1 {
    font-size: 1.5em;
  }
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container p {
  margin-bottom: 20px;
  line-height: 1.4em;
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container p {
    font-size: 14px;
  }
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container input {
  display: block;
  margin-bottom: 20px;
  width: 100%;
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) .container .reset-link {
  display: block;
  margin-bottom: 10px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: black;
  font-style: italic;
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(1) {
  flex: 0 1 45%;
  background-size: cover;
  background-position: center center;
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(1) {
    height: 150px;
  }
}
#login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(1) {
  background-image: url("//assets.benchmarkrings.com/assets/login_rings.jpg");
  margin-right: 10px;
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(1) {
    margin: 0 0 10px 0;
    order: 0;
  }
}
@media all and (max-width: 800px) {
  #login-content .flexbox:nth-of-type(1) > .flex-grid-unit:nth-of-type(2) {
    order: 1;
  }
}
#login-content #mm-message,
#login-content #b2b-message {
  display: inline-block;
  margin: 5px;
}
#login-content #mm-message p,
#login-content #b2b-message p {
  margin-bottom: 0;
}
html body iframe.affirm-iframe-widget#toast-widget {
  display: none !important;
}
.rings-grid-wrapper {
  position: relative;
  z-index: 2;
  min-height: 400px;
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper p.none {
    text-align: center;
    padding: 30px 5%;
  }
}
.rings-grid-wrapper .constrain {
  display: flex;
  padding: 0;
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .constrain {
    padding: 0 2% 40px 2%;
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper {
    padding: 0;
    position: static;
  }
}
.rings-grid-wrapper .info-popup.white {
  z-index: 20;
}
@media all and (min-width: 0) and (max-width: 455px) {
  .rings-grid-wrapper .info-popup.white {
    left: 50%;
  }
}
.rings-grid-wrapper aside.filter-bar {
  display: flex;
  flex-direction: column;
  flex: none;
  width: 260px;
  padding: 0 0.5rem;
  padding-left: 1rem;
  background: #f8f8f8;
  gap: 1rem;
  padding-right: 10px;
  padding-bottom: 10px;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.rings-grid-wrapper aside.filter-bar::-webkit-scrollbar {
  display: none;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .rings-grid-wrapper aside.filter-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
  }
}
.rings-grid-wrapper aside.filter-bar.collapsible section > h3::after {
  font-family: "ninelight" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "o";
  display: block;
  transform: rotate(90deg);
  width: 13px;
  height: 13px;
  position: absolute;
  right: 0px;
  top: 10px;
  transition: transform 300ms ease;
  color: #a0cfde;
}
.rings-grid-wrapper aside.filter-bar.collapsible section.collapsed > h3::after {
  transform: rotate(0deg);
}
@media all and (min-width: 800px) {
  .rings-grid-wrapper aside.filter-bar:not(.iframe) {
    max-height: calc(100vh - 90px);
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper aside.filter-bar {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 15;
    background: #fff;
    padding: 30px;
    width: 100%;
    height: 100%;
    height: 100vh;
    border: 20px solid #9c9c9c;
    border-bottom: 50px solid #9c9c9c;
  }
}
.rings-grid-wrapper aside.filter-bar header {
  margin-bottom: 15px;
  padding-bottom: 6px;
}
.rings-grid-wrapper aside.filter-bar header::after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.rings-grid-wrapper aside.filter-bar header #filter-meta {
  display: flex;
  justify-content: space-between;
  padding: 0 0 5px 0;
}
.rings-grid-wrapper aside.filter-bar header #filter-meta span {
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  color: #76787c;
}
.rings-grid-wrapper aside.filter-bar header #filter-meta #filter-count {
  font-size: 12px;
}
.rings-grid-wrapper aside.filter-bar header a#clear-filters {
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  color: #a0cfde;
  float: right;
}
.rings-grid-wrapper aside.filter-bar header a#clear-filters:hover {
  color: #5b93a5;
}
.rings-grid-wrapper aside.filter-bar #close-filter {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 24px;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a0cfde;
  display: none;
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper aside.filter-bar #close-filter {
    display: inline-block;
  }
}
.rings-grid-wrapper aside.filter-bar.collapsible section.clp .filters, .rings-grid-wrapper aside.filter-bar.collapsible section.clp .fp-text {
  display: none;
}
.rings-grid-wrapper aside.filter-bar section {
  border-bottom: 1px solid #ebebeb;
}
@media screen and (min-width: 801px) {
  .rings-grid-wrapper aside.filter-bar section {
    border-bottom: none;
  }
}
.rings-grid-wrapper aside.filter-bar section .fp-text {
  font: normal 1em "Timeless", serif;
  font-size: 14px;
  padding: 5px;
}
.rings-grid-wrapper aside.filter-bar section .fp-text a {
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.rings-grid-wrapper aside.filter-bar section .fp-text a:hover {
  color: #dcb8aa;
}
.rings-grid-wrapper aside.filter-bar section > h3 {
  font: normal 1em "Arial", sans-serif;
  font-weight: bold;
  letter-spacing: 0.06ch;
  font-size: 15px;
  color: #545454;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 7px 0;
}
.rings-grid-wrapper aside.filter-bar section > h3 span.fcount {
  font-size: 11px;
  line-height: 16px;
  color: #989898;
  display: inline-block;
  margin-left: 5px;
}
.rings-grid-wrapper aside.filter-bar section .filters {
  padding-top: 4px;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh {
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content);
  grid-template-columns: repeat(2, max-content);
  gap: 0.1rem;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 1rem;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider {
  flex: none;
  margin-top: 0.5rem;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider.ui-slider {
  border-radius: 20px;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider span.ui-slider-handle {
  border-radius: 50%;
  scale: 1.2;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider span.ui-slider-handle.ui-corner-all.ui-state-default.ui-state-active {
  border-color: #a0cfde;
  background: #a0cfde;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceSlider div.ui-slider-range {
  background: rgba(160, 207, 222, 0.28);
}
.rings-grid-wrapper aside.filter-bar section .filters .fh.PriceSection .PriceRangeText {
  letter-spacing: 0.06ch;
  font-size: 13px;
  align-self: center;
  color: #84aab5;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh .price-custom {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-around;
  max-width: unset;
}
.rings-grid-wrapper aside.filter-bar section .filters .fh .price-custom .min-max-input {
  flex: 1;
  width: 70px;
}
.rings-grid-wrapper aside.filter-bar section .filters .fs {
  flex: 0 0 14px;
}
@media all and (min-width: 800px) {
  .rings-grid-wrapper aside.filter-bar section .filters .fs:nth-of-type(3), .rings-grid-wrapper aside.filter-bar section .filters .fs:nth-of-type(6), .rings-grid-wrapper aside.filter-bar section .filters .fs:nth-of-type(9), .rings-grid-wrapper aside.filter-bar section .filters .fs:nth-of-type(12) {
    display: none;
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper aside.filter-bar section .filters .fs {
    flex: 0 0 10px;
  }
  .rings-grid-wrapper aside.filter-bar section .filters .fs:last-of-type {
    display: none;
  }
}
.rings-grid-wrapper aside.filter-bar section .filters .filter {
  display: flex;
  -webkit-text-decoration: none;
  text-decoration: none;
  flex: 0 0 50px;
  text-align: center;
  position: relative;
  width: auto;
  padding: 0.5rem 0.35rem;
  gap: 0.25rem;
  align-items: center;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter:hover {
  background: rgba(160, 207, 222, 0.1450980392);
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.availability:first-of-type, .rings-grid-wrapper aside.filter-bar section .filters .filter.made_to_order:first-of-type {
  margin-right: 14px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.disabled {
  cursor: default;
  background: #404040;
  opacity: 0.8;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.disabled .swatch {
  opacity: 0.5;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.disabled .caption {
  color: #fff;
  opacity: 0.5;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.selected {
  background: #dcdcdc;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.selected .swatch, .rings-grid-wrapper aside.filter-bar section .filters .filter.selected p.caption {
  opacity: 0.7;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.selected.text::after {
  top: 3px;
  right: 1px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch {
  height: 23px;
  width: 23px;
  border-radius: 50%;
  flex: none;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #c7c7c7;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch span.number {
  font: normal 1em "Timeless", serif;
  font-size: 11px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch p.abbr {
  font: normal 1em "Timeless", serif;
  font-size: 22px;
  position: relative;
  top: 14px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch.blank {
  background-size: 60%;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch.mto {
  background-color: #dadada;
  background-image: url("/assets/made_to_order-524c2b835e72e50c22d365a08a614dfc65a89299.svg");
  background-size: auto 100%;
  border-color: #c7c4c4;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter .swatch.rts {
  background-image: url("/assets/ready_to_ship-086f0e0908c026429e432725f4c4cac3d9f59b10.svg");
  background-size: 100% 100%;
  border-color: gray;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter p.caption {
  font: normal 1em "Timeless", serif;
  font-size: 13px;
  color: #272727;
  line-height: normal;
  text-wrap: nowrap;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.text {
  flex: 0 0 100%;
  text-align: left;
  padding: 5px;
  margin-bottom: 3px;
  max-width: none;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.text p.caption {
  font-size: 13px;
  line-height: 15px;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.text:hover p.caption {
  color: #a0cfde;
}
.rings-grid-wrapper aside.filter-bar section .filters .filter.text.disabled:hover p.caption {
  color: #fff;
}
.rings-grid-wrapper aside.filter-bar section#free .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#prev .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#green .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#price .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#gender .filters .filter.text p.caption, .rings-grid-wrapper aside.filter-bar section#shop .filters .filter.text p.caption {
  color: #5b93a5;
}
.rings-grid-wrapper aside.filter-bar section#free .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#prev .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#green .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#price .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#gender .filters .filter.text p.caption:hover, .rings-grid-wrapper aside.filter-bar section#shop .filters .filter.text p.caption:hover {
  color: #272727;
}
.rings-grid-wrapper aside.filter-bar section#free .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#prev .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#green .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#price .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#gender .filters .filter.text.disabled p.caption, .rings-grid-wrapper aside.filter-bar section#shop .filters .filter.text.disabled p.caption {
  color: #fff;
}
.rings-grid-wrapper aside.filter-bar section#free .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#prev .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#green .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#price .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#gender .filters .filter.text.selected p.caption, .rings-grid-wrapper aside.filter-bar section#shop .filters .filter.text.selected p.caption {
  color: gray;
}
.rings-grid-wrapper .rings-holder {
  width: 80%;
  width: calc(100% - 200px);
  float: right;
  text-align: center;
  position: relative;
  z-index: 1;
  top: 0;
}
@media screen and (min-width: 801px) {
  .rings-grid-wrapper .rings-holder {
    padding: 1rem;
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder {
    width: 100%;
    float: none;
  }
}
@media all and (min-width: 800px) {
  .rings-grid-wrapper .rings-holder {
    bottom: 30px;
  }
}
.rings-grid-wrapper .rings-holder .rcontain {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 10px;
  gap: 1rem;
}
@media screen and (min-width: 1300px) {
  .rings-grid-wrapper .rings-holder .rcontain {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder .rcontain {
    width: 100%;
    float: none;
    padding: 0;
  }
}
.rings-grid-wrapper .rings-holder .rcontain div.no-rings {
  padding: 40px 20px;
  flex: 0 0 100%;
}
.rings-grid-wrapper .rings-holder .ring {
  text-align: center;
  position: relative;
  white-space: normal;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.rings-grid-wrapper .rings-holder .ring .ring-box {
  display: flex;
  justify-content: center;
  position: relative;
}
.rings-grid-wrapper .rings-holder .ring .ring-box img.mto {
  position: absolute;
  left: 5px;
  top: 0;
  z-index: 5;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop {
  position: absolute;
  left: 37px;
  top: 2px;
  z-index: 20;
  background: #fff;
  height: auto;
  width: 250px;
  border: 1px solid #d4d4d4;
  padding: 12px;
  font-size: 13px;
  color: #3e3e3e;
  font-family: "Timeless";
  border-radius: 5px;
  white-space: normal;
  text-align: left;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop::-webkit-scrollbar {
  display: none;
}
@media all and (max-width: 550px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop {
    padding: 10px;
    max-width: calc(100% - 40px);
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop span.icon-close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 18px;
  color: #76787c;
  display: inline-block;
  z-index: 4;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop span.icon-close:hover {
  color: #a0cfde;
}
@media all and (min-width: 800px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .mto-pop span.icon-close {
    display: none;
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-box span.on-sale {
  background: #272727;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  color: white;
  font: normal 1em "Timeless", serif;
  font-size: 14px;
  display: block;
  padding: 4px 8px;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img {
  display: block;
  position: relative;
  background: #fff;
  z-index: 3;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img img {
  width: 100%;
}
@media all and (min-width: 1080px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider {
    height: 215px;
    min-width: 215px;
  }
}
@media all and (min-width: 800px) and (max-width: 1080px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider {
    height: calc(23vw - 18px);
    min-width: calc(23vw - 18px);
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider {
    height: calc(32vw - 15px);
  }
}
@media all and (max-width: 550px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider {
    height: calc(50vw - 15px);
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider .unslider {
  height: 100%;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .ring-photo-slider .unslider .unslider-nav {
  position: absolute;
  padding-top: 0;
  bottom: 0;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 300ms ease;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick:hover {
  opacity: 1;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick .desktop-ring-clickable {
  flex: 1;
  width: 100%;
}
@media screen and (min-width: 881px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick {
    height: calc(100% - 20px);
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick.passthrough {
  pointer-events: none;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick .btn.trans {
  align-self: flex-end;
  line-height: initial;
  border: none;
  background: rgba(0, 0, 0, 0.3215686275);
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  font-size: 0.9rem;
  padding: 0.5rem 0.75rem;
  color: #fff;
  flex: none;
  align-self: center;
  margin-bottom: 0.25rem;
  border-radius: 19px;
}
.rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick .btn.trans:hover {
  background: rgba(0, 0, 0, 0.5725490196);
}
@media all and (max-width: 800px) {
  .rings-grid-wrapper .rings-holder .ring .ring-box .ring-img .quick .btn.trans {
    opacity: 0;
    display: block;
    height: 100%;
  }
}
.rings-grid-wrapper .rings-holder .ring .ring-info {
  font: normal 1em "Arial", sans-serif;
  color: #959595;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.sd {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 2px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.sd a {
  color: #959595;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.sd a:hover {
  color: #a0cfde;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.mm {
  font-size: 13px;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.is {
  font-size: 13px;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.is span.og {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 8px;
}
.rings-grid-wrapper .rings-holder .ring .ring-info p.is span.sp {
  color: #bd3d3d;
}
.rings-grid-wrapper .rings-holder .ring .ring-info .hold {
  position: relative;
  display: inline-block;
}
.rings-grid-wrapper .rings-holder .ring .ring-info .hold p.is {
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.rings-grid-wrapper .rings-holder .ring .ring-info .hold p.is .icon2-info {
  position: absolute;
  left: 100%;
  left: calc(100% + 5px);
  font-size: 13px;
  top: 2px;
  color: #5b93a5;
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.rings-grid-wrapper .rings-holder .ring .ring-info .hold p.is .icon2-info:hover {
  color: #a0cfde;
}
.rings-grid-wrapper .rings-holder .r-loading {
  flex: 0 0 100%;
  clear: both;
  padding: 20px 3%;
  text-align: center;
}
ul.ring-filter-tags {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 7px 0 5px 0;
  display: none;
  width: 100%;
}
ul.ring-filter-tags.show {
  display: flex;
}
ul.ring-filter-tags.mobile-filters {
  border-top: 0;
  display: none;
  justify-content: center;
  padding-top: 0;
}
@media all and (max-width: 800px) {
  ul.ring-filter-tags.mobile-filters.show {
    display: flex;
  }
}
ul.ring-filter-tags li {
  flex: 0 1 auto;
  margin: 0 3px 3px 0;
  display: block;
}
ul.ring-filter-tags li a {
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
  color: #fff;
  background: #a0cfde;
  padding: 0 5px 3px 24px;
  height: 23px;
  position: relative;
  border-radius: 2px;
}
ul.ring-filter-tags li a:hover {
  background: #5b93a5;
}
ul.ring-filter-tags li span.icon-close {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  margin-right: 4px;
  position: absolute;
  top: 5px;
  left: 4px;
}
ul.ring-filter-tags li span.tit {
  font: normal 1em "Arial", sans-serif;
  font-size: 12px;
  color: #fff;
  display: block;
  line-height: 25px;
}
.featured-rings-block {
  background: #f8f8f8;
  text-align: center;
  max-width: 100vw;
  overflow: hidden;
}
.featured-rings-block .rings-grid-wrapper {
  padding: 40px 0;
  max-width: 1200px;
}
.featured-rings-block .rings-grid-wrapper h3 {
  color: #76787c;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.featured-rings-block .rings-grid-wrapper .info-popup.white {
  bottom: 0;
  top: auto;
}
@media all and (min-width: 0) and (max-width: 415px) {
  .featured-rings-block .rings-grid-wrapper .info-popup.white {
    left: -55%;
    bottom: calc(100% + 5px);
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder {
  bottom: 0;
  width: 100%;
  float: none;
  padding: 0 15px;
}
@media all and (max-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder {
    padding: 0;
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider {
  position: relative;
}
@media all and (min-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider {
    left: 3px;
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider.slick-slider {
  opacity: 1;
}
@media all and (max-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track {
    left: auto;
    right: 28.6vw;
  }
}
@media all and (max-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow {
    display: none !important;
  }
}
@media all and (min-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide {
    margin-right: 10px;
    width: 20%;
    width: calc(20% - 10px);
    max-width: 20%;
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide:focus {
  outline-width: 0;
}
@media all and (max-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide {
    width: 100%;
    width: calc(100% - 10px);
    padding: 0 5px;
  }
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide .ring {
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.featured-rings-block .rings-grid-wrapper .rings-holder ul.featured-slider li.slick-slide .ring .ring-info {
  padding: 0 5px;
}
.featured-rings-block .rings-grid-wrapper .button {
  padding-top: 35px;
  position: relative;
  overflow: hidden;
}
.featured-rings-block .rings-grid-wrapper .button .btn {
  display: block;
  width: 80%;
  max-width: 250px;
  margin: 0 auto;
  text-transform: uppercase;
  position: relative;
}
@media all and (min-width: 800px) {
  .featured-rings-block .rings-grid-wrapper .button .btn::before {
    content: " ";
    display: block;
    width: 400px;
    height: 1px;
    background: #76787c;
    position: absolute;
    right: 100%;
    right: calc(100% + 15px);
    top: 18px;
  }
  .featured-rings-block .rings-grid-wrapper .button .btn::after {
    content: " ";
    display: block;
    width: 400px;
    height: 1px;
    background: #76787c;
    position: absolute;
    left: 100%;
    left: calc(100% + 15px);
    top: 18px;
  }
}
.sort-bar {
  padding: 10px 0 0 0;
  background: #f8f8f8;
  z-index: 3;
  position: relative;
}
.sort-bar .constrain {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 260px;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain {
    padding-left: 4%;
    padding-right: 4%;
    flex-wrap: wrap;
    align-items: stretch;
    left: 0;
  }
}
.sort-bar .constrain .sorter-wrap {
  flex: 0 0 200px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap {
    flex: 1;
    max-width: 100%;
    background: #959595;
    margin: 0;
    display: block;
    text-align: center;
    padding: 10px 4px;
    position: relative;
    left: 1%;
  }
}
.sort-bar .constrain .sorter-wrap label {
  display: block;
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  color: #5F5F5F;
  line-height: 30px;
}
@media all and (min-width: 800px) {
  .sort-bar .constrain .sorter-wrap label {
    flex: 0 0 50px;
  }
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap label {
    font: 300 1em "Gotham", sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    line-height: 16px;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder {
  position: relative;
}
@media all and (min-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder {
    flex: 0 1 auto;
    height: 30px;
  }
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder {
    display: inline-block;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder select {
  font-size: 1em;
  display: block;
  opacity: 0;
  width: 100% !important;
  z-index: 2;
  cursor: pointer;
  height: 30px;
  border: 0;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder select {
    display: none;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder .customSelect {
  background: transparent;
  border-radius: 0;
  color: #5F5F5F;
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  border: 0;
  -webkit-appearance: none;
  width: 100%;
  padding: 0 15px 0 5px;
  height: 30px;
  line-height: 30px;
}
@media all and (min-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder .customSelect {
    display: block !important;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder .customSelect .customSelectInner {
  display: block !important;
  width: 100% !important;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder .customSelect {
    font: 300 1em "Gotham", sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 0;
    height: auto;
    line-height: 16px;
  }
}
.sort-bar .constrain .sorter-wrap .select-holder .icon-right-big {
  color: #5F5F5F;
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 10px;
}
@media all and (max-width: 800px) {
  .sort-bar .constrain .sorter-wrap .select-holder .icon-right-big {
    display: none;
  }
}
.sort-bar #mobile-filter {
  display: none;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  font-size: 15px;
  line-height: 30px;
  background: #959595;
  border-radius: 0;
  height: 36px;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 800px) {
  .sort-bar #mobile-filter {
    display: flex;
    flex: 1;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 10px 4px;
    height: auto;
    line-height: 16px;
    font-size: 14px;
  }
}
@media all and (max-width: 800px) {
  .sort-bar {
    padding: 10px 0 10px 0;
    z-index: 11;
    border-bottom: 1px solid #e0e0e0;
  }
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .sort-bar {
      position: -webkit-sticky;
      position: sticky;
      top: 143px;
    }
  }
}
.fullscreen-overlay#sort-modal {
  background: #9c9c9c;
  padding: 20px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .table-cell {
  display: block;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal {
  background: #fff;
  padding: 0;
  width: 100%;
  height: 100%;
  height: calc(100vh - 70px);
  max-height: calc(100vh - 70px);
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal .icon-close {
  font-size: 24px;
  top: 8px;
  right: 8px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal a#reset-sort {
  font-size: 13px;
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  top: 16px;
  left: 16px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal .links {
  padding-top: 40px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal .links .link {
  display: block;
  color: #272727;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 14px 10px 11px 10px;
  font-size: 19px;
}
.fullscreen-overlay#sort-modal .modal-wrapper .modal .links .link.selected {
  background: #E9E9EA;
}
div.fp-hov {
  overflow: visible;
  position: relative;
  text-align: center;
  display: inline-block;
}
div.fp-hov > span {
  font: normal 1em "Timeless", serif;
  font-size: 13px;
  color: #636363;
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
div.fp-hov .fp-pop {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  background: white;
  border: 1px solid #d4d4d4;
  padding: 12px;
  font-size: 13px;
  color: #3e3e3e;
  font-family: Timeless;
  border-radius: 5px;
  display: none;
  z-index: 10;
  white-space: normal;
  text-align: left;
}
@media all and (max-width: 550px) {
  div.fp-hov .fp-pop {
    width: 220px;
  }
}
div.fp-hov .fp-pop.fr {
  color: #dcb8aa;
}
div.fp-hov:hover .fp-pop {
  display: block;
}
div.fp-hov.fr {
  display: inline-block;
  margin-left: 10px;
}
div.fp-hov.fr > span {
  color: #dcb8aa;
}
div.green {
  overflow: visible;
}
div.green .green-pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  background: white;
  border: 1px solid #d4d4d4;
  padding: 12px;
  font-size: 13px;
  color: #3e3e3e;
  font-family: Timeless;
  border-radius: 5px;
  display: none;
  z-index: 10;
  white-space: normal;
  text-align: left;
}
@media all and (max-width: 550px) {
  div.green .green-pop {
    width: 220px;
  }
}
div.green:hover .green-pop {
  display: block;
}
@media all and (min-width: 550px) and (max-width: 800px) {
  .rcontain .ring:nth-of-type(3n - 2) > .green .green-pop, .rcontain .ring:nth-of-type(3n - 2) > .fp-hov .fp-pop {
    left: 0;
    right: auto;
    z-index: 12;
  }
}
@media all and (min-width: 0) and (max-width: 550px) {
  .rcontain .ring:nth-of-type(odd) > .green .green-pop, .rcontain .ring:nth-of-type(odd) > .fp-hov .fp-pop {
    left: 0;
    right: auto;
    z-index: 12;
  }
}
@media all and (min-width: 550px) and (max-width: 10000px) {
  .rcontain .ring:nth-of-type(3n) .info-popup.white {
    left: auto;
    right: 5px;
  }
}
@media all and (min-width: 550px) and (max-width: 1060px) {
  .rcontain .ring:nth-of-type(3n) .ring-box .mto-pop {
    left: 5px;
    top: 55px;
    width: 220px;
  }
}
@media all and (min-width: 0) and (max-width: 550px) {
  .rcontain .ring:nth-of-type(2n) .info-popup.white {
    left: auto;
    right: 5px;
  }
}
.ring-overlay-modal.loading .modal-wrapper .modal.ring-modal .loading-overlay {
  display: block;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal {
  max-height: calc(100vh - 60px);
  background: #fff;
  max-width: 750px;
  overflow: hidden;
  padding: 0;
}
@media all and (min-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf {
    display: block;
    background: transparent;
    position: static;
    padding: 0;
  }
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    display: none;
  }
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf .info-popup {
    position: relative;
    display: block !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf .info-popup a.lm {
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #fff;
    margin-top: 8px;
  }
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .fullscreen-overlay.inf .info-popup a.icon-close {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
  }
}
@media all and (min-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink {
    top: auto;
    bottom: -60px;
    left: calc(100% + 18px);
  }
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink a.icon-close, .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink a.lm {
    display: none;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink::before {
  top: auto;
  bottom: 25px;
}
@media all and (min-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.pink::before {
    bottom: 65px;
  }
}
@media all and (min-width: 0) and (max-width: 485px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .info-popup.white {
    left: 0;
    max-width: calc(94vw - 75px);
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(111, 111, 111, 0.7);
  z-index: 4;
  text-align: center;
  display: none;
  min-height: 100%;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .loading-overlay span {
  color: #fff;
  display: inline-block;
  padding: 20px;
  font-size: 1em;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details {
  padding: 15px;
  position: relative;
  height: auto;
  overflow-y: auto;
  max-height: calc(100vh - 60px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details::-webkit-scrollbar {
  display: none;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details .icon-close {
  font-size: 24px;
  top: 5px;
  right: 5px;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox {
  flex-direction: row-reverse;
  width: 100%;
  overflow: hidden;
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox {
    flex-direction: column;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit {
  min-width: 50%;
}
@media all and (min-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit .also {
    display: none;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit .saved-retailer.small {
  margin-top: 15px;
  border: 5px solid #eaeaea;
  padding: 6px;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit .saved-retailer.small .info {
  text-align: center;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .left-unit .saved-retailer.small address {
  font: normal 1em "Timeless", serif;
  font-size: 15px;
  display: block;
  margin-bottom: 5px;
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit {
    margin-bottom: 20px;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit .gallery {
  display: block;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit .gallery .main-img {
  width: 100%;
  height: auto;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit .gallery .green {
  bottom: 20px;
  right: 5px;
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .right-unit .also {
    display: none;
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also {
  text-align: left;
  border-top: 0;
  border-bottom: 0;
  margin: 20px 0 0 0;
  padding: 0;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also h5 {
  font: normal 1em "Timeless", serif;
  color: #272727;
  text-transform: none;
  padding-left: 10px;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder ul li {
  width: 33.3333%;
  width: calc(33.3333% - 10px);
}
@media all and (max-width: 800px) {
  .fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder ul li {
    width: 50%;
    width: calc(50% - 10px);
  }
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder button {
  top: calc(50% - 11px);
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder button.slick-prev {
  left: -15px;
}
.fullscreen-overlay .modal-wrapper .modal.ring-modal .ring-details > .flexbox .also .slick-holder button.slick-next {
  right: -21px;
}
.clearfix .r-icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
}
.clearfix .r-icons a.icon-circle-pinterest {
  color: #e60023;
  font-size: 27px;
}
.clearfix .r-icons a.icon-circle-pinterest:hover {
  color: #76787c;
}
p.save {
  flex: 0 0 25px;
}
p.save a {
  color: #272727;
  font-size: 25px;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: block;
}
p.save a:hover {
  color: #a0cfde;
}
p.save a.icon2-heart2 {
  color: #a04141;
}
p.save a.icon2-heart2:hover {
  color: #76787c;
}
.conceal.mobile-banner-text {
  padding: 12px 5% 16px 5%;
  text-align: center;
}
.conceal.mobile-banner-text h3 {
  font-size: 1.3em;
  margin-bottom: 5px;
}
.conceal.mobile-banner-text p {
  font: normal 1em "Timeless", serif;
  font-size: 0.9em;
}
.conceal.mobile-banner-text p a {
  color: #a0cfde;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.conceal.mobile-banner-text p a:hover {
  color: #5b93a5;
}
@media all and (min-width: 800px) {
  .r-banner-hold img.dt {
    display: block;
    width: 100%;
  }
}
@media all and (max-width: 800px) {
  .r-banner-hold img.dt {
    display: none;
  }
}
@media all and (min-width: 800px) {
  .r-banner-hold img.mb {
    display: none;
  }
}
@media all and (max-width: 800px) {
  .r-banner-hold img.mb {
    display: block;
    width: 100%;
  }
}
.ring-size-video {
  text-align: center;
  padding-bottom: 20px;
}
.ring-size-video .video-block .contain {
  max-width: 800px;
  margin: 0 auto;
}
.ring-details {
  color: #272727;
  padding: 0;
}
.ring-details .flexbox {
  padding: 1rem;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox {
    padding: 0 2%;
  }
}
.ring-details .flexbox .left-unit {
  min-width: 35%;
  text-align: left;
  flex: 0 1;
}
.ring-details .flexbox .left-unit .iso.hold {
  position: relative;
  display: inline-block;
  margin: 10px 0 0 0;
  padding-left: 5px;
}
.ring-details .flexbox .left-unit .iso.hold p.is {
  font-family: "Arial";
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}
.ring-details .flexbox .left-unit .iso.hold p.is .icon2-info {
  position: absolute;
  left: 100%;
  left: calc(100% + 5px);
  font-size: 13px;
  top: 2px;
  color: #5b93a5;
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ring-details .flexbox .left-unit .iso.hold p.is .icon2-info:hover {
  color: #a0cfde;
}
.ring-details .flexbox .left-unit .delivery-info {
  border: 1px solid #a0cfde;
  padding: 12px 20px;
  text-align: center;
  max-width: 330px;
  margin: 20px auto 0 0;
}
.ring-details .flexbox .left-unit .delivery-info span.blue {
  color: #5b93a5;
  text-transform: uppercase;
  font-weight: bold;
}
.ring-details .flexbox .left-unit .delivery-info p {
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
  color: #76787c;
  line-height: 18px;
}
.ring-details .flexbox .left-unit .delivery-info .bottom {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #76787c;
}
.ring-details .flexbox .left-unit .action-buttons, .ring-details .flexbox .left-unit .ret-btns {
  display: flex;
  justify-content: flex-start;
  margin: 15px 0 0 0;
}
.ring-details .flexbox .left-unit .action-buttons .hold, .ring-details .flexbox .left-unit .action-buttons .btn, .ring-details .flexbox .left-unit .ret-btns .hold, .ring-details .flexbox .left-unit .ret-btns .btn {
  position: relative;
  display: block;
  flex: 0 1 auto;
  margin-right: 6px;
}
.ring-details .flexbox .left-unit .action-buttons .hold .btn, .ring-details .flexbox .left-unit .ret-btns .hold .btn {
  margin-right: 0;
  width: 100%;
  display: block;
  max-width: none;
}
@media all and (min-width: 800px) {
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf {
    display: block;
    background: transparent;
    position: static;
    padding: 0;
  }
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    display: none;
  }
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf .info-popup {
    position: relative;
    display: block !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf .info-popup a.lm {
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #fff;
    margin-top: 8px;
  }
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf .info-popup a.icon-close {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
  }
  .ring-details .flexbox .left-unit .fullscreen-overlay.inf .info-popup a.icon-close:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}
.ring-details .flexbox .left-unit .info-popup {
  width: 300px;
}
@media all and (min-width: 800px) {
  .ring-details .flexbox .left-unit .info-popup a.icon-close, .ring-details .flexbox .left-unit .info-popup a.lm {
    display: none;
  }
}
@media all and (max-width: 550px) {
  .ring-details .flexbox .left-unit .info-popup {
    width: 260px;
  }
}
@media all and (max-width: 550px) {
  .ring-details .flexbox .left-unit .info-popup.blue {
    left: 0;
    top: auto;
    bottom: calc(100% + 5px);
  }
  .ring-details .flexbox .left-unit .info-popup.blue::before {
    display: none;
  }
  .ring-details .flexbox .left-unit .info-popup.blue.bt {
    top: calc(100% + 5px);
    bottom: auto;
  }
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .left-unit .info-popup.pink {
    left: auto;
    right: 0;
    top: auto;
    bottom: calc(100% + 5px);
  }
  .ring-details .flexbox .left-unit .info-popup.pink::before {
    display: none;
  }
}
.ring-details .flexbox .right-unit {
  flex: 1;
}
.ring-details .flexbox .right-unit .clearfix {
  margin-bottom: 10px;
  position: relative;
}
.ring-details .flexbox .right-unit .clearfix .hold.made {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 45px;
}
.ring-details .flexbox .right-unit .clearfix .hold.made img.mto {
  display: block;
}
.ring-details .flexbox .right-unit .clearfix .hold.made .info-popup.white {
  top: 0;
  left: 100%;
}
.ring-details .flexbox button.slick-prev {
  font-size: 18px;
  left: -20px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox button.slick-prev {
    left: -4px;
    z-index: 5;
  }
}
.ring-details .flexbox button.slick-next {
  font-size: 18px;
  right: -20px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox button.slick-next {
    right: -11px;
  }
}
.ring-details .flexbox p.vd {
  text-align: center;
  padding: 10px 0;
}
.ring-details .flexbox p.vd a {
  display: inline-block;
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
  font: normal 1em "Arial", sans-serif;
  font-size: 14px;
}
.ring-details .flexbox p.vd a:hover {
  color: #a0cfde;
}
.ring-details .flexbox ul.thumbs {
  list-style-type: none;
  white-space: nowrap;
}
.ring-details .flexbox ul.thumbs li {
  display: inline-block;
  cursor: pointer;
  padding: 0 2px;
  margin-right: 5px;
  position: relative;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox ul.thumbs li {
    width: 33.3333%;
    width: calc(33.3333% - 8px);
  }
}
.ring-details .flexbox ul.thumbs li:last-of-type {
  margin-right: 0;
}
.ring-details .flexbox ul.thumbs li a.main {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ring-details .flexbox ul.thumbs li a.main img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 100px;
}
.ring-details .flexbox ul.thumbs li a.main:focus {
  outline-width: 0;
}
.ring-details .flexbox ul.thumbs li a.green {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ring-details .flexbox ul.thumbs li span.metal {
  font: normal 1em "Timeless", serif;
  color: #76787c;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ring-details .flexbox .also {
  text-align: center;
  border-bottom: 3px solid #eaeaea;
  border-top: 3px solid #eaeaea;
  padding: 10px 0 1px 0;
  margin: 20px 0 15px 0;
  max-width: 330px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .also {
    overflow: hidden;
  }
}
.ring-details .flexbox .also h5 {
  color: #a7a7a7;
  font: normal 1em "Times New Roman", serif;
  font-size: 17px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.ring-details .flexbox .also .slick-holder ul .slick-track {
  min-width: 0;
  margin: 0 auto;
}
.ring-details .flexbox .also ul li > img.gn, .ring-details .flexbox .also ul li a.green {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2;
  display: block;
}
.ring-details .flexbox .also ul li > img.gn:hover, .ring-details .flexbox .also ul li a.green:hover {
  opacity: 0.6;
}
.ring-details .flexbox .also ul li > img.gn img, .ring-details .flexbox .also ul li a.green img {
  display: block;
}
@media all and (min-width: 800px) {
  .ring-details .flexbox .left-unit {
    padding-right: 2%;
  }
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .left-unit {
    order: 1;
  }
}
.ring-details .flexbox .left-unit h3 {
  margin-bottom: 10px;
  font-size: 1.7em;
  line-height: 1.2em;
}
.ring-details .flexbox .left-unit .rtext .product-name-container {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
  margin-bottom: 0.5rem;
}
.ring-details .flexbox .left-unit .rtext .product-name-container h2 {
  margin-bottom: 0;
}
.ring-details .flexbox .left-unit .rtext .product-name-container h6 {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.ring-details .flexbox .left-unit .rtext .product-name-container .green {
  display: flex;
  align-items: center;
  background: #26b573;
  color: white;
  border-radius: 50%;
  padding: 0.25rem 0.55rem;
  gap: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7rem;
  position: relative;
}
.ring-details .flexbox .left-unit .rtext .product-name-container .green img {
  height: 1rem;
  filter: brightness(0) invert(1);
}
.ring-details .flexbox .left-unit .rtext .product-name-container .green .green-pop {
  font-size: 13px;
  font-weight: normal;
  color: #3e3e3e;
  text-transform: none;
}
.ring-details .flexbox .left-unit .ring-name {
  text-transform: uppercase;
  font: 300 1em "Gotham", sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #474747;
  margin-bottom: 0.5em;
}
.ring-details .flexbox .left-unit h4.DetailsTitle {
  font: 1.2rem "Gotham", sans-serif;
  text-transform: uppercase;
}
.ring-details .flexbox .left-unit .richtext {
  margin-bottom: 10px;
}
.ring-details .flexbox .left-unit .richtext.InModal.desc ul {
  border-left: solid black;
  padding: 0 0 0 0.25rem;
}
.ring-details .flexbox .left-unit .richtext.desc ul {
  margin-bottom: 0;
}
.ring-details .flexbox .left-unit p.price {
  font: normal 1em "Timeless", serif;
  margin: 20px 0 15px 0;
  font-size: 30px;
}
.ring-details .flexbox .left-unit p.price span.old {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-size: 0.7em;
  color: gray;
  display: inline-block;
  margin-left: 10px;
}
.ring-details .flexbox .left-unit .affirm-as-low-as {
  margin-top: 0.5em;
  font-size: 0.85rem;
}
.ring-details .flexbox .left-unit .affirm-as-low-as a {
  color: #5b93a5;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-style: italic;
}
.ring-details .flexbox .left-unit .affirm-as-low-as a:hover {
  color: #a0cfde;
}
.ring-details .flexbox .left-unit .ring-shop-options {
  margin-top: 20px;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .opt.req .fake-select {
  border-color: red;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .opt.req .select-holder .ui-selectmenu-button {
  border-color: red;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .opt label {
  flex: 0 25%;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .opt div {
  flex: 1;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .engraving .eng-options .field.req {
  border-color: red;
}
.ring-details .flexbox .left-unit .ring-shop-options .shop-form .engraving .eng-options .field.req .top {
  border-color: red;
}
.ring-details .flexbox .left-unit .iframe-buttons .btn.pink {
  margin-top: 5px;
}
.ring-details .flexbox .right-unit {
  text-align: center;
}
@media all and (min-width: 800px) {
  .ring-details .flexbox .right-unit {
    padding-left: 2%;
  }
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .right-unit {
    order: 0;
    margin-bottom: 40px;
  }
}
.ring-details .flexbox .right-unit .rtext .product-name-container {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
  margin-bottom: 0.5rem;
}
.ring-details .flexbox .right-unit .rtext .product-name-container h2 {
  margin-bottom: 0;
}
.ring-details .flexbox .right-unit .rtext .product-name-container h6 {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.ring-details .flexbox .right-unit .rtext .product-name-container .green {
  display: flex;
  align-items: center;
  background: #26b573;
  color: white;
  border-radius: 50%;
  padding: 0.25rem 0.55rem;
  gap: 0.5rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7rem;
  position: relative;
}
.ring-details .flexbox .right-unit .rtext .product-name-container .green img {
  height: 1rem;
  filter: brightness(0) invert(1);
}
.ring-details .flexbox .right-unit .rtext .product-name-container .green .green-pop {
  font-size: 13px;
  font-weight: normal;
  color: #3e3e3e;
  text-transform: none;
}
.ring-details .flexbox .right-unit .ring-name {
  text-transform: uppercase;
  font: 300 1em "Gotham", sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #474747;
  margin-bottom: 0.5em;
}
.ring-details .flexbox .right-unit p.in {
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  font-style: italic;
  text-align: right;
  padding-right: 1px;
}
.ring-details .flexbox .right-unit .img-grid {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
}
@media screen and (min-width: 801px) {
  .ring-details .flexbox .right-unit .img-grid {
    display: grid;
    gap: 1rem;
  }
}
.ring-details .flexbox .right-unit .img-grid model-viewer {
  height: auto;
  width: auto;
}
.ring-details .flexbox .right-unit .img-grid model-viewer .callout-360 {
  display: flex;
  pointer-events: none;
}
.ring-details .flexbox .right-unit .img-grid model-viewer .callout-360 img {
  width: 15%;
}
.ring-details .flexbox .right-unit .img-grid .ring_video {
  height: 100%;
  width: auto;
  aspect-ratio: 1;
}
.ring-details .flexbox .right-unit .gallery {
  position: relative;
}
@media screen and (min-width: 801px) {
  .ring-details .flexbox .right-unit .gallery {
    display: none;
  }
}
.ring-details .flexbox .right-unit .gallery .inquire-link {
  color: #a0cfde;
  font-size: 24px;
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 2px solid #a0cfde;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  bottom: 129px;
  left: 35px;
  z-index: 2;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding-top: 8px;
}
.ring-details .flexbox .right-unit .gallery .inquire-link:hover {
  color: #5b93a5;
  border-color: #5b93a5;
}
@media all and (max-width: 550px) {
  .ring-details .flexbox .right-unit .gallery .inquire-link {
    bottom: 100px;
    left: 25px;
    font-size: 20px;
    width: 34px;
    height: 34px;
    padding-top: 7px;
  }
}
.ring-details .flexbox .right-unit .gallery .green {
  display: block;
  position: absolute;
  bottom: 85px;
  right: 0;
}
@media all and (max-width: 550px) {
  .ring-details .flexbox .right-unit .gallery .green {
    bottom: 64px;
  }
}
.ring-details .flexbox .right-unit .gallery .green img {
  display: block;
}
.ring-details .flexbox .right-unit .gallery .green:hover img {
  opacity: 0.6;
}
.ring-details .flexbox .right-unit .saved-retailer {
  border: 5px solid #eaeaea;
  background: #fff;
  padding: 5px;
  margin-top: 20px;
  margin-bottom: 5px;
}
.ring-details .flexbox .right-unit .saved-retailer .left {
  text-align: center;
  padding-top: 10px;
}
.ring-details .flexbox .right-unit .saved-retailer address {
  font: normal 1em "Timeless", serif;
  font-size: 15px;
  display: block;
  margin-bottom: 10px;
}
.ring-details .flexbox .right-unit .saved-retailer h6 {
  font-size: 15px;
  margin-bottom: 5px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .right-unit .saved-retailer h6 {
    margin-top: 10px;
  }
}
.ring-details .flexbox .right-unit .saved-retailer .map-link {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ring-details .flexbox .right-unit .saved-retailer .map-link img {
  display: block;
}
.ring-details .flexbox .right-unit form {
  display: none;
  background-color: #fff;
  padding: 3px;
  position: relative;
  margin-top: 20px;
  border: 5px solid #eaeaea;
  margin-bottom: 3px;
}
.ring-details .flexbox .right-unit form .fc {
  background-color: #eaeaea;
  border: 2px solid #a0cfde;
}
.ring-details .flexbox .right-unit form .fc .fc-inner {
  border: 3px solid #fff;
  padding: 10px;
}
.ring-details .flexbox .right-unit form label {
  font: normal 1em "Times New Roman", serif;
  font-size: 20px;
  display: block;
  margin-bottom: 15px;
  text-align: left;
}
.ring-details .flexbox .right-unit form input[type=text] {
  display: block;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #77787b;
  margin: 0;
  font: normal 1em "Gotham Condensed", sans-serif;
  font-size: 26px;
  padding: 2px 50px 4px 2px;
  width: 100%;
  text-align: center;
}
.ring-details .flexbox .right-unit form input[type=text].placeholder_js {
  color: #c4c9c8 !important;
}
.ring-details .flexbox .right-unit form .search {
  display: block;
  position: absolute;
  right: 17px;
  top: 53px;
}
.ring-details .flexbox .right-unit form .search .btn {
  font: normal 1em "Gotham Condensed", sans-serif;
  padding: 2px 25px 2px 10px;
  line-height: 30px;
  font-size: 20px;
  text-transform: none;
}
.ring-details .flexbox .right-unit form .search .icon2-play {
  color: #fff;
  position: absolute;
  bottom: 6px;
  right: 6px;
  font-size: 15px;
}
@media all and (max-width: 800px) {
  .ring-details .flexbox .right-unit form .search {
    display: block;
  }
}
.ring-details .richtext p, .ring-details .richtext ul, .ring-details .richtext ol {
  font: normal 1em "Arial", sans-serif;
  font-size: 13px;
  line-height: 15px;
}
.ring-details .richtext p li, .ring-details .richtext ul li, .ring-details .richtext ol li {
  margin-bottom: 3px;
}
.ring-details .richtext p li:last-of-type, .ring-details .richtext ul li:last-of-type, .ring-details .richtext ol li:last-of-type {
  margin-bottom: 0;
}
.ring-details .TitleText {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ring-details .ExpandedDescription {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f8f8f8;
  padding: 1rem;
}
.ring-details .ExpandedDescription .ring-name {
  text-transform: uppercase;
  font: 300 1em "Gotham", sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #474747;
  margin-bottom: 0.5em;
}
.ring-info-tabs {
  padding: 40px 0;
}
.ring-info-tabs .constrain {
  padding: 0 4%;
}
.ring-info-tabs .constrain ul.tabs {
  list-style-type: none;
  border-bottom: 1px solid #76787c;
  padding-bottom: 5px;
}
.ring-info-tabs .constrain ul.tabs li {
  display: inline-block;
  padding: 0 15px 0 0;
}
@media all and (max-width: 550px) {
  .ring-info-tabs .constrain ul.tabs li {
    padding: 0 5px 0 0;
  }
}
.ring-info-tabs .constrain ul.tabs li a {
  color: #a0cfde;
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  -webkit-text-decoration: none;
  text-decoration: none;
  font-weight: bold;
}
.ring-info-tabs .constrain ul.tabs li a:hover {
  color: #5b93a5;
}
.ring-info-tabs .constrain ul.tabs li a.active {
  color: #76787c;
}
.ring-info-tabs .constrain ul.tabs li a.active:hover {
  color: #5b93a5;
}
@media all and (max-width: 800px) {
  .ring-info-tabs .constrain ul.tabs li a {
    font-size: 13px;
  }
}
@media all and (max-width: 550px) {
  .ring-info-tabs .constrain ul.tabs li a {
    font-size: 11px;
  }
}
.ring-info-tabs .constrain .cards .card {
  display: none;
  padding-top: 10px;
}
.ring-info-tabs .constrain .cards .card:first-of-type {
  display: block;
}
.ring-info-tabs .constrain .cards .card .richtext p {
  font: normal 1em "Arial", sans-serif;
  font-size: 15px;
  color: #76787c;
  line-height: 1.4em;
}
.ring-photo-slider img.ph {
  display: block;
  margin: 10px auto;
  width: 100%;
  height: auto;
}
.ring-photo-slider .un-slide {
  overflow: hidden;
}
.ring-photo-slider .un-slide img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 455px;
  opacity: 0;
}
.ring-photo-slider .un-slide:first-of-type img, .ring-photo-slider .un-slide.unslider-active img, .ring-photo-slider .un-slide.unslider-active.back {
  opacity: 1;
}
.ring-photo-slider .un-slide.back {
  background-size: cover;
  background-position: center;
}
.ring-photo-slider .un-slide.back img {
  opacity: 0 !important;
}
.ring-photo-slider .un-slide .iframe-hold {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 455px;
}
.ring-photo-slider .un-slide .iframe-hold .if {
  position: relative;
  width: 92%;
  padding-bottom: 92%;
  margin: 0 auto;
}
.ring-photo-slider .un-slide .iframe-hold iframe {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.ring-photo-slider .unslider.unslider-loaded .un-slide img {
  opacity: 1;
}
.ring-photo-slider .unslider-nav {
  position: static;
  padding-top: 10px;
}
.ring-photo-slider .unslider-nav ol {
  display: flex;
  justify-content: center;
}
.ring-photo-slider .unslider-nav ol li {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  border-color: #707070;
  order: 2;
}
.ring-photo-slider .unslider-nav ol li.unslider-active {
  background-color: #707070;
}
.ring-photo-slider.has-360 .unslider-nav ol li:last-child {
  order: 1;
  border: 0;
  border-radius: 0;
  width: 14px;
  background-image: url("/assets/tri4-fbf58e9368d48aed3383624645a4de3c1309fa69.png");
  background-size: 10px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ring-photo-slider.has-360 .unslider-nav ol li:last-child.unslider-active {
  background-color: transparent;
  background-image: url("/assets/trifill-ea62afe303d91497e2658c6cd678b709aecaf554.png");
}
.ring-photo-slider.has-3d:not(.has-360):not(.big) .unslider-nav ol li:last-child {
  order: 0;
  border: 0;
  border-radius: 0;
  width: 24px;
  background-image: url("/assets/3d-sm-outline-36a4ee655e6c4727aa1f941de81fc8b1987f12e5.png");
  background-size: 24px 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ring-photo-slider.has-3d:not(.has-360):not(.big) .unslider-nav ol li:last-child.unslider-active {
  background-color: transparent;
  background-image: url("/assets/3d-sm-91833870c6549b2d05a051ac561483aae86ac191.png");
}
.ring-photo-slider.has-360.has-3d:not(.big) .unslider-nav ol li:nth-last-child(2) {
  order: 0;
  border: 0;
  border-radius: 0;
  width: 24px;
  background-image: url("/assets/3d-sm-outline-36a4ee655e6c4727aa1f941de81fc8b1987f12e5.png");
  background-size: 24px 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.ring-photo-slider.has-360.has-3d:not(.big) .unslider-nav ol li:nth-last-child(2).unslider-active {
  background-color: transparent;
  background-image: url("/assets/3d-sm-91833870c6549b2d05a051ac561483aae86ac191.png");
}
.ring-photo-slider.big .unslider-nav ol li {
  width: auto;
  height: 75px;
  background-color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-color: transparent;
  border-width: 0;
  border-radius: 0;
  margin: 0;
  flex: 1;
  max-width: 100px;
}
@media (hover: hover) {
  .ring-photo-slider.big .unslider-nav ol li:hover {
    opacity: 0.6;
  }
}
.ring-photo-slider.big .unslider-nav ol li.unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big .unslider-nav ol li:not(:first-child) {
  margin-left: 0.25em;
}
@media all and (max-width: 550px) {
  .ring-photo-slider.big .unslider-nav ol li {
    background-size: 90%;
  }
}
.ring-photo-slider.big.has-360:not(.has-3d) .unslider-nav ol li:last-child {
  order: 0;
  width: auto;
  height: 75px;
  position: relative;
  background-size: contain;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  max-width: 100px;
}
.ring-photo-slider.big.has-360:not(.has-3d) .unslider-nav ol li:last-child.unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big.has-360:not(.has-3d) .unslider-nav ol li:last-child::after {
  content: " ";
  display: block;
  background-image: url("/assets/blueplay-d1ea21807bff67ef76cedd8919b211b23b515bea.png");
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  top: calc(50% - 20px);
  left: 40%;
  left: calc(50% - 20px);
  z-index: 1;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .ring-photo-slider.big.has-360:not(.has-3d) .unslider-nav ol li:last-child::after {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
  }
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:last-child {
  order: 1;
  width: auto;
  height: 75px;
  position: relative;
  background-size: contain;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  max-width: 100px;
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:last-child.unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:last-child::after {
  content: " ";
  display: block;
  background-image: url("/assets/blueplay-d1ea21807bff67ef76cedd8919b211b23b515bea.png");
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  top: calc(50% - 20px);
  left: 40%;
  left: calc(50% - 20px);
  z-index: 1;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:last-child::after {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
  }
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:nth-last-child(2) {
  order: 0;
  width: auto;
  height: 75px;
  position: relative;
  background-size: contain;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  max-width: 100px;
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:nth-last-child(2).unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:nth-last-child(2)::after {
  content: " ";
  display: block;
  background-image: url("/assets/3d-9b1f308b1ec4acec2d30588286ddf5718ed0b212.png");
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  top: calc(50% - 20px);
  left: 40%;
  left: calc(50% - 20px);
  z-index: 1;
  background-size: 36px 36px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .ring-photo-slider.big.has-360.has-3d .unslider-nav ol li:nth-last-child(2)::after {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
  }
}
.ring-photo-slider.big.has-3d:not(.has-360) .unslider-nav ol li:last-child {
  order: 0;
  width: auto;
  height: 75px;
  position: relative;
  background-size: contain;
  border-color: transparent;
  border-radius: 0;
  border-width: 0;
  max-width: 100px;
}
.ring-photo-slider.big.has-3d:not(.has-360) .unslider-nav ol li:last-child.unslider-active {
  border-color: #a0cfde;
}
.ring-photo-slider.big.has-3d:not(.has-360) .unslider-nav ol li:last-child::after {
  content: " ";
  display: block;
  background-image: url("/assets/3d-9b1f308b1ec4acec2d30588286ddf5718ed0b212.png");
  background-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  top: calc(50% - 20px);
  left: 40%;
  left: calc(50% - 20px);
  z-index: 1;
  background-size: 36px 36px;
  background-position: center center;
  background-repeat: no-repeat;
}
@media all and (max-width: 800px) {
  .ring-photo-slider.big.has-3d:not(.has-360) .unslider-nav ol li:last-child::after {
    width: 30px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
  }
}
.featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider {
  padding: 0;
}
.featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow {
  display: none !important;
}
@media all and (min-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track {
    display: flex;
    justify-content: center;
  }
}
@media all and (min-width: 800px) and (max-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track {
    flex-wrap: wrap;
  }
}
@media all and (min-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track li.slick-slide {
    float: none;
    flex: 0 1 auto;
  }
}
@media all and (min-width: 800px) and (max-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track li.slick-slide {
    flex: 0 0 48%;
  }
}
@media all and (min-width: 800px) and (max-width: 800px) {
  .featured-rings-block.similar-rings.center .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track li.slick-slide:nth-of-type(5) {
    display: none;
  }
}
.featured-rings-block.similar-rings .rings-grid-wrapper {
  min-height: 0;
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider {
  padding: 0 25px;
}
@media all and (max-width: 800px) {
  .featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider {
    padding: 0 10px;
  }
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider .slick-track {
  left: auto;
  right: auto;
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow {
  background: transparent;
  display: block;
  height: auto;
  top: 100px;
}
@media all and (max-width: 800px) {
  .featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow {
    top: 70px;
  }
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow::before {
  color: #a0cfde;
  font-size: 20px;
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow.slick-prev {
  left: -6px;
}
@media all and (max-width: 800px) {
  .featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow.slick-prev {
    left: 0;
  }
}
.featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow.slick-next {
  right: 0;
}
@media all and (max-width: 800px) {
  .featured-rings-block.similar-rings .rings-grid-wrapper .rings-holder ul.featured-slider button.slick-arrow.slick-next {
    right: 0;
  }
}
.free-ring-banner {
  background-image: url("/assets/free_banner_left-f396767b192a5c07d47242f20e521b319f1ffc22.jpg");
  -ms-behavior: url("/bg.htc");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: right;
  padding: 80px 0;
  color: #fff;
  background-color: #959595;
}
.free-ring-banner h3 {
  font-size: 6vw;
  font-family: "Trajan";
  margin-bottom: 0;
}
@media all and (max-width: 800px) {
  .free-ring-banner h3 {
    font-size: 40px;
  }
}
.saved-rings {
  padding: 20px 2%;
}
.saved-rings > h2 {
  border-bottom: 1px solid #76787c;
  padding-bottom: 10px;
  margin-bottom: 20px;
  width: 99%;
}
.saved-rings .flexbox {
  flex-wrap: wrap;
}
@media all and (max-width: 550px) {
  .saved-rings .flexbox {
    display: block;
  }
}
.saved-rings .flexbox .saved-ring {
  flex: 0 0 49%;
  padding: 20px;
  margin: 0 1% 20px 0;
  border: 1px solid #dedede;
}
@media all and (max-width: 550px) {
  .saved-rings .flexbox .saved-ring {
    margin: 0 0 20px 0;
  }
}
.saved-rings .flexbox .saved-ring > a {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-align: center;
}
.saved-rings .flexbox .saved-ring h3 {
  margin-bottom: 10px;
  font-size: 1.7em;
  line-height: 1.2em;
}
.saved-rings .flexbox .saved-ring p.meta {
  font: normal 1em "Times New Roman", serif;
  font-size: 18px;
  color: #bdbcc1;
  margin-bottom: 20px;
}
.saved-rings .flexbox .saved-ring div.green {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  position: relative;
}
.saved-rings .flexbox .saved-ring div.green img {
  display: block;
}
.saved-rings .flexbox .saved-ring div.green:hover img {
  opacity: 0.6;
}
.saved-rings .flexbox .saved-ring p.price {
  font: normal 1em "Timeless", serif;
  margin: 15px 0 2px 0;
  font-size: 28px;
}
.saved-rings .flexbox .saved-ring img.ring {
  display: inline-block;
  height: auto;
}
.saved-rings .flexbox .saved-ring p.in {
  font: normal 1em "Times New Roman", serif;
  font-size: 15px;
  font-style: italic;
  text-align: right;
  padding-right: 1px;
}
.saved-rings .flexbox .saved-ring p.links {
  text-align: right;
}
.saved-rings .flexbox .saved-ring p.links a {
  font: normal 1em "Times New Roman", serif;
  color: #76787c;
  font-size: 18px;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: inline-block;
  margin-left: 12px;
}
.saved-rings .flexbox .saved-ring p.links a:hover {
  color: #a0cfde;
}
.saved-rings .rings-holder {
  bottom: unset;
  width: auto;
  float: unset;
}
.saved-rings .rings-holder .rcontain {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
}
@media screen and (min-width: 1300px) {
  .saved-rings .rings-holder .rcontain {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (min-width: 880px) {
  .saved-rings .rings-holder .rcontain {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.saved-rings .rings-holder .rcontain .ring .heart-container {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0.5rem;
  z-index: 9;
  display: flex;
  justify-content: flex-end;
}
.ring[hide-page-indicators] .ring-box .ring-img .mobile-page-indicator-container, .ring[hide-page-indicators=true] .ring-box .ring-img .mobile-page-indicator-container {
  display: none;
}
.ring .ring-box .ring-img {
  width: 100%;
  position: relative;
}
.ring .ring-box .ring-img .mobile-page-indicator-container {
  position: absolute;
  bottom: 0.25rem;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 880px) {
  .ring .ring-box .ring-img .mobile-page-indicator-container {
    display: none;
  }
}
.ring .ring-box .ring-img .mobile-page-indicator-container .mobile-page-inner {
  padding: 0.25rem;
  background: rgba(255, 255, 255, 0.4588235294);
  border-radius: 10px;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  display: flex;
  gap: 0.35ch;
  align-items: center;
}
.ring .ring-box .ring-img .mobile-page-indicator-container .mobile-page-inner .page-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #4c4c4c;
}
.ring .ring-box .ring-img .mobile-page-indicator-container .mobile-page-inner .page-indicator.selected {
  background: #4c4c4c;
}
.ring .ring-box .ring-img .main-images {
  width: 100%;
  height: 100%;
  display: flex;
  gap: 1px;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  aspect-ratio: 1;
}
.ring .ring-box .ring-img .main-images {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ring .ring-box .ring-img .main-images::-webkit-scrollbar {
  display: none;
}
.ring .ring-box .ring-img .main-images a {
  display: inline;
  scroll-snap-align: center;
  width: 100%;
  height: 100%;
  flex: none;
}
.ring .ring-box .ring-img .main-images a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 880px) {
  .ring .ring-box .ring-img .main-images {
    display: block;
    overflow: initial;
    position: initial;
  }
  .ring .ring-box .ring-img .main-images a img {
    animation: fade 250ms;
  }
  .ring .ring-box .ring-img .main-images a:first-child {
    display: block;
  }
  .ring .ring-box .ring-img .main-images a:nth-child(2) {
    display: none;
  }
}
@media screen and (min-width: 880px) {
  .ring .ring-box .ring-img {
    position: relative;
  }
  .ring .ring-box .ring-img:hover .main-images a:first-child {
    display: none;
  }
  .ring .ring-box .ring-img:hover .main-images a:nth-child(2) {
    display: block;
  }
}
@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ring .swatch-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 500px) {
  .ring .swatch-container.desk {
    display: none;
  }
}
@media screen and (min-width: 500.999px) {
  .ring .swatch-container.mobile {
    display: none;
  }
}
.ring .swatch-container a {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  overflow: clip;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}
.ring .swatch-container a.swatch.selected {
  border: 1px solid;
  padding: 3px;
}
.ring .swatch-container a.swatch.selected img {
  border-radius: 50%;
}
.ring .swatch-container a.swatch-extra {
  color: #959595;
  font-size: 13px;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.ring .swatch-container a span {
  vertical-align: middle;
}
@media screen and (max-width: 880px) {
  .hidden-sm {
    display: none;
  }
}
@media screen and (min-width: 881px) {
  .visible-sm {
    display: none;
  }
}
.page-in {
  animation: 350ms page-in;
}
.page-out {
  animation: 300ms page-out;
}
@keyframes page-in {
  from {
    background-color: transparent;
  }
  to {
    background-color: #4c4c4c;
  }
}
@keyframes page-out {
  from {
    background-color: #4c4c4c;
  }
  to {
    background-color: transparent;
  }
}
.modal.ring-modal .green-pop {
  left: 0;
}
.bottom-summary {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: #959595;
  margin-top: 2rem;
}
.bottom-summary .grid-loading-callout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.bottom-summary .grid-loading-callout .indicator {
  height: 1.25rem;
  width: 1.25rem;
  animation: loader 700ms infinite linear;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.3019607843);
  border-top-color: #000;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* ninelight */
@font-face {
  font-family: "ninelight";
  src: url("/assets/ninelite-a47afbca8046860d75a321973060766b11141526.woff2") format("woff2"), url("/assets/ninelite-3a3a0f19d1e89d89be6b208c0161dc41330f86f6.woff") format("woff"), url("/assets/ninelite-4a31d3b863f5b6ddfb11c037c67c30fdde7d805e.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "ninelight" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "ninelight" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-twitter:before {
  content: "d";
}
.icon-rss:before {
  content: "i";
}
.icon-right-big:before {
  content: "o";
}
.icon-left-big:before {
  content: "r";
}
.icon-down-big:before {
  content: "v";
}
.icon-menu:before {
  content: "x";
}
.icon-up-big:before {
  content: "z";
}
.icon-search:before {
  content: "A";
}
.icon-menu-2:before {
  content: "q";
}
.icon-youtube:before {
  content: "K";
}
.icon-facebook:before {
  content: "M";
}
.icon-linkedin-alt:before {
  content: "N";
}
.icon-linkedin:before {
  content: "O";
}
.icon-vimeo:before {
  content: "P";
}
.icon-pinterest:before {
  content: "b";
}
.icon-menu-3:before {
  content: "h";
}
.icon-close:before {
  content: "k";
}
.icon-menu-4:before {
  content: "X";
}
.icon-trash:before {
  content: "4";
}
.icon-menu-5:before {
  content: '"';
}
.icon-google:before {
  content: "Q";
}
.icon-google-plus:before {
  content: "$";
}
.icon-outline-instagram:before {
  content: "'";
}
.icon-outline-linkedin:before {
  content: "(";
}
.icon-outline-rss:before {
  content: ")";
}
.icon-outline-facebook:before {
  content: "*";
}
.icon-outline-google-plus:before {
  content: "/";
}
.icon-outline-twitter:before {
  content: ":";
}
.icon-outline-vimeo:before {
  content: ";";
}
.icon-outline-pinterest:before {
  content: "=";
}
.icon-outline-email:before {
  content: "B";
}
.icon-circle-twitter:before {
  content: "c";
}
.icon-circle-google-plus:before {
  content: "D";
}
.icon-circle-youtube:before {
  content: "E";
}
.icon-circle-linkedin:before {
  content: "F";
}
.icon-circle-vimeo:before {
  content: "G";
}
.icon-circle-rss:before {
  content: "H";
}
.icon-circle-pinterest:before {
  content: "I";
}
.icon-youtube-alt:before {
  content: "a";
}
.icon-mail:before {
  content: "e";
}
.icon-circle-facebook:before {
  content: "j";
}
.icon-home:before {
  content: "l";
}
.icon-cart:before {
  content: "m";
}
.icon-phone:before {
  content: "n";
}
.icon-location:before {
  content: "t";
}
.icon-circle-mail:before {
  content: "u";
}
.icon-pdf:before {
  content: "C";
}
.icon-nine-menu:before {
  content: "J";
}
.icon-marker:before {
  content: "L";
}
.icon-ruby:before {
  content: "R";
}
.icon-blog:before {
  content: "S";
}
.icon-client:before {
  content: "T";
}
.icon-message:before {
  content: "U";
}
.icon-n:before {
  content: "V";
}
.icon-video:before {
  content: "W";
}
.icon-user:before {
  content: "Z";
}
.icon-globe:before {
  content: "0";
}
.icon-outline-youtube:before {
  content: "1";
}
.icon-external:before {
  content: "f";
}
.icon-phone-2:before {
  content: "g";
}
.icon-pending:before {
  content: "p";
}
.icon-check:before {
  content: "s";
}
.icon-ticket:before {
  content: "w";
}
.icon-instagram:before {
  content: "y";
}
.icon-circle-instagram:before {
  content: "Y";
}
.icon-lock:before {
  content: "2";
}
.icon-houzz:before {
  content: "3";
}